/* ==== 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; }


body.page-template-templatespage-full-width-landing-php { padding-top: 0; }

.menu-header.land-menu { background: #fff !important; }
.menu-header.land-menu .nav-holder { min-height: 61px; }

.menu-header.land-menu a.float-abs { right: 15px; color: #121212; font-weight: bold; font-size: 14px; line-height: 24px; text-transform: uppercase; z-index: 999; }
.menu-header.land-menu a.float-abs:hover {  }
.menu-header.land-menu ul { pointer-events: none !important; } 


@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; }

    .menu-header.land-menu .nav-holder { min-height: 0; }
    

    .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 .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 0 20px; background: #f9f9f9; overflow: auto; -webkit-overflow-scrolling: touch; }
.free-diagnose-popup.active .overlay { pointer-events: all; opacity: 1; }
.free-diagnose-popup.active .slide { right: 0; -ms-overflow-style: none;}
.free-diagnose-popup.active .slide::-webkit-scrollbar {display: none;}


/* 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: 650px; }
/* .free-diagnose-popup .slide .iframe-holder.requested { height: 300px; } */
.site-id-2 .free-diagnose-popup .slide .iframe-holder { position: relative; height: 730px; 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: 700px; width: 100%; }



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

/*

.location-selector .inner-deco:before {
    content: "\f3d0";
    background: transparent;
    height: 38px;
    line-height: 38px;
    width: 30px;
    text-align: center;
    position: absolute;
    top: 1px;
    right: 1px;
    color: #111;
    font-family: 'Ionicons';
    font-size: 20px;
    pointer-events: none;
    padding: 0 5px;    

*/

body.page-template-page-free-diagnose { padding-top: 30px !important; background: #f0f0f0; }


.form-contact-new { }
.form-contact-new .row .col { padding: 0 10px !important; }
.form-contact-new .form-group { width: 100%;position: relative; padding: 0 0 5px 0; }
.form-contact-new .form-group:last-of-type { /* margin: 0; */ }
.form-contact-new .form-group .form-field { font-size: 16px; line-height: 38px; height: 38px; padding: 0 15px; width: 100%; background-color: #fff; }
.form-contact-new .form-group.form-group-select select { background-position: right 10px center;background-repeat: no-repeat;background-size: 20px;background-color: #fff; }

.form-contact-new .form-group.form-group-select { position: relative; }
.form-contact-new .form-group.form-group-select:before { content: "\f3d0"; height: 38px; line-height: 38px; width: 38px; text-align: center;
    position: absolute; top: 0; right: 0; color: #111; font-family: 'Ionicons'; font-size: 20px; pointer-events: none; padding: 0; }

.form-contact-new .form-group.form-group-select select:focus { }
.form-contact-new .form-condition .form-groups { font-size: 12px; line-height: 1.2; padding: 0; margin: 25px 0; }
.form-contact-new label { font-family: 'Gotham'; width: 100%; position: relative; font-size: 16px; cursor: pointer; }
.form-contact-new .form-group.form-checkbox { font-family: 'Gotham'; font-size: 16px;line-height: 30px; padding: 0; margin-bottom: 0; position: relative; margin: 1px 0; }
.form-contact-new .form-group.form-checkbox input { display: none; }
.form-contact-new .interest-holder { margin: 10px 0 0 0; }

.form-contact-new .form-checkbox label { cursor: pointer; }
.form-contact-new .form-checkbox label::after {content: ''; position: absolute;right: 0; top: 50%; width: 14px; height: 14px; border: 1px solid #666; background-color: #fff; margin-top: -9px; }
.form-contact-new .form-group.form-checkbox input:checked + label::after {font-family: 'Ionicons';content: '\f383';color: #ff7f32;text-align: center;font-size: 15px;}
.form-contact-new .form-conditions .form-group.form-checkbox label {padding: 0 0 0 25px; font-size: 14px;}
.form-contact-new .form-conditions .form-group.form-checkbox label::after {right: unset;left: 0;}
.form-contact-new .form-conditions .form-group.form-checkbox p.legal {font-size: 10px; line-height: 13px; margin: 5px 0 10px 0; display: none; }
.form-contact-new .form-conditions .form-group.form-checkbox a {font-weight: bold;color: inherit;text-decoration: underline;}
.form-contact-new .grouped-checkbox { position: relative; padding: 0 0 10px 0; }
.form-contact-new .val-error-text { color: red; font-size: 10px; line-height: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: absolute; 
    left: 25px; bottom: 5px; }


.form-contact-new .grouped-checkbox .val-error-text { left: 0; bottom: 0; }


.form-contact-new .is-error select,    
.form-contact-new .is-error input { background-color: #f9e4e1 !important; border: solid 1px #d9d7d5 !important; }
.form-contact-new  .select-combo { position: relative; }
.form-contact-new .loader { position: absolute; top: 20%; left: 50%; margin-top: -20px; margin-left: -20px; height: 100%; width: 100%; }
.form-contact-new  .select-combo.requesting .form-group { opacity: 0.3 !important; pointer-events: none !important; }
.form-contact-new .form-feedback {text-align: center; margin: 0; height: 100%; padding: 50px 20px; }
.form-contact-new .form-feedback h2 {font-weight: bold; margin: 10px 0 15px;}

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

    .form-contact-new .form-group .form-field { font-size: 16px; line-height: 48px; height: 48px; padding: 0 20px; }
    .form-contact-new .form-group.form-group-select:before { height: 48px; line-height: 48px; width: 48px; font-size: 22px; }
 
    .form-contact-new .grouped-checkbox { position: relative; padding: 0 0 24px 0; }    
    .form-contact-new .select-combo { margin-bottom: 20px; }
    .form-contact-new .form-group { width: 100%;position: relative; padding: 0 0 24px 0; }
    .form-contact-new .row .col { padding: 0 15px !important; }
    .form-contact-new  .select-combo {  min-height: 0; margin-bottom: 0; }
    .form-contact-new .interest-holder .form-group.form-checkbox label { padding-left: 25px; }
    .form-contact-new .interest-holder .form-group.form-checkbox label::after { left: 0; }
    .form-contact-new .form-conditions .form-group.form-checkbox p.legal { display: block; }
    .form-contact-new .grouped-checkbox .val-error-text,
    .form-contact-new .val-error-text { font-size: 12px; line-height: 18px;  left: 0; bottom: 6px; top: initial; }

}

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

    .form-contact-new .form-group .form-field { font-size: 18px; line-height: 48px; height: 48px; padding: 0 20px; }
    .form-contact-new .row .col { padding: 0 20px !important; }

}






/* 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; }
    body.page-template-templatespage-free-diagnose-php {padding: 0 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; padding-bottom: 35px; }

.menu-footer.revert .top-menu { background: #fff; padding: 35px 0 15px 0;  text-align: center; }


/*     background: url(../images/icons/logo-new.svg) left center no-repeat  */

@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; }
    .menu-footer.revert .top-menu { padding: 50px 0 25px 0; }

}

@media only screen and ( min-width : 48em ) {
    .menu-footer .container { max-width: 1190px; }
    .menu-footer.revert .top-menu { padding: 75px 0 40px 0; }
}


/* ==== 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; }

.menu-footer .homeback-holder.revert { background: url('../images/icons/logo-new.svg') center center no-repeat; display: inline-block; height: 40px; width: 160px; }

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

/* ==== 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; padding-bottom: 100px; }
.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 !important; }

.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; padding-bottom: 0; }
    .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.no-child.is-current > a,
.sidebar-menu ul > li.current_page_item > a { font-weight: bold; }
.sidebar-menu ul > li ul { display: none; }

.sidebar-menu ul > li.is-current ul,
.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; }
}


body.page-template-templatespage-register-p-customer-php { padding: 0 !important; }

.form-customer { background: #fff; width: 100%;  margin-bottom: 0 !important; padding: 0 !important; border-top: 7px solid transparent; }
.form-customer:before { height: 7px; width: 100%; background: #121212; position: absolute; top: 0; left: 0; z-index: 99999; content: ""; }
.form-customer .container { max-width: 500px; margin: 0 auto !important; padding: 0; position: relative; min-height: 700px; }

.form-customer.dsp-step-1 .container { height: 710px; }
.form-customer.dsp-step-2 .container { height: 1040px; }
.form-customer.dsp-step-3 .container { height: 830px; }
.form-customer.dsp-step-4 .container { height: 550px; }

.form-customer .container.container-header { min-height: 0 !important; height: auto; } 

.form-customer .container .row.row-step { position: absolute; top:0; left: 0; margin: 0; padding: 25px; background: #fff; width: 100%; }


.form-header { }
.form-customer .form-header { position: relative; height: 121px; }
.form-customer .form-header .row { position: absolute; left: 0; width: 100%; background: #fff; padding: 25px 25px 0 25px; }

.form-customer.dsp-step-1 .form-header .row-head-step-1 { top: 0; opacity: 1; }
.form-customer.dsp-step-1 .form-header .row-head-step-2 { top: -200px; opacity: 0; }

.form-customer.dsp-step-2 .form-header .row-head-step-1 { top: -200px; opacity: 0; }
.form-customer.dsp-step-2 .form-header .row-head-step-2 { top: 0; opacity: 1; }

.form-customer.dsp-step-3 .form-header .row-head-step-1 { top: 0; opacity: 1; }
.form-customer.dsp-step-3 .form-header .row-head-step-2 { top: -200px; opacity: 0; }

.form-customer.dsp-step-4 .form-header .row-head-step-1 { top: 0; opacity: 1; }
.form-customer.dsp-step-4 .form-header .row-head-step-2 { top: -200px; opacity: 0; }

.form-customer .form-header h2 { font-size: 30px; line-height: 32px; margin-bottom: 0; color: #121212; }
.form-customer .form-header span { display: block; }
.form-customer .form-header span.line_d,
.form-customer .form-header span.line_a { font-weight: bold; }

.form-customer .form-header .image-holder { text-align: right; }
.form-customer .form-header .image-holder figure { display: inline-block; }
.form-customer .form-header .image-holder figure img { display: block; margin: 0 auto; }

/*
    
    .form-customer .container .row.row-step-1 { left: -500px; width: 500px; }
    .form-customer .container .row.row-step-2 { right: -500px; width: 500px;  }
    .form-customer.dsp-step-1 .container .row.row-step-1 { background: lime; }
    .form-customer.dsp-step-2 .container .row.row-step-2 { background: lime; } 

/* */

.form-customer.dsp-step-1 .container .row.row-step-1 { transform: scale(1.0,1.0); opacity: 1; pointer-events: all; }
.form-customer.dsp-step-1 .container .row.row-step-2 { transform: scale(0.7,0.7); opacity: 0; pointer-events: none; }
.form-customer.dsp-step-1 .container .row.row-step-3 { transform: scale(0.7,0.7); opacity: 0; pointer-events: none; }

.form-customer.dsp-step-2 .container .row.row-step-1 { transform: scale(0.7,0.7); opacity: 0; pointer-events: none; }
.form-customer.dsp-step-2 .container .row.row-step-2 { transform: scale(1.0,1.0); opacity: 1; pointer-events: all; }
.form-customer.dsp-step-2 .container .row.row-step-3 { transform: scale(0.7,0.7); opacity: 0; pointer-events: none; }

.form-customer.dsp-step-3 .container .row.row-step-1 { transform: scale(0.7,0.7); opacity: 0; pointer-events: none; }
.form-customer.dsp-step-3 .container .row.row-step-2 { transform: scale(0.7,0.7); opacity: 0; pointer-events: none; }
.form-customer.dsp-step-3 .container .row.row-step-3 { transform: scale(1.0,1.0); opacity: 1; pointer-events: all; }



/*  
    .form-customer.dsp-step-2 .container .row.row-step-2.submiting:before { position: absolute; top: 0; left: 0; }
    .form-customer.dsp-step-2 .container .row.row-step-2:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(256,256,256,0.7); content: ""; z-index: 99; }
.form-customer.dsp-step-2 .container .row.row-step-2.submiting .submitter:before { background: #fff; display: inline-block; line-height: 20px; height: 20px;
        padding: 0 10px; color: blue; content: "Enviando..."; position: absolute; bottom: -20px; left: 0; color: #121212; font-size: 14px; }
*/


.form-customer.dsp-step-2 .container .row.row-step-2 .submitter { position: relative; } 


/* */

.form-customer .container .col { padding: 0 10px !important; }
.form-customer .container .col.save-labelspace { padding-top: 27px !important; }
.form-customer .form-group { margin-bottom: 10px; }

/* COMMON */

.form-customer .form-group { position: relative; }
.form-customer .cst-label,
.form-customer .form-group label { display: block; width: 100%; font-family: Gotham; font-size: 14px; line-height: 17px; color: #121212; font-weight: bold; padding: 5px 0; cursor: pointer; }
.form-customer .form-group label.button { display: block; width: 100%; line-height: 30px; height: 70px; padding: 20px; border-bottom: 1px dashed transparent; font-size: 20px; font-weight: bold; text-align: center; }
.form-customer .form-group input.button.mini { font-size: 14px; line-height: 24px; height: 34px; padding: 5px 10px !important; display: inline-block; width: auto; }

.form-customer .form-group label.button,
.form-customer .form-group input.button { cursor: pointer !important; }
/*
.form-customer .form-group input.button.mini.icon:before { font-family: 'Ionicons'; line-height: 24px; font-size: 14px; }
.form-customer .form-group input.button.icon.icon-back:before { content: "\f3cf";  }
*/

.form-customer .form-group .button.green:focus,
.form-customer .form-group .button.green { color: #fff; background: #27AE60; }
.form-customer .form-group .button.black:focus,
.form-customer .form-group .button.black { color: #fff; background: #121212; }
.form-customer .form-group .button.red:focus,
.form-customer .form-group .button.red { color: #fff; background: #E30000; }
.form-customer .form-group .button.white:focus,
.form-customer .form-group .button.white { color: #121212; background: #fff; }


.form-customer .form-group.is-error p.val-error-text { position: absolute; top: 0; opacity: 1; right: 0; font-size: 12px; line-height: 13px; padding: 7px 0; color: #ee0000; }
.form-customer .form-group.is-error label { color: #ee0000; }
.form-customer p.micro { font-family: 'Gotham'; font-size: 9px; line-height: 11px; color: #121212; padding: 15px 0; }

/* REGULAR TEXTAREA */

.form-customer .form-group.input-holder {}
.form-customer .form-group.input-holder textarea { background: #F2F2F2; display: block; width: 100%; line-height: 30px; height: 251px; padding: 20px;
    border-bottom: 1px dashed #121212; font-size: 20px; color: #121212; }


/* REGULAR GROUPED CHECKBOXES */

.form-customer .form-group.input-holder {}

.form-customer .grouped-checkbox { display: block; width: 100%; }
.form-customer .grouped-checkbox .col { width: 100% !important; -ms-flex-preferred-size:100% !important; flex-basis: 100% !important; max-width: 100% !important; }
.form-customer .grouped-checkbox .col input { display: none; }
.form-customer .grouped-checkbox .col input[type='checkbox'] + label { padding: 5px 0 5px 15px; font-weight: normal !important; position: relative; line-height: 20px; font-size: 16px; }
.form-customer .grouped-checkbox .col input[type='checkbox'] + label:before { height: 16px; width: 16px; position: absolute; top: 50%; margin-top: -10px; left: -10px; content: ""; 
    border: 2px dashed #121212; color: #FF7F32; font-family: 'Ionicons'; text-align: center; line-height: 17px; background: #fff; font-size: 14px; }    
.form-customer .grouped-checkbox .col input[type='checkbox']:checked + label:before { content: "\f121"; }

/* REGULAR TEXT INPUT */

.form-customer .form-group.input-holder { }
.form-customer .form-group.input-holder input { background: #F2F2F2; display: block; width: 100%; line-height: 30px; height: 70px; padding: 20px;
    border-bottom: 1px dashed #121212; font-size: 20px; color: #121212; }
.form-customer .form-group.input-holder input:focus { background: #F9F9F9; border-bottom: 1px dashed #4a4a4a; }
.form-customer .form-group.input-holder input.button { font-weight: bold; text-align: center; border-bottom-color: transparent; }
.form-customer .form-group.input-holder input.button.disabled { opacity: 0.3; pointer-events: none !important; }

/* REGULAR SELECT */

.form-customer .form-group.select-holder { }
.form-customer .form-group.select-holder:before { content: ""; position: absolute; bottom: 0; right: 0; display: block; height: 70px; width: 60px; 
    background: url('../images/icons/double-arrow.svg') center center no-repeat; pointer-events: none; }
.form-customer .form-group.select-holder select { background: #F2F2F2; display: block; width: 100%; line-height: 30px; height: 70px; 
    padding: 20px 70px 20px 20px; font-size: 20px; color: #121212; }

.form-customer .form-group.select-holder.disabled:before { display: none; }
.form-customer .form-group.select-holder.disabled select { padding: 20px; pointer-events: none !important; }


.form-customer .mini-arrows .form-group.select-holder { }
.form-customer .mini-arrows .form-group.select-holder:before { width: 40px; }
.form-customer .mini-arrows .form-group.select-holder select { padding: 20px 40px 20px 15px;  }

/* RADIO BUTTONS */

.form-customer .form-group.radio-holder { }
.form-customer .form-group.radio-holder label.button { opacity: 0.3; }
.form-customer .form-group.radio-holder input { display: none !important; }
.form-customer .form-group.radio-holder input:checked + label.button { opacity: 1; }

/* THANK YOU */


.form-customer .form-thanks { font-family: 'Gotham'; padding: 90px 0; width: 100%; }
.form-customer .form-thanks h2 { margin-bottom: 0; font-weight: bold; font-size: 60px; line-height: 72px; color: #121212; }
.form-customer .form-thanks p { font-size: 14px; line-height: 17px; font-weight: bold; color: #121212; }


/*
  
 { -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; }

common-tricol-text-icons-loop

*/


/* ==== MODULE >>> TRICOL TEXT ICONS ========================================================================================================================================================================= */

/* MODULE >>> TRICOL TEXT ICONS >>> LAYOUT */
.module-holder-tricol-texticons { }
.module-holder-tricol-texticons .module-tricol-texticons { }
.module-holder-tricol-texticons .module-tricol-texticons .container { max-width: 400px; }
.module-holder-tricol-texticons .module-tricol-texticons .inner { margin-bottom: 25px; }
.module-holder-tricol-texticons .module-tricol-texticons .inner.col-2 { margin-bottom: 0; }

/* MODULE >>> TRICOL TEXT ICONS >>> ICONS */
.module-tricol-texticons .inner .icon-holder {  margin-bottom: 12px; }
.module-tricol-texticons .inner .icon-holder figure { margin: 0 auto; width: 70px; height: 70px; overflow: hidden; }
.module-tricol-texticons .inner .icon-holder figure img { display: block; margin: 0 auto; width: 100%; height: 100%; object-fit: contain; }

/* MODULE >>> TRICOL TEXT ICONS >>> COPY */
.module-tricol-texticons .inner .copy-holder { text-align: center; }
.module-tricol-texticons .inner .copy-holder h4 { font-size: 18px; line-height: 1.26; color: #121212; margin-bottom: 12px; font-family: 'Playfair Display', serif; }
.module-tricol-texticons .inner .copy-holder p { font-family: 'Playfair Display', serif; font-size: 14px; line-height: 1.43; }

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

    /* MODULE >>> TRICOL TEXT ICONS >>> LAYOUT */
    .module-holder-tricol-texticons .module-tricol-texticons .container { max-width: 760px; }
    .module-holder-tricol-texticons .module-tricol-texticons .container .row .col { padding: 0px 15px !important; }
    .module-holder-tricol-texticons .module-tricol-texticons .inner { margin-bottom: 0; }

    /* MODULE >>> TRICOL TEXT ICONS >>> ICONS */
    .module-tricol-texticons .inner .icon-holder { height: 55px; }
    .module-tricol-texticons .inner .icon-holder figure { width: 55px; height: 55px; }
    
    /* MODULE >>> TRICOL TEXT ICONS >>> COPY */
    .module-tricol-texticons .inner .copy-holder h4 { font-size: 16px; }


}

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

    /* MODULE >>> TRICOL TEXT ICONS >>> LAYOUT */
    .module-holder-tricol-texticons .module-tricol-texticons .container { max-width: 990px; }
    .module-holder-tricol-texticons .module-tricol-texticons .container .row .col { padding: 0px 25px !important; }

    /* MODULE >>> TRICOL TEXT ICONS >>> ICONS */
    .module-tricol-texticons .inner .icon-holder { height: 70px; }
    .module-tricol-texticons .inner .icon-holder figure { width: 70px; height: 70px; }
        
    /* MODULE >>> TRICOL TEXT ICONS >>> COPY */
    .module-tricol-texticons .inner .copy-holder h4 { font-size: 18px; }

}

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

    /* MODULE >>> TRICOL TEXT ICONS >>> LAYOUT */
    .module-holder-tricol-texticons .module-tricol-texticons .container { max-width: 1150px; }

}





/* ==== MODULE >>> FRANCHISE FORM ============================================================================================================================================================================ */

/* MODULE >>> FRANCHISE FORM >>> LAYOUT */
.module-holder-franchise-form { background: #ececec;  }
.module-holder-franchise-form .module-franchise-form { padding: 35px 0; }
.module-holder-franchise-form .module-franchise-form .container { max-width: 400px; }

/* MODULE >>> FRANCHISE FORM >>> TITLE */
.module-franchise-form .title-holder { }
.module-franchise-form .title-holder h3 { text-align: center; font-size: 24px; line-height: 1.1; max-width: 700px; font-family: 'Playfair Display', serif; margin: 0 auto; }

/* MODULE >>> FRANCHISE FORM >>> FORM */
.module-franchise-form .form-holder { padding-top: 35px; }
.module-franchise-form .form-holder .inner { width: 100%; min-height: 500px; padding: 20px; max-width: 440px; margin: 0 auto; position: relative; }
.module-franchise-form .form-holder .inner .form-customer { background: transparent; }
.module-franchise-form .form-holder .inner .form-customer:before { display: none !important; }
.module-franchise-form .form-holder .inner .form-customer .form-group.input-holder input { background: #fff; }
.module-franchise-form .form-holder .inner .form-customer .form-group.input-holder input.button.black { background: #121212; color: #fff; }
.module-franchise-form .form-holder .inner .form-customer .form-group.input-holder.hidden { display: none; }

.module-franchise-form .form-holder .inner .form-customer .form-group.form-checkbox { }
.module-franchise-form .form-holder .inner .form-customer .form-group.form-checkbox input { display: none !important; }
.module-franchise-form .form-holder .inner .form-customer .form-group.form-checkbox input + label { position: relative; padding-left: 31px; font-size: 10px; 
    line-height: 13px; min-height: 20px; font-weight: normal; }
.module-franchise-form .form-holder .inner .form-customer .form-group.form-checkbox input + label a { color: #8a8a8a; }
.module-franchise-form .form-holder .inner .form-customer .form-group.form-checkbox input + label a:hover { color: #8a8a8a; text-decoration: underline; }
.module-franchise-form .form-holder .inner .form-customer .form-group.form-checkbox input + label:before { content: ""; height: 18px; width: 18px; border: 1px solid #121212;
    position: absolute; left: 0; top: 50%; margin-top: -10px; display: block; font-family: 'Ionicons'; text-align: center; line-height: 18px; color: #FF7F32; font-size: 16px; }

.module-franchise-form .form-holder .inner .form-customer .form-group.form-checkbox input:checked + label:before { content: "\f122"; }
.module-franchise-form .form-holder .inner .form-customer .v-checkgroup { position: relative; padding-bottom: 10px; }
.module-franchise-form .form-holder .inner .form-customer .v-checkgroup .val-error-text { font-size: 10px; line-height: 12px; color: #ee0000; position: absolute; bottom: 10px; left: 31px; }

/* MODULE >>> FRANCHISE FORM >>> THANKS */
.module-franchise-form .form-holder .inner .thanks { text-align: center; } 
.module-franchise-form .form-holder .inner .thanks figure { margin-bottom: 20px; }
.module-franchise-form .form-holder .inner .thanks h4 { margin-bottom: 20px; color: #121212; }
.module-franchise-form .form-holder .inner .thanks p { margin-bottom: 0; color: #121212; font-size: 14px; line-height: 18px; margin-bottom: 20px; }
.module-franchise-form .form-holder .inner .thanks a.back-button { background: #121212; color: #fff; display: inline-block; font-weight: bold; text-align: center; line-height: 30px; height: 50px; padding: 10px 20px; }

/* MODULE >>> FRANCHISE FORM >>> BACKGROUND */
.module-franchise-form .background-holder { display: none; }



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

    /* MODULE >>> FRANCHISE FORM >>> LAYOUT */
    .module-holder-franchise-form .module-franchise-form { position: relative; padding: 50px 0; }
    .module-holder-franchise-form .module-franchise-form .container { position: relative; z-index: 10; max-width: 760px; }

    /* MODULE >>> FRANCHISE FORM >>> TITLE */
    .module-franchise-form .title-holder h3 { font-size: 36px; max-width: 550px; }
    
    /* MODULE >>> FRANCHISE FORM >>> FORM */
    .module-franchise-form .form-holder { padding-top: 50px; }
    .module-franchise-form .form-holder .inner { float: right; }

    /* MODULE >>> FRANCHISE FORM >>> BACKGROUND */
    .module-franchise-form .background-holder { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; }
    .module-franchise-form .background-holder figure { height: 100%; width: 100%; display: block; margin: 0; }
    .module-franchise-form .background-holder figure img { height: 100%; width: 100%; display: block; margin: 0; object-fit: cover; z-index: 5; }

    /* MODULE >>> FRANCHISE FORM >>> THANKS */
    .module-franchise-form .form-holder .inner .thanks p { font-size: 16px; line-height: 22px; }

}

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

    /* MODULE >>> FRANCHISE FORM >>> LAYOUT */
    .module-holder-franchise-form .module-franchise-form { padding: 85px 0; }
    .module-holder-franchise-form .module-franchise-form .container { max-width: 1100px; }

    /* MODULE >>> FRANCHISE FORM >>> FORM */
    .module-franchise-form .form-holder { padding-top: 70px; }

    /* MODULE >>> FRANCHISE FORM >>> TITLE */
    .module-franchise-form .title-holder h3 { font-size: 50px; max-width: 700px; }

}
/* ==== MODULE >>> PROVINCE SORT CENTERS LOOP ================================================================================================================================================================ */

.module-holder-pr-srt-centers { }
.module-holder-pr-srt-centers .module-pr-srt-centers .title-holder { text-align: center; display: block; }
.module-holder-pr-srt-centers .module-pr-srt-centers .title-holder h3 { font-family: 'Playfair Display'; font-style: normal; font-weight: normal; text-transform: none; margin-bottom: 10px; }
.module-holder-pr-srt-centers .module-pr-srt-centers .title-holder p { max-width: 600px; margin: 0 auto 20px auto; }
.module-holder-pr-srt-centers .module-pr-srt-centers .province-holder h4 { font-size: 22px; color: #ff7f32; max-width: 400px; margin: 15px auto 0 auto; }
.module-holder-pr-srt-centers .module-pr-srt-centers .loop-holder .module-holder-center-item { border: none; }
.module-holder-pr-srt-centers .module-pr-srt-centers .loop-holder .module-holder-center-item .module-center-item { padding: 15px 0; }

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

    .module-holder-pr-srt-centers .module-pr-srt-centers .province-holder h4 {  max-width: 100%; margin: 20px auto 0 auto; }
    .module-holder-pr-srt-centers .module-pr-srt-centers .loop-holder .module-holder-center-item .module-center-item { padding: 20px 0; }

}


.module-holder-simple-textbanner { }
.module-holder-simple-textbanner .module-simple-textbanner { }
.module-holder-simple-textbanner .module-simple-textbanner .inner { background: #ff7f32; padding-top: 30px; padding-bottom: 30px; }
.module-holder-simple-textbanner .module-simple-textbanner .inner h1 { text-align: center; margin: 0 auto !important; font-family: 'Playfair Display';
    font-style: normal; font-weight: normal; text-transform: none; margin-bottom: 10px; line-height: 1.44 !important; max-width: 400px; color: #fff; }

@media only screen and ( min-width : 48em ) {
    .module-holder-simple-textbanner .module-simple-textbanner .inner { padding-top: 60px; padding-bottom: 60px; }
    .module-holder-simple-textbanner .module-simple-textbanner .inner h1 { max-width: 600px; }

}



/*









mix-blend-mode: normal;
mix-blend-mode: multiply;
mix-blend-mode: screen;
mix-blend-mode: overlay;
mix-blend-mode: darken;
mix-blend-mode: lighten;
mix-blend-mode: color-dodge;
mix-blend-mode: color-burn;
mix-blend-mode: hard-light;
mix-blend-mode: soft-light;
mix-blend-mode: difference;
mix-blend-mode: exclusion;
mix-blend-mode: hue;
mix-blend-mode: saturation;
mix-blend-mode: color;
mix-blend-mode: luminosity; *****

*/

/*

.module-twocol-square-banners .right-side .image-holder figure img { -webkit-filter: grayscale(100%); filter: grayscale(100%); }
.module-twocol-square-banners .image-holder figure img { mix-blend-mode: luminosity; }

.module-twocol-square-banners .column {  background: red; 
            background: -webkit-linear-gradient(-45deg, orange , yellow, green, cyan, blue, violet); 
            background: -o-linear-gradient(-45deg, orange, yellow, green, cyan, blue, violet); 
            background: -moz-linear-gradient(-45deg, orange, yellow, green, cyan, blue, violet);  
            background: linear-gradient(-45deg, orange , yellow, green, cyan, blue, violet);  }

.module-twocol-square-banners .column.copy-holder {  background: red; 
            background: -webkit-linear-gradient(90deg, orange, green, violet ); 
            background: -o-linear-gradient(90deg, orange, green, violet ); 
            background: -moz-linear-gradient(90deg, orange, green, violet );  
            background: linear-gradient(90deg, orange, green, violet); }

.module-twocol-square-banners .column.copy-holder { padding: 0 !important; }
.module-twocol-square-banners .column.copy-holder .inner { mix-blend-mode: luminosity; background: #fff; width: 100%; height: 100%; max-width: 100%; padding: 20px 60px;}
.module-twocol-square-banners .column.copy-holder .inner * { color: #aaa !important; }

.module-tricol-cyphers .inner { background: red; 
            background: -webkit-linear-gradient(45deg, orange, violet); 
            background: -o-linear-gradient(45deg, orange, violet); 
            background: -moz-linear-gradient(45deg, orange, violet);  
            background: linear-gradient(45deg, orange, violet); 

}
.module-tricol-cyphers .inner .cypher-full,
.module-tricol-cyphers .copy-full { mix-blend-mode: screen; background: #fff; padding-bottom: 5px; }


.module-tricol-cyphers .inner .cypher-full * { color: #111 !important; text-shadow: -2px -2px 0px #fff, -1px -1px 0px #fff, 1px 1px 0px #fff, 2px 2px 0px #fff, 5px 5px 3px rgba(0,0,0,0.45); }
.module-tricol-cyphers .copy-full * { color: #111 !important; }

.titleless.module-simple-cta .copy-holder p strong { color: #fff; text-shadow: 0 1px 0 #cccccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbbbbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaaaaa, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.2), 0 20px 20px rgba(0, 0, 0, 0.15); font-size: 96px !important; font-family: "Georgia" }

*/
/*
:root {
    --skew-anti-degrees: -10deg;
    --skew-degrees: 10deg;
}

.module-twocol-square-banners { transform: skewY( var( --skew-anti-degrees ) ) }
.module-twocol-square-banners .column.image-holder figure img { height: 130%; width: 130%; margin: -15%; }
.module-twocol-square-banners .column.image-holder figure img, 
.module-twocol-square-banners .column.copy-holder .inner { transform: skewY( var(--skew-degrees) ) }





.module-twocol-square-banners .image-holder figure img { -webkit-filter: grayscale(100%) brightness(500%) blur(30px); filter: grayscale(100%) brightness(500%) blur(30px); mix-blend-mode: multiply; 
    -webkit-transition:all 1500ms ease;-moz-transition:all 1500ms ease;-ms-transition:all 1500ms ease;-o-transition:all 1500ms ease;transition:all 1500ms ease }

.module-twocol-square-banners .image-holder figure img:hover {-webkit-filter: grayscale(100%) brightness(100%) blur(0); filter: grayscale(100%) brightness(100%) blur(0); mix-blend-mode: multiply; }

.module-twocol-square-banners .column.copy-holder { background: #fff !important; }
.module-twocol-square-banners .column { background: red; 
            background: -webkit-linear-gradient(-45deg, orange , yellow, green, cyan, blue, violet); 
            background: -o-linear-gradient(-45deg, orange, yellow, green, cyan, blue, violet); 
            background: -moz-linear-gradient(-45deg, orange, yellow, green, cyan, blue, violet);  
            background: linear-gradient(-45deg, orange , yellow, green, cyan, blue, violet); }
            
            
*/