*,*: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%;z-index:50;top: 0;left: 0;position: fixed;background: rgba(234, 234, 234, 0.7);display: none; z-index:2;}
.nav-toggle { width: 0px; height: 0px; line-height: 34px; -webkit-border-radius: 3px; -khtml-border-radius: 3px;
	-moz-border-radius: 3px;-ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; display: flex; justify-content: center; align-items: center;
	text-align: center; color: #222; position: relative; cursor: pointer; -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms;
	-moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms;
	visibility: hidden;
}
.nav-toggle::before, .nav-toggle::after, .nav-toggle span {-webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; content: ""; background-color: #242424; 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:#488BF8;}
.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;  font-family: 'montserratsemibold';}
.responsivemenu ul{list-style:none;  float:right; margin:0;}
.responsivemenu >ul >li{ float:left; padding-left:4px; padding-right:4px; line-height:87px;}
.responsivemenu >ul >li>a{color:#242424; padding-left:5px; padding-right:5px; font-size:13px;  letter-spacing:1px; display:block; font-weight:bold; transition:all 0.5s ease 0s;}
.responsivemenu ul li:hover a{color:#488BF8; text-decoration:none;}
.responsivemenu ul li.submenu{position:relative;}
.responsivemenu ul li.active a{color:#488BF8;}

/*----------Level2---------*/
 
.responsivemenu ul li.submenu ul{display:none; position:absolute;  width:260px; top:87px; left:0; background:#FFF; z-index:10000;   
box-shadow: 0 6px 28px rgba(0,0,0,.08); border-top: 1px solid #e9e9e9; transition:all 0.5s ease 0s; padding-top:15px; padding-bottom:15px;}
.responsivemenu ul li.submenu:hover > ul{display:block; }
.responsivemenu ul li.submenu ul li{width:100%; line-height:21px; margin:0;  position:relative; display:block; float:left; 
 position:relative; font-size:13px; padding-left:15px; padding-right:15px; }


.responsivemenu ul li.submenu li a{display:block; color:#000;  font-size:14px; transition: all 0.5s ease 0s; padding:10px; position:relative;}
.responsivemenu ul li.submenu li a .fa{ position:absolute; top:13px; right:10px;}
.responsivemenu ul li.submenu ul > li:hover >a{color:#FFF;  background:#0962F7;}


 .responsivemenu ul li.submenu ul li ul{ position:absolute; left:260px; top:0; display:none; transition:all 0.5s ease 0s;}
  .responsivemenu ul li.submenu ul li:hover ul{ display:block;}
 
 


@media only screen and (max-width:992px) 
{
.nav-toggle{ visibility:visible; width: 40px; height: 36px;}
.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:#488BF8;   z-index:1000;}
.responsivemenu.navigation-open{left:0px;}
.responsivemenu >ul >li{line-height:45px!important;}
.responsivemenu{padding-top:8px;}
.responsivemenu ul{   top:61px; background:#00; z-index:999999; left:0px; float:left;}
.responsivemenu ul li{ width:100%; border-bottom:1px solid #70A4FA; position:relative; line-height:45px;}
.responsivemenu ul li a{display:block; color:#FFFF; position:relative;}
.responsivemenu ul li a .fa{position:absolute; top:15px; right:15px;}
.responsivemenu ul li.active a{color:#a1dcf9;}
.responsivemenu ul li:hover a{color:#a1dcf9;}
.responsivemenu ul li.submenu ul{width:100%!important; top:45px; padding-top:0px; padding-bottom:0px; }
.responsivemenu ul li.submenu ul li{padding-left:0px; padding-right:0px;}
.responsivemenu ul li.submenu ul li ul{ left:0px; top:40px;}
}

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

}