/* general */
body { -webkit-transition:none; -moz-transition:none; transition:none; }
body.scrolled-down {  }

/* Mobile Menu Opened*/
body.offmenu-offset {  /* margin-left: 320px; */ overflow-x: hidden;  }
body.offmenu-offset .topbasket,
body.offmenu-offset .mobile-search { display: none; }

body.offmenu-offset .bodymask { display: block; }
.bodymask { display: none; background-color: rgba(0,0,0,0.80); position: fixed; top: 0; left: 0; width: 100%; height: 100%; bottom: 0; z-index: 100; }


/* menu */
.offmenu-wrapper { position: relative; width: 100%;   }

.offmenu-overlay {
    display: block; background-color: rgba(0,0,0,0.80); z-index: 123; position: fixed; top: 0; right: 0; width: 100%; height: 100%; min-height: 100%;
    opacity: 0;
    -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;
    pointer-events: none;
}
.offmenu-overlay-on {
    opacity: 1; pointer-events: auto;
}
.offmenu {
    height: 100%;
    background-color:#ffffff; color: #000000;
    width: 0; position: fixed; top: 0px; right: 256px; z-index: 456; overflow-x: hidden;
    -webkit-transition:all 0.1s; -moz-transition:all 0.1s; transition:all 0.1s;

    -webkit-box-shadow: 0px 0px 39px 0px rgba(0,0,0,1); -moz-box-shadow: 0px 0px 39px 0px rgba(0,0,0,1); box-shadow: 0px 0px 39px 0px rgba(0,0,0,1);
}
.offmenu-show { width: 300px; }

.offmenu-close {
    position: absolute; top: 13px; right: 12px;
    display: inline-block; 
    /* 
    width: 16px; height: 16px;
	background-image: url('../images/close.svg');
    background-repeat: no-repeat;
    background-position:  center center;
    -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;
     */
    color:#AECDED;
    opacity: 0.5;
}
.offmenu-close:hover,
.offmenu-close:focus,
.offmenu-close:active {  text-decoration: none; color: #AECDED; opacity: 0.8; }
.offmenu-close .fa,
.offmenu-close .bi,
.offmenu-close .zmdi { opacity: 1; font-size: 24px; line-height: 1;   }
.offmenu-times { line-height: 1; font-size:34px; }

.offsubmenu { opacity: 0; }

.offmenu-show .offsubmenu {
    display: block; opacity: 1;
}



.offsubmenu {
    margin-bottom: 0px;
    -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
}
.offsubmenu > ul { margin: 0; padding: 0; list-style: none none; }
.offsubmenu > ul > li {
    font-size:16px; display: block; padding: 0px 15px 0px 15px; 
    font-weight: 400;
    -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;
}
.offsubmenu > ul > li.active { background-color: #FA6E00; }

.offsubmenu > ul > li:hover,
.offsubmenu > ul > li:focus,
.offsubmenu > ul > li:active { background-color: #FFD7C4;  }
.offsubmenu > ul > li > a { 
    display: block; padding: 9px 0px 9px 0px; 
    /* border-bottom: 1px solid #40405D; */
    -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;
}
.offsubmenu > ul > li.active > a { color:#fff; }
.offsubmenu > ul > li:last-child a { border-bottom: 0; }
.offsubmenu > ul > li > a:hover,
.offsubmenu > ul > li > a:focus,
.offsubmenu > ul > li > a:active { text-decoration: none; color: #FA6E00;  }

.offsubmenu ul li.submenus { position: relative; }
.offsubmenu ul li.submenus ul {
    background-color:#26263C; 
    margin: 0 -15px 1px -15px; padding: 0 15px 0 15px; list-style: none none;
    
    -webkit-box-shadow: inset 0px 2px 2px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: inset 0px 2px 2px 0px rgba(0,0,0,0.3);
	box-shadow: inset 0px 2px 2px 0px rgba(0,0,0,0.3);
     
}
.offsubmenu ul li.submenus ul > li { opacity: 0.8; font-style: italic; font-weight: 300;  }
.offsubmenu ul li.submenus ul > li > a { display: block; color: #ffffff;  padding: 8px 0 8px 0px; }
.offsubmenu ul li.submenus ul > li > a:hover,
.offsubmenu ul li.submenus ul > li > a:focus,
.offsubmenu ul li.submenus ul > li > a:active { text-decoration: none; }

.offsubmenu ul li.submenus li.submenus ul { background-color:#1e1e1e; }
.offsubmenu ul li.submenus li.submenus ul li { font-size: 14px;   }
.offsubmenu ul li.submenus li.submenus ul li a { padding-left: 10px; }
/*
.submenu-indicator::after {
    display: inline-block; content: ""; width: 20px; height: 20px; margin-left:10px;
    position: relative; bottom: -2px;
	background-image: url('images/menu-plus.svg');
	background-repeat: no-repeat;
	background-position:  center center;
	background-size:20px 20px;
}
*/
.toggling {
    cursor: pointer;
    display: inline-block; position: absolute; top: 0; right:0px;
    content: ""; width: 38px; height: 38px;
	background-image: url('../images/mobile-menu-plus.svg');
	background-repeat: no-repeat;
	background-position:  center center;
	background-size: 16px 16px;
}
/*
.offsubmenu > ul > li.submenus.opened {}
.offsubmenu > ul > li.submenus.opened .submenu-indicator::after { background-image: url('images/menu-minus.svg'); }
.offsubmenu > ul > li.submenus.closed > ul { display: none; }
.offsubmenu > ul > li.submenus.closed .submenu-indicator::after { background-image: url('images/menu-plus.svg'); }
*/
.offsubmenu > ul > li.submenus ul { display: none; }
.offsubmenu > ul > li.submenus > .toggling { background-image: url('../images/mobile-menu-plus.svg'); }

.offsubmenu > ul > li.submenus.opened {}
.offsubmenu > ul > li.submenus.opened > .toggling,
.offsubmenu > ul > li.submenus.opened li.submenus.opened > .toggling { background-image: url('../images/mobile-menu-minus.svg'); }

.subpop { margin: 0; padding: 0; list-style: none none; }
.subpop > li { margin-top: 10px; }
.subpop > li > a { color:#F1DB00; }


.offmenu-logo { background-color: #14354B; padding: 8px 15px 6px 15px; }
.offmenu-logo a { display: inline-block; color: #fff; }
.offmenu-logo a:hover { text-decoration: none; color: #fff;}
.offmenu-logo img { display: block; width: 46px; }

.offmenu-language { display: inline-block; position: absolute; top: 16px; right: 53px; }
.offmenu-language a { color: #fff; }

#mobile_menu_categories {}
#mobile_menu_account { display: none; }

.mobile-menu-items { /* border-top: 1px solid #0980ce; */  } 
.mobile-menu-items > ul {
    margin: 0; padding: 0; list-style: none none;
    display: table; width:100%; max-width:100%; border-spacing:0; border-collapse:collapse; /* table-layout: fixed; */
}
.mobile-menu-items > ul > li:first-child { text-align: left; }
.mobile-menu-items > ul > li {
    display: table-cell; text-align: center; vertical-align: middle;
    padding: 10px 15px;
    background-color: #14354B;
    /*
    -webkit-box-shadow: inset 0px 2px 4px 0px rgba(0,0,0,0.6); -moz-box-shadow: inset 0px 2px 2px 0px rgba(0,0,0,0.6); box-shadow: inset 0px 2px 2px 0px rgba(0,0,0,0.6); 
     -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; 
    */
}
 

.unselectable {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.mobile-menu-items > ul > li.current {
    background-color: #ffffff;
    /* border-top: 2px solid #43795F; */
    -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;
}
.mobile-menu-items > ul > li.current .mobile-menu-item {
    color:#000000; 
}

.mobile-menu-item {
    text-transform: uppercase; font-size: 13px; font-weight: 400;
    color: #ffffff;
}
.mobile-menu-item .fa { font-size:16px; font-weight: normal; position: relative; bottom: -1px; margin-right: 2px; }

.hamburger-menu { display: inline-block;  }
.hamburger-menu a { color: #242B52 !important; }
.hamburger-menu .fa { font-size: 26px; }

.hamburger-menu .hamburger { 
    display: inline-block; width: 30px; height: 30px; 
    border: none; 
	background-color: transparent; 
    background-image: url('../images/mobile-menu-trigger-white.svg');
    background-repeat: no-repeat;
    background-position: center center; /* fixed*/ 
    -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain;

}


/* B R E A K P O I N T S  */


@media (max-width:767px) {

    .hamburger-menu { }
    .offmenu { left: 0px; }

} /* End of @media ----------------------------------------------------------------------------- */



@media (min-width:768px) and (max-width:991px) {

	.offmenu { left:0px; }

} /* End of @media ----------------------------------------------------------------------------- */


@media (min-width:992px) and (max-width:1247px) {

	.offmenu { left: 0px; }

} /* End of @media ----------------------------------------------------------------------------- */

@media (min-width:1248px) { /* DEFAULT 1200px  changed to 1248px */
    
    
 } /* End of @media ----------------------------------------------------------------------------- */