*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
*{margin:0;padding:0;}

#mobile-body-overly {width: 100%; height: 100%;   top: 0; left: 0; position: fixed; background: rgba(0, 0, 0, .10); display: none; z-index:8}
.nav-toggle {width: 0px; height: 0px; line-height: 34px;  border-radius: 3px; display: flex; justify-content: center; align-items: center; text-align: center; color: #222; position: relative; cursor: pointer; transition: all 300ms linear 0ms; visibility: hidden; position:absolute; right:20px; display:none;
}
.nav-toggle::before, .nav-toggle::after, .nav-toggle span {
 transition: all 300ms linear 0ms; content: ""; background-color:#FFF; display: block; height: 2px; left: 0; margin: auto; position: absolute; right: 0; width: 24px; top: 23px;}
.nav-toggle:hover::before, .nav-toggle:hover::after, .nav-toggle:hover span { background-color:#FA4216;}
.nav-toggle::before {top:9px;}
.nav-toggle span {top:16px;}
 .nav-toggle.opened::before {top: 15px; -webkit-transform: rotate(45deg); -khtml-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
.nav-toggle.opened span {display: none;}
.nav-toggle.opened::after { -webkit-transform: rotate(-45deg); -khtml-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 15px;}
.responsivemenu { float: left; position: relative;}
.responsivemenu ul{list-style:none; float:right; margin:0; position:relative; }
/*.responsivemenu ul:before{ content:""; position:absolute; left:0; top:0; height:2px; width:100%; background:#E1193E; background: linear-gradient(to right, #000 -40%, #E1193E 80%);}*/
.responsivemenu >ul >li{ float:left; padding-left:15px; padding-right:15px; line-height:50px;}
.responsivemenu >ul >li:last-child{ padding-right:0px;}
.responsivemenu >ul >li>a{color:#FFF; /*padding-left:5px; padding-right:5px;*/   font-size:15px; letter-spacing:1px; display:block; transition: all 0.5s ease 0s;}
.responsivemenu ul li:hover a{color:#fe7170; text-decoration:none; }
.responsivemenu ul li.submenu{position:relative;}
.responsivemenu  ul  li> a div{background:#43ba7f; position:relative; padding-left:20px; padding-right:28px; margin-left:0px; border-radius:5px;}
/*.responsivemenu >ul >li> div:before{ content:""; position:absolute; left:-18px; top:0; height:100%; width:35px; background:#E1193E; transform:skewX(30deg); z-index:-1;}*/
.responsivemenu >ul >li> a  div{color:#FFF;}
.responsivemenu >ul >li:hover div a{color:#FFF!important;}
/*.responsivemenu ul li.active a{color:#FFF;}*/

/*----------Level2---------*/
.responsivemenu ul li.submenu ul{display:none; }
.responsivemenu ul li.submenu ul{position:absolute;  width:260px; top:60px; left:0; background:#FFF; z-index:1000; box-shadow: 5px  0px  5px -5px #333, 0  5px  5px -5px #333;}
.responsivemenu ul li.submenu:hover > ul{display:block;}
.responsivemenu ul li.submenu ul li{width:100%; line-height:46px; margin:0; border-bottom:1px solid #EEE; position:relative; display:block; float:left; padding-left:10px; position:relative; font-size:13px;}
.responsivemenu ul li.submenu ul li:last-child{ border-bottom:none;}
.responsivemenu ul li.submenu li a{display:block; color:#242424;  font-size:14px; transition: all 0.5s ease 0s;}
.responsivemenu ul li.submenu ul li:hover a{color:#FA4216; padding-left:5px;} 
.responsivemenu ul li.submenu ul li:hover div.level3 {display:block; }
.responsivemenu ul li.submenu ul li div.level3{width:100%; top:0; left:280px; float:left; padding-left:10px; margin-bottom:10px; position:absolute; 
display:none; max-height:400px; overflow:auto; box-shadow: 5px  0px  5px -5px #333, 0  5px  5px -5px #333; z-index:1000}
.responsivemenu ul li.submenu ul li div.level3 ul{display:block; position:static; width:auto; float:left;}
.responsivemenu ul li.submenu ul li div.level3 ul li{float:left; width:100%; border-bottom:none; border-bottom:1px solid #EBEBEB; padding-left:8px; padding-right:8px;}
.responsivemenu ul li.submenu ul li div.level3 ul li:last-child{border-right:none;}
.responsivemenu ul li.submenu ul li div.level3 ul li a{color:#242424;}
.responsivemenu ul li.submenu ul li div.level3 ul li a:hover{color:#45B6F3;}

/*----------megamenu---------*/
.responsivemenu ul li:hover .megamenu{display:block;}
.responsivemenu ul li .megamenu{display:none; position:absolute; background:#FFF; top:40px; left:0; width:100%; z-index:1000; color:#C00; padding:15px; }
.responsivemenu ul li .megamenu ul{position:relative; display:block; width:100%;  margin:0; padding:0; top:0; margin-bottom:15px;}
.responsivemenu ul li .megamenu ul li{border-bottom:none!important; width:100%;  line-height:20px; padding-top:3px; padding-bottom:3px; padding-right:20px; float:left;}
.responsivemenu ul li .megamenu ul li:hover{background:none;}
.responsivemenu ul li .megamenu ul li a{color:#242424; padding:0; font-weight:normal; width:100%; border-bottom:1px  dashed #ccc; float:left; display:block; padding-bottom:3px; font-size:13px;}
.responsivemenu ul li .megamenu ul li:last-child a{border-right:none;}
.responsivemenu ul li .megamenu ul li a:hover{color:#5BBFF4;}
.menucol{width:25%; float:left;}
.menuco2{width:25%; float:left;}

/*----------megamenu 2---------*/
.responsivemenu ul li:hover .megamenu2{display:block;}
.responsivemenu ul li .megamenu2{display:none; position:absolute; background:#FFF; top:40px; left:0; width:100%; z-index:1000; color:#C00; padding:15px;}
.responsivemenu ul li .megamenu2 ul{position:relative; display:block; width:100%;  margin:0; padding:0; top:0; margin-bottom:15px;}
.responsivemenu ul li .megamenu2 ul li{border-bottom:none!important; width:100%;  line-height:40px; padding-top:3px; padding-bottom:3px; padding-right:20px; float:left;}
.responsivemenu ul li .megamenu2 ul li:hover{background:none;}
.responsivemenu ul li .megamenu2 ul li a{color:#242424; padding:0; font-weight:normal; width:100%; border-bottom:1px  dashed #ccc; float:left; display:block; padding-bottom:3px; font-size:13px; display:block;}
.responsivemenu ul li .megamenu2 ul li:last-child a{border-right:none;}
.responsivemenu ul li .megamenu2 ul li a:hover{color:#5BBFF4;}
.responsivemenu ul li,.responsivemenu ul li a,
.responsivemenu ul li ul,.responsivemenu ul li ul li,.responsivemenu ul li ul li a
{
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}


@media only screen and (max-width:992px) {
.nav-toggle{visibility:visible; width: 40px;  height: 36px; display:block}
.togglemenu{display:none!important;}
.responsivemenu {position:fixed;   top:0px; width:250px; height:100vh; z-index:100; left:-260px; transition: all .5s ease-in-out; background:#1c1353;   z-index:1000;}
.responsivemenu.navigation-open{left:0px;}
.responsivemenu >ul >li{line-height:45px!important;}
.responsivemenu{padding-top:8px;}
.responsivemenu ul li{ width:100%; border-bottom: 1px solid #453c79; position:relative; line-height:45px; padding-right:15px;}
.responsivemenu > ul > li:last-child{padding-right:15px;}
.responsivemenu ul li a{display:block; color:#FFF; position:relative;}
.responsivemenu ul li a .fa{position:absolute; top:15px; right:15px;}

.responsivemenu ul li.submenu ul{width:100%!important; top:45px;}
.responsivemenu > ul > li > div{ margin-top:5px; margin-bottom:5px;}
}

@media only screen and (max-width: 768px) {}