/*
Description:	CSS 2018
Author:			Visualcode Limited
Date: 			February 2018
Version:		1.0
*/


@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700');
@import url('https://fonts.googleapis.com/css?family=Rock+Salt');

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

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

body, input, select, button, textarea { font:15px/24px 'Open Sans', helvetica, arial, san-serif;  }
body { margin:0px; padding:0px !important; color:#666666; text-align:center; background:#103D7E;  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:#1951A4; text-decoration: none;}
a:hover {color:#E2C905;} 
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; color:#FDE000; font-size:13px; line-height:24px; text-transform:uppercase; font-weight:600; background:#1951A4; -webkit-appearance: none; cursor:pointer;}
.button:hover{background:#103D7E; box-shadow:0px; 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:#324B35; position:absolute; z-index:10;}

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


h1, h2, h3, h4{line-height:normal; font-weight:600; color:#1951A4; letter-spacing:-0.01em;  margin-top:0px; padding-top:0px;  margin-bottom:20px;}
	
h1 {font-size: 28px; font-weight:700; }
h2 {font-size:26px;}
h3 {font-size:22px;}
h4 {font-size:18px;}
h1 .sub, h2 .sub, h3 .sub, h4 .sub{font-size:65%; font-weight:300 !important; display:block; letter-spacing:-0.025em;}

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;}
.regular{font-weight:400;}
.bold{font-weight:600;}
.heavy{font-weight:700;}

.sans-serif{font-family:'Open Sans', helvetica, arial, san-serif;}
.serif{font-family:'Georgia', times, serif;}
.handwriting{font-family: 'Rock Salt', 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:#ECECEC dotted 3px;}
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:#324B35 ; 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:#F5F5DE;}

@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:#DCDCDC 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:#324B35;}
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:#324B35; 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; background-image:linear-gradient(#FEFEFE,#ECECEC);}
header .ribbon{ margin-top:0px; border-bottom:#CCC solid 1px; background:url(/images/World-Map.png) no-repeat; background-position:center -40px;}


.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:50px; position:relative;}
.html-content ul li:before{font-family: 'FontAwesome'; content: '\f061'; font-size:9px; position:absolute; left:-30px; top:2px; color:#FDE000; background:#1951A4; line-height:20px; width:20px; text-align:center; border-radius:50%;}
.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;}
#Logo a{display:table-cell; width:1%; height:120px; vertical-align:middle; }
#Logo img{display:block; width:auto; height:90px;}

/* ______________________ Navigation ______________________ */

header{margin:0px;}

header .lang ul{list-style:none; margin:0px; padding:0px; }
header .lang ul li{float:right; background-position:right center; background-repeat:no-repeat; padding-right:30px; margin-right:10px; line-height:40px; font-size:10px; text-transform:uppercase; }
header .lang ul li a{color:#808080; font-weight:600; display:block;}
header .lang ul li a:hover{color:#1951A4;}

header #google_translate_element{float:right; margin-top:5px;}

@media only screen and (max-width: 959px) {
	header .lang ul li {padding-right:20px; float:left;}
	header .lang ul li a{text-indent:-9999px; }
	}

header .mobile_control{display:none;}

header nav{padding:0px; margin:0px; text-align:left;  position:relative; }

header nav ul {list-style:none; padding:0; margin:0px; border:0px;  display:table; float:right;}
header nav ul li {display:table-cell; margin:0px; padding:0px; position:relative; height:45px; vertical-align:middle; text-align:center; cursor:pointer; position:relative; padding:0px 10px;}
header nav ul li:last-child{padding:0px 0px 0px 10px;}
header nav ul li:after{display:block; content:''; width:0px; height:15px; border-right:#CCC solid 1px; position:absolute; right:0px; top:15px;}
header nav ul li:last-child:after{display:none;}

header nav ul li a{text-transform:uppercase;  display:block; line-height:40px; font-weight:600;  font-size:12px; padding:0px; letter-spacing:0.1em; position:relative; color:#808080; text-shadow:rgba(255,255,255,0.85) 0px 1px 1px;  padding:3px 0px 0px; border-bottom:transparent solid 2px;}
header nav ul li.drop > a:after{font-family: 'FontAwesome'; content: '\f107'; display:inline-block; padding-left:5px;}
header nav ul li.drop:hover > a:before{content:''; display:block; position:absolute; bottom:0px; left:50%; margin-left:-10px; border:transparent solid 10px; border-top:none; border-bottom:#1951A4 solid 10px;}
header nav ul > li:hover a{color:#1951A4; border-color:#CCC;}
header nav ul > li a.on{border-color:#1951A4; }

@media only screen and (min-width: 960px) and (max-width: 1160px) {
	.tablet{display:none;}
	}

/*SUBNAV*/

header nav ul ul{display:none; position:absolute; z-index:9999; background:transparent; width:250px; top:42px; left:0px;  padding:0px; background:#1951A4;  border:0px;}

header nav ul li:hover ul{display:block;}
header nav ul li:hover ul li {padding:0px; display:block; text-align:left; height:auto;}
header nav ul li ul li a{letter-spacing:normal; line-height:20px; padding:5px 0px 5px 20px; text-transform:none; text-shadow:none; font-size:13px; font-weight:400; display:block; text-align:left; border:0px; border-bottom:rgba(255,255,255,0.25) solid 1px !important; box-sizing:border-box; background:none !important; color:#FFF !important;}
header nav ul li ul li a:before{font-family: 'FontAwesome'; content: '\f105'; margin:0 5px 0 -10px;}	
header nav ul li ul li:after{display:none;}
header nav ul li ul li a:hover{background:#CCC !important; color:#FFF !important;}

@media only screen and (max-width: 959px) {
	header div{margin-bottom:0px !important;}
	header #Logo a{height:100px;}
	header #Logo{padding:0px;  margin-right:50px;}
	
	header .column10{display:block; position:relative; height:0px;}
	header .mobile_control{position:absolute; top:-70px; right:0px; width:40px; height:40px; display:block; }
	header .mobile_control a{display:block; width:40px; height:40px; line-height:40px; font-size:20px; color:#FDE000; background:#1951A4; border-radius:50%;}
	header .mobile_control a:hover{background:#103D7E;}
	header .mobile_control a:before{font-family: 'FontAwesome'; content: '\f0c9';}
	header .mobile_control a.open:before{content: '\f00d'; color:#FDE000;}
	
	header nav{display:none; position:absolute; width:100%; background:#1951A4; z-index:1000; box-shadow:rgba(0,0,0,0.25) 0px 2px 3px;}
	header nav.open{display:block; }
	header nav > ul{display:block !important; float:none;}
	header nav ul li.drop:hover > a:before{display:none;}
	header nav.open ul li{display:block; height:auto; padding:0px;}
	header nav.open ul li:after{display:none;}
	header nav.open ul li a{display:block; line-height:45px; font-size:20px; border:0px !important; border-bottom:rgba(255,255,255,0.2) solid 1px !important; color:#FFF; text-shadow:none;}
	header nav.open ul li a:hover{color:#FDE000; background:#103D7E;}
	header nav ul li.drop > a:after,
	header nav ul li:hover ul{display:none;}
	}

aside h3{ border-bottom:#FDE000 solid 3px; color:#1951A4; padding:7px 0px; margin-top:0px; margin-bottom:10px; font-size:15px; text-transform:uppercase;}
aside nav {margin-bottom:30px;}
aside ul{list-style:none;}

aside ul li{display:block; border-bottom:#ECECEC solid 1px !important;}
aside ul li a{display:block; padding:5px 0px 5px 15px; border:#ECECEC solid 3px; border-bottom:none; border-top:none; border-right:0px; color:#808080; font-weight:400; position:relative; text-shadow:rgba(255,255,255,0.85) 0px 1px 1px;}

aside ul li a:hover{background:#ECECEC; color:#1951A4; border-color:#1951A4; }
aside ul li a.on{border-color:#1951A4; color:#333; background:#FDE000; }
aside ul li a.on:hover{}

aside ul li ul li{border-top:#ECECEC solid 1px !important; border-bottom:0px !important;}
aside ul li ul li a{display:block; padding:3px 0px 3px 25px; color:#333; font-weight:400; position:relative; font-size:13px;} 
aside ul li ul li a:hover{background:#F5F5DE;}
aside ul li ul li a.on{color:#324B35;}

aside ul li .dot{position:absolute; right:3px; top:13px; margin-left:5px;}

aside dl dt { color:#999; display:block; line-height:30px; font-size:11px; text-transform:uppercase; border-bottom:#ECECEC solid 1px;}
aside dl dd { line-height:30px; padding:5px 0px;}
aside .button{display:block; text-align:center;}

aside .mini-pager{ border-top:#ECECEC solid 1px; border-bottom:#ECECEC solid 1px; padding:10px 0px;}
aside .mini-pager a{display:block; float:left; width:50%; box-sizing:border-box; text-shadow:#FFF 0px 1px 1px; text-align:right; text-transform:uppercase; font-size:13px; font-weight:600; border-left:#ECECEC solid 1px;}
aside .mini-pager a:first-child{border-left:0px; text-align:left;}
aside .mini-pager a .fa{font-weight:400; display:inline-block; line-height:20px;}
aside .mini-pager a .title{display:inline-block; line-height:20px; }


.widget .column3{margin-bottom:20px; position:relative; text-align:left;}
.widget .column3 h3{border-bottom:#FDE000 solid 3px; color:#1951A4; padding:7px 0px; margin-top:0px; margin-bottom:10px; font-size:15px; text-transform:uppercase;}
.widget .column3 img,
.widget .column3 a{display:block; color:#FFF;}
.widget .column3 a{border:#ECECEC solid 1px; box-sizing:border-box;}
.widget .column3 .text p{margin:5px 0px; border:#ECECEC solid 1px; padding:5px;}
.widget .column3 .text .button{text-align:center;}

aside .call-to-contact{padding:30px 0px;}
aside .call-to-contact h4{font-size:15px; font-weight:700; margin:0px; text-transform:uppercase; color:#333;}


@media only screen and (max-width: 959px) {
	aside{margin-bottom:20px !important;}
	aside nav{margin-bottom:0px;}
	aside h3 {color:#FFF; background:#1951A4; color:#FDE000; padding:7px 10px; display:block; line-height:25px; font-size:17px; font-weight:600; margin-top:0px; cursor:pointer; border-bottom:0px; margin-top:20px; margin-bottom:0px; border-radius:5px;}
	aside h3:after{float:right; font-size:17px; line-height:25px; font-family: 'FontAwesome'; content: '\f0c9'; font-weight:400; color:#FDE000;}
	aside h3.open:after{content: '\f00d'; color:#FFF;}
	aside h3.open{background:#103D7E; border-radius:5px 5px 0px 0px; color:#FFF;}
	aside nav, aside .subwrap{display:none;}
	aside nav.open, aside .subwrap.open{display:block;;}
	aside nav.open ul{border:#ECECEC solid 1px; border-top:none; border-left:nonel; margin-top:0px; margin-bottom:10px;}
	aside nav.open ul ul{border:0px;}
	}

@media only screen and (min-width: 960px) and (max-width: 1160px) {
	.widget .column3 .inner .vtxt{height:158px;}
	}
@media only screen and (min-width: 480px) and (max-width: 959px) {
	.widget .column3 .inner .vtxt{height:300px;}
	}
@media only screen and (max-width: 479px) {
	.widget .column3 .inner .vtxt{height:215px;}
	}	


/* ______________________ BreadCrumb ______________________ */

.breadcrumb{background:#F2F2F2; margin-bottom:20px; box-shadow:inset rgba(0,0,0,0.05) 0px 3px 4px;}	
.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;}
	}



/* ______________________ Footer  ______________________ */

section.strapline{background:#ECECEC; padding:20px 0px; text-transform:uppercase; font-weight:600; text-shadow:#FFF 0px 1px 1px;}

/* ______________________ Footer Navigation ______________________ */

.footer-contact{background:#1951A4; padding:40px 0px;  color:#FFF;}

.footer-contact .icaew img{display:block; width:250px;}
.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:center; }
.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:#FDE000;}
.footer-contact .comms a:hover{color:#FFF;}

.footer-contact .opening-times h5{color:#FDE000; position:relative; font-size:17px;}
.footer-contact .opening-times h5:before{font-family: 'FontAwesome'; content: '\f017'; display:inline-block; padding-right:5px;}
.footer-contact .opening-times ul{list-style:none; padding:10px 0px;}
.footer-contact .opening-times ul li{font-weight:600; }
.footer-contact .opening-times ul li label{font-weight:400; text-transform:uppercase; font-size:11px;}

@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 section.footer{color:#FFF;  }

footer a{color:#FFF;}
footer a:hover{color:#FDE000;}

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:#324B35; 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;}
	}


/* ______________________ MailChimp Signup ______________________ */

.signup{background:#F5F5DE; padding:40px 0px; border-top:rgba(255,255,255,1) solid 1px;}
.signup h3{margin-top:0px; margin-bottom:15px; text-shadow:#fff 0px 1px 1px;}

#mc_embed_signup label{font-size:13px; line-height:30px !important; padding:0px; margin:0px; display:none;}
#mc_embed_signup .mc-field-group label,
#mc_embed_signup .mc-field-group-submit label{line-height:40px; }
#mc_embed_signup .mc-field-group  input{box-sizing:border-box; border:#CCC solid 1px; line-height:40px; font-size:15px;  padding:0px 5px; background:#FFF; display:block; width:100%;}
#mc_embed_signup .mc-field-group-submit input{display:block; width:100%; line-height:40px; padding:0px; border:#FFF solid 1px;}
#mc_embed_signup input.mce_inline_error {border-color:#B4CA2A !important;}
#mc_embed_signup div.mce_inline_error {background-color:#B4CA2A !important;}

@media only screen and (max-width: 960px) {
	.signup h3{margin-bottom:0px;  font-size:20px;}
	.signup .column8{margin-bottom:0px;}
	.signup .txt-right{text-align:left;}
	}

/* ______________________ Fluid Table - Single Row ______________________ */

ul.fluid-table{display:table; list-style:none; width:100%; box-sizing:border-box;}
ul.fluid-table li{display:table-cell;}
ul.fluid-table li img,
ul.fluid-table li a{display:block; margin:0 auto;}

ul.fluid-table li.logo{background:#FFF; position:relative;}
ul.fluid-table li.logo:before{content:''; border-left:#DADADA solid 1px; display:block; height:100%; width:0px; position:absolute; top:0px; left:0px;}

ul.fluid-table li.logo:first-child:before,
ul.fluid-table li.logo:hover:before{display:none;}
ul.fluid-table li.logo a{border:#FFF solid 5px; padding:5px; display:block;}
ul.fluid-table li.logo a:hover{border-color:#324B35;}


@media only screen and (max-width: 959px) {
	ul.fluid-table{display:block;}
	ul.fluid-table li{display:block; width:50%; float:left; text-align:center;}
		
	ul.fluid-table li.logo:after{content:''; border-bottom:#DADADA solid 1px; display:block; width:100%; height:0px; position:absolute; top:0px; left:0px;}
	ul.fluid-table li.logo:hover:after,
	ul.fluid-table li.logo:nth-child(odd):before,
	ul.fluid-table li.logo:nth-child(1):after,
	ul.fluid-table li.logo:nth-child(2):after{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:#FDE000; background:#1951A4;}

/* 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:12px; margin:0px;}
.globalslider .unslider-nav ol li {display:inline-block;  width:12px; height:12px; margin:0px 3px 0px 3px; text-indent:-9999px; cursor:pointer; }
.globalslider .unslider-nav ol li:before {position:absolute; display:block; width:12px; height:12px; background:rgba(255,255,255,0.5); text-indent:-9999px; cursor:pointer; content:'';   border:#FFF solid 1px; border-radius:50%;}
.globalslider .unslider-nav ol li.unslider-active:before {background:#1951A4; }

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

/* ______________________ Slider General - Column9 Span ______________________ */

#gallery-slider{height:550px;}
#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:461px;}
	#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: -moz-linear-gradient(-65deg, rgba(16,61,126,0.95) 0%, rgba(25,81,164,0.75) 39.9999%, rgba(255,255,255,0) 40%, rgba(255,255,255,0) 100%); 
	background: -webkit-linear-gradient(-65deg, rgba(16,61,126,0.95) 0%, rgba(25,81,164,0.75) 39.9999%, rgba(255,255,255,0) 40%,rgba(255,255,255,0) 100%); 
	background: linear-gradient(115deg, rgba(16,61,126,0.95) 0%, rgba(25,81,164,0.75) 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 );
	}
	
#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{ width:35%; box-sizing:border-box; padding-left:90px;}	
#home-slider .txt-overlay .title{font-size:25px; font-weight:600; line-height:35px; padding:5px 0px; color:#FDE000;}
#home-slider .txt-overlay .sub-title{font-size:17px; line-height:35px; padding:5px 0px;}
#home-slider .btn{display:block; padding:10px 0px;}
#home-slider .button{display:inline-block; background:transparent; border:#FFF solid 1px;}
#home-slider .button:hover{color:#FDE000; border-color:#FDE000;}




@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 Intro ______________________ */

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


/* ______________________ Contact ______________________ */

main.contact section.enquiry-form {}
 
main.contact section.contact-details{padding:40px 0px; background:#324B35; color:#FFF;}
main.contact section.contact-details h2,
main.contact section.contact-details a{color:#FFF;}
main.contact section.contact-details a:hover{color:rgba(255,255,255,0.65);}

main.contact section.contact-details .social{display:table; width:100%; border-collapse:collapse; box-sizing:border-box;}
main.contact section.contact-details .social a{display:table-cell; text-align:}
main.contact section.contact-details .social a .fa{font-size:20px; display:block; margin:0px auto; height:35px; width:35px; line-height:35px; text-align:center; border:#FFF solid 3px;}

main.contact section.findus{padding:40px 0px 0px 0px;}

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

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


/* ______________________ Image Links ______________________ */

section.picture-links{background:#ECECEC; padding:30px 0px 10px 0px;}

/* ______________________ Image Links ______________________ */

.image-links .column3{display:block; background:#1951A4; margin-bottom:20px; cursor:pointer;}
.image-links a,
.image-links img{display:block;  cursor:pointer; position:relative;}
.image-links .overlay{position:absolute; top:0px; left:0px; right:0px; bottom:0px; z-index:10; display:none; cursor:pointer; background:rgba(0,0,0,0.25);}
.image-links a:hover{background:#103D7E !important;}
.image-links a:hover .overlay{display:block;}

.image-links .overlay .more {font-size:11px; color:#FFF; width:100px; height:30px; background:#1951A4; text-transform:uppercase; position:absolute; top:50%; left:50%; margin-left:-50px; margin-top:-5px; line-height:30px;}
.image-links .overlay .more .fa{font-size:15px; margin-right:5px;}
.image-links h3{font-size:13px; text-transform:uppercase; color:#FFF; margin:0px; padding:5px 0px; height:20px; line-height:20px; overflow:hidden;}

.links h3{font-size:15px; text-transform:uppercase;}
.links a h3{color:#324B35;}
.links a:hover h3{color:#1951A4;}
.links .row .column12{border-top:#1951A4 solid 3px; padding-top:20px;}
.links .url{display:block; font-size:13px;}

/* FAQ */

ul.faq-list{background:#ECECEC; padding:15px 0px; border-radius:5px;}
ul.faq-list li{margin-left:20px; margin-bottom:10px; line-height:25px;}
ul.faq-list li:before{display:none;}
ul.faq-list li b{display:inline-block; background:#103D7E; color:#FFF; width:25px; height:25px; line-height:25px; text-align:center; font-size:13px; border-radius:50%;}

.faq h3 {line-height:25px;}
.faq h3 strong{display:inline-block; background:#103D7E; color:#FFF; width:25px; height:25px; line-height:25px; text-align:center; font-size:13px; border-radius:50%;}

/* Products */

.filters:after{display:block; margin:0px 10px; background:#FDE000; padding:0px; height:5px; content:'';  clear:both; margin-bottom:20px;}

.filters .column3{position:relative; min-height:35px; margin-bottom:10px;}

.filters .column3:after{font-family: 'FontAwesome'; content:'\f0dc'; font-weight:400; font-size:15px; display:block; line-height:35px;  z-index:20; top:0px; right:5px; position:absolute; pointer-events: none;}
.filters .column3:first-child:after{content:'\f002';}

.filters select { margin: 0px; padding: 5px 35px 5px 5px; font-size: 15px; border: 1px solid #ccc; height: 35px;  -webkit-appearance: none; -moz-appearance: none; appearance: none; background:#ECECEC; position:relative;}
/* CAUTION: IE hackery ahead */
.filters select::-ms-expand { 
    display: none; /* remove default arrow in IE 10 and 11 */
}
/* target Internet Explorer 9 to undo the custom arrow */
@media screen and (min-width:0\0) {
   .filters select { background:none\9; padding: 5px\9; }
}

.products .column3:nth-child(3n +1){clear:both;}
.products .column3 {margin-bottom:20px;}
.products .column3 a {display:block; height:270px; overflow:hidden;}
.products .column3 a span.title{background:#1951A4; color:#FDE000; display:table-cell; width:1%; vertical-align:middle; font-size:13px; line-height:20px; padding:5px 10px; height:60px; }
.products .column3 a:hover span.title{background:#103D7E;}
.products .column3 .img {height:199px; background-size:cover; border:#ECECEC solid 1px; background-position:center;}

.productarea.loading:before { content:''; position:absolute; top:0; right:0; bottom:0; left:0; z-index:20; background:rgba(0,0,0,0.25); border-radius:10px;}


.productdetails .column4,
.productdetails .column5{max-width:50%; float:left; margin:0px; padding:10px; box-sizing:border-box;}
.productdetails .column5{max-width:50%;}
.productdetails img{max-width:100%; }

dl { display:flex; flex-wrap:wrap; max-width:100%;}
dt, dd { flex:0 0 50%; padding:5px; box-sizing:border-box; }
dd { font-weight:bold; }
dt:nth-child(4n+1), 
dd:nth-child(4n+2){ background:#F2F2F2; }
dt:nth-child(4n-1), 
dd:nth-child(4n){ background:#ECECEC; }

@media only screen and (max-width: 959px) {
	.productdetails .column4,
	.productdetails .column5{max-width:100%; clear:both;}
	}



.c2a{ padding:10px 20px; border-radius:5px; box-sizing:border-box; margin-top:10px; margin-bottom:20px;
	background:#ECECEC;
	background: -moz-linear-gradient(-65deg, #ECECEC 0%, #ECECEC 39.9999%, #F2F2F2 40%, #F2F2F2 100%); 
	background: -webkit-linear-gradient(-65deg, #ECECEC 0%, #ECECEC 39.9999%, #F2F2F2 40%, #F2F2F2 100%); 
	background: linear-gradient(-65deg, #ECECEC 0%, #ECECEC 39.9999%, #F2F2F2 40%, #F2F2F2 100%); 
}
.c2a h4{ font-size:20px; font-weight:700;  margin-bottom:0px; padding-bottom:0px; text-transform:uppercase; text-shadow:#FFF 0px 1px 1px;} 
.c2a p{width:75%; margin:5px auto;}
/* Pager */

.pager{clear:both; margin-top:0px; border-top:#ECECEC dotted 3px; padding-top:10px; color:#333333; text-align:center; font-size:13px; line-height:30px;}
.pager a{line-height:30px; min-width:30px; display:inline-block;}
.pager a.current{background:#324B35; color:#FFF; font-weight:600;} 
.pager a.previous,
.pager a.next { background:#FFF; color:#1951A4; padding:0px 10px; display:block; font-size:15px; border:#1951A4 solid 2px;}
.pager a.previous{float:left;}
.pager a.next{float:right; }
.pager a.previous:hover,
.pager a.next:hover{background:#FDE000;}
.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; font-size:11px; line-height:15px; text-align:left;}
#cookie-warning .left{width:80%; float:left;}
#cookie-warning .right{width:15%;float: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:inline-block; margin:10px 10px 0px 0px; border:#333 solid 1px; background: rgba(0,0,0,0.75);}


/* Modal */
.modal { position:fixed; top:0; left:0; right:0; bottom:0; z-index:9999; overflow:hidden auto; background:rgba(0,0,0,0.45); }
.modal-loading { position:absolute; top:50%; left:0; right:0; color:#ccc; height:48px; margin-top:-24px; }

.modal::before { content:""; display:inline-block; margin:0 auto; vertical-align:middle; height:100%; } /* don't fully understand it but it allows us to center vertically */
.modal-placeholder { display:inline-block; margin:0 auto; vertical-align:middle; max-width:855px; margin:20px;}
.modal-head { padding:10px; }
.modal-title { float:left; color:#fff; }
.modal-close { float:right; font-size:1.5em;}
.modal-close a{color:#FDE000;}
.modal-close a:hover{color:#1951A4;}
.modal-content { background:#fff; clear:both; padding:20px; }