@charset "utf-8";.nav input,.nav label,.nav span{display:none}
.nav,.nav ul{background:#0151b0;text-align:left} /**main blue**/
.nav a,.nav a:hover{color:#FFF; }
.nav{width:100%;position:relative;z-index:9999;height:45px; font-weight:700; }
.nav input{position:absolute}
.nav a{text-decoration:none;display:block; padding:0 15px 0 25px;  }
.nav ul{margin:0;padding:0;display:inline-block;list-style:none;}
.nav ul li{float:left;display:block;position:relative; max-width:275px;line-height:45px; }

.nav li:hover{background:#0168e3;}/**drop blue**/
.nav ul ul{left:-99999px;position:absolute}
.nav ul li ul li{line-height:25px;min-width:285px; margin: 0 0 0px 0;padding: 10px 0px 10px 0px; border-bottom:#0168e3 thin solid }
.nav ul li:hover>ul{min-width:285px; max-width:275px;left:0;top:45px;}/**1st drop width etc**/
.nav ul ul li:hover>ul{left:285px;top:auto;margin-top:-35px;background:#328ffe;min-width:400px;}
.nav ul ul ul li:hover{background:#0168e3;width:100%}/**drop hover blue**/
.nav ul ul ul li{ min-width:400px;}
.nav ul ul li a:hover {min-width:285px; }
@media only screen and (max-width:1024px){.nav a{padding:0 10px 0 10px;}}

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

.nav{padding-top:45px;background:#0151b0;position:relative;height:0}/**main blue**/
.nav label{display:inline-block;width:100%;height:35px; border-radius:20px;position:absolute;left:5px;top:5px;cursor:pointer}
.nav a,.nav label:after,.nav li,.nav span{display:block}
.nav span{color:#FFF;position:absolute;left:20px;top:13px}
.nav ul,.nav ul ul{margin:0;display:block;position:static;max-height:0;overflow:hidden;-webkit-transition:.25s;transition:.3s} 
.nav ul li{float:none;width:100%!important;max-width:100%!important}
.nav ul{background:#0151b0;border:0;width:100%!important;max-width:100%!important}/**main blue**/
.nav a{color:#FFF;line-height:45px;text-decoration:none;padding:0 0 0 10px}
.nav ul li a{border-top:1px solid #333;}
.nav li:hover>a{background-color:#0168e3;text-decoration:none;}/**drop blue**/
.nav ul li ul li{ margin: 0 0 0px 0;padding: 0px 0px 0px 0px !important; border-bottom:#0168e3 thin solid }
.nav ul ul li:hover ul{margin-top:0; background-color:#0168e3;}
.nav ul ul ul li:hover>a{background-color:#328ffe;}


.nav li:hover{background:#666}
.nav input:checked~ul{max-height:9999px}
.nav ul ul{margin:0 0 0 15px}
.nav label:after{content:"";width:0;height:0;border-left:13px solid transparent;border-right:13px solid transparent;border-top:24px solid red;background:0 0;margin-left:85%;margin-top:8px;-webkit-transition:.25s;transition:.25s}
.nav input:checked~label:after{margin-top:3px;-webkit-transform:rotate(180deg);transform:rotate(180deg)}}