/*----------------------------------------------------------------*/
/*  General Menu Styles
/*----------------------------------------------------------------*/
.fieldmegamenu a:focus{ outline:0;}
.fieldmegamenu > ul {
    display: block;
    clear: both;
    margin: 0;
}
.static_menu_fashion{margin-bottom:8px;}
.fieldmegamenu .submenu .title a:hover{
    color:#76bd43 ;
    margin-left:5px;
    transition:all 0.3s ease-in-out 0s; -webkit-transition:all 0.3s ease-in-out 0s; -moz-transition:all 0.3s ease-in-out 0s;
}
.fieldmegamenu img:hover{ opacity:0.8;}
.fieldmegamenu .menu-item.depth-1 > .title a:hover{
    color:#76bd43 ;
     transition:all 0.3s ease-in-out 0s; -webkit-transition:all 0.3s ease-in-out 0s; -moz-transition:all 0.3s ease-in-out 0s;
}
#header_menu {
    left: 0;
    position: absolute;
    right: 0;
    text-align: right;
    top: 40px;
    width: 100%;
}
#fieldmegamenu-main.fieldmegamenu > ul{
    height: 80px;
    padding: 0 161px 0 15px;
    text-align:right;
    float:right;
}
.fieldmegamenu > ul > li {
    display: inline-block;
    font-size: 20px;
    text-transform: uppercase;
    text-align:left;
    float:left;
    height:84px;
}
#fieldmegamenu-main.fieldmegamenu{position:relative; display:block; width:100%; height:84px;}
.fieldmegamenu .root-item.no-description .title{
    display:inline-block;
}
#fieldmegamenu-main.fieldmegamenu > ul > li.home_active .no-description .title, #fieldmegamenu-mobile.fieldmegamenu > ul > li.home_active .no-description .title{
    font-size:0;
}
.fieldmegamenu > ul > li img{max-width:100%;}
#fieldmegamenu-main.fieldmegamenu > ul > li .no-description .title{color:#fff;}
#fieldmegamenu-main.fieldmegamenu > ul > li:hover .no-description .title, #fieldmegamenu-main.fieldmegamenu > ul > li.active .no-description .title {color:#fff;}
#fieldmegamenu-mobile.fieldmegamenu > ul > li .no-description .title{color:#666666;}
.fieldmegamenu > ul > li:hover{background:#76bd43; transition:  all 0.3s ease-in-out 0s; -moz-transition:  all 0.3s ease-in-out 0s; -webkit-transition:  all 0.3s ease-in-out 0s;}
.fieldmegamenu .root > li {
    overflow: hidden;
}
.fieldmegamenu .root-item {
    float: left;
    cursor: pointer;
    overflow: hidden;
    padding: 10px 0;
    white-space: nowrap;
}
.fieldmegamenu .root-item .title .icon {
    display: block;
    font-size: 24px;
    margin-top: 17px;
    text-align: center;
    margin-bottom: 6px;
}
.fieldmegamenu .root-item .title .icon.icon-envelope-o{font-size:22px;}
.fieldmegamenu .root-item.no-description .title span.text_content{
    text-transform: uppercase;
    font-size:16px;
}
.fieldmegamenu .menu-items .icon{ margin-right:10px;}
.fieldmegamenu .root-item .title .icon.icon-home{
    font-size:24px;
}
.fieldmegamenu .home_active .root-item .title .icon.icon-home{vertical-align: middle; margin-right:0; }
.fieldmegamenu .root-item.no-description{
   height: 84px;
    padding: 0;
    min-width:80px;
    text-align:center;
    border-left:1px solid #e9e9e9;
}
#fieldmegamenu-main.fieldmegamenu > ul > li.active{
    background:#76bd43;
}
.fieldmegamenu .description {
    display: block;
    clear: both;
    font-size: 11px;
    color: #84888f;
}
.fieldmegamenu .menu-items {
    display: none;
    position: absolute;
    z-index: 99999;
    top:48px;
    left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 15px;
    height: auto;
    max-width: 1170px;
    border-bottom: 5px solid #76bd43;
    background: #fafafa;
    -webkit-box-shadow: 0 8px 14px 0 rgba(0, 0, 0, 0.25), inset 0 1px 1px rgba(0,0,0,0.35);
    -moz-box-shadow: 0 8px 14px 0 rgba(0, 0, 0, 0.25), inset 0 1px 1px rgba(0,0,0,0.35);
    box-shadow: 0 8px 14px 0 rgba(0, 0, 0, 0.25), inset 0 1px 1px rgba(0,0,0,0.35);
    line-height: normal;
}

/* inline-block hack */
.fieldmegamenu .menu-items ul {
    font-size: 0;
}

/* General Styles */
.fieldmegamenu .menu-items li {
    font-size: 14px;
    color:#626060;
}

.fieldmegamenu .menu-items > li {
    float: left;
    padding: 0 15px;
    margin-bottom:7px;
}

.fieldmegamenu .menu-item.depth-1 > .title {
    margin: 8px 0 10px 0;
    padding: 0 0 5px 0;
    border-bottom: 1px solid #c0c0c0;
    font-size: 16px;
    font-weight:500;
}
.fieldmegamenu .menu-item.depth-1 > .title a{
    color:#666;
}
.fieldmegamenu .submenu .title a{
    text-transform: capitalize;
    transition:all 0.3s ease-in-out 0s; -webkit-transition:all 0.3s ease-in-out 0s; -moz-transition:all 0.3s ease-in-out 0s;
}
.fieldmegamenu .menu-item > .title {
    padding: 4px 0;
}
.fieldmegamenu .submenu li:last-child{padding-bottom:0;}
.fieldmegamenu .submenu {
    overflow: hidden;
    margin-left: -1%;
    margin-right: -1%;
}

.fieldmegamenu .submenu > li {
    margin: 0 1%;
}

.fieldmegamenu .submenu > li .submenu > li {
    padding-left: 10px;
}

.fieldmegamenu .submenu > li.no-title > .submenu > li {
    padding-left: 0;
}

.fieldmegamenu .submenu .title {
    float: none;
}

/* Divider */
.fieldmegamenu .menu-item.divider {
    position: relative;
    display: block;
    float: none;
    clear: both;
    margin: 0;
    padding: 15px 1%;
    width: 100%;
    border: none;
}

/* Custom Content */
.fieldmegamenu .custom-content p {
    padding: 5px 0;
}

.fieldmegamenu .custom-content ul {
    list-style-type: disc;
}

.fieldmegamenu .custom-content ol {
    list-style-type: decimal;
}

.fieldmegamenu .custom-content li {
    margin-left: 16px;
}

/* Products */
.fieldmegamenu .product.withimage {
    display: inline-block;
    float: none;
    vertical-align: top;
    padding: 1px 0!important;
}

.fieldmegamenu .product .product-image{
    display: block;
}

.fieldmegamenu .product.withimage .title{
    margin-top: 10px;
}

.fieldmegamenu .depth-1.product .title{
    font-weight: normal;
    font-size: 13px;
    border: none;
    margin: 10px 0;
    padding: 0;
}

/* Manufacturers */
.fieldmegamenu .manufacturer.withimage {
    display: inline-block;
    float: none;
    vertical-align: top;
    padding: 1px 0!important;
}

.fieldmegamenu .manufacturer.withimage .title{
    margin-top: 10px;
}

.fieldmegamenu .depth-1.manufacturer .title{
    font-weight: normal;
    font-size: 13px;
    border: none;
    margin: 10px 0;
    padding: 0;
}

/* Suppliers */
.fieldmegamenu .supplier.withimage {
    display: inline-block;
    float: none;
    vertical-align: top;
    padding: 1px 0!important;
}

.fieldmegamenu .supplier.withimage .title{
    margin-top: 10px;
}

.fieldmegamenu .depth-1.supplier .title{
    font-weight: normal;
    font-size: 13px;
    border: none;
    margin: 10px 0;
    padding: 0;
}
.category_demo_custom > ul > li.customcontent{width:40%; margin-top:5px;}

/* Column System */
[class*="menucol-"] {
    float: left;
}

.menucol-1-1 {
    width: 100%!important;
}

.menucol-1-2 {
    width: 50%!important;
}

.menucol-1-3 {
    width: 33.33%!important;
}

.menucol-2-3 {
    width: 66.67%!important;
}

.menucol-1-4 {
    width: 25%!important;
}

.menucol-3-4 {
    width: 75%!important;
}

.menucol-1-5 {
    width: 20%!important;
}

.menucol-1-6 {
    width: 16.66%!important;
}

.menucol-1-10 {
    width: 10%!important;
}

/* Inline */
.fieldmegamenu .inline ul {
    font-size : 0;
}

.fieldmegamenu .inline li {
    display: inline-block;
    float: left;
    padding: 0 10px;
    width: 20%;
    vertical-align: top;
    font-size: 12px;
}

/* Text Alignment */
.fieldmegamenu .text-center ul,
.fieldmegamenu .text-center li {
    text-align: center;
}

.fieldmegamenu .menu-item.no-title > .title {
    display: none;
}

.fieldmegamenu .menu-item.no-description > .description {
    display: none;
}

/*----------------------------------------------------------------*/
/*  Mobile Menu Styles
/*----------------------------------------------------------------*/
#header_mobile_menu {
    background:#76bd43;
    clear: both;
    width: 100%;
    text-align: center;
    padding: 20px 0;
    position: relative;
    z-index: 999;
}
#header_mobile_menu .brand{ color:#fff; font-size:18px; text-transform: uppercase;}
#header_mobile_menu .fieldmegamenu > ul > li {
    float: none;
    clear: both;
    margin: 0;
    width: 100%;
    height: 50px;
    min-height: 0;
    border-bottom: 1px dotted #d7dce2;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#header_mobile_menu .fieldmegamenu > ul > li:first-of-type {
    border-top: 1px dotted #d7dce2;
}

#header_mobile_menu .fieldmegamenu .fieldmegamenu-mobile-handle {
    display: block;
    float: right;
    font-family: "fontawesome";
    font-size: 20px;
    vertical-align: middle;
    text-align: center;
    margin: 0;
    padding: 15px 10px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#header_mobile_menu .fieldmegamenu .menu-items {
    position: relative;
    top: 0;
    padding: 15px;
    margin: 0;
    z-index: auto;
    overflow: hidden;
    -webkit-box-shadow: 0 0px 14px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 0px 14px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 0px 14px 0 rgba(0, 0, 0, 0.25);
}

#header_mobile_menu .fieldmegamenu .description {
    white-space: nowrap;
}
#header_menu{
    width:100%;
    background: #f47e1e;
}
.fieldmm-nav{
    position: relative;
}
#fieldmm-button {
    cursor: pointer;
    float: right;
    font-size: 25px;
    color:#fff;
    margin-right: 15px;
}
#fieldmegamenu-mobile{
    background: #f1f1f1;
    display: block;
    height: auto;
    left: -80%;
    position: absolute;
    top: 50px;
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    transition: all 350ms ease 0s;
    width: 80%;
    z-index: 999998;
    padding: 0 20px;
}
.navbar-active #fieldmegamenu-mobile {
    -webkit-transform: translate(100%, 0);
    transform: translate(100%, 0);
    -webkit-box-shadow: 0 0 13px 0 rgba(0,0,0,0.45);
    -moz-box-shadow: 0 0 13px 0 rgba(0,0,0,0.45);
    box-shadow: 0 0 13px 0 rgba(0,0,0,0.45);
}
.right_block_img_menu{padding-top:15px;}
.fieldmegamenu-sticky .fieldmegamenu > ul > li{margin:0;}
.fieldmegamenu-sticky .demo_other_menu{display:none;}

/*----------------------------------------------------------*/
/*
/* Media Queries
/*
/*----------------------------------------------------------*/

/*---------------------------------------*/
/* width >= 1680px
/*---------------------------------------*/
@media only screen and (min-width: 1680px)
{

}

/*---------------------------------------*/
/*  1280px <= width < 1680px
/*---------------------------------------*/
@media only screen and (max-width: 1679px)
{

}

/*---------------------------------------*/
/* 1136px <= width < 1280px
/*---------------------------------------*/
@media only screen and (max-width: 1279px)
{

}

/*---------------------------------------*/
/* 1024px <= width < 1136px
/*---------------------------------------*/
@media only screen and (max-width: 1135px)
{

}

/*---------------------------------------*/
/* 960px <= width < 1024px
/*---------------------------------------*/
@media only screen and (max-width: 1023px)
{
    .custom-menu-bottom, .custom-menu-top{max-width:330px;}
    .right_block_img_menu{max-width:164px;}
}

/*---------------------------------------*/
/* 768px <= width < 960px
/*---------------------------------------*/
@media only screen and (max-width: 959px)
{

    #header_mobile_menu .fieldmegamenu .menu-items > .menu-item {
        width: 100%!important;
        margin: 0 0 30px 0;
    }

    #header_mobile_menu .fieldmegamenu .menu-item.divider {
        padding: 0 1%;
        margin: 0;
    }

    /* force to menucol-1-4 */
    .menucol-1-5 {
        width: 25%!important;
    }

    .menucol-1-6 {
        width: 25%!important;
    }

    .menucol-1-10 {
        width: 25%!important;
    }

}

/*---------------------------------------*/
/* 640px <= width < 768px
/*---------------------------------------*/
@media only screen and (max-width: 767px)
{

}

/*---------------------------------------*/
/* 480px <= width < 640px
/*---------------------------------------*/
@media only screen and (max-width: 639px)
{
    /* force to menucol-1-3 */
    .menucol-1-4 {
        width: 33.33%!important;
    }

    /* force to menucol-2-3 */
    .menucol-3-4 {
        width: 66.67%!important;
    }

    /* force to menucol-1-3 */
    .menucol-1-5 {
        width: 33.33%!important;
    }

    .menucol-1-6 {
        width: 33.33%!important;
    }

    .menucol-1-10 {
        width: 33.33%!important;
    }
}

/*---------------------------------------*/
/* 420px <= width < 480px
/*---------------------------------------*/
@media only screen and (max-width: 479px)
{
    /* force to menucol-1-2 */
    .menucol-1-3 {
        width: 50%!important;
    }

    .menucol-2-3 {
        width: 50%!important;
    }

    .menucol-1-4 {
        width: 50%!important;
    }

    .menucol-3-4 {
        width: 50%!important;
    }

    .menucol-1-5 {
        width: 50%!important;
    }

    .menucol-1-6 {
        width: 50%!important;
    }

    .menucol-1-10 {
        width: 50%!important;
    }

}

/*---------------------------------------*/
/* 320px <= width < 420px
/*---------------------------------------*/
@media only screen and (max-width: 419px)
{

}

/*---------------------------------------*/
/* 0px <= width < 320px
/*---------------------------------------*/
@media(max-width:1199px) and (min-width:991px){
#header_menu.fieldmegamenu-sticky{
    position: absolute!important;
 }
}
@media(max-width:991px){
    #header_mobile_menu .fieldmegamenu > ul > li{background:transparent; padding-left:15px;}
   #fieldmegamenu-mobile.fieldmegamenu > ul > li .no-description .title{background:transparent;}
   #header_mobile_menu .fieldmegamenu .menu-items > .menu-item{text-align:left;}
}
@media (min-width: 992px) {
  .fieldmegamenu .menu-items {
    max-width: 970px; }
}
@media (min-width: 1200px) {
  .fieldmegamenu .menu-items {
    max-width: 1170px; }
}

/*******************static_menu_fashion**********/
.static_menu_fashion .top_img{ margin:15px 0 15px 0;}
.static_menu_fashion .bottom_img{margin-top:15px;}
.static_menu_fashion img{width:100%;}

/**************static_menu_cosmetic**********/
.static_img_background{padding:0;}
.bottom_static_menu_cosmetic{margin-top:-80px; margin-bottom:8px;}
.bottom_static_menu_cosmetic img{width:100%;}

#header_mobile_menu .fieldmegamenu .root-item .title .icon{display:inline-block; margin-right:5px;}
#header_mobile_menu .fieldmegamenu .root-item.no-description{width:auto;height:auto;}
#header_mobile_menu .fieldmegamenu .root-item.no-description{border:none;}

.fieldmegamenu .root-item.no-description a{width:100%; height:100%; display:inline-block; padding:0 10px;}
.fieldmegamenu .root-item.no-description a.active{background:#76bd43;}
@media(max-width:991px){
    .fieldmegamenu .root-item.no-description a.active{background:transparent!important;}
}