@charset "utf-8";
/*----------------TWEAK DESKTOP MENU-----------------------*/
.nav {background: #FFF;}
.nav ul {background:#FFF;}
.nav ul li {max-width:250px }
.nav a {color:#333; padding:0 25px 0 15px;}
.nav ul li ul li{min-width:250px }
.nav a:hover {color: #FFF;background:#333;}  
.nav li:hover {background:#037381;}
.nav ul ul li:hover > ul {background:#333;}/*sub menu one background*/
.nav ul ul ul li:hover > ul {background:#333;}/*sub menu two background*/
/*-----------------------END TWEAK-----------------------------*/
/*------------------------TWEAK MOBILE MENU-----------------------------------------*/
@media only screen and (max-width:920px){
.nav span {color:#333;}/*mobile menu label text colour*/	
.nav ul {background:#FFF; border:0;}/*first level menu colour when opened*/
.nav ul li a {border-top:1px solid #333;}
.nav li:hover > a {background-color:#333;color:#FFF; text-decoration:none;} /*colour of hover, and higher level selections*/
.nav li:hover {background:#333;} /*background to side as sub levels unfold*/
.nav label:after {border-top: 24px #037381;} /*menu button triangle colour*/
/*-------------------------------END TWEAK--------------------------------------------*/}

.nav {width:100%; text-align:left; position:relative; z-index:9999;text-transform:uppercase; height:45px; font-weight:bold}
.nav span {display:none;}
.nav input {position:absolute; display:none;}
.nav label {display:none;}
.nav ul {margin:0; padding:0; display:inline-block; list-style:none; text-align:left; }
.nav ul li {float:left; display:block; position:relative; white-space:nowrap;}
.nav a {text-decoration:none; display:block;line-height:45px;}
.nav ul li ul li{float:left; display:block; position:relative; white-space:nowrap;}
.nav ul ul {left:-99999px; position:absolute;}
.nav ul li:hover > ul { left:0px; top:45px;}
.nav ul ul li:hover > ul { left:100%; top:auto; margin-top:-46px;}



@media only screen and (max-width:920px){
.nav { padding-top:45px; /*background:#2677b5;*/position:relative; height:0; }
.nav label {display:inline-block; width:99%; height:35px; border-radius:20px; position:absolute; right:5px; top:5px; cursor:pointer;}
.nav span {display:block; position:absolute; left:20px; top:13px;}
.nav li {display:block;}
.nav ul, .nav ul ul {margin:0; display:block; position:static; max-height:0; overflow:hidden;-webkit-transition:0.25s;
transition:0.3s}
.nav ul li {float:none;width:100%; max-width:100% !important}
.nav ul ul li label {margin-top:0;}
.nav a {/*display:block;  color:#FFF; line-height:45px; text-decoration:none;*/padding:0 0 0 10px;}
.nav ul ul li:hover ul {margin-top:0;}
.nav input:checked ~ ul {max-height:9999px;}
.nav ul ul {margin:0 0 0 15px;}
.nav label:after {display:block; content:""; width: 0; height: 0; border-left: 13px solid transparent; border-right: 13px solid transparent; border-top: 24px solid #037382; background:transparent;   margin-left:90%; margin-top:8px; -webkit-transition:0.25s; transition:0.25s}
.nav input:checked ~ label:after {margin-top:3px;-webkit-transform:rotate(180deg);transform:rotate(180deg);}

}