a{ text-decoration:none}

.menu {position: relative;z-index: 9;width: 990px;margin: auto;}
ul.dropmenu{padding:0px; margin:auto;text-align:left; width:100%;font-size:13px;font-family:'Roboto Slab', serif; font-weight:600; letter-spacing: 0.012cm;font-weight:400;}
ul.dropmenu li{ background:url(../images/menu-ul-li.jpg) left center no-repeat; white-space: nowrap; list-style: none;float: left; padding: 0px 0px;margin: 0px 0px;line-height:38px;display: block;position: relative;text-transform: uppercase;}
ul.dropmenu li:first-child { background:none;  }
ul.dropmenu li a{color: #b9eeff;    padding:0 18px;margin: 0;display: block; text-transform: uppercase; height:40px!important; }
.dropmenu ul.submenu{min-width: 100%;padding: 0px 0px 0px 0px;margin: 0px;background:#10b9ef;position: absolute;top:38px;right:0px;display:none;z-index: 999;}
.dropmenu ul.submenu li{background: none;padding: 0px;display: block;float: left;border-bottom: 0px solid #2C75DA;text-transform: none;position: relative;z-index: 9; width:100%;}
.dropmenu ul.submenu li:last-child{border: none;}
.dropmenu ul.submenu li a {color:#fffadb;;line-height:38px;background:none;font-weight: 400;font-size:13px;}
.dropmenu ul.submenu li a:hover  {color: #10b9ef;font-weight:400;}
.dropmenu li:hover > a {color:#fffadb;background:#10b9ef}
.dropmenu li:hover > ul{display: block;-moz-animation: flipInX .5s ease-in; -webkit-animation: flipInX .5s ease-in ;  animation: flipInX .5s ease-in;}
.dropmenu ul li:hover > ul{display:block;-moz-animation: flipInY .5s ease-in ; -webkit-animation: flipInY .5s ease-in ; animation: flipInY .5s ease-in;}
.dropmenu ul.submenu li:before {display: block;z-index: -1;position: absolute;left:0px;bottom: 0;width: 0;color:#10b9ef;height:38px;background-color:#0b637f;content: "";-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.dropmenu ul.submenu li:hover:before { width: 100%;}
.menu_img {float: left;height: 100%;position: relative;top: 19px;left: 0;padding: 0;}
a.home-icon img {margin: 11px 0 0 0;}
a.home-icon{background-image: none!important; height:37px!important}
li.tc{background-image: none!important;}
.menu_img img {margin-top: -17px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {   
    ::i-block-chrome, .menu ul li:hover > ul {visibility:visible;}
    ::i-block-chrome, .menu ul li ul {visibility:visible;}
}
.closebtn, .openmenu{ display:none}


@media screen and (min-width:0px) and (max-width:767px ), screen and (min-width:768px) and (max-width:990px) {

.dropmenu ul.submenu{ left:0px!important}

.menu_img{ display:none}

.openmenu { font-size: 19px; cursor: pointer; display: block; position: absolute; color: white; top:10%;text-align:center;width:100%;padding:4px 0px;;z-index:9999;}
.repmenu {  min-height: 100%;  z-index: 999999;  width:100%; position: fixed; top: 0; display:none; right: 0; bottom: 0;  left: 0; background-color:rgba(15, 16, 15, 0.9); overflow: auto; transition: 0.5s;  padding-top: 3px;}
	
.repmenu a:hover, .offcanvas a:focus{ color: #f1f1f1;}
.closebtn {text-decoration: none;font-size: 35px;font-weight: bold;color: #fff;background: #1f396a;position: absolute;z-index: 9999;left:50%;top:0px;display: block;height:35px;width: 46px; margin: AUTO; TEXT-ALIGN: CENTER;overflow:hidden;border-radius: 5px;line-height:31px;}

.closebtn:hover,.closebtn:focus {color: #000;text-decoration: none;cursor: pointer;}
.menu {width:80%!important;height: auto;z-index: 99999;background:#12718f;left:0px; top: -2px; display:table}
.menu ul li{ width:100%; background-image:none;}
.menu ul li a{padding: 0;border-bottom: 1px solid #fff;width:100%; padding-left:10px; box-sizing:border-box;}
.dropmenu ul.submenu{padding:10px 0px}
.menu ul li ul{ width:84%; margin-top:1px; margin-left:5px;border-bottom:none}
.menu ul li ul li{ background:#145164!important}
a.home-icon {padding: 0px!important; margin:7px 0 0 0!important;height:21px!important;}
.menu ul li ul li a{border:none}
.menu ul li:hover > ul{ box-shadow:none; width:80%}
.menu ul li ul li a{ color:#fff!important}
.menu ul li:hover{ background:#10b9ef; border-bottom:none}
h1.top-head{ width:auto;}
.news-box{border: 0px solid #fff;}


.dropmenu li:hover > a{ color:#fffadb;background:url(../images/arrow_m1.png) 19px 38px no-repeat}
.menu ul li a:hover{border:none}
ul.dropmenu li a{ line-height:52px}
.menu ul li > ul {padding: 3px 0 0 0!important;margin: 2px 0 0 0!important;}
.dropmenu ul.submenu{ background:#10b9ef}

}
/*.maindiv{width:60%; margin:auto;}

.menu{height:38px;width:100%;padding:0px;margin-top:-14px;}
.menu ul{ list-style:none; margin:0; padding:0; margin-top:3px;}
.menu ul li{background:url(../images/menu-ul-li.jpg); margin:0; padding:0 8px; float:left; position:relative; background:url(../images/menu-icon.png) no-repeat right 12px;}
.menu2 ul li:last-child, .menu ul li:last-child{background-image:none!important;}
.menu ul li a{ text-decoration:none; transition:background-color 0.3s ease-n-out; -webkit-transition:background-color 0.3s ease-n-out; -moz-transition:background-color 0.3s ease-n-out;  font-size:12px; text-transform:uppercase; color:#fff; height:35px; line-height:35px; display:block;}
.menu ul li ul li{float:none;  border-bottom:1px solid #92C8E4; white-space:nowrap; padding:0 11px 0 11px; background-image:none;}
.menu ul li ul li:hover, .menu ul li ul li:hover > a{background: #13003D!important;color: #fff!important;}
.menu ul li ul li a{color: #fff!important; height:34px;line-height:34px;}
/*.menu ul li ul li:last-child{background:#ffffee;}
.menu ul li:hover{background-color:#72B2D3;  color:#0a5d22}
.menu ul li:hover a{/*background:#ffffee;  color:#fff}
.menu ul li:hover > a span{background:url(/images/arrow-d-.menu_hover.png) no-repeat center center;}
.sub{ left:100%!important; top:0!important;}
.menu ul li:hover > ul{visibility: visible; opacity:1;top:35px!important;}
		 
.menu ul li ul{position:absolute; top:40px; visibility:hidden; left:0; opacity:0; margin:0; background:#72B2D3; min-width:160px;  -webkit-transition: 1s ease-in; transition: 0.4s ease-in; -moz-transition: 0.4s ease-in; transform-origin: top;  z-index:99}
.menu ul li .off_link{left:auto!important;right:0;}

.mobile-toggleable-menu {display: block;width: 100%;height: 40px;padding: 0;}
.mobmenu-toggle {background-color:#1087A5;color: #fff;font-size: 35px;text-decoration: none;text-align: center;font-weight: bold;height: 36px;}
.mobmenu-toggle:hover {background-color: #1087A5;}
 
 @media screen and (-webkit-min-device-pixel-ratio:0) {   
    ::i-block-chrome, .menu ul li:hover > ul {visibility:visible;}
    ::i-block-chrome, .menu ul li ul {visibility:visible;} 
 }
 
.mobmenu-toggle {display: none;}
.mobile-menu-toggle {left: -9999px;position: absolute;top: -9999px;}
@media handheld, screen and (min-width:0px) and (max-width:767px) { <-- Adjust the breakpoints to your liking 
.menu ul li{width:92%;border-bottom:1px solid #506b6f}
.menu ul li .off_link{left: 0!important;}
.menu ul li ul{width:100%;}
.menu ul li a{ color:#fff;font-weight:700}
.menu ul li{ background-image:none!important}
.menu ul li:hover > ul {top:0!important;position: relative}
.mobile-menu-toggle-button:checked ~ .mobmenu-toggle {background:#000;color: orange;/*-webkit-transform: rotate(-360deg); margin-top:0%;width:100%!important; position:fixed}

.mobmenu-toggle,.mobile-menu-toggle-button,.mobile-toggleable-menu {top: 0;position: absolute;
-webkit-transition: all 1s;
-moz-transition: all 1s;
-ms-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;}
.mobmenu-toggle {margin: auto;display: inline-block;width: 40%!important;z-index: 999;line-height:37px;margin-top:111px;right: 26%;font-family: 'Roboto Slab', serif;font-size:18px; background:#16003e}
.mobmenu-toggle:hover {cursor: pointer;}
.mobile-toggleable-menu {margin: 0;width: 85%;height:auto;z-index: 998;}
.mobile-toggleable-menu.mobile-left {left: -105%;}
.mobile-toggleable-menu.mobile-right {right: -105%;}
.mobile-menu-toggle-button:checked ~ .mobmenu-toggle.mobile-right {left: 0;right: auto;}
.mobile-menu-toggle-button:checked ~ .mobmenu-toggle.mobile-left {left: auto;right: 0;}
.mobile-menu-toggle-button:checked + .mobile-toggleable-menu.mobile-left {width:100%!important; background:rgba(0, 0, 0, 0.8);left: 0;top:32px;height:100%; position:fixed}
.mobile-menu-toggle-button:checked + .mobile-toggleable-menu.mobile-right {width: 85% !important;right: 0;}

}


@media handheld, screen and (min-width:0px) and (max-width:567px){
.mobmenu-toggle {margin: auto;display: inline-block;width: 40%!important;z-index: 999;line-height:37px;margin-top:160px;right: 26%;font-family: 'Roboto Slab', serif;font-size:18px; background:#16003e}
}*/