@import url(//fonts.googleapis.com/css?family=Cabin:900,700,600,400);
@import url(//fonts.googleapis.com/css?family=Open+Sans:400,600,700,800);
body,html {  width: 100%;  height: 100%;  margin: 0;  padding: 0; background-color:#fff; font-family: 'Cabin', sans-serif; }
ol, ul {	list-style: none;}
h1 {  font-size:2em; margin:10px 0 15px 0;color:#ED4035; letter-spacing:-1px; font-weight:700; text-align:left; }
h2 {  font-size:1.7em; margin:0;color:#ED4035; letter-spacing:-1px; font-weight:600; text-align:center; }
h3 { font-weight:400; font-size:1.4em; margin:12px 0 6px 0 ; color:#ED4035; letter-spacing:-1px; }
h4 { font-weight:400; font-size:1.2em; margin:12px 0 0 0 ; color:#ED4035; letter-spacing:-1px; }
hr {clear:both;border:0px; border-bottom:1px solid #ccc; margin:20px 0 20px 0}
.spacer {padding-top:80px;}
p{ color:#FFF; font-size:1.2em; margin:0px 0 12px 0; line-height:120%; font-weight:400;}
td{ color:#333; font-size:1em;}
strong {color:#000000;}
.left {float:left}
.right {float:right; }
.half { width:100%; height:auto; }
.half2 { width:50%; float:left; height:auto; }


.clear {clear:both; }
.tc {height:120px !important;;}
.marquee {float:right;
  width: 75%;
  overflow: hidden;
  border: 0px solid #ccc;
  background: #fff;
	font-size:1.9em; margin:12px 0 15px 0;
	color:#ED4035; letter-spacing:-1px;
	font-weight:700; 
}

.holder {margin:0px auto; max-width:960px; position:relative; z-index:11;}
.holder:before, .holder:after {	content: "\0020";	display: block;	height: 0;	overflow: hidden;}
.holder:after {	clear: both;}

.fullholder {width:100%;}
.fullholder .holder {margin:0px auto 0;}

#header { width:100%; background-color:#fff; position:relative; z-index:9999; }
#header .logo { float:left; width:230px; margin-right:0;height:auto;margin-top:14px;margin-bottom:12px; position:relative; z-index:999;}
#header .logo span {display:none}
#header .logo img{ width:100%}
#header .info {float:right; width:75%; text-align:right; height:18px; color:#fff; font-weight:700; font-size:1em; line-height:1.3em; margin:30px 0 0 0; position:relative; z-index:999;}
#header .info a { text-decoration:none !important; color: #777777; }
.email-contact-h{float:right; color: #777777!important;height:20px; background: transparent url(images/email-icon.png) no-repeat 0px 0px;  background-size:contain; padding-left:32px;  margin-right:24px;}
.phone-contact-h {float:right; color: #777777!important;height:20px;background: transparent  url(images/phone-icon.png) no-repeat 0px 0px; background-size:contain;padding-left:32px;}

.phone-disable {   pointer-events: none;   cursor: default ; }


/*FLEX CAROUSEL */
.flexslider {clear:both;}
.flexslider .slides .holder {margin-top:-275px;text-align:center; }
.flexslider .slides li {    position:relative; height:480px; background-size:cover;}
.flexslider a, .colourholder a {cursor:pointer;position: relative;display: inline-block;text-align:center;
 margin: 0px 20px 0 0; font-weight:900; font-size:1.2em; width:50%; box-sizing:border-box;
 border:0px;padding:15px;  text-decoration:none;background-color:#ED4034; color:#eee ;box-shadow: inset 0 0 0 3px rgba(0, 0, 0, 0.05);
 line-height:100%;  transition-property:color, box-shadow; transition-duration:0.4s; transition-timing-function: linear, ease-in; text-transform: uppercase
}

.flexslider a:hover, .colourholder a:hover {	box-shadow: inset 0 0 0 3px rgba(0, 0, 0, 0.3);  color:#ffffff;	}


.hpbtns {margin-top:-350px;text-align:center}
/*FLEX CAROUSEL */


#carousel2 { height:360px ; margin-bottom:10px;} 
#carousel2 .slide { height:360px ;background-color:#eee; position:relative; background-size:cover; background-position:center center}
#carousel2 .slide .cover {background-color:rgba(255,0,0,0.2); position:absolute; top:0; width:100%; height:100%;}
#carousel2 .slide .strapline { height:360px ; font-size:0.85em; }
#carousel2 .slide .strapline .title { font-family: 'Cabin'; padding:90px 0 0 0; color:#fff; text-transform:uppercase;text-shadow: 2px 2px 0px rgba(0,0,0,0.5) ; font-size:3.8em; font-weight:900; text-align:center; letter-spacing:-3px; line-height:1.18em;}
#carousel2 .slide .strapline .intro {font-family:'Cabin', sans-serif; text-align:center; padding:10px 50px; color:#fff;font-size:2.5em; font-weight:600;line-height:1.2em; letter-spacing:-1px; text-shadow: 2px 2px 0px rgba(0,0,0,0.5) ;}


.box { float:left; width:32%; margin-right:2%; margin-bottom:3%; height:auto; -webkit-box-sizing: border-box; 	-moz-box-sizing: border-box; 	box-sizing: border-box; 	 }
.box:nth-of-type(3n){margin-right:0%;}
.box img{width:100%; }


a.btn, a.btn2 { font-weight:bold; background-color:#F8E01A; color:#000; font-size:1.05em;  margin:10px auto 20px;text-align:center; text-decoration:none; display:block;  width:60%; padding:2.5% 0px 3%;  -webkit-transition-property:color, text; -webkit-transition-duration: 0.3s, 0.3s; -webkit-transition-timing-function: linear, ease-in;-moz-transition-property:color, text; -moz-transition-duration:0.3s; -moz-transition-timing-function: linear, ease-in; -o-transition-property:color, text; -o-transition-duration:0.3s; -o-transition-timing-function: linear, ease-in;transition-property:color, text; transition-duration:0.3s; transition-timing-function: linear, ease-in;}  
a.btn:hover, a.btn2:hover {background: #000 ;color:#F8E01A !important;  text-decoration:none !important; }
a.btn2 {background-color:#ccc; color:#333}


#options { margin:-290px auto 0px auto; background-color:#777777;padding:20px 40px 00px 40px;}
#options h2 {color:#ffffff; font-size:2em; margin:0 0 20px 0;}
#options.holder .box{position:relative; border:0px;   margin-top:0px;margin-bottom:2%; padding:0px;  }

#options.holder .box h3{ float:right; width:80%;padding:0px 0px 0; margin:0;font-size:1.4em; font-weight:700;  line-height:280%; text-align:center; color:#ffffff}
#options .box { width:50%; margin-right:0%; -webkit-transition:opacity 0.4s ease-out;     -moz-transition:opacity 0.4s ease-out;    -ms-transition:opacity 0.4s ease-out;    -o-transition:opacity 0.4s ease-out;    transition:opacity 0.4s ease-out;   }
#options .box .icon { float:left;width:12%; height:100%;}
#options .box .icon img{ width:100%; }

#options:hover .box {  opacity:1;}



.colourholder  {width:100%; clear:both; background-color:#777777; height:auto;margin:0px; padding:20px 0;}
.colourholder h2  {color:#ffffff; font-size:1.8em; margin:0 0 20px 0;}
.colourholder a {padding:15px; }
.colourholder a:nth-of-type(1n) { margin: 0px 30px 0 0; }
.colourholder a:nth-of-type(2n) { margin: 0px 30px 0 0;  }
.colourholder a:nth-of-type(3n) { margin: 0px 0px 0 0; }



#contactfooter {clear:both; width:100%;   background:#ED4034; color:#fff; }
#contactfooter .box {margin-bottom:0%;padding-top:20px;padding-bottom:20px; text-align:center;}
#contactfooter h2 {font-size:1.2em;margin:10px 0 10px 0; text-align:center; color:#fff;}
#contactfooter .holder {  line-height:120%; font-weight:normal; margin:0 auto; padding:10px 0;font-size:1em;}
#contactfooter p {  margin:0px;font-size:1em;line-height:113%; }

#contactfooter a {color:#fff;text-decoration:none; }

.email-footer{float:left;color:#fff; text-align:left;text-decoration:none; height:22px; background: transparent url(images/email-icon-w.png) no-repeat 0px 2px; padding-left:36px; font-weight:400 !important; margin-bottom:14px; }
.phone-footer {float:left;color:#fff;text-align:left;line-height:113%; text-decoration:none;  height:22px;background: transparent  url(images/phone-icon-w.png) no-repeat 0px 2px; padding-left:36px; font-weight:400 !important; margin-bottom:32px; }
.loc-footer {float:left;color:#fff; text-align:left;line-height:113%;  text-decoration:none;  height:22px;background: transparent  url(images/location-icon-w.png) no-repeat 0px 2px; padding-left:36px; font-weight:400 !important; }

.linkedin-footer{width:50%; text-align: left; text-indent:36px; float:left;color:#fff; text-decoration:none; height:24px; background: transparent url(images/linkedin-logo-w.png) no-repeat left 0px; padding-right:0px; padding-left:0px; margin-bottom:12px; }
.facebook-footer {width:50%;text-align: left; text-indent:36px;float:left;color:#fff; text-decoration:none;  height:24px;background: transparent  url(images/facebook-logo-w.png) no-repeat left 0px; padding-right:0px;  margin-bottom:12px;}
.twitter-footer {width:50%; text-align: left; text-indent:36px;float:left;color:#fff; text-decoration:none;  height:24px;background: transparent  url(images/twitter-logo-w.png) no-repeat left 0px; padding-right:0px; padding-left:0px; margin-bottom:12px; }
.googleplus-footer {width:50%; text-align: left; text-indent:36px;float:left;color:#fff; text-decoration:none;  height:24px;background: transparent  url(images/googleplus-logo-w.png) no-repeat left 0px; padding-right:0px; }


#contactfooter .box:nth-of-type(1n) {}
#contactfooter .box:nth-of-type(2n) { text-align:center}
#contactfooter .box:nth-of-type(3n) {float:right; text-align:right; margin-right:0;}




.maintextbox {clear:left;float:left; width:65.5%; margin:0% 0 0;height:auto;color:#333; text-align:left; background-color:#fff; padding:0 }
.maintextbox h2, .mainholder h2 {text-align:left;  }
.maintextbox p, .mainholder p{color:#333;  }
.maintextbox a, .mainholder a { text-decoration:none; color: #000; font-weight:bold;}
.maintextbox a:hover, .mainholder a:hover {text-decoration:underline;}
.mainholder {clear:left;float:left; width:100%; margin:2% 0 ;height:auto;color:#333; text-align:left; background-color:#fff; padding: 0}
/*SECOND LEVEL SETUP*/

.sidebar {width:31%;float:right; margin:0% 0 0 0 ; }
.sidebar .box, .sidebar .box2 {float:left; width:100%; margin:0 0% 10% 0%; height:auto; background-color: #fff; padding: 0 0 5% 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0;}
.sidebar img { width:100%}
.sidebar h2 {width:100%; margin:0 0 0% 0}
.sidebar .box .btn ,.sidebar .box2 .btn,
.sidebar .box p, .sidebar .box2 p { color: #333; padding:0 10%}
.mainholder ul ,.maintextbox ul ,.maintextbox ol , .sidebar ul {padding:0px 0% 0}
.mainholder ul li , .maintextbox ul li , .sidebar ul li {list-style-type: none;background: url(images/bbullet.png) no-repeat top left;padding-left: 30px;line-height:1.2em; margin:2% 0 0 0%;font-weight:normal; font-size:1.2em; }

.mainholder ul li ul li , .maintextbox ul li ul li {list-style-type: none;background: url(images/bbullet.png) no-repeat top left;padding-left: 30px;line-height:1.0em; margin:2% 0 0 0%;font-weight:400; font-size:1.0em; }

.maintextbox ol li {list-style-type: default; padding-left: 30px;line-height:1em; margin:2% 0 0 0%;font-weight:normal; font-size:1em; } 
.sidebar ul li {padding-left: 30px;}
.maintextbox ul li a, .sidebar ul li a{ color:#333333; font-weight:normal;}
.maintextbox ul li a, .sidebar ul li a:hover{text-decoration:underline !important; }

#cform fieldset {margin:5% 0% 2%; padding:0; border:0px; width:100%}
#cform input, #cform select {float:left; color:#333; background-color:#ddd; width:100%; text-indent:10px; margin:0 0 15px 0%;border:0px; padding: 3% 0%; font-family: 'Open Sans', sans-serif;font-size:1em;}
#cform textarea {float:left; color:#333; background-color:#ddd; width:94%; boz-sizing:border-box;height:150px; margin:0 0 15px 0;border:0px;  padding:3%; font-family: 'Open Sans', sans-serif;font-size:1em;}
#cform .btn {text-align:center;  font-size:1em; font-weight:bold;background-color:#ED4034;color:#ffffff;  width:60%; margin:2% 10% 1% ; float:right; border:0px; padding: 1% ; font-family: 'Open Sans', sans-serif; }
#cform fieldset label {float:left;width:100%; margin:0px 0 6px;  font-size:1.3em; color:#ED4034; }
#cform fieldset input[type=checkbox] {float:right;width:20px; margin:0px 0px 20px 0px; background-color:#606266;}

#map {float:left; width: 100%; height: 360px;}











/*@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px){ 
ACTIVE WHEN LIVE*/ 
@media only screen 
and (min-width : 0px) 
and (max-width : 991px){
	
	.marquee {float:right;
  width: 100%;
  overflow: hidden;
  border: 0px solid #ccc;
  background: #fff;
	font-size:1.4em; margin:12px 0 15px 0;
	color:#ED4035; letter-spacing:-1px;
	font-weight:700; 
}

	.holder {width:100%;font-size:1em;}
	#header { width:100%; margin:0px; height:69px;padding:0px;}
	#header .logo { float:left; height:100%;width:24%; margin:0;height:auto; }
	#header .logo img{margin:15px 5% 0 10%; height:36px; width:auto;}
	#header  .info {width:auto; float:right;   margin-right:0px; margin-top:26px}
	
.email-contact-h{ padding-left:30px;  margin-right:20px;}
.phone-contact-h {padding-left:30px;}

.phone-disable {   pointer-events: auto;   cursor: default; }

.flexslider a, .colourholder a { width:80%; padding:15px;  text-decoration:none; line-height:100%; }
.flexslider a br { display:none;}
.flexslider a:hover, .colourholder a:hover {	box-shadow: inset 0 0 0 3px rgba(0, 0, 0, 0.3);  color:#ffffff;	}
.flexslider a:nth-of-type(1n), .colourholder a:nth-of-type(1n) { margin: 0px 0px 15px 0; }
.flexslider a:nth-of-type(2n),.colourholder a:nth-of-type(2n) { margin: 0px 0px 15px 0;  }
.flexslider a:nth-of-type(3n),.colourholder a:nth-of-type(3n) { margin: 0px 0px 5px 0; }
.hpbtns {margin-top:-245px;text-align:center}
	

#options { width:94%;  margin:-6% 3% 3% 3%; background-color:#777777;padding:20px 20px 00px 20px; box-sizing: border-box; }
#options h2 {color:#ffffff; font-size:1.8em; margin:0 0 20px 0;}
#options.holder .box { float:left;  margin-bottom:3%; height:auto; -webkit-box-sizing: border-box; 	-moz-box-sizing: border-box; 	box-sizing: border-box; 	 }
/*#options.holder .box:nth-of-type(3n){margin-right:0%;}*/
#options.holder .box h3{ float:right; width:70%;padding:0px 0px 0; margin:0;font-size:1.2em; font-weight:600;  line-height:100%; text-align:center; color:#ffffff}

	
	#carousel2 { height:320px !important; margin-bottom:10px;} 
#carousel2 .slide { height:320px !important; position:relative}
#carousel2 .slide .strapline { height:320px !important; font-size:0.85em; }
#carousel2 .slide .strapline .title {  padding:90px 30px 0 30px;  font-size:3.0em; }
#carousel2 .slide .strapline .intro { padding:10px 100px; font-size:2.3em;  }



#contactfooter .holder { width:94%; margin:0 3% 1% 3%;}
#contactfooter .box{width:100%;margin-bottom:0%;padding-top:10px;padding-bottom:20px; }
#contactfooter .box:nth-of-type(1n) {width:50%;float:left; text-align:left;  margin:2% 0 0; padding:0}
#contactfooter .box:nth-of-type(2n) {width:50%;float:right; text-align:right;  margin:2% 0 0; padding:0}
#contactfooter .box:nth-of-type(3n) {width:100%;  margin:3% 0 0; padding:0; text-align:center}

.linkedin-footer{float:left;color:#fff; text-decoration:none; height:24px; background: transparent url(images/linkedin-logo-w.png) no-repeat left 0px; padding-left:36px;  margin-bottom:12px; }
.facebook-footer {float:left;color:#fff; text-decoration:none;  height:24px;background: transparent  url(images/facebook-logo-w.png) no-repeat left 0px; padding-left:36px;  margin-bottom:12px;}
.twitter-footer {float:left;color:#fff; text-decoration:none;  height:24px;background: transparent  url(images/twitter-logo-w.png) no-repeat left 0px; padding-left:36px;  margin-bottom:12px;text-align:left; }
.googleplus-footer {float:left;color:#fff; text-decoration:none;  height:24px;background: transparent  url(images/googleplus-logo-w.png) no-repeat left 0px; padding-left:36px;  text-align:left; }



.email-footer,.phone-footer,.loc-footer {clear:both; }


.mainholder img{width:100%; height:auto ; padding:0 0%; }


	.fullholder {clear:both; width:100%; background-color: #fff; padding:0% 0; margin:0 0 0% 0;height:auto; }
	.fullholder .holder {margin:0; }

.maintextbox, .sidebar {clear:left;float:left; width:100%; margin:0% 0% 3%;height:auto;color:#333; text-align:left; background-color:#fff; padding:0 0%}
.maintextbox h2, .mainholder h2 {text-align:left;  }
.maintextbox p, .mainholder p{color:#333;  }
.maintextbox a, .mainholder a, .sidebar a { text-decoration:none; color: #000; font-weight:bold;}
.maintextbox a:hover, .mainholder a:hover, .sidebar a:hover {text-decoration:underline;}
.mainholder {clear:left;float:left; width:94%; margin:0% 0 20px;;height:auto;color:#333; text-align:left; background-color:#fff; padding:0 3%}



}





@media only screen 
and (min-width : 0px) 
and (max-width : 644px){
.half2 { width:100%; float:left; height:auto; }

.box {width:100%; margin:0;}
	
	.phone-contact-h {float:right; color: #777777!important;height:24px; width:24px;padding-left:6px;  margin-right:0px;margin-top:-3px;}
	.email-contact-h{float:right; color: #777777!important;height:24px; width:24px;padding-left:26px;  margin-right:0px;margin-top:-2px;}
	.phone-contact-h span,
	.email-contact-h span{ display:none}
	
	#options { width:94%;  margin:-6% 3% 3% 3%; background-color:#777777;padding:20px 20px 00px 20px; box-sizing: border-box; }
	#options h2 {color:#ffffff; font-size:1.5em; margin:0 0 20px 0;}
	#options.holder .box { float:left; width:48%; margin-right:2%; margin-bottom:3%; height:auto; -webkit-box-sizing: border-box; 	-moz-box-sizing: border-box; 	box-sizing: border-box; 	 }
	#options.holder .box .icon { float:left;width:20%; height:100%;}
	#options.holder .box:nth-of-type(2n){margin-right:0%;}
	#options.holder .box:nth-of-type(3n){margin-right:2%;}
	#options.holder .box h3{ float:right; width:70%;padding:0px 0px 0; margin:0;font-size:1.2em; font-weight:600;  line-height:100%; text-align:left; color:#ffffff}
	
	#carousel2 { height:240px !important; margin-bottom:10px;} 
#carousel2 .slide { height:240px !important; position:relative}
#carousel2 .slide .strapline { height:240px !important; font-size:0.85em; }
#carousel2 .slide .strapline .title {  padding:50px 30px 0 30px;  font-size:2.2em;line-height:100%; letter-spacing:-1px; }
#carousel2 .slide .strapline .intro { padding:10px 30px; font-size:1.4em;  }

#contactfooter .box:nth-of-type(1n) {width:100%;float:left; text-align:left;  margin:2% 0 5%; padding:0}
#contactfooter .box:nth-of-type(2n) {display:none; width:100%;float:right; text-align:left;  margin:2% 0 2%; padding:0}
#contactfooter .box:nth-of-type(3n) {width:100%;  margin:3% 0 0; padding:0; text-align:center}

	body {font-size: 1.05em;}
	p {     line-height: 140%;			}
	.mainholder {clear:left;float:left; width:90%; margin:0% 0 20px;;height:auto;color:#333; text-align:left; background-color:#fff; padding:0 5%}
#contactfooter .holder { width:90%; margin:0 5% 1%;}
.linkedin-footer{display:none;float:left;color:#fff; text-decoration:none; height:24px; background: transparent url(images/linkedin-logo-w.png) no-repeat left 0px; padding-left:36px;  margin-bottom:12px; }
.facebook-footer {display:none;float:left;color:#fff; text-decoration:none;  height:24px;background: transparent  url(images/facebook-logo-w.png) no-repeat left 0px; padding-left:36px;  margin-bottom:12px;}
.twitter-footer {display:none;float:left;color:#fff; text-decoration:none;  height:24px;background: transparent  url(images/twitter-logo-w.png) no-repeat left 0px; padding-left:36px;  margin-bottom:12px;text-align:left; }
.googleplus-footer {display:none;float:left;color:#fff; text-decoration:none;  height:24px;background: transparent  url(images/googleplus-logo-w.png) no-repeat left 0px; padding-left:36px;  text-align:left; }



}

@media only screen 
and (min-width : 0px) 
and (max-width : 568px){
	
	#options { width:94%;  margin:-11% 3% 3% 3%; background-color:#777777;padding:20px 20px 00px 20px; box-sizing: border-box; }
	#options.holder .box { float:left; width:100%; margin-right:0%; margin-bottom:5%; height:auto; -webkit-box-sizing: border-box; 	-moz-box-sizing: border-box; 	box-sizing: border-box; 	 }
	#options.holder .box .icon { float:left;width:13%; height:100%;}
	#options.holder .box:nth-of-type(2n){margin-right:0%;}
	#options.holder .box:nth-of-type(3n){margin-right:2%;}
	#options.holder .box h3{ float:right; width:80%;padding:0px 0px 0; margin:0 0 0 5%;font-size:1.3em; font-weight:600;  line-height:210%; text-align:left; color:#ffffff}
	
	
	.flexslider .slides li {    position:relative; height:240px;}
	.hpbtns {margin-top:-222px;text-align:center}
	
}


.showf {display:none; }