*{box-sizing:border-box;}
a{color:#333;}
.description{position:absolute;top:50%;left:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);}
.menu-container{width:80%;margin:0 auto;background:#e9e9e9;}
.menu-mobile{display:none;padding:10px 0 10px 0;color:#fff;}
.menu-mobile:hover{color:#fff;}
.menutop{background:#0c66de;border-bottom:solid 1px #fff;border-top:solid 1px #fff;position:relative;}
.ByBrand{font-weight:bold;}
.ByBrand:hover{background:#333;}
.menu-mobile:after{content:"\f394";font-family:"Ionicons";font-size:2.5rem;padding:8px 0 0 0;float:right;position:relative;top:50%;-webkit-transform:translateY(-25%);-ms-transform:translateY(-25%);transform:translateY(-25%);}
.menu-dropdown-icon:before{content:"\f489";font-family:"Ionicons";display:none;cursor:pointer;float:right;padding:13px 20px;color:#fff;}
.menu > ul{margin:0 auto;width:100%;list-style:none;padding:0;position:relative;box-sizing:border-box;}
.menu > ul:before,
.menu > ul:after{content:"";display:table;}
.menu > ul:after{clear:both;}
.menu > ul > li{float:left;padding:0;margin:0;border-right:solid 1px #0152be;}
.menu > ul > li:last-child{border-right:none;}
.menu > ul > li a{text-decoration:none;padding:15px 22px;display:block;color:#fff;font-weight:bold;height:65px;text-align:center;line-height:18px;}
.menu > ul > li a span{display:block;}
.menu > ul > li a.ByBrand{line-height:32px;}
.menu > ul > li a:hover{background:#f06d01;color:#fff;}
.menu > ul > li a.active{background:#f06d01;color:#fff;}
.menu > ul > li > ul{display:none;width:100%;background:#fff;padding:15px 15px 15px 15px;position:absolute;z-index:99;left:0;margin:0;list-style:none;border:solid 1px #000;}
.menu > ul > li > ul:before,
.menu > ul > li > ul:after{content:"";display:table;}
.menu > ul > li > ul:after{clear:both;}
.menu > ul > li > ul > li{margin:0;padding-bottom:0;list-style:none;width:33%;background:none;float:left;}
.menu > ul > li > ul > li a{color:#333e48;padding:.2em 0;width:95%;display:block;border-bottom:1px solid #ccc;text-align:left;height:auto;font-weight:normal;background:url(../../../img/Front/bulleticon.jpg) left 13px no-repeat;}
.menu > ul > li > ul > li a:hover{color:#f06d01;background:url(../../../img/Front/bulleticon.jpg) left 13px no-repeat;}
.menu > ul > li > ul > li > ul{display:block;padding:0;margin:0px 0 0;list-style:none;box-sizing:border-box;}
.menu > ul > li > ul > li > ul:before,
.menu > ul > li > ul > li > ul:after{content:"";display:table;}
.menu > ul > li > ul > li > ul:after{clear:both;}
.menu > ul > li > ul > li > ul > li{float:left;width:100%;padding:0px 0;margin:0;color:#777;}
.menu > ul > li > ul > li > ul > li a{border:0;background:url(../../../img/Front/bulleticon.jpg) left 13px no-repeat;padding-left:15px;}
.menu > ul > li > ul.normal-sub{width:100%;left:0;padding:10px 20px;opacity:0!important;display:none !important;}
.menu > ul > li:hover ul.normal-sub{display:block !important;opacity:1 !important;}
.menu > ul > li > ul.normal-sub > li{width:370px;}
.menu > ul > li > ul.normal-sub > li a{border:0;padding:0 0 0 15px;line-height:30px;}
@media only screen and (max-width:1024px){.menu-container{width:100%;}
.menu-mobile{display:block;}
.menu-dropdown-icon:before{display:block;}
.menu > ul{display:none;}
.menu > ul > li{width:100%;float:none;display:block;}
.menu > ul > li a{padding:1.5em;width:100%;display:block;}
.menu > ul > li > ul{position:relative;}
.menu > ul > li > ul.normal-sub{width:100%;}
.menu > ul > li > ul > li{float:none;width:100%;margin-top:20px;}
.menu > ul > li > ul > li:first-child{margin:0;}
.menu > ul > li > ul > li > ul{position:relative;}
.menu > ul > li > ul > li > ul > li{float:none;}
.menu .show-on-mobile{display:block;position:absolute;left:0;right:0;margin:0 auto;background:#0c66de;top:auto;z-index:999;}
}