nav{position:relative;width:100%;margin:0 auto;text-transform: capitalize; font-family: 'Didact Gothic', sans-serif;}
#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile{border:0;list-style:none;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#cssmenu:after,#cssmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
#cssmenu #head-mobile{display:none}
#cssmenu{}
#cssmenu > ul > li{float:left;padding:0 12px; position:relative}
#cssmenu > ul > li:last-child:before { display:none}
#cssmenu > ul > li:before { position: absolute;
    top: 4px;
    right: 0;
    width: 1px;
    height: 18px;
    background: #a17991;content:''}
#cssmenu > ul > li > a{padding:4px 0 18px 0;font-size:17px;text-decoration:none;color:#737577;border-bottom:2px solid transparent;  line-height:18px}
#cssmenu > ul > li:hover > a,#cssmenu ul li.active a{color:#000;/* border-bottom:2px solid #661951; */}
#cssmenu > ul > li:hover > a,#cssmenu ul li.active a{color:#000 !important}
#cssmenu > ul > li:hover,#cssmenu ul li.active:hover,#cssmenu ul li.active,#cssmenu ul li.has-sub.active:hover{/* background:#448D00!important; */-webkit-transition:background .3s ease;-ms-transition:background .3s ease;transition:background .3s ease;}
#cssmenu > ul > li.has-sub > a{padding-right:30px}
#cssmenu > ul > li.has-sub > a:after{position:absolute;top:22px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu > ul > li.has-sub > a:before{position:absolute;top:19px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu > ul > li.has-sub:hover > a:before{top:23px;height:0}
#cssmenu ul ul {position: absolute;left: -10069px;z-index: 1;width: 1047px;margin: 0 0 0 -256px;padding-top: 0px;} 
#cssmenu ul ul li{height:0;-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease;float: left;    padding-bottom: 18px;}
#cssmenu li:hover > ul{left:-19px;top: 33px;}

#cssmenu li:hover > ul > li { height: auto; width: 25%; } 
#cssmenu ul ul ul{margin-left:100%;top:0}
#cssmenu ul ul li a { padding: 13px 13px 13px 31px; width: 270px; font-size: 16px; text-decoration: none; color: #661951 !important; font-weight: 400; text-transform: uppercase; clear: both; transition-duration: 1s; transition-timing-function: ease-in-out; transition-property: transform; float: left; width: 100%; }
#cssmenu ul ul li a:hover{color:#eb1973!important;}
#cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a{border-bottom:0}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:#fff}
#cssmenu ul ul li.has-sub > a:after{position:absolute;top:16px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu ul ul li.has-sub > a:before{position:absolute;top:13px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu ul ul > li.has-sub:hover > a:before{top:17px;height:0}
#cssmenu ul ul ul li.active a{border-left:1px solid #333}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active> a{border-top:1px solid #333}

#cssmenu ul ul li span.title { font-size: 14px; text-transform: capitalize; float: left; margin:17px 0 15px 15px;font-weight: 600; } 
#cssmenu ul ul li img { float: left;width: 84px;transition-property: transform;transition-duration: 0.3s;transform: translateZ(0);transition-timing-function: ease-out;} 
#cssmenu ul ul li.menu4 .eva-menu9 span.title {
  margin-left: 10px;
}
#cssmenu > ul > li:nth-child(3) ul li.menu1 a img {
  width: 64px !important;
}
#cssmenu > ul > li:nth-child(3) ul li.menu1 span.title {
  margin: 6px 0 6px 15px;
}
#cssmenu ul ul li a.eva-menu1:hover img {transform: scale(0.9);} 
#cssmenu ul ul li a.eva-menu2:hover img {transform: scale(0.9);} 
#cssmenu ul ul li a.eva-menu3:hover img {transform: scale(0.9);} 
#cssmenu ul ul li a.eva-menu4:hover img {transform: scale(0.9);} 
#cssmenu ul ul li a.eva-menu5:hover img {transform: scale(0.9);} 
#cssmenu ul ul li a.eva-menu6:hover img {transform: scale(0.9);} 
#cssmenu ul ul li a.eva-menu7:hover img {transform: scale(0.9);} 
#cssmenu ul ul li a.eva-menu8:hover img {transform: scale(0.9);} 
#cssmenu ul ul li a.eva-menu9:hover img {transform: scale(0.9);} 
#cssmenu > ul > li:nth-child(3) ul li a:hover img {transform: scale(0.9);} 

#cssmenu > ul > li > a.active { color: #fff !important; } 
#cssmenu ul ul li a.active{ color: #eb1973 !important;}
#cssmenu li:nth-child(2) ul li a span.title {width: auto !important; float: left; margin-top: 20px !important;margin-left: 2px !important;font-size: 15px;line-height: 19px;} 
#cssmenu li:nth-child(2) ul li a { padding: 0 0 2px 0 !important; width: 100% !important; font-size: 14px !important; float: left; } 
	
li.menu2.card-menu span.title {
    width: 100%;
    float: left;
}	
	
@media screen and (min-width:1024px){
	
#cssmenu li:hover > ul{left:-130px;top: 33px;}
#cssmenu > ul > li > a { font-size:17px}
#cssmenu > ul > li > a:hover { color:#000 !important;}
#cssmenu li:nth-child(2) ul li a span.title {max-width:123px;font-size: 14px;}
}
@media screen and (min-width:992px){
#cssmenu > ul > li.has-sub > a::before,#cssmenu > ul > li.has-sub > a::after{content:unset}
#cssmenu > ul > li.has-sub > a {padding-right: 0;color:#737577 !important}
#cssmenu > ul > li.has-sub:hover > a{color: #000 !important;}
}
@media screen and (max-width:991px){
	

nav{width:100%;}
#cssmenu{width:100%;position: static;}
#cssmenu ul{width:100%;display:none}
#cssmenu ul li{width:100%;border-top:1px solid #ddd}
#cssmenu ul li:first-child {border-top:0}
#cssmenu ul li:hover{background:#661951;color:#fff;}
#cssmenu ul li a:hover{color:#fff;border-bottom:0;}
#cssmenu ul ul li,#cssmenu li:hover > ul > li{height:auto}
#cssmenu ul li a,#cssmenu ul ul li a{width:100%;}
/* #cssmenu > ul > li{float:none} */
#cssmenu ul ul li a{padding-left:25px}
#cssmenu ul ul li { padding:0 10px 13px 10px; width:100% !important; } 
#cssmenu ul ul li:hover{background:#fff!important}
#cssmenu ul ul ul li a{padding-left:35px}
#cssmenu ul ul li a{color:#0f2940;background:none}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a{color:#fff}
#cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}
#cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{display:none}
#cssmenu #head-mobile{display:block;padding:0 23px 6px;color:#661951;font-size:12px;font-weight:700}
.button{width: 35px;
    height: 35px;
    position: absolute;
    right: -50px;
    top: 0;
    cursor: pointer;
    z-index: 12399994;
    background: #eb1973;}
.button:after{position:absolute;top:17px;right:0;display:block;height:10px;width:20px;border-top:3px solid #FFF;border-bottom:3px solid #fff;content:''; left:0; margin:0 auto}
.button:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:10px;right:0;display:block;height:3px;width:20px;background:#fff;content:''; left:0; margin:0 auto}
.button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:17px;border:0;height:3px;width:19px;background:#FFF;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.button.menu-opened:before{top:17px;background:#FFF;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
#cssmenu .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;border-left:1px solid #ddd;width:40px;height:45px;cursor:pointer;display:block !important}
#cssmenu li:nth-child(2) ul li {display:inherit !important}
#cssmenu li:nth-child(2) ul li, li.menu3.pkg-l {
    height: auto;
    min-height: unset !important;
}
#cssmenu .submenu-button.submenu-opened{background:#661951}
#cssmenu ul ul .submenu-button{height:34px;width:34px}
#cssmenu .submenu-button:after{position:absolute;top:22px;right:14px;width:8px;height:2px;display:block;background:#363435;content:''}
#cssmenu ul ul .submenu-button:after{top:15px;right:13px}
#cssmenu .submenu-button.submenu-opened:after{background:#fff}
#cssmenu .submenu-button:before{position:absolute;top:19px;right:17px;display:block;width:2px;height:8px;background:#363435;content:''}
#cssmenu .submenu-button:hover:before,#cssmenu .submenu-button:hover:after{background:#fff;}
#cssmenu > ul > li:hover .submenu-button:before,#cssmenu > ul > li:hover .submenu-button:after{background:#fff;}

#cssmenu ul ul .submenu-button:before{top:12px;right:16px}
#cssmenu .submenu-button.submenu-opened:before{display:none}
#cssmenu ul ul ul li.active a{border-left:none}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a{border-top:none}
#cssmenu ul { position: absolute; background: #fff; z-index: 9; left: 0; top: 32px; border: 1px solid #eee; 	border-top-color: rgb(238, 238, 238); 	border-top-style: solid; 	border-top-width: 1px; border-top: 0; } 
#cssmenu > ul > li > a{font-size: 18px;padding:14px 15px 13px;color: #363435;}
#cssmenu > ul > li:hover a::after{content:unset;}
#cssmenu li:hover > ul{right: 0;
width: 100%;
left: auto;
padding: 0;
border-radius: 0;
background: #fff;float: left;}
#cssmenu ul li.menu-img{display:none;}
#cssmenu ul ul li span.title {margin: 14px 0 15px 15px;}
#cssmenu > ul > li{padding:0;position: relative;}
#cssmenu > ul > li:hover > a, #cssmenu ul li.active a{color: #fff !important;}
#cssmenu ul ul li img{width: 76px;}
#cssmenu ul ul li a{padding: 9px 0;}
#cssmenu ul ul{height: auto;}
#cssmenu ul ul li a{border:0;}
#cssmenu ul ul{background: transparent;padding: 0;border-bottom: 0px solid #282627;}
#cssmenu > ul > li:hover > a, #cssmenu ul li.active a{border-bottom: 0px solid #661951;}
#cssmenu > ul > li::before { display:none}
#cssmenu li:hover > ul { top:0}
#cssmenu > ul > li:hover > a,#cssmenu ul li.active a,#cssmenu > ul > li > a { border-bottom:none}
#cssmenu > ul > li:hover > a, #cssmenu ul li.active a  {color:#fff !important;}
.mbl-menu1.col-lg-10.col-md-6.col-sm-6.p-0 { width: 100%; max-width: 100% !important; float: left; flex: unset; } 
}

@media screen and (max-width:767px){	
    li.menu2.card-menu{ height:100%;}
.searchbar {margin-top: 0;}
.mbl-menu1.col-lg-10.col-md-6.col-sm-6.p-0 { width: 50%; max-width: 50% !important; float: left; flex: unset; } 
.search-panel { margin-right: 0; width: 100%; margin: 0 auto 0 auto; } 
#cssmenu ul ul li {width:100% !important}	
#cssmenu ul { top: 0; height: 400px !important; overflow: scroll !important; } 
.top-panel .button {
  top: 32px;padding-top: 36px;
  right: 15px;
  border: 1px solid #fff;
}
}

@media screen and (max-width:420px){
.top-panel { padding:0px 0 0px 0; }	
#cssmenu ul { top: 87px !important; } 
.col-lg-2.col-md-6.col-sm-4.logo.col-12.p-0 { width: 17% !important; max-width: 26% !important; padding: 0 !important;margin: 13px 0;} 
}

@media screen and (max-width:360px){	
#cssmenu ul { top: 83px !important; } 

}