
/********************************************************

			MENU VERTICAL zo_mlmm Custom Styles

********************************************************/

.hamburger {
    padding: 19px 15px;
}
.zomlmm {
	width: 400px;
}


.zomlmm-header {
    
    height: 65px;

}
.zomlmm-header.unstick {
    position: fixed;
}


.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 28px;
    height: 2px;
}
.hamburger-box {
    
    display: inline !important;
   
}

.zomlmmTriggerLabel {
    display: inline;
    padding: 17px 20px 18px 45px;
    font-size: 14px;
    text-align: left;
    font-weight: 500;
    letter-spacing: 0.6px;
    cursor: pointer;
    color: #fff;
}



.hamburger-inner::after {
    bottom: -8px;
}
.hamburger-inner::before {
    top: -8px;
}
 .subheader .subheader-img {
    width: 44px !important;
    margin: 0 25px;
    float: left;
}
.subheader .subheader-text {
    width: 100%;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    padding: 20px 40px 40px 40px;
	
}

.subheader:after {
    position: absolute;
    content: "";
    border: #a4a4a4;
    width: 90%;
    border-bottom-style: dashed;
    border-width: thin;
    left: 20px;
}
.zomlmm-back svg.icon {
   
    margin-right: 10px;
}



/*
.zomlmm ul li {
    position: relative;
}
.zomlmm ul li:after {
    position: absolute;
    content: "";
    border: #a4a4a4;
    width: 90%;
    border-bottom-style: dashed;
    border-width: thin;
    left: 20px;
	z-index: 999;
}

.zomlmm .ulsubmenu li:after{display: none}*/

.zomlmm ul > li > a {
    font-weight: 400;
	padding: 10px 30px 10px 20px;
	
}

.zomlmm ul > li > a:hover {
    font-weight: 800;
}
.zomlmm ul > li > a img.img-zomlmm-item {
        width: 40px;
        height: 40px;
    }
.zomlmm ul > li .subheader .zomlmm-back a {
    
    color: #293847;
    cursor: pointer;
	font-weight: 800;
	font-size: 14px;
    
}
.zomlmm ul > li.has-submenu .subheader-text a {
	display: block;
    font-size: 16px;
	
	
}
   
.zomlmm ul > li .subheader .zomlmm-back {
    align-items: center;
    cursor: pointer;
    display: flex;
    padding: 20px;
    text-align: center;
    -webkit-text-decoration: none;
    text-decoration: none;
	
}
.zomlmm ul > li  .subheader .zomlmm-back a:hover{
   
    color: #c3ce03;
  
   
}

.zomlmm .submenu-header,.zomlmm-header {
   background-color:#006c88 !important;
	
    padding: 12px 30px 10px 10px;
}

.subheader .subheader-img {
    width: 60%;
    margin-bottom: 10px;
}




@media (max-width: 991px) {
	.zomlmm {
	width: 100%;
}
	.zomlmm nav{
	padding: 0 25px 0 0;
}
	.zomlmm .submenu {
    left: 100%;
}
#header .header-top-inner {
    background: #ffffff;
    border-bottom: 4px solid #ccc;
}
.zomlmmTrigger {
    background-color: #ffffff;
    width: 20%;
    padding:35px 0 0 20px !important;
	position: absolute;
    top: 0;
    left: 0;
	
}
	.zomlmmTriggerLabel{display: none;}
#header .fixed .zomlmmTrigger {
    position: absolute;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    
    background-color: #146c88;
   
}
.zmlmm-header-user-actions, #close-zomlmm {
   
    width: 100%;
}
	
	
	
.zmlmm-header-user-actions li:first-child {
    float: left;
}
.zmlmm-header-user-actions li {
    float: right;
   
}
	
	.zomlmm.opened.show-menu.submenu-opened ul.ulsubmenu{
  margin-top: 0;
}
	
	.zomlmm.opened ul{
		margin-top: 30px;
}
	

	

	#language-selector_zo_mlmm .dropdown-menu  {
   min-width: 100px;
    margin-top: 15px;
}	

	#language-selector_zo_mlmm .dropdown-menu li {
    display: block;
    width: 100%;
    height: 30px;
}
	#language-selector_zo_mlmm .dropdown-menu li a {
 
    height: 30px;
		    padding: 0 0 0 10px !important;

}	
		#czbannercmsblock .cmsbanners .cmsbanner img {
    
    width: 100%;
    height: auto;
}

	
	
}

@media (min-width: 1024px) {
.zomlmm.submenu-opened {
    /*overflow: auto;*/
    width: 50%;
}
	  .zomlmm {
       
        backface-visibility: hidden;
        height: 100%;
        opacity: 1;
        overflow-x: hidden;
        overflow-y: auto;
        overscroll-behavior: contain;
        scrollbar-color: rgba(0, 0, 0, .5) rgba(0, 0, 0, .25);
        scrollbar-gutter: stable;
        scrollbar-width: thin;
    }
.zomlmm.submenu-opened .has-submenu {
    width: 100%
	}
    .zomlmm.submenu-opened nav {
        width: 50%;
        backface-visibility: hidden;
        height: 100%;
        opacity: 1;
        overflow-x: hidden;
        overflow-y: auto;
        overscroll-behavior: contain;
        scrollbar-color: rgba(0, 0, 0, .5) rgba(0, 0, 0, .25);
        scrollbar-gutter: stable;
        scrollbar-width: thin;
    }
	
	.zomlmm .submenu {
    
    left: 400px;
	display: none;
}

.zomlmm.submenu-opened  .submenu.opened.current {
    left: 50%;
    pointer-events: auto;
    display: block;
	top: 70px;
    padding: 10px;
	width: 50%;
}
	.zomlmm .submenu.opened {
    
    display: none;
}
	 .zomlmmTrigger{
    display: inline-block!important;
	width: 20%;
    float: left;
	text-align: left;
  }
		.zomlmm .submenu-header,.zomlmm ul > li .subheader .zomlmm-back {
    
    display: none;
}
	
	.subheader .subheader-img {
    width: 60%;
    margin-bottom: 10px;
    margin-top: 15px;
}
	
 li.isMobile_link {
    display: none;
}
	
	
	
}


@media (min-width: 1500px) {


	.zomlmm .submenu {
    
    left: 400px;
	display: none;
}
.zomlmm .submenu.opened {
    
    display: none;
}
.zomlmm .submenu.opened.current {
    left: 390px;
    pointer-events: auto;
    display: block;
	top: 70px;
    padding: 10px;
	width: 60%;
}

}














@media (min-width: 539px) and (max-width: 991px) {
	    #header .header-top-inner {
      
        margin-bottom: 75px;
    }
	    .mobile-menu {
        display: none;
    }
		.zomlmm {
	width: 400px;
}
	
	#czbannercmsblock .cmsbanners .cmsbanner img {
    
    width: 100%;
    height: auto;
}
}
