/*
Description:	CSS 2022
Author:			Visualcode Limited
Date: 			August 2022
Version:		1.0
*/


@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900');


@import url('css/font-awesome.min.css');
@import url('css/grid1140.css');

@font-face{font-family:"Mont-Bold";src:url("/fonts/Mont/Mont-Bold.woff2") format("woff2"),url("/fonts/Mont/Mont-Bold.woff") format("woff")}

@font-face{font-family:"Mont-Book";src:url("/fonts/Mont/Mont-Book.woff2") format("woff2"),url("/fonts/Mont/Mont-Book.woff") format("woff")}


/*---------------------------Global Start -----------------------------*/

body, input, select, button, textarea { font:17px/1.5em 'Mont-Book', helvetica, arial, san-serif; font-smooth: always; }
body { margin:0px; padding:0px !important; color:#2A2A2A; text-align:center; background:#0E4C90;  background-attachment:fixed; }

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,q,small,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;margin:0;padding:0}
article,aside,figure,figure img,figcaption,hgroup,footer,header,nav,section,video,object{display:block}
a img{border:0}
figure{margin:20px 0px;}
figcaption {font-family: georgia, times, serif; font-style:italic; font-weight:400; padding-top:5px;}
figure img{width:100%;}

a {color:#40B9FF; text-decoration: none;}
a:hover {color:#0E4C90;} 
a img{border:none;}

*:before, *:after{box-sizing:border-box;}
* {overflow-wrap: break-word; word-wrap: break-word;}

.button{display:inline-block; padding:5px 15px ; border:0;  font-size:15px; line-height:24px; text-transform:uppercase; font-weight:600; background:#40B9FF; -webkit-appearance: none; cursor:pointer; border:#40B9FF solid 2px; color:#FFF !important;}
.button:hover{background:#0E4C90; border-color:#40B9FF; text-decoration:none;}
.button.small{font-size:13px; line-height:20px; padding:5px 10px;}
a.button{color:#FFF;}

.button.grey{background:#ECECEC; }
.button:hover.grey{background:#FFDD00;}

blockquote{display:block; padding:0px 30px; position:relative;}
blockquote:before,
blockquote:after{font-family: 'FontAwesome'; font-weight:400; font-size:25px; display:block; margin:0px; color:#0E4C90; position:absolute; z-index:10;}

blockquote:before{content:'\f10d'; left:0px; top:0px;}
blockquote:after{content:'\f10e'; right:0px; bottom:0px;}

.marginLeft{margin-left:0px;}
.marginRight{margin-right:0px;}


h1, h2, h3, h4{line-height:normal; font-weight:600;  color:#0E4C90; letter-spacing:-0.01em;  margin-top:0px; padding-top:0px;  margin-bottom:20px;  font-family:'Mont-Bold'; }
	
h1 {font-size: 36px; font-weight:600; }
h2 {font-size:30px;  }
h3 {font-size:26px; }
h4 {font-size:18px; font-family:'Mont-Book'; color:#2a2a2a;}
h1 .sub, h2 .sub, h3 .sub, h4 .sub{font-size:65%; font-weight:300 !important; display:block; font-family:'Mont-BooK';}

h1 small{font-weight:400; font-size:13px !important; line-height:30px; display:block; color:#333;}


.small{font-size:11px;}
.normal{font-size:15px;}
.medium{font-size:21px;}
.large{font-size:25px;}

.light{font-weight:300; font-family:'Mont-Book';}
.regular{font-weight:400; font-family:'Mont-Book';}
.bold,
b, strong{font-weight:600; font-family:'Mont-Bold';}
.heavy{font-weight:700; font-family:'Mont-Bold';}

.sans-serif{font-family:'Mont-Book', helvetica, arial, san-serif;}
.serif{font-family:'Georgia', times, serif;}
.handwriting{font-family: 'Times', cursive; font-weight:400 !important;}

.txt-left{text-align:left}
.txt-center{text-align:center}
.txt-right{text-align:right}

.img-left{float:left;margin:5px 20px 5px 0px;}
.img-center{display:block;margin:15px auto;}
.img-right{float:right;margin:5px 0px 5px 20px;}

.float-left{float:left}
.float-right{float:right}

hr {border: none; height: 1px; margin: 10px auto; padding: 0px !important; color:#FFF; clear:both; border-top:#CCCCCC solid 1px;}
pre {display: inline; white-space: pre-wrap; word-wrap: break-word;}
p{margin:15px 0;}
div{position:relative; min-width:0px} /* IE 6/7 Picaboo bug fix */
em, i{font-family: georgia, times, serif; font-weight:400 !important; }

/* General Table Formating */
table{margin:0; border-collapse:collapse; width:100%;}	
table td,table th{padding:5px; vertical-align:top;}	
table tr.alt td, table tr.alt th{background:#ECECEC;}
table thead td, table th{background:#0E4C90 ; border-top:0px; color:#FFFFFF; padding-left:5px; }
table thead td.none{border-right:none;}	
table tbody td{border:none; padding:2px 5px;}
table tbody tr:nth-child(odd) td{background:#F2F2F2;}

@media only screen and (max-width: 959px) {
	.ui-desktop{ display:none; }
	}

@media only screen and (min-width: 960px) {
	.ui-mobile{ display:none; }
	}


/* Form Elements */

/*----- Sub Page Forms -----*/

form .form-input { margin-bottom:20px !important; }
form .row { margin-bottom:0px !important; }

form label{display:inline-block; margin-bottom:5px; text-align:left;}
form input[type=text], form input[type=password], form textarea, form select{display:block; font-size:15px; padding:5px; border:#CCCCCC solid 1px; box-sizing:border-box; width:100%; border-radius:3px;}
form textarea{height:200px;}
button{display:block; width:auto; margin:0px auto; -webkit-appearance: none;}

label.checkbox,
label.radiobutton {display:block; position:relative; padding-left:45px; margin-bottom:12px; cursor:pointer; font-size:18px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background:pink; padding-top:10px; border-radius:5px; border:#FFF solid 1px;
background: -moz-linear-gradient(top, rgba(255,255,255,0.45) 0%, rgba(255,255,255,0) 100%); 
background: -webkit-linear-gradient(top, rgba(255,255,255,0.45) 0%,rgba(255,255,255,0) 100%); 
background: linear-gradient(to bottom, rgba(255,255,255,0.45) 0%,rgba(255,255,255,0) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); 
 }
 
label.checkbox:hover ,
label.radiobutton:hover{background:#FFF;} 
 
label.checkbox input,
label.radiobutton input{position:absolute; opacity:0; cursor:pointer; width:auto;}
label.checkbox .checkmark,
label.radiobutton .checkmark{position:absolute; top:12px; left:10px; height:25px; width:25px; background-color:#FFF; border-radius:5px;}
label.radiobutton .checkmark{border-radius:50%;}
label.checkbox:hover input ~ .checkmark,
label.radiobutton:hover input ~ .checkmark {background-color: #999;}
label.checkbox input:checked ~ .checkmark,
label.radiobutton input:checked ~ .checkmark{background-color:#0E4C90;}
label.checkbox .checkmark:after,
label.radiobutton .checkmark:after {content: ""; position: absolute; display: none; }
label.checkbox input:checked ~ .checkmark:after,
label.radiobutton input:checked ~ .checkmark:after {display: block;}
label.checkbox .checkmark:after {left:9px; top:6px; width:6px; height:10px; border:solid white; border-width:0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
label.radiobutton .checkmark:after {top: 9px; left: 9px; width: 8px; height: 8px; border-radius: 50%; background: white;}


.checkboxInput{display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 22px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}

.checkboxInput input[type=radio],
.checkboxInput input[type=checkbox]{position: absolute; opacity: 1; cursor: pointer; display:block; width:25px; height:25px; top:0px; left:0px; z-index:10; opacity:0;}
.checkboxInput input[type=radio] + span,
.checkboxInput input[type=checkbox] + span {background:#ECECEC; font-size:89px; display:block; width:27px; height:27px; position:absolute; top:0px; left:0px; border-radius:50%;}
.checkboxInput input[type=checkbox] + span{border-radius:5px;}

.checkboxInput input[type=radio]:hover + span,
.checkboxInput input[type=checkbox]:hover + span{background:#CCC;}
.checkboxInput input[type=radio]:checked + span,
.checkboxInput input[type=checkbox]:checked + span{background:#0E4C90; box-shadow:inset rgba(0,0,0,0.15) 1px 1px 3px;}

.checkboxInput input[type=radio]:checked + span:after{content:''; display:block; width:9px; height:9px; background:#FFF; border-radius:50%; position:absolute; top:50%; left:50%; margin-top:-5px; margin-left:-5px;}
.checkboxInput input[type=checkbox]:checked + span:after{content:''; display: block;  position:absolute; left: 9px; top: 4px; width: 8px; height: 15px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}


/*--------------------------- Start Layout -----------------------------*/

#container{	padding:0px 0px 0px 0px; margin:0px auto; border:none; position:relative; text-align:center; background:#FFFFFF;}

header{z-index:1000; position:relative;  padding:0px 0px; }
header .ribbon{ margin-top:0px; background:#0E4C90; border-bottom:rgba(255,255,255,0.4) solid 1px}
header .ribbon .column3{min-height:65px;}

header .flexarea{display:flex; flex-flow:row wrap; justify-content:space-between; align-items:center;}
header .flexarea .flex-logo{padding:20px;}
header .flexarea .flex-nav{}

.html-content ul{list-style:none; margin:15px 0px;}
.html-content ol{margin:15px 0px;}
.html-content ul li, .html-content ol li{margin-left:30px; position:relative;}
.html-content ul li:before{font-family: 'FontAwesome'; content: '\f105'; position:absolute; left:-15px; top:0px; color:#0E4C90; }
.html-content iframe, .html-content img { max-width:100%; }

@media only screen and (max-width: 959px) {
	.blockcontainer .html-content img { float:none; display:block; margin-left:auto !important; margin-right:auto !important; }
}

/* ______________________ Logo ______________________ */

#Logo {margin:0px auto;  text-align:center; padding:0px}
#Logo a{height:60px; vertical-align:middle; margin:0px auto; display:block; padding:15px 0px;}
#Logo img{display:block; width:auto; height:60px;}

/* ______________________ Navigation ______________________ */

section.navigation ul{display:block; list-style:none; width:100%; box-sizing:border-box; }

#desktop-nav ul li{display:block; float:left; width:20%; box-sizing:border-box; border-right:rgba(255,255,255,0.2) solid 1px;  position:relative;}
#desktop-nav ul li:last-child{border-right:none;}
#desktop-nav ul li a{text-transform:uppercase;  display:block; line-height:90px; font-weight:400;  font-size:13px; padding:0px; letter-spacing:0.1em; position:relative; color:#FFF;  padding:0px;}
#desktop-nav ul li a.on{background:rgba(255,255,255,0.2);}
#desktop-nav ul li a:hover{color:#FFF; background:#40B9FF; }

#desktop-nav ul li ul{position:absolute; background:#40B9FF; width:200px; display:none;}
#desktop-nav ul li:hover ul{display:block;}
#desktop-nav ul li ul li{float:none; width:100%; text-align:left; border-bottom:rgba(255,255,255,0.2) solid 1px;}
#desktop-nav ul li ul li a{line-height:normal; padding:10px;}
#desktop-nav ul li ul li a:hover{background:rgba(0,0,0,0.2); }

.mobile-nav{display:none;}

.mobile_control{display:none; position:fixed; z-index:9999; }
.mobile_control a{display:block; text-align:center; color:#40B9FF; background:#0E4C90; border-radius:50%; box-sizing:border-box; border:#40B9FF solid 3px; }

body.scrolled .mobile_control a,
body.no-bg-img .mobile_control a{color:#00386B;}

.mobile_control a:hover{color:#FFF; border-color:#FFF;}
.mobile_control a:before{font-family: 'FontAwesome'; content:'\f0c9'; font-weight:400;}
.mobile_control a.open:before{font-family: 'FontAwesome'; content:'\f00d';}
.mobile_control a.open{color:#FFF; border:transparent solid 3px;}

.bodywrapper{position:relative; top:0px; right:0px; bottom:0px; left:0px;}

.nav-open .bodywrapper{left:-200px;}

.bodywrapper,
.mobile-nav{transition:all  0.3s;}

.mobile-nav{}

.mobile-nav{display:block; background:#40B9FF; position:fixed; right:-200px; width:200px; top:0px; bottom:0px; z-index:500; overflow:scroll; overflow-x:hidden;}
.nav-open  .mobile-nav { display:block; right:0px;}

.mobile-nav ul{list-style:none; padding:0; margin:0px; border:0px; display:block;}
.mobile-nav nav > ul{ margin-top:90px; }
.mobile-nav ul li{display:block; float:none;  width:100%; text-align:center;}
.mobile-nav ul li a{font-size:20px; line-height:40px; font-weight:700; color:#FFF; text-align:center; padding:0px 10px; border:0px; text-decoration:none; display:block;}
.mobile-nav ul li a:hover{background:rgba(255,255,255,0.2);}

.mobile-nav ul li ul{display:none !important;}


@media only screen and (max-width: 959px) {
	#desktop-nav{display:none;}
	section.navigation{height:0px;}
	#Logo{ margin-right:25px !important;}
	#Logo img{ }
	.mobile_control{display:block;}
	.mobile_control{right:10px; width:50px; height:50px; top:20px;}
	.mobile_control a{height:50px; width:50px; line-height:44px; font-size:20px;}
	.nav-open section.navigation ul{display:block;}
}


/* ______________________ BreadCrumb ______________________ */

.breadcrumb{background:#FFF; border-top:#CCCCCC solid 1px;}	
.breadcrumb .column12{margin-bottom:0px; line-height:40px; text-align:left; font-size:13px;}	
.breadcrumb .column12 a{float:left; display:block; position:relative; min-height:40px; padding-right:20px;}
.breadcrumb .column12 a:before{font-family: 'FontAwesome'; content: '\f105'; position:absolute; top:0px; right:8px; font-size:13px; font-weight:400; color:#666;}
.breadcrumb .strip{height:100px; background-position:center; background-repeat:no-repeat; background-size:cover; border-top:#FFF solid 1px; overflow:hidden; position:relative;}
.breadcrumb .strip:before{content:''; position:absolute; top:0px; left:0px; right:0px; bottom:0px; z-index:2; height:400px; 
	background: -moz-linear-gradient(-65deg, rgba(50,75,53,0.8) 0%, rgba(50,75,53,0.5) 39.9999%, rgba(255,255,255,0) 40%, rgba(255,255,255,0) 100%); 
	background: -webkit-linear-gradient(-65deg, rgba(50,75,53,0.8) 0%,rgba(50,75,53,0.5) 39.9999%,rgba(255,255,255,0) 40%,rgba(255,255,255,0) 100%); 
	background: linear-gradient(115deg, rgba(50,75,53,0.8) 0%,rgba(50,75,53,0.5) 39.9999%,rgba(255,255,255,0) 40%,rgba(255,255,255,0) 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#801e5799', endColorstr='#00ffffff',GradientType=1 );
	}

@media only screen and (max-width: 959px) {
	.breadcrumb{display:none;}
	}
	
/* ______________________ Page Hero Area ______________________ */	
	
.hero-image,
.hero-image-strip{background-position:center; background-repeat:no-repeat; background-size:cover; height:500px; border-bottom:#ECECEC solid 2px;}

.hero-image-strip{background-attachment:fixed; background-position:center top; background-size:contain; height:150px;}	

@media only screen and (max-width: 959px) {
	.hero-image,
	.hero-image-strip{ display:block;  background-size:cover;}
	}
/* ______________________ Footer Navigation ______________________ */

.footer-contact{clear:both; padding:40px 0px; border-bottom:rgba(255,255,255,0.1) solid 1px; color:#FFF;}

.spacer span{display:block; height:120px; width:100%; position:relative; overflow:hidden;}
.spacer span:after{content:''; position: absolute; top:0px; right: 0; bottom: 0; left: 0; margin: auto; width: 3px; height: 170px; background-color: #FFF; -msm-transform: skew(-21deg); transform: skew(-21deg);}
.footer-contact .comms{text-align:left }
.footer-contact .comms .method{font-size:17px;}
.footer-contact .comms label{display:inline-block; padding:0px 5px; font-size:13px; text-transform:uppercase; font-weight:700;}
.footer-contact .comms a{color:#40B9FF;}
.footer-contact .comms a:hover{color:#FFF;}


.social{display:table; width:100%; border-collapse:collapse; box-sizing:border-box;}
.social a{display:table-cell; text-align:}
.social a .fa{font-size:30px; display:block; margin:0px auto; height:55px; width:55px; line-height:55px; text-align:center; border:#40B9FF solid 3px; border-radius:50%;}

.footer-contact .social a {color:#40B9FF;}

.footer-contact .social a:hover {color:#FFF;}
.footer-contact .social a:hover .fa{border-color:#FFF;}


@media only screen and (max-width: 959px) {
	 .footer-contact .comms{text-align:center;}
	 .spacer span{display:none;}
	 .footer-contact .icaew{text-align:center;}
	 .footer-contact .icaew img{width:200px; margin:0px auto;}
	 .footer-contact .medium{font-size:15px;}
}

footer {clear:both;}

footer section.footer{color:#FFF;  }

footer a{color:#FFF;}
footer a:hover{color:#40B9FF;}

footer .footerblocks{padding:40px 0px 20px 0px;}
footer .footerblocks h3{color:#FFF; margin-bottom:20px; font-size:20px;}
footer .footerblocks p,
footer .footerblocks ul{margin:0px; padding:0px; list-style:none; margin-bottom:20px; line-height:25px;}

footer .footerblocks ul li a{display:block; padding-left:15px; position:relative;}
footer .footerblocks ul li a:before{font-family: 'FontAwesome'; content: '\f105'; position:absolute; left:0px; top:0px; line-height:25px; }

footer .footerblocks p.social-icons{display:block; }
footer .footerblocks p.social-icons a .fa{display:inline-block; width:35px; height:35px; line-height:35px; text-align:center; border-radius:50%; background:#FFF; color:#041E41;}
footer .footerblocks p.social-icons a:hover .fa{background:#0E4C90; color:#FFF;}

footer section.legal{ padding:0px 0px 20px 0px; font-size:10px; color:#FFF; line-height:18px; }
footer section.legal:before{content:''; width:100%; height:0px; display:block; margin-bottom:20px;}

footer section.legal ul.policies{list-style:none; margin:0px; padding:0px; margin-bottom:0px;}
footer section.legal ul.policies li{display:inline-block; position:relative;}
footer section.legal ul.policies li:before{content:' | ';}
footer section.legal ul.policies li:first-child:before{content:' ';}

@media only screen and (max-width: 959px) {
	footer .txt-left,
	footer .txt-right{text-align:center !important;}
	}


main{padding:30px 0px;}

@media only screen and (max-width: 959px) {
	main{padding:40px 0px;}
	}


@media print{
	footer{display:none;}
	.top-logo-container{display:block; width:100% !important; text-align:center;}
	.top-logo-container img{display:block; margin:0 auto;}
	.top-nav-container{display:none;}
}


/* ______________________ Global Slider  ______________________ */

.unslider{overflow:auto;margin:0;padding:0}.unslider-wrap{position:relative}.unslider-wrap.unslider-carousel>li{float:left}.unslider-vertical>ul{height:100%}.unslider-vertical li{float:none;width:100%}.unslider-fade{position:relative}.unslider-fade .unslider-wrap li{position:absolute;left:0;top:0;right:0;z-index:8}.unslider-fade .unslider-wrap li.unslider-active{z-index:10}.unslider li,.unslider ol,.unslider ul{list-style:none;margin:0;padding:0;border:none}.unslider-arrow{position:absolute;left:20px;z-index:2;cursor:pointer}.unslider-arrow.next{left:auto;right:20px}
.unslider img { vertical-align:middle; }

/* Carousel */
.globalslider .unslider-wrap.unslider-carousel>li{float:left;}

/* Vertical */
.globalslider .unslider-vertical>ul{height:100%;}
.globalslider .unslider-vertical li{float:none; width:100%;}

/* Fade */
.globalslider .unslider-fade{position:relative; }
.globalslider .loading{display:table-cell; width:1%; text-align:center; vertical-align:middle; font-size:30px; }

.globalslider .unslider-fade .unslider-wrap li{position:absolute; left:0px; top:0px; right:0px; z-index:8;}
.globalslider .unslider-fade .unslider-wrap li.unslider-active{z-index:10;}

/* Arrows */
.globalslider .unslider-arrow{position:absolute; top:0%; width:150px; height:100%; z-index:20; cursor:pointer; font-size:20px;  }

.globalslider .unslider-arrow.prev{left:0px;}
.globalslider .unslider-arrow.next{right:0px;}

.globalslider .unslider-arrow.prev:before,
.globalslider .unslider-arrow.next:before{font-family: 'FontAwesome'; font-weight:400; font-size:30px;  position:absolute; top:50%; margin-top:-25px; left:0px; width:50px; height:50px; line-height:50px; color:#FFF;}

.globalslider .unslider-arrow.prev:before{ content: '\f104';  }
.globalslider .unslider-arrow.next:before{ content: '\f105';  left:auto; right:0px;}

.globalslider .unslider-arrow.prev:hover:before,
.globalslider .unslider-arrow.next:hover:before{color:#FFF; background:#0E4C90;}

/* Dots */

.globalslider .unslider-nav {display:block; position:absolute; bottom:10px; left:0px; width:100%; margin:0px; padding:0px; text-align:center; z-index:10; overflow:hidden;}
.globalslider .unslider-nav ol {list-style: none; text-align: center; padding-left:0px; height:10px; margin:0px;}
.globalslider .unslider-nav ol li {display:inline-block;  width:10px; height:10px; margin:0px 3px 0px 3px; text-indent:-9999px; cursor:pointer; }
.globalslider .unslider-nav ol li:before {position:absolute; display:block; width:10px; height:10px; background:rgba(255,255,255,0.5); text-indent:-9999px; cursor:pointer; content:'';   border:#40B9FF solid 1px;}
.globalslider .unslider-nav ol li.unslider-active:before {background:#40B9FF; }

@media only screen and (max-width: 959px) {
	.globalslider .unslider-nav{display:none;}
	}

/* ______________________ Slider General - Column9 Span ______________________ */

#gallery-slider{height:570px;}
#gallery-slider li .bk-img{background-repeat:no-repeat; position:relative; height:550px; background-position:center; background-size:contain;}
#gallery-slider .message{background:rgba(255,255,255,0.55); position:absolute; bottom:10px; right:0px; padding:0px 10px; font-size:11px; font-weight:600; text-shadow:#FFF 0px 1px 1px;}

@media only screen and (min-width: 960px) and (max-width: 1160px) {
	#gallery-slider{height:481px;}
	#gallery-slider li .bk-img{height:461px;}
	}
	
@media only screen and (min-width: 480px) and (max-width: 959px) {
	#gallery-slider,
	#gallery-slider li .bk-img{height:277px;}
	}	

@media only screen and (max-width: 479px) {
	#gallery-slider,
	#gallery-slider li .bk-img{height:198px;}
	}	
	
/* Home Page */

/* ______________________ Home Specific Slider  ______________________ */

#home-slider { height:550px; overflow:hidden; background:#FFF; padding:0px; margin:0px;} 
#home-slider a{display:block;}

#home-slider .ui-desktop,
#home-slider .ui-mobile,
#home-slider .ui-desktop .column12,
#home-slider .ui-mobile .column12{height:550px; overflow:hidden; background-repeat:no-repeat; background-position:center; background-size:cover; position:relative; margin-bottom:0px !important;}

#home-slider li{margin:0px; padding:0px; display:block;}
 
#home-slider .ui-desktop.overlay-on:before { content:''; 
	position:absolute; top:0px; left:0px; right:0px; bottom:0px; z-index:2; background:rgba(50,75,53,0.1);
	}
	
#home-slider .txt-container{display:table-cell; height:550px; text-align:left; vertical-align:middle; width:1%; z-index:3; color:#FFF; }	
#home-slider .txt-overlay{box-sizing:border-box;}	
#home-slider .txt-overlay .title{font-size:35px; font-family:'Mont-Bold'; line-height:45px; padding:5px 0px;}
#home-slider .txt-overlay .sub-title{font-size:25px; line-height:35px; padding:5px 0px; }

#home-slider .txt-overlay .title span,
#home-slider .txt-overlay .sub-title span{background:rgba(14,76,144,0.75); display:inline-block; padding:5px 10px; border-radius:5px;}

#home-slider .btn{display:block; padding:10px 0px;}
#home-slider .button{display:inline-block;}

@media only screen and (min-width: 768px) and (max-width: 960px) {
	#home-slider,
	#home-slider .txt-container{ height:420px; }
	#home-slider .ui-mobile{ display:none; }
	#home-slider .ui-desktop,
	#home-slider .ui-desktop .column12{ display:block; height:420px;}
	}
	
@media only screen and (max-width: 767px) {
	#home-slider .ui-desktop{ display:none;}
	#home-slider .txt-container,
	.globalslider .unslider-nav,
	.globalslider .unslider-arrow{display:none;}
	}

@media only screen and (max-width: 959px) {
	.globalslider .unslider-nav{display:block;}
	#home-slider,
	#home-slider .ui-mobile { display:block; height:420px !important;}
	main.homepage {padding-top:0px;}
	}

/* ______________________ Home Intro ______________________ */

section.homeintro{padding:30px 0px 40px 0px; text-align:center;}

section.homestrap{background:#F5F5DE; padding:10px; font-size:20px; line-height:40px;}

/* ______________________ Home Sign Posting ______________________ */

section.sign-posting{border-top:#ECECEC solid 3px; padding-top:60px; padding-bottom:20px;}

/* ______________________ Home Sign Posting ______________________ */

section.parallax {}

section.parallax .hero-image,
section.parallax .hero-image-strip{background-position:center; background-repeat:no-repeat;background-attachment:fixed; background-position:center top; background-size:cover; height:300px; border-bottom:#ECECEC solid 3px; border-top:#ECECEC solid 3px; }

section.parallax .hero-image-strip{height:250px;}	

@media only screen and (max-width: 959px) {
	section.parallax .hero-image,
	section.parallax .hero-image-strip {background-attachment:scroll;}
	}

/*Home News*/

section.home-news{padding-top:30px;}

section.home-news .image-links .column3 .image{height:197px;}
section.home-news .image-links .column3 h3{font-size:16px;}


/* ______________________ Home members ______________________ */

section.accreditation{background:#ECECEC; padding-top:50px; padding-bottom:30px; }
section.accreditation .image-links .image{background:none; border:0px; height:auto;}
section.accreditation .image-links .image{margin-bottom:20px;}

@media only screen and (max-width: 959px) {
	section.accreditation{display:none;}
	}
	
/* Aside Nav */

aside nav ul{list-style:none; }	
aside nav ul li{border-bottom:#ECECEC solid 1px;}
aside nav ul li a{padding:5px 0px 5px 20px; display:block; position:relative;}
aside nav ul li a:before{font-family: 'FontAwesome'; content:'\f105';  font-weight:400; position:absolute; left:5px; top:5px;}
	
aside nav ul li a.on{background:#40B9FF; color:#FFF;}

/* ______________________ Contact ______________________ */

main.contact section.enquiry-form {}
 
main.contact section.contact-details{padding:40px 0px;}

main.contact section.findus{padding:40px 0px 0px 0px;}
main.contact section.findus .map{background:#FFF; padding:0px; margin-bottom:40px;}

@media only screen and (max-width: 959px) {
	main.contact,
	main.policies{padding-top:40px;}
	}
	
/* --------------------------- Home Page Sponsors ----------------------------- */	

main.homepage{padding-bottom:0px;}

section.sponsors{background:#FFF;}

.sponsors .column4{margin-bottom:50px; position:relative;}
.sponsors .column4 div.type{position: absolute; width:100%; font-weight:bold; font-family: 'Mont-Bold'; font-weight: 600; letter-spacing: -0.01em; text-align:center; bottom:-40px; text-transform:uppercase;}

.sponsors h2 span,
.sponsors h3 span{font-weight:400; font-family:'Mont-Book';}
.sponsors span.Gold{color:#CCA43D;}
.sponsors span.Silver{color:#8D8F8E;}
.sponsors span.Bronze{color:#CD7F32;}


.sponsors .column6:first-child{display:none;}
.sponsors .column6:nth-child(3n+1){clear:both;}
.sponsors .column3 a div.image,
.sponsors .column2 a div.image,
.sponsors .column2 img,
.sponsors .column3 img{margin:0px; padding:0px; display:block;}

/* --------------------------- Picture Links ----------------------------- */

.image-links{text-align:left;}
.image-links .image{background-color:#0E4C90; background-image:url(/images/no-image.png); background-repeat:no-repeat; background-position:center; background-size:cover; border:#CCCCCC solid 1px; height:268.17px;}
.image-links .image img{display:block; background:#FFF;}

.image-links .title{margin-bottom:20px; margin-top:10px;}
.image-links .title h3{margin-right:50px; margin-bottom:0px; font-size:20px;}
.image-links .title .fa{display:block; float:right; font-size:20px; line-height:30px; transition: all  0.5s ease-in-out;}

.image-links a:hover .image{background-color:#40B9FF;}
.image-links a:hover .fa{color:#CCCCCC; transition: all  0.5s ease-in-out; margin-right:15px;}

.image-links.top-article .title .fa{display:none;}


.go-back{border-top:#CCC dotted 1px;}

@media only screen and (min-width: 960px) and (max-width: 1119px) {
	.image-links .image{height:223.22px;}
	}
	
@media only screen and (max-width: 959px) {
	.image-links .image{height:313.11px;}
	}

@media only screen and (max-width: 479px) {
	.image-links .image{height:223.22px;}
	}

/* --------------------------- Insights ----------------------------- */

.insight-list {display:block;}
.insight-list .insight-item:first-child{display:none;}
.insight-list .insight-item:nth-child(3n -1){clear:both;}

.insight-list .insight-item.past-event:first-child{display:block;}
.insight-list .insight-item.past-event:nth-child(3n -1){clear:none !important;}




/* Toggle Graphic*/

.toggle-container{background:#FFF;  overflow:hidden;}
.toggle-container a{display:block; height:50px;  padding:2px; background:#0E4C90; box-sizing:border-box; }

.toggle-container span.status{display:block; float:left; width:50%; text-align:center;  line-height:46px; }
.toggle-container span.status{display:block; background:#FFF; background:linear-gradient(180deg, #FFFFFF 0%, #F2F2F2 100%); color:#0E4C90; font-family:mont-bold; }
.toggle-container a:hover{background:#40B9FF;}
.toggle-container a:hover span.status {color:#40B9FF;}

.toggle-container span.status.on,
.toggle-container a:hover span.status.on {color:#FFF; background:transparent; box-shadow:inset rgba(0,0,0,0.2) 0px 3px 3px;}


/*--------------------------- People -----------------------------*/

main.people .item{}
main.people .item:nth-child(4n-2) {clear:both;}
main.people .picture img{display:block; margin:0px; }
main.people .picture{margin-bottom:10px; border:#CCCCCC solid 1px;}
main.people .links h3{margin-bottom:0px; font-size:20px;}

main.people a .links  h4{font-size:18px;}
main.people a .links {transition: all  0.5s ease-in-out;}
main.people a .links h4 .fa{color:#40B9FF; float:right; transition: all  0.5s ease-in-out;}

main.people a:hover .picture{border-color:#40B9FF;}
main.people a:hover .links h3{color:#40B9FF; transition: all  0.5s ease-in-out;}
main.people a:hover .links h4 .fa{color:#CCCCCC; transition: all  0.5s ease-in-out; margin-right:15px;}

.people-pop h4{margin-bottom:0px;}
.people-pop .image img{display:block;}
.people-pop .image{border-bottom:#40B9FF solid 3px;}
.people-pop  hr{margin:auto -20px;}


/*--------------------------- Modal Overlay -----------------------------*/

.modal-overlay{ background:rgba(0,0,0,0.7); z-index:9000; position:fixed; top:0px; bottom:0px; left:0px; right:0px; text-align:center; width:100%; height:100%;}

/*.modal-wrap{width:100%; height:100%; position:absolute; z-index:9001; left:0px; top:0px;}
.modal { z-index:9002; background:#FFF; position:relative; margin:50%;  top:0px; min-width:300px; max-width:500px;}*/

.modal { -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index:9002; background:#FFF; position:fixed; left:50%; top:50%; max-height:90%; overflow:auto; transition: transform 0.3s ease-out 0s; min-width:320px; max-width:440px; }
.modal .dialog_form { padding:20px; padding-top:10px; }
.modal .modal-title { padding:10px 20px; border-bottom:1px solid #ECECEC; text-align:left; display:block; }
.modal .modal-title h2 { margin:0px; padding: 0px; color:#0E4C90;}
.modal .modal-title a { position:absolute; right:20px; top:15px; }

.modal .text-content{text-align:left; padding:10px 20px;}



/* Pager */

.pager{clear:both; margin-top:0px; padding-top:10px; color:#333333; text-align:center; font-size:15px; }
.pager a{line-height:30px; min-width:30px; display:inline-block; background:#F2F2F2; color:#0E4C90; border: #0E4C90 solid 2px;}
.pager a:hover{background: #40B9FF; color:#FFF;}
.pager a.current{background:#0E4C90; color:#FFF; font-weight:600;}
.pager a.previous,
.pager a.next { background:#ECECEC; color:#333; padding:0px 10px; display:block; font-size:15px; color:#FFF; border: #40B9FF solid 2px; background:#40B9FF;}
.pager a.previous{float:left;}
.pager a.next{float:right; }
.pager a.previous:hover,
.pager a.next:hover{background:#0E4C90;}
.pager a.previous:before,
.pager a.next:after{font-family: 'FontAwesome'; font-weight:400; font-size:15px; display:inline-block; line-height:30px;}
.pager a.previous:before{content:'\f104'; padding-right:5px;}
.pager a.next:after{content:'\f105'; padding-left:5px;}


@media only screen and (max-width: 959px) {
	.pager a{display:none;}	
	.pager a.previous,
	.pager a.next {display:block;}
	}
	
/* 404 Error */

#error404{text-align:left; padding:30px 0px 30px 400px; background: url(/images/404.png) no-repeat;}
.error404{}
.error404 .alien{height: 300px !important; width:300px; float:right; background:url(/images/robot.png) no-repeat center;}

#cookie-warning{width:100%;text-align:center; background: rgba(0,0,0,0.75); position:fixed; z-index:9999; bottom:0; left:0; margin:0px; padding:0px; color:#FFF; text-align:left;}
#cookie-warning h3{color:#FFF;}
#cookie-warning .right{text-align:right;}
#cookie-warning a{color:#FFF; font-weight:bold;}
#cookie-warning a:hover{text-decoration:underline;}
#cookie-warning .left span{padding:7px 10px; display:block; }
#cookie-warning .right a{padding:3px 10px; display:block; margin:10px 10px 0px 0px; border:rgba(255,255,255,0.5) solid 1px; background: rgba(0,0,0,0.75); text-align:center;}	
#cookie-warning .right a:hover{border-color:#FFF; text-decoration:none;}


/*--------------------------- Members Section -----------------------------*/

main.membership .members{}
.members .entity:nth-child(3n+1){clear:both;}

.members .entity .picture{ border:#CCC solid 2px; box-sizing:border-box; margin-bottom:10px;}
.members .entity .picture img{display:block;}

.members .entity a.picture-wrap .picture {border-color:#CCC; }
.members .entity a.picture-wrap:hover .picture{border-color:#40B9FF;}

.members .entity label{font-weight:600; font-family:'Mont-Bold';}

.members .entity {margin-bottom:20px;}

.members .entity p.links .fa,
.members .entity p.links a{color:#0E4C90;}
.members .entity p.links a:hover{color:#40B9FF;}

/*--------------------------- energy-dashboard-area -----------------------------*/

section.energy-dashboard-area{padding:40px 0px; background:#0E4C90; color:#FFF;}
section.energy-dashboard-area h2{color:#FFF;}

.energy-dashboard{text-align:center; display:block;}
.energy-dashboard .column3{}
.energy-dashboard .icon{width:120px; height:120px; background-color:#FFF;  background-repeat:no-repeat; background-position:center; background-size:contain; border-radius:50%; margin:10px auto; border:#FFF solid 10px; position:relative;}
.energy-dashboard .icon:before{display:block; content:''; width:140px; height:140px; border:#40B9FF solid 5px; border-radius:50%; position:absolute; left:-10px; top:-10px; z-index:2; }
.energy-dashboard span{display:block; font-size:25px; font-family:'Mont-Bold';}
.energy-dashboard label{font-size:13px; line-height:0.7em !important;}

.mwh .icon{background-image:url('/images/mwh.png');}
.cost .icon{background-image:url('/images/cost.png');}
.ton .icon{background-image:url('/images/ton.png');}
.car .icon{background-image:url('/images/car.png');}