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

.mobile-menu ul{width:100%; }
.mobile-menu ul li{width:100%;border-top:1px solid #e9e9e9}
.mobile-menu ul li:first-child{ border-top:none;}
.mobile-menu > ul > li:hover,.mobile-menu ul li.active:hover,.mobile-menu ul li.active,.mobile-menu ul li.has-sub.active:hover{background: url(../images/menu-bg-mob.png) no-repeat left;}
.mobile-menu ul ul li,.mobile-menu li:hover > ul > li{height:auto}

.mobile-menu > ul > li:hover > a,.mobile-menu ul li.active a{color:#195c9e}



.mobile-menu ul li a,.mobile-menu ul ul li a{width:100%;border-bottom:0}
.mobile-menu > ul > li{float:none; position:relative;}
.mobile-menu ul ul li a{padding-left:25px}
.mobile-menu ul ul li{background:#0275d8!important;}
.mobile-menu ul ul li:hover{background:#195c9e!important}
.mobile-menu ul ul ul li a{padding-left:35px}
.mobile-menu ul ul li a{color:White;background:none}
.mobile-menu ul ul li:hover > a,.mobile-menu ul ul li.active > a{color:#fff}
.mobile-menu ul ul,.mobile-menu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}
.mobile-menu > ul > li.has-sub > a:after,.mobile-menu > ul > li.has-sub > a:before,.mobile-menu ul ul > li.has-sub > a:after,.mobile-menu ul ul > li.has-sub > a:before{display:none}
.mobile-menu #head-mobile{display:block;padding:23px;color:#ddd;font-size:12px;font-weight:700}
.button {
  background: #195c9e none repeat scroll 0 0;
  border-radius: 3px;
  cursor: pointer;
  height: 33px;
  position: absolute;
  right: 0;
  top: -40px;
  width: 33px;
  z-index: 12399994;
}
.button::after {
  border-bottom: 2px solid #fff;
  border-top: 2px solid #fff;
  content: "";
  display: block;
  height: 4px;
  position: absolute;
  right: 8px;
  top: 16px;
  width: 18px;
}
.button::before {
  background: #fff none repeat scroll 0 0;
  content: "";
  display: block;
  height: 2px;
  position: absolute;
  right: 8px;
  top: 10px;
  transition: all 0.3s ease 0s;
  width: 18px;
}
.button.menu-opened::after {
  background: #195c9e none repeat scroll 0 0;
  border: 0 none;
  height: 2px;
  top: 16px;
  transform: rotate(45deg);
  transition: all 0.3s ease 0s;
  width: 18px;
}
.button.menu-opened::before {
  background: #195c9e none repeat scroll 0 0;
  top: 16px;
  transform: rotate(-45deg);
  width: 18px;
}
.mobile-menu .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;border-left:1px solid #e9e9e9;height:46px;width:46px;cursor:pointer}
.mobile-menu .submenu-button.submenu-opened{}
.mobile-menu ul ul .submenu-button{height:34px;width:34px}
.mobile-menu .submenu-button:after{position:absolute;top:22px;right:19px;width:8px;height:2px;display:block;background:#195c9e;content:''}
.mobile-menu ul ul .submenu-button:after{top:15px;right:13px}
.mobile-menu .submenu-button.submenu-opened:after{background:#195c9e}
.mobile-menu .submenu-button:before{position:absolute;top:19px;right:22px;display:block;width:2px;height:8px;background:#195c9e;content:''}
.mobile-menu ul ul .submenu-button:before{top:12px;right:16px}
.mobile-menu .submenu-button.submenu-opened:before{display:none}
.mobile-menu ul ul ul li.active a{border-left:none}
.mobile-menu > ul > li.has-sub > ul > li.active > a,.mobile-menu > ul ul > li.has-sub > ul > li.active > a{border-top:none}



.mobile-menu li:hover > ul {
    left: auto;
    margin: 0;
    width: 100%;;
}

}

@media screen and (max-width:479px){
	
.button{ top:-204px;}	
}






.overlay {
    padding-top: 82px;
    z-index: 9;
    position: fixed;
    display: block;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,.5);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .2s ease-in-out 0s,visibility 0s linear .2s;
    transition: opacity .2s ease-in-out 0s,visibility 0s linear .2s;
}

.overlay.active {
    opacity: 1;
    visibility: visible;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}