/* ==== NAVIGATION >>> HEADER ================================================================================================================================================================================= */

.menu-header { border-top: none; padding: 80px 0 0 0; min-width: 320px !important; position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; }
.menu-header.no-diagnose { padding-top: 60px; border-bottom: 1px solid #C4C4C4; }

@media only screen and ( min-width : 48em ) {


}

@media only screen and ( min-width : 64em ) {

    .menu-header { padding-top: 28px; }
    .menu-header.no-diagnose { padding-top: 0; border: none; }

    .is-sidebar-page .container,
    .menu-header .container { max-width: 1190px; padding-left: 20px; padding-right: 20px; }
    .container.container-big { max-width: 1190px; padding-left: 20px; padding-right: 20px; }

}

@media only screen and ( min-width : 75em ) {

    .is-sidebar-page .container,
    .menu-header .container { max-width: 1400px; }
    .container.container-big { max-width: 1400px; }
}

/* ==== NAVIGATION >>> FREE DIAGNOSE BAR ====================================================================================================================================================================== */

/* NAVIGATION >>> FREE DIAGNOSE BAR >>> LAYOUT */

.menu-header .free-diagnose-bar { background: #FF7F32; z-index: 99; top: 60px; left: 0; width: 100%; position: absolute; }
.menu-header .free-diagnose-bar a { display: block; text-align: center;  padding: 3px 0 6px 0; font-family: Gotham; font-size: 12px; line-height: 15px; text-align: center; 
    letter-spacing: 0.01em; color: #fff; font-weight: bold; text-transform: uppercase; }
.menu-header .free-diagnose-bar a span { font-size: 18px; display: inline-block; padding: 0 0 0 4px; line-height: 15px; position: relative; top: 2px; }
.menu-header .free-diagnose-bar a:hover { opacity: 0.6; cursor: pointer; }

@media only screen and ( min-width : 48em ) {

    .menu-header .free-diagnose-bar a { letter-spacing: 0.05em; }
}

@media only screen and ( min-width : 64em ) {
    
    .menu-header .free-diagnose-bar { position: fixed; top: 0; left: 0; width: 100%; }
    .menu-header .free-diagnose-bar { position: absolute; }
}



/* ==== NAVIGATION >>> BOTTOM BAR ====================================================================================================================================================================== */

/* NAVIGATION >>> BOTTOM BAR >>> LAYOUT */

.menu-header .bottom-nav { position: fixed; left: 0; top: 0; background: rgba(0, 0, 0, 0); width: 100%; width: 100%; z-index: 999999999999; display: block; pointer-events: none;  }
.menu-header .bottom-nav.active { }

/* NAVIGATION >>> BOTTOM BAR >>> TOP LVL NAVIGATION */

.menu-header .bottom-nav .nav-holder { }

.menu-header .bottom-nav .nav-holder > ul { display: block; width: 100%; max-width: 280px; height: 100vh; overflow: auto; background: #fff;
    padding-bottom: 120px; left: -280px; position: relative; border-right: 1px solid #f0f0f0; z-index: 999; pointer-events: all; }

.menu-header .bottom-nav .nav-holder > ul > li.close-button { left: -280px; position: fixed; bottom: 0; width: 100%; max-width: 280px; padding: 30px; border-top: solid 1px #d9d7d5;
    -webkit-box-shadow: 0 0 7px 0 rgba(0,0,0,0.3); box-shadow: 0 0 7px 0 rgba(0,0,0,0.3); }
.menu-header .bottom-nav.active .nav-holder > ul > li.close-button { left: 0; display: none; }
.menu-header .bottom-nav.active .nav-holder > ul > li.close-button a { color: #fff; border-bottom: none !important; text-align: center !important; letter-spacing: 1.5px; padding: 0 10px; }
.menu-header .bottom-nav.active .nav-holder > ul > li.close-button a span { display: none; }

.menu-header .bottom-nav.active .nav-holder > ul > li:first-child { border-top: 10px solid #5e4b3c; }

.menu-header .bottom-nav.active .nav-holder > ul { position: relative; left: 0; }
    .menu-header .bottom-nav .nav-holder > ul > li { display: block; position: relative; }
    .menu-header .bottom-nav .nav-holder > ul > li.has-submenu:before { position: absolute; right: 15px; top: 15px; content: "\f3d1"; display: block; width: 30px; height: 30px;
        font-family: 'Ionicons'; line-height: 30px; text-align: center; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out;
        -ms-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out; -ms-transform: rotate(0); -webkit-transform: rotate(0);
        transform: rotate(0); color: rgba(0,0,0,1); }
    .menu-header .bottom-nav .nav-holder > ul > li.active.has-submenu:before { -ms-transform: rotate( 90deg ); -webkit-transform: rotate( 90deg ); transform: rotate( 90deg ); }
    .menu-header .bottom-nav .nav-holder > ul > li > a { line-height: 1.43; font-size: 14px; letter-spacing: 0.6px; text-transform: uppercase; color: rgba(0,0,0,1);
        display: block; padding: 20px; padding-right: 60px; border-bottom: solid 1px #f0f0f0; }
    .menu-header .bottom-nav .nav-holder > ul > li.active > a { background: #f0f0f0; }

    /* HEADER >>> MENU > MEGAMENU NAVIGATION > DE TU A TU  */
    .menu-header .bottom-nav .nav-holder > ul > li.blog-submenu > ul > li .block-promo { display: none; }

/* NAVIGATION >>> BOTTOM BAR >>> SECOND LVL NAVIGATION */

.menu-header .bottom-nav .nav-holder > ul { }
.menu-header .bottom-nav .nav-holder > ul > li > ul { position: static; width: 100%; padding: 0; text-align: left; display: none; }
.menu-header .bottom-nav .nav-holder > ul > li > ul > li { }
    .menu-header .bottom-nav .nav-holder > ul > li > ul > li > a { font-size: 12px; line-height: 1.67; letter-spacing: 1.5px; color: rgba(0,0,0,1); background: rgba( 240, 240, 240, 0.4 );
        text-transform: uppercase; padding: 10px 20px; display: block; pointer-events: none; }
    .menu-header .bottom-nav .nav-holder > ul > li > ul > li.pais > a { pointer-events: all; }
    .menu-header .bottom-nav .nav-holder > ul > li > ul > li.promo-holder { display: none; }
    .menu-header .bottom-nav .nav-holder > ul > li > ul > li > ul { }
    .menu-header .bottom-nav .nav-holder > ul > li > ul > li > ul > li { border-bottom: solid 1px #f0f0f0; }
    .menu-header .bottom-nav .nav-holder > ul > li > ul > li > ul > li > a { background: #fff; display: block; font-size: 16px; line-height: 1.25; color: #FF7F32; padding: 20px 16px; }

/* NAVIGATION >>> BOTTOM BAR >>> ACTIONS */

.menu-header .bottom-nav .nav-holder .homeback-holder { height: 60px; width: 26%; background: url('../images/icons/logo-new.svg') center center no-repeat; 
    position: absolute; display: block; background-size: 70px; left: -220px; left: 0; top: 0; pointer-events: all; }
.menu-header .bottom-nav .nav-holder h1.home-logo { font-size: 0; margin: 0; }

.menu-header .bottom-nav .nav-holder { }

.menu-header .bottom-nav .nav-holder .actions-holder { position: absolute; width: 74%; display: block; pointer-events: all; background: #fff; 
     top: 0; right: 0;  display: flex; justify-content: flex-end; flex-wrap: nowrap; }
.menu-header .bottom-nav .nav-holder .actions-holder > ul { display: flex; flex-wrap: nowrap; }
.menu-header .bottom-nav .nav-holder .actions-holder > ul > li { display: inline-block; line-height: 36px; vertical-align: middle; padding: 12px 0; flex: 0 0 auto; }
.menu-header .bottom-nav .nav-holder .actions-holder > ul > li > a { font-size: 12px; color: #111; display: block; height: 36px; }
.menu-header .bottom-nav .nav-holder .actions-holder > ul > li > a:hover { color: green; cursor: pointer; }

.menu-header .bottom-nav .nav-holder .actions-holder > ul > li a.cart { width: 26px; display: block; text-align: center; height: 36px; 
    background: url('../images/icons/cart-icon-mvl.svg') center center no-repeat; }
.menu-header .bottom-nav .nav-holder .actions-holder > ul > li.phone-holder > a { width: 24px; display: block; text-align: center; height: 36px; 
    background: url('../images/icons/phone.svg') center center no-repeat; overflow: hidden; text-indent: -999px; }
.menu-header .bottom-nav .nav-holder .actions-holder > ul > li.login-holder { display: none; font-weight: bold; }
.menu-header .bottom-nav .nav-holder .actions-holder > ul > li.trigger-holder > a { width: 30px; display: block; text-align: center; height: 36px; 
    background: url('../images/icons/rsp-trigger.svg') center center no-repeat; }


.menu-header .bottom-nav .nav-holder .actions-holder > ul > li.search-holder { flex: 1 1 300px; }
.menu-header .bottom-nav .nav-holder .actions-holder > ul > li.search-holder form.searchform { padding: 6px 10px 6px 30px; width: 100%; max-width: 160px; 
    background: url('../images/icons/glass.svg') 5px 8px no-repeat; }
.menu-header .bottom-nav .nav-holder .actions-holder > ul > li.search-holder form.searchform input { font-size: 12px !important; color: #111; background: transparent; 
    display: block; height: 24px; padding: 0; width: 100%; border-bottom: 2px solid #111; font-weight: bold; }

.menu-header .bottom-nav .nav-holder .actions-holder > ul > li.search-holder form.searchform input::-webkit-input-placeholder { color: transparent; }
.menu-header .bottom-nav .nav-holder .actions-holder > ul > li.search-holder form.searchform input::-moz-placeholder { color: transparent; }
.menu-header .bottom-nav .nav-holder .actions-holder > ul > li.search-holder form.searchform input:-ms-input-placeholder { color: transparent; }
.menu-header .bottom-nav .nav-holder .actions-holder > ul > li.search-holder form.searchform input:-moz-placeholder { color: transparent; }


/* .menu-header .bottom-nav .nav-holder .actions-holder > ul > li.search-holder { padding: 12px 10px; } */

.menu-header .bottom-nav .nav-holder .actions-holder > ul > li.search-holder { padding-left: 10px; padding-right: 10px; }
.menu-header .bottom-nav .nav-holder .actions-holder > ul > li.phone-holder { padding-left: 10px; padding-right: 10px; }
.menu-header .bottom-nav .nav-holder .actions-holder > ul > li.cart-holder { padding-left: 10px; padding-right: 10px; }


@media only screen and ( min-width : 24em ) {

    .menu-header .bottom-nav .nav-holder .actions-holder > ul > li { padding: 12px !important;  }
    .menu-header .bottom-nav .nav-holder .homeback-holder { background-size: 85px; }

}


@media only screen and ( min-width : 48em ) {
    .menu-header .bottom-nav .nav-holder .homeback-holder { width: 40%;  background-size: 90px;  background-position: 20px center; }
    .menu-header .bottom-nav .nav-holder .actions-holder { width: 60%; background: transparent !important; }
}

 
@media only screen and ( min-width : 64em ) {

    /* NAVIGATION >>> BOTTOM BAR */
    .menu-header .bottom-nav { padding: 24px 0 21px 0; position: static; max-width: none; height: auto;
        overflow: visible; display: block !important; pointer-events: all; }
    .menu-header .bottom-nav.active { background: #fff; }

        /* NAVIGATION >>> BOTTOM BAR >>> ADD NAVIGATION */

    .menu-header .bottom-nav .nav-holder .homeback-holder { position: absolute; height: 37px; width: 145px; background: url('../images/icons/logo-new.svg') left center no-repeat; 
        top: -2px; left: 0; z-index: 999999; background-size: contain; }
    .menu-header .bottom-nav .nav-holder .actions-holder { position: absolute; top: 0; right: 0; width: 260px; display: flex; 
        justify-content: flex-end; flex-wrap: nowrap; padding: 0; z-index: 999999; }
    .menu-header .bottom-nav .nav-holder .actions-holder > ul > li { display: inline-block; line-height: 36px; vertical-align: middle; padding-top: 0 !important; padding-bottom: 0 !important; }
    .menu-header .bottom-nav .nav-holder .actions-holder > ul > li > a { display: block; height: 36px; }
    .menu-header .bottom-nav .nav-holder .actions-holder > ul > li a.cart { width: 36px; display: block; text-align: center; height: 36px; 
        background: url('../images/icons/cart-icon.svg') center center no-repeat; }
    .menu-header .bottom-nav .nav-holder .actions-holder > ul > li.search-holder { padding-right: 5px !important; padding-left: 0 !important; }
    .menu-header .bottom-nav .nav-holder .actions-holder > ul > li.cart-holder { display: inline-block; padding-right: 0 !important; padding-left: 0 !important; }
    .menu-header .bottom-nav .nav-holder .actions-holder > ul > li.login-holder { display: inline-block; text-transform: uppercase; padding-right: 5px !important; padding-left: 0 !important; }
    .menu-header .bottom-nav .nav-holder .actions-holder > ul > li.trigger-holder { display: none; }
    
    .menu-header .bottom-nav .nav-holder .actions-holder > ul > li.phone-holder { background: #121212; position: fixed; right: 0; width: auto; top: 120px; padding: 0 20px !important; }
    .menu-header .bottom-nav .nav-holder .actions-holder > ul > li.phone-holder a { width: auto; text-indent: 0; color: #fff; font-family: 'Gotham'; font-size: 16px; line-height: 20px; 
        letter-spacing: 0.05em; font-weight: bold; background-position: left center; background-image: url('../images/icons/phone-clear.svg'); background-color: #121212; height: auto; 
        padding: 18px 0 18px 30px; background-size: 20px; margin: 0; }
    /*
    .scrolled .menu-header .bottom-nav .nav-holder .actions-holder > ul > li.phone-holder { top: 100px; }
    .scrolled .menu-header .bottom-nav .nav-holder .actions-holder > ul > li.phone-holder a { padding: 12px 0 12px 30px; }
    .bscrolled .menu-header .bottom-nav .nav-holder .actions-holder > ul > li.phone-holder { right: -200px; }
    */
    
    .scrolled .menu-header .bottom-nav .nav-holder .actions-holder > ul > li.phone-holder { top: 100px; }
    .scrolled .menu-header .bottom-nav .nav-holder .actions-holder > ul > li.phone-holder a { padding: 12px 0 12px 30px; }

    .menu-header .bottom-nav .nav-holder .actions-holder > ul > li.phone-holder.hidden { right: -135px; }
    .menu-header .bottom-nav .nav-holder .actions-holder > ul > li.phone-holder.hidden a { padding-left: 40px; }

    .menu-header .bottom-nav .nav-holder .actions-holder > ul > li.phone-holder.hidden:hover { right: 0; }
    .menu-header .bottom-nav .nav-holder .actions-holder > ul > li.phone-holder.hidden:hover a { padding-left: 30px; }
    
    .scrolled .menu-header .bottom-nav .nav-holder .homeback-holder { height: 33px; width: 135px; top: 2px; }

    .menu-header .bottom-nav .nav-holder .actions-holder > ul > li.search-holder { }
    .menu-header .bottom-nav .nav-holder .actions-holder > ul > li.search-holder form.searchform input { border-bottom: none;  text-transform: uppercase; }
    
    .menu-header .bottom-nav .nav-holder .actions-holder > ul > li.search-holder form.searchform input::-webkit-input-placeholder { color: #121212; }
    .menu-header .bottom-nav .nav-holder .actions-holder > ul > li.search-holder form.searchform input::-moz-placeholder { color: #121212; }
    .menu-header .bottom-nav .nav-holder .actions-holder > ul > li.search-holder form.searchform input:-ms-input-placeholder { color: #121212; }
    .menu-header .bottom-nav .nav-holder .actions-holder > ul > li.search-holder form.searchform input:-moz-placeholder { color: #121212; }

    .menu-header .bottom-nav .nav-holder .actions-holder > ul > li.search-holder form.searchform input:focus::-webkit-input-placeholder { opacity: 0.5; }
    .menu-header .bottom-nav .nav-holder .actions-holder > ul > li.search-holder form.searchform input:focus::-moz-placeholder { opacity: 0.5; }
    .menu-header .bottom-nav .nav-holder .actions-holder > ul > li.search-holder form.searchform input:focus:-ms-input-placeholder { opacity: 0.5; }
    .menu-header .bottom-nav .nav-holder .actions-holder > ul > li.search-holder form.searchform input:focus:-moz-placeholder { opacity: 0.5; }


    /* NAVIGATION >>> BOTTOM BAR >>> TOP LVL NAVIGATION */
    
    .menu-header .bottom-nav .nav-holder { position: relative; }        
    .menu-header .bottom-nav .nav-holder > ul { display: flex; justify-content: space-between; max-width: none; height: auto; overflow: visible; left: 0; position: static; 
        padding: 10px 270px 10px 150px; z-index: 99; max-width: 1260px; margin: 0 auto; border: none; background: transparent; }
    .menu-header .bottom-nav.active .nav-holder > ul { left: 0; background: transparent; }


    .menu-header .bottom-nav .nav-holder > ul > li { padding: 0 10px; }

    .menu-header .bottom-nav .nav-holder > ul > li:nth-child(2) { border-left: none; }
    .menu-header .bottom-nav .nav-holder > ul > li.close-button,
    .menu-header .bottom-nav .nav-holder > ul > li.back-button { display: none; }
    .menu-header .bottom-nav .nav-holder > ul > li { display: block; text-align: center; flex: 1 1 auto; padding-right: 0; border-bottom: none; position: static; }
    .menu-header .bottom-nav .nav-holder > ul > li > a { line-height: 17px; height: 17px; font-size: 14px; text-transform: uppercase; color: #111; display: inline-block; padding: 0; border: none; }
    .menu-header .bottom-nav .nav-holder > ul > li.active > a { color: rgba(0,0,0,1); background: transparent; }
    .menu-header .bottom-nav .nav-holder > ul > li:hover > a { color: #d7a884; }
    .menu-header .bottom-nav .nav-holder > ul > li > ul { position: absolute; background: #fff; width: 100%; left: 0; top: 62px; padding: 30px 10px; text-align: left;
        -webkit-box-shadow: 0 0 7px 0 rgba(0,0,0,0.3); box-shadow: 0 0 7px 0 rgba(0,0,0,0.3); display: none !important; justify-content: space-between; z-index: 999; opacity: 0 }

    /* NAVIGATION >>> BOTTOM BAR >>> SECOND LVL NAVIGATION */
    .menu-header .bottom-nav .nav-holder > ul > li:hover > ul > li.promo-holder { display: block; }

    .menu-header .bottom-nav .nav-holder > ul { }
    .menu-header .bottom-nav .nav-holder > ul > li.has-submenu { }
    .menu-header .bottom-nav .nav-holder > ul > li.has-submenu:before { display: none; }

    .menu-header .bottom-nav .nav-holder > ul > li.has-submenu:after { display: block; position: absolute; top: 28px; left: 0; width: 100%; height: 38px; pointer-events: none; 
        -webkit-transition:all 300ms ease-out;-moz-transition:all 300ms ease-out;-ms-transition:all 300ms ease-out;-o-transition:all 300ms ease-out;transition:all 300ms ease-out;
        content: ""; opacity: 0; }

    .menu-header .bottom-nav .nav-holder > ul > li.has-submenu:hover:after { content: ""; z-index: 1; display: block; z-index: 999; opacity: 1; pointer-events: all; }
        .menu-header .bottom-nav .nav-holder > ul > li.has-submenu:hover > a { position: relative; }
        .menu-header .bottom-nav .nav-holder > ul > li.has-submenu:hover > a:after,
        .menu-header .bottom-nav .nav-holder > ul > li.has-submenu:hover > a:before { position: absolute; top: 38px; left: 50%; content: ""; height: 24px; width: 24px;
                -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); margin-left: -10px; }
        .menu-header .bottom-nav .nav-holder > ul > li.has-submenu:hover > a:after { z-index: 9999; background: #fff; }
        .menu-header .bottom-nav .nav-holder > ul > li.has-submenu:hover > a:before { background: rgba(0,0,0,0.3); z-index: 99; -webkit-box-shadow: 0 0 7px 0 rgba(0,0,0,0.3); box-shadow: 0 0 7px 0 rgba(0,0,0,0.3); }
        .menu-header .bottom-nav .nav-holder > ul > li.has-submenu:hover > ul { display: flex !important; opacity: 1; width: 100%; z-index: 99999999; }
        .menu-header .bottom-nav .nav-holder > ul > li > ul { }
        .menu-header .bottom-nav .nav-holder > ul > li > ul > li > a { background: transparent; }
        .menu-header .bottom-nav .nav-holder > ul > li > ul > li > ul > li { border-bottom: none; }

/* HEADER >>> MENU > MEGAMENU NAVIGATION > REGULAR */

.menu-header .bottom-nav .nav-holder > ul > li.regular-submenu > ul > li { width: 33%; padding: 0 20px; border-left: 1px solid rgba(94, 75, 60, 0.15); }
    .menu-header .bottom-nav .nav-holder > ul > li.regular-submenu > ul > li:first-of-type { border: none !important; }
    .menu-header .bottom-nav .nav-holder > ul > li.regular-submenu > ul > li > a { letter-spacing: 3px; padding: 0; }
    .menu-header .bottom-nav .nav-holder > ul > li.regular-submenu > ul > li > ul { padding: 15px 0 0 0; }
    .menu-header .bottom-nav .nav-holder > ul > li.regular-submenu > ul > li > ul > li { padding: 0; pointer-events: none; color: rgba(0,0,0,1); margin-bottom: 15px; border-bottom: none; }
    .menu-header .bottom-nav .nav-holder > ul > li.regular-submenu > ul > li > ul > li > a { line-height: 1.25; font-size: 16px; color: #FF7F32; display: block; pointer-events: all;
        max-width: 320px; padding: 0; }
    .menu-header .bottom-nav .nav-holder > ul > li.regular-submenu > ul > li > ul > li > a:hover { color: #FF7F32; }

    /* HEADER >>> MENU > MEGAMENU NAVIGATION > BLOCK  */

    .menu-header .bottom-nav .nav-holder > ul > li.block-submenu > ul { background: #fff; }
    .menu-header .bottom-nav .nav-holder > ul > li.block-submenu > ul > li { }
    .menu-header .bottom-nav .nav-holder > ul > li.block-submenu > ul > li:first-of-type { width: 35%; padding: 20px; }
    .menu-header .bottom-nav .nav-holder > ul > li.block-submenu > ul > li:last-of-type { width: 65%; padding: 10px 20px; }
    .menu-header .bottom-nav .nav-holder > ul > li.block-submenu > ul > li:first-of-type > ul { }
    .menu-header .bottom-nav .nav-holder > ul > li.block-submenu > ul > li:first-of-type > ul > li { padding: 0; pointer-events: none; color: rgba(0,0,0,1); margin-bottom: 15px; }
    .menu-header .bottom-nav .nav-holder > ul > li.block-submenu > ul > li:first-of-type > ul > li > a { line-height: 1.25; font-size: 16px; color: #FF7F32; display: block; pointer-events: all; padding: 0; }
    .menu-header .bottom-nav .nav-holder > ul > li.block-submenu > ul > li:first-of-type > ul > li > a:hover { color: #FF7F32; }
    .menu-header .bottom-nav .nav-holder > ul > li.block-submenu > ul > li .block-promo { background: #fff; }
    .menu-header .bottom-nav .nav-holder > ul > li.block-submenu > ul > li .block-promo p.intro { font-size: 16px; line-height: 1.25; color: rgba(0,0,0,1); margin-bottom: 17px; }
    .menu-header .bottom-nav .nav-holder > ul > li.block-submenu > ul > li .block-promo .box { background: #f5f5f5; box-shadow: 0 2px 1px 0 #d9d7d5; margin-bottom: 20px; position: relative; overflow: hidden; }
    .menu-header .bottom-nav .nav-holder > ul > li.block-submenu > ul > li .block-promo .box .division { width: 50%; float: left; }
    .menu-header .bottom-nav .nav-holder > ul > li.block-submenu > ul > li .block-promo .box .division.copy-box { padding: 41px; }
    .menu-header .bottom-nav .nav-holder > ul > li.block-submenu > ul > li .block-promo .box .division.image-box .img-bg { width: 100%; height: 100%; width: 50%;
        position: absolute; right: 0; top: 0; background-position: center center; background-repeat: no-repeat; background-size: cover; }
    .menu-header .bottom-nav .nav-holder > ul > li.block-submenu > ul > li .block-promo .box .division.image-box .img-bg img { float: right; display: block; margin: 0; }
    .menu-header .bottom-nav .nav-holder > ul > li.block-submenu > ul > li .block-promo .close-link { display: block; text-align: right; }
    .menu-header .bottom-nav .nav-holder > ul > li.block-submenu > ul > li .block-promo .close-link a { font-size: 16px; line-height: 1.25; height: 20px; }
    .menu-header .bottom-nav .nav-holder > ul > li:nth-child(7) { display: none !important; }


    /* HEADER >>> MENU > MEGAMENU NAVIGATION > DE TU A TU  */

    .menu-header .bottom-nav .nav-holder > ul > li.blog-submenu > ul > li:first-of-type { width: 75%; padding: 0 20px; border: none !important; }
    .menu-header .bottom-nav .nav-holder > ul > li.blog-submenu > ul > li:last-of-type { width: 25%; padding: 0 20px; }
    .menu-header .bottom-nav .nav-holder > ul > li.blog-submenu > ul > li > ul { padding: 15px 0 0 0; }
    .menu-header .bottom-nav .nav-holder > ul > li.blog-submenu > ul > li > ul > li { padding: 0; pointer-events: none; color: rgba(0,0,0,1); margin-bottom: 15px; border-bottom: none; }
    .menu-header .bottom-nav .nav-holder > ul > li.blog-submenu > ul > li > ul > li > a { line-height: 1.25; font-size: 16px; color: #FF7F32; display: block; pointer-events: all !important;
        max-width: 200px; padding: 0; }
    .menu-header .bottom-nav .nav-holder > ul > li.blog-submenu > ul > li > ul > li > a:hover { color: #FF7F32; }
    .menu-header .bottom-nav .nav-holder > ul > li.blog-submenu > ul > li .block-promo { display: block; background: #fff; }
    .menu-header .bottom-nav .nav-holder > ul > li.blog-submenu > ul > li .archive-loop li a:first-letter { text-transform: uppercase; }

}


/* ==== NAVIGATION >>> FREE DIAGNOSE POP-UP ==================================================================================================================================================================== */

.free-diagnose-popup { position: relative; }


/* NAVIGATION >>> FREE DIAGNOSE POP-UP >>> OVERLAY LAYOUT */

.free-diagnose-popup .overlay { background: rgba(0, 0, 0, 0.4); pointer-events: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999999999999999; opacity: 0; }
.free-diagnose-popup .slide { position: fixed; right: -370px; width: 100%; max-width: 360px; height: 100vh; padding: 220px 20px 20px 20px; background: #fff; overflow: auto; -webkit-overflow-scrolling: touch; }
.free-diagnose-popup.active .overlay { pointer-events: all; opacity: 1; }
.free-diagnose-popup.active .slide { right: 0; }

/* NAVIGATION >>> FREE DIAGNOSE POP-UP >>> HEADING */

.free-diagnose-popup .slide .heading-holder { position: absolute; top: 20px; left: 0; padding: 0 20px; }
    .free-diagnose-popup .slide .heading-holder h3 { margin-bottom: 10px; position: relative; padding-right: 30px; }
    .free-diagnose-popup .slide .heading-holder h3 a { position: absolute; top: 0; right: 0; }
    .free-diagnose-popup .slide .heading-holder p.copy { margin-bottom: 0; }

/* NAVIGATION >>> FREE DIAGNOSE POP-UP >>> IFRAME */
.free-diagnose-popup .slide .iframe-holder { height: 1500px; }
/* .free-diagnose-popup .slide .iframe-holder.requested { height: 300px; } */
.site-id-2 .free-diagnose-popup .slide .iframe-holder { position: relative; height: 1000px; width: 100%; }
    .free-diagnose-popup .slide .iframe-holder .loader.spinner-svg { position: absolute; top: 0; left: 50%; margin-left: -20px; }
    .free-diagnose-popup .slide .iframe-holder iframe { height: 100%; width: 100%; }

/* NAVIGATION >>> FREE DIAGNOSE POP-UP >>> SUBTRIGGER */

.subtrigger { display: none; }

@media only screen and ( min-width : 24em ) {

    /* NAVIGATION >>> FREE DIAGNOSE POP-UP >>> OVERLAY LAYOUT */
    .free-diagnose-popup .slide { right: -430px; max-width: 420px; padding: 200px 20px 20px 20px; }

    /* NAVIGATION >>> FREE DIAGNOSE POP-UP >>> HEADING */
    .free-diagnose-popup .slide .heading-holder { position: absolute; top: 30px; left: 0; padding: 0 20px; }

}

@media only screen and ( min-width : 48em ) {

    /* NAVIGATION >>> FREE DIAGNOSE POP-UP >>> OVERLAY LAYOUT */
    .free-diagnose-popup .overlay { }
    .free-diagnose-popup .slide { right: -490px; max-width: 480px; padding: 200px 40px 40px 40px; }

    /* NAVIGATION >>> FREE DIAGNOSE POP-UP >>> HEADING */
    .free-diagnose-popup .slide .heading-holder { position: absolute; top: 40px; left: 0; padding: 0 40px; }

}

@media only screen and ( min-width : 48em ) {

    /* NAVIGATION >>> FREE DIAGNOSE POP-UP >>> OVERLAY LAYOUT */
    .free-diagnose-popup .overlay { }
    .free-diagnose-popup .slide { right: -490px; max-width: 480px; padding: 200px 40px 40px 40px; }

    /* NAVIGATION >>> FREE DIAGNOSE POP-UP >>> HEADING */
    .free-diagnose-popup .slide .heading-holder { position: absolute; top: 40px; left: 0; padding: 0 40px; }

}

/* ==== NAVIGATION >>> CLEAR COLOR SCHEME MODIFIER ============================================================================================================================================================= */


.menu-header { background-color: #fff; }



@media only screen and ( min-width : 64em ) {
    
    .unscrolled .menu-header { background-color: transparent; }
    .scrolled .menu-header .bottom-nav { padding: 12px 0 10px 0; }
    
    .unscrolled .menu-header.clear { }
    .unscrolled .menu-header.clear .bottom-nav .nav-holder .actions-holder > ul > li > a { color: #fff; }
    .unscrolled .menu-header.clear .bottom-nav .nav-holder .homeback-holder { background-image: url('../images/icons/logo-new-clear.svg'); }
    .unscrolled .menu-header.clear .bottom-nav .nav-holder .actions-holder > ul > li > a.cart { background-image: url('../images/icons/cart-icon-mvl-clear.svg'); }  
    .unscrolled .menu-header.clear .bottom-nav .nav-holder .actions-holder > ul > li > a { color: #fff; }
    .unscrolled .menu-header.clear .bottom-nav .nav-holder .actions-holder > ul > li.trigger-holder > a { background-image: url('../images/icons/rsp-trigger-clear.svg'); }
    .unscrolled .menu-header.clear .bottom-nav .nav-holder .actions-holder > ul > li.search-holder form.searchform { background-image: url('../images/icons/glass-clear.svg'); }
    .unscrolled .menu-header.clear .bottom-nav .nav-holder .actions-holder > ul > li.search-holder form.searchform input { color: #fff; border-bottom-color: #fff; }
    .unscrolled .menu-header.clear .bottom-nav .nav-holder .actions-holder > ul > li.search-holder form.searchform input::-webkit-input-placeholder { color: #fff; }
    .unscrolled .menu-header.clear .bottom-nav .nav-holder .actions-holder > ul > li.search-holder form.searchform input::-moz-placeholder { color: #fff; }
    .unscrolled .menu-header.clear .bottom-nav .nav-holder .actions-holder > ul > li.search-holder form.searchform input:-ms-input-placeholder { color: #fff; }
    .unscrolled .menu-header.clear .bottom-nav .nav-holder .actions-holder > ul > li.search-holder form.searchform input:-moz-placeholder { color: #fff; }
    .unscrolled .menu-header.clear .bottom-nav .nav-holder .actions-holder > ul > li a.cart { background-image: url('../images/icons/cart-icon-clear.svg'); }  
    .unscrolled .menu-header.clear .bottom-nav .nav-holder > ul > li > a { color: #fff; }
    .unscrolled .menu-header.clear .bottom-nav .nav-holder .actions-holder > ul > li > a { color: #fff; }
    .unscrolled .menu-header.clear .bottom-nav .nav-holder .simple-menu ul > li > a { color: #fff; }
    .unscrolled .menu-header.clear .bottom-nav .nav-holder .actions-holder > ul > li.phone-holder > a { background-image: url('../images/icons/phone-clear.svg'); }
}


/* ==== NAVIGATION >>> FOOTER >>> LAYOUT ====================================================================================================================================================================== */

.menu-footer { }
.menu-footer .container { max-width: 450px; padding: 0 20px; margin: 0 auto; }
.menu-footer .top-menu {  background: #151515;  }
.menu-footer .top-menu .side { }
.menu-footer .top-menu .side .holder,
.menu-footer .top-menu .main .holder { display: block; padding: 20px 0; }
.menu-footer .bottom-menu { background: #000; }

@media only screen and ( min-width : 48em ) {
    .menu-footer .container { max-width: 750px; }
    .menu-footer .top-menu .side { display: flex; }
    .menu-footer .top-menu .side .holder { flex: 1 1 auto; }
    .menu-footer .top-menu { padding: 10px 0; }
}

@media only screen and ( min-width : 48em ) {
    .menu-footer .container { max-width: 1190px; }
}


/* ==== NAVIGATION >>> FOOTER >>> COMEBACK LINK =============================================================================================================================================================== */

.menu-footer .homeback-holder { height: 37px; width: 145px; background: url('../images/icons/logo-new-clear.svg') center center no-repeat; display: block; pointer-events: all; background-size: contain; }

@media only screen and ( min-width : 48em ) {
    .menu-footer .homeback-holder { height: 33px; width: 135px; background-size: ; }
}

/* ==== NAVIGATION >>> FOOTER >>> TOP MENU NAVIGATION ============================================================================================================================================================= */

.menu-footer .top-menu .container ul li,
.menu-footer .top-menu .container h4 { font-family: 'Gotham'; font-size: 14px; line-height: 29px; color: #fff; margin-bottom: 0; }
.menu-footer .top-menu .container h4 { font-weight: bold;  }
.menu-footer .top-menu .container ul li a { color: #fff; }

/* ==== NAVIGATION >>> FOOTER >>> BOTTOM MENU NAVIGATION ========================================================================================================================================================== */

.menu-footer .bottom-menu .container ul { padding: 20px 0; }
.menu-footer .bottom-menu .container p.tagline,
.menu-footer .bottom-menu .container ul li { display: block; font-family: 'Gotham'; font-size: 14px; line-height: 23px; margin-bottom: 10px; }
.menu-footer .bottom-menu .container ul li:first-child { }
.menu-footer .bottom-menu .container ul li:last-child { border: none; }
.menu-footer .bottom-menu .container ul li a { color: #454545; font-size: 14px; }
.menu-footer .bottom-menu .container ul li a:hover { color: #565656; }
.menu-footer .bottom-menu .container ul li a:active { position: relative; top: 1px; }
.menu-footer .bottom-menu .container p.tagline { padding: 20px 0; border: none; display: block; color: #454545; margin: 0; }

@media only screen and ( min-width : 48em ) {
    .menu-footer .bottom-menu .container ul li:first-child { padding: 0 20px 0 0; }
    .menu-footer .bottom-menu .container ul li { display: inline-block; line-height: 23px; border-right: 1px solid #454545; padding: 0 20px 0 15px; margin: 0; }
    .menu-footer .bottom-menu .container p.tagline { text-align: right; }
}

@media only screen and ( min-width : 64em ) {
    
    .menu-footer .bottom-menu .container ul li:first-child { padding: 0 35px 0 0; }
    .menu-footer .bottom-menu .container ul li { padding: 0 35px 0 30px; }

}

.bottom-nav .simple-menu { position: fixed; height: 100vh; top: 0; left: -100vw; z-index: 9999; background: #fff; pointer-events: all; 
    border-right: solid 1px #f0f0f0; padding: 0; width: 100%; }

.bottom-nav .simple-menu .mobile-heading { background: #fff; height: 60px; position: relative; }
.bottom-nav .simple-menu .mobile-heading .close { width: 45px; display: block; text-align: center; height: 60px; cursor: pointer;
    background: url('../images/icons/rsp-close.svg') center center no-repeat; position: absolute; top: 0; right: 0; background-size: 36px; }

.bottom-nav .simple-menu .mobile-heading .homeback-holder { width: 90px !important; left: 18px; background-position: left center; }

.bottom-nav .simple-menu .menu-simple-nav-menu-container { height: calc( 100vh - 60px ); overflow: auto; }
 
.bottom-nav.active .simple-menu { left: 0; }


.simple-menu ul { position: relative; left: 0; }
.simple-menu ul > li { display: block; }

.simple-menu ul > li.menu-item-has-children { position: relative; }
.simple-menu ul > li.menu-item-has-children:before { position: absolute; right: 15px; top: 15px; content: "\f3d1"; display: block; width: 30px; height: 30px;
   font-family: 'Ionicons'; line-height: 30px; text-align: center; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out;
   -ms-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out; -ms-transform: rotate(0); -webkit-transform: rotate(0);
   transform: rotate(0); color: rgba(0,0,0,1); }
   
.simple-menu ul > li.current_page_ancestor.menu-item-has-children > a,
.simple-menu ul > li.current_page_item.menu-item-has-children > a { background: #f0f0f0 }

.simple-menu ul > li.current_page_item.menu-item-has-children:before,
.simple-menu ul > li.current_page_ancestor.menu-item-has-children:before { -ms-transform: rotate( 90deg ); -webkit-transform: rotate( 90deg ); transform: rotate( 90deg ); }
   .menu-header .bottom-nav .nav-holder > ul > li > a { line-height: 1.43; font-size: 14px; letter-spacing: 0.6px; text-transform: uppercase; color: rgba(0,0,0,1);
       display: block; padding: 20px; padding-right: 60px; border-bottom: solid 1px #f0f0f0; }


.simple-menu ul > li > ul { display: none; }

.simple-menu ul > li.current_page_item > ul,
.simple-menu ul > li.current_page_ancestor ul { display: block; }
.simple-menu ul > li.current_page_ancestor ul > li.menu-item-has-children { }
.simple-menu ul > li.current_page_ancestor ul > li.menu-item-has-children > a { font-size: 12px; line-height: 1.67; letter-spacing: 1.5px; color: rgba(0,0,0,1);
    background: rgba( 240, 240, 240, 0.4 ); text-transform: uppercase; padding: 10px 20px; display: block; pointer-events: none; }
.simple-menu ul > li.current_page_ancestor ul > li.menu-item-has-children:before { display: none; }
.simple-menu ul > li.current_page_ancestor ul > li > ul > li { background: transparent !important; padding-left: 10px; }
.simple-menu ul > li.current_page_ancestor ul > li > ul > li > a { display: block; font-size: 16px; line-height: 1.25; color: #121212; padding: 16px; text-transform: none; background: transparent !important; } 
.simple-menu ul > li.current_page_ancestor ul > li > ul > li.current_page_item > a { font-weight: bold; }

.simple-menu ul > li > a { line-height: 1.43; font-size: 14px; letter-spacing: 0.6px; text-transform: uppercase; color: #121212;
    display: block; padding: 20px; padding-right: 60px; border-bottom: solid 1px #f0f0f0; }
.simple-menu ul > li.current-menu-item > a { background: #f0f0f0; } 
.simple-menu ul > li.current_page_ancestor li.current-menu-item > a { background: #f9f9f9; }  


@media only screen and ( min-width : 48em ) {
    .bottom-nav .simple-menu { max-width: 350px; left: -350px; }
    .bottom-nav .simple-menu .mobile-heading .homeback-holder { width: 110px !important; left: 20px; }

}

@media only screen and ( min-width : 64em ) {
    .bottom-nav .simple-menu { background: transparent; position: static; height: auto; left: 0 !important; border: none !important; max-width: 100%; }    
    .bottom-nav .simple-menu .mobile-heading { display: none; }
    .bottom-nav .simple-menu  .menu-simple-nav-menu-container { height: auto !important; }
    .simple-menu ul { display: flex; justify-content: space-between; max-width: none; height: auto; overflow: visible; left: 0; position: static; 
        padding: 10px 270px 10px 150px; z-index: 99; max-width: 1260px; margin: 0 auto; border: none; background: transparent; overflow: hidden; }
    .simple-menu ul > li { padding: 0 5px; }
    .simple-menu ul > li.menu-item-has-children:before { display: none; }
    .simple-menu ul > li > a { font-size: 12px; line-height: 17px; padding: 0; border: none; font-weight: bold;  }
    .simple-menu ul > li.current-menu-item > a { background: transparent; }
    .simple-menu ul > li.current_page_item ul,
    .simple-menu ul > li.current_page_ancestor ul { display: none !important; }

    .simple-menu ul > li.current_page_ancestor.menu-item-has-children > a,
    .simple-menu ul > li.current_page_item.menu-item-has-children > a { background: transparent; }

}

@media only screen and ( min-width : 80em ) {
    .simple-menu ul > li { padding: 0 8px; }
    .simple-menu ul > li > a { font-size: 14px; }
}


.side-holder { position: relative; display: none; }
.side-holder .side-scroller { position: absolute; left: 0; top:0; width: 100%; }
.sidebar-menu { padding: 26px 0; }
.sidebar-menu ul { }
.sidebar-menu ul li { }
.sidebar-menu ul > li > a { font-size: 12px; line-height: 18px; display: block; color: #121212; text-transform: uppercase; padding-top: 5px; padding-bottom: 5px; }
.sidebar-menu ul > li.current_page_item > a { font-weight: bold; }
.sidebar-menu ul > li ul { display: none; }
.sidebar-menu ul > li.current_page_item ul,
.sidebar-menu ul > li.current_page_ancestor ul { display: block; }
.sidebar-menu ul > li > ul { padding-left: 20px; }
.sidebar-menu ul > li > ul li a { text-transform: none; }

@media only screen and ( min-width : 64em ) {
    
    .side-holder { position: relative; display: block; }
    .sidebar-menu { padding: 26px 0; }
}

/*
  
 { -ms-transform: rotate( 90deg ); -webkit-transform: rotate( 90deg ); transform: rotate( 90deg ); }
   .menu-header .bottom-nav .nav-holder > ul > li > a { line-height: 1.43; font-size: 14px; letter-spacing: 0.6px; text-transform: uppercase; color: rgba(0,0,0,1);
       display: block; padding: 20px; padding-right: 60px; border-bottom: solid 1px #f0f0f0; }

.menu-header .bottom-nav .nav-holder > ul > li.active.has-submenu
.menu-header .bottom-nav .nav-holder > ul > li.has-submenu





position: absolute;
width: 306px;
height: 719px;
left: -0.41px;
top: 124px;




position: absolute;
width: 254px;
height: 500px;
left: 37px;
top: 150px;

font-family: Gotham;
font-size: 12px;
line-height: 27px;

text-transform: uppercase;

color: #000000;


background: #FFFFFF;






   .menu-header .bottom-nav .nav-holder { position: relative; }        
    .menu-header .bottom-nav .nav-holder > ul { display: flex; justify-content: space-between; max-width: none; height: auto; overflow: visible; left: 0; position: static; 
        padding: 10px 270px 10px 150px; z-index: 99; max-width: 1260px; margin: 0 auto; border: none; background: transparent; }
    .menu-header .bottom-nav.active .nav-holder > ul { left: 0; background: transparent; }


    .menu-header .bottom-nav .nav-holder > ul > li { padding: 0 10px; }


    .menu-header .bottom-nav .nav-holder > ul > li:nth-child(2) { border-left: none; }
    .menu-header .bottom-nav .nav-holder > ul > li.close-button,
    .menu-header .bottom-nav .nav-holder > ul > li.back-button { display: none; }
    .menu-header .bottom-nav .nav-holder > ul > li { display: block; text-align: center; flex: 1 1 auto; padding-right: 0; border-bottom: none; position: static; }
    .menu-header .bottom-nav .nav-holder > ul > li > a { line-height: 17px; height: 17px; font-size: 14px; text-transform: uppercase; color: #111; display: inline-block; padding: 0; border: none; }
    .menu-header .bottom-nav .nav-holder > ul > li.active > a { color: rgba(0,0,0,1); background: transparent; }
    .menu-header .bottom-nav .nav-holder > ul > li:hover > a { color: #d7a884; }
    .menu-header .bottom-nav .nav-holder > ul > li > ul { position: absolute; background: #fff; width: 100%; left: 0; top: 62px; padding: 30px 10px; text-align: left;
        -webkit-box-shadow: 0 0 7px 0 rgba(0,0,0,0.3); box-shadow: 0 0 7px 0 rgba(0,0,0,0.3); display: none !important; justify-content: space-between; z-index: 999; opacity: 0 }
  


.menu-simple-nav-menu-container { background: lime; width: 100%; }
.menu-simple-nav-menu-container ul { display: block; }
.menu-simple-nav-menu-container ul li { display: inline-block; }
.menu-simple-nav-menu-container ul li a { background: red; display: block; }

*/