@charset "utf-8";.nav input,.nav label,.nav span{display:none}
.nav{width:100%;position:relative;z-index:999;text-transform:uppercase; text-align:center}
.nav input{position:absolute}
.nav{height:45px;font-weight:700;}
.nav,.nav ul{background:#017397;text-align:center;font-family: 'Source Sans Pro', sans-serif; padding-left:0px } /* MAIN */
.nav a,.nav a:hover{color:#FFF;}/*003f51*/
.nav ul{margin:0;padding:0;display:inline-block;list-style:none;/* width:100%;text-align:center !important; */}
.nav ul li{float:left;display:block;position:relative;white-space:nowrap; margin-right:8px} /* MARGIN */
.nav a{text-decoration:none;display:block;line-height:45px;padding:0px 19px 0px 19px;}
.nav a:hover {background:#003f51; color:#FFF}
.nav li:hover{background:#017397}
.nav ul ul{left:-99999px;position:absolute}    /*  font-size: 1em;HOVER COLOUR */
.nav ul li:hover>ul{left:0;top:45px}                                           /* MARGIN */
.nav ul ul li:hover>ul{left:100%;top:auto;margin-top:-46px;background:#017397}
.nav ul ul ul li:hover>ul{background:#003f51}

@media only screen and (max-width:1042px){.nav a{padding:0 9px 0 9px;} .nav ul li {margin-right:0px !important}.nav ul ul li label,.nav ul ul li:hover ul{margin-top:0}.nav{padding-top:45px;background:#017397;position:relative;height:0;}
.icon1 {line-height:0px; margin-left:27% !important; margin-bottom:0px !important}
.icon2 {line-height:0px; margin-left:10px !important; margin-bottom:0px !important}
.icon3 {line-height:0px; margin-left:10px !important; margin-bottom:0px !important}
.nav a:hover {background:#FFF; color:#003f51}
.nav label{display:inline-block;width:99%;height:35px;background:transparent;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:48%;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%;max-width:100%!important}
.nav ul{background:#003f51;border:0}
.nav a{color:#FFF;line-height:45px;text-decoration:none;padding:0 0 0 0px}
.nav ul li {border-top:1px solid #666}
.nav li:hover>a{background-color:#017397;text-decoration:none}.nav li:hover{background:#FFF}.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 #003f51;background:transparent;margin-left:90%;margin-top:8px;-webkit-transition:.25s;transition:.25s}.nav input:checked~label:after{margin-top:3px;-webkit-transform:rotate(180deg);transform:rotate(180deg)}

.webnav {margin-left:0% !important}
.homebutton {max-height:36px; margin-left:7%; margin-top:5px}
.homebutton-div {display:inline-block; margin-left:0px}}

@media only screen and (max-width:850px){
.nav span{left:47.5%;}}
@media only screen and (max-width:650px){
.nav span{left:47%;}}
@media only screen and (max-width:600px){
.nav span{left:46.5%;}}
@media only screen and (max-width:550px){
.nav span{left:46%;}}
@media only screen and (max-width:500px){
.nav span{left:45.5%;}}
@media only screen and (max-width:450px){
.nav span{left:45%;}}
@media only screen and (max-width:400px){
.nav span{left:44.5%;}}
@media only screen and (max-width:350px){
.nav span{left:44%;}}
@media only screen and (max-width:300px){
.nav span{left:43.5%;}}