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

/* 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; left: 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 { 
    background-color:#fff; color: #fff; 
    height: 100%; width: 0; position: fixed; top: 0; left: 0; /*  Show on     ///////    left     ///////     right     */
    z-index: 9999; 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: 25px; right: 13px;
    display: block; width: 16px; height: 16px; 
	background-image: url('../images/close-black.svg');
    background-repeat: no-repeat;
    background-position:  center center;
    -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;
}
.offmenu-close:hover { color: #2D52A0; text-decoration: none; }
.offmenu-close .fa { font-size: 22px; position: relative; top: 8px; }
.offmenu-times { line-height: 1; font-size:34px; }

.offsubmenu { opacity: 0; }

.offmenu-show .offsubmenu {  
    display: block; opacity: 1; 
    padding: 0px 15px 0px 15px;   
}

 

.offsubmenu { 
    margin-bottom: 30px; 
    -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 0 15px 0; padding: 0; list-style: none none; }
.offsubmenu > ul > li { font-size:14px; font-weight: bold; display: block; border-bottom: 1px dashed #EEEEEE; }
.offsubmenu > ul > li > a { display: block; color: #000;  padding: 12px 0; }
.offsubmenu > ul > li > a:hover,
.offsubmenu > ul > li > a:focus,
.offsubmenu > ul > li > a:active { text-decoration: none; }

.offsubmenu ul li.submenus { position: relative; }
.offsubmenu ul li.submenus ul { 
    background-color:#fef0ec; 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 { font-size: 16px; font-style: italic; font-weight: 300;  }
.offsubmenu ul li.submenus ul > li > a { display: block; color: #000;  padding: 6px 0 6px 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 right;
	background-size:18px 18px;
}
/*
.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 { 
	padding: 14px 15px 10px 15px; 
	background-color: #ffffff; border-bottom: 1px solid #D9D9D9;  
	background-image: url('../images/cover-hero.jpg');
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;
}
.offmenu-logo a { display: inline-block; }
.offmenu-logo img { display: block; width: 237px; max-width: 100%; }
 

#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: #016db4;
    /* -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: #015792; border-top: 2px solid #ea880b;
    -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;
}

.mobile-menu-item { text-transform: uppercase; font-size: 14px; }
.mobile-menu-item .fa { font-size:19px; font-weight: normal; position: relative; bottom: -2px; margin-right: 2px; }

/* Hamburger */
.hamburger { padding: 0; color: #fff; transform: scale(0.7); }
.hamburger-menu { display: inline-block; position: absolute; top: 13px; left: -6px; z-index: 10; }
.hamburger-inner, .hamburger-inner::after, .hamburger-inner::before { background-color: #000000;   }
.hamburger-label {  float: left; margin-right: 15px; font-weight: normal; text-transform:none;   }
.hamburger-inner, .hamburger-inner::after, 
.hamburger-inner::before { height: 3px; border-radius: 0px; width: 36px; }

/* Header White */
.header.is-white .hamburger-inner, 
.header.is-white .hamburger-inner::after, 
.header.is-white .hamburger-inner::before { background-color: #ffffff;   }



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


@media (max-width:767px) {
	
	.hamburger-menu { top: -3px; right: -10px; }
	
	
} /* End of @media ----------------------------------------------------------------------------- */