@import url('//fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700');
body,
html {  width: 100%;  height: 100%;  margin: 0;  padding: 0; letter-spacing:-1px;font-family:  'Source Sans Pro', sans-serif; }
body {background:#ffffff; background-repeat:no-repeat}

h1, h2, h3, h4,.phonetext, #cform .btn {
font-family: Copperplate, 'Copperplate Gothic Light', fantasy;font-style: normal;letter-spacing:-2px;
	font-variant: normal;
	font-weight: 300;
}


ol, ul {	list-style: none;}
h1 { font-size:2.2em; line-height:0.8em; margin:0px 0 10px; 			color:#0071BF;			letter-spacing:-2px; text-align:center  }
h1.home {font-size:2.1em;  text-align:center}
h2 {clear:both;  font-size:1.7em; margin:0px 0 0 0; color:#0071BF; letter-spacing:-2px;  line-height:0.8em; }
h3 {  font-size:1.1em; margin:10px 0 0 0 ; color:#0071BF; letter-spacing:-1px; }
h4 { zwfont-size:1.2em; margin:10px 0 0 0 ; color:#0071BF; letter-spacing:-1px; }
hr {clear:both;border:0px; border-bottom:1px solid #ddd; margin:40px auto 0px; width:100%;}
.spacer {padding-top:24px;}
p{ color:#333; font-size:1.4em; margin:15px 0 0px 0;  line-height:1.3em; font-weight:300; text-align:left }


.half { float:left; width:49%; margin-right:2%; height:auto; 	 }
.half:nth-of-type(2n){margin-right:0%;}
.half2 { float:right; width:49%; margin-left:0%;}
#map {clear:both; float:left; width: 100%; height: 360px; margin:20px 0 }

#cform fieldset {margin:2% 0% 2%; padding:0; border:0px; width:100%; position:relative;}
#cform input {float:left; color:#333; background-color:#eee; width:100%; margin:0 0 9px 0%;border:0px; padding: 2%;box-sizing:border-box; font-family: 'Source Sans Pro', sans-serif;font-size:1em;  }
#cform select {float:left; color:#333; background-color:#eee; width:100%; margin:0 0 9px 0%;border:0px; padding: 2%; box-sizing:border-box;font-family: 'Source Sans Pro', sans-serif;font-size:1em;  }
#cform textarea {float:left; color:#333; background-color:#eee; width:100%;height:115px; margin:0 0 12px 0;border:0px; box-sizing:border-box; padding:2%; font-family: 'Source Sans Pro', sans-serif;font-size:1em; }
#cform .btn {text-align:center;  font-size:1.3em; background-color:#0071BF;color:#fff; display:block; width:30%; margin:1% auto 0% ; border:0px; padding: 1% ;  }
#cform fieldset label {float:left;width:100%; margin:0px 0 3px;  font-size:1.2em; color:#0071BF;font-weight:400; }
#cform .showf {display:none;}
button:hover {background-color:#333 !important }


strong {color:#0071BF; font-weight:300}
.left {float:left}
.right {float:right; }
.clear {clear:both; }

.holder {margin:0px auto; max-width:1080px; padding:10px 30px 0 }
.holder:before, .holder:after {	content: "\0020";	display: block;	height: 0;	overflow: hidden;}
.holder:after {	clear: both;}

header { width:100%; background: #ffffff; box-sizing:border-box;}
header .holder {margin-top:0px;padding:15px 0px 0;}
header .info {float:right; width:70%; text-align:right; height:22px; color:#333; font-weight:600; font-size:1.3em; line-height:1.3em; margin:10px 0 0 0; position:relative; z-index:999;}
header .info a { color:#333; text-decoration:none}
header .logo { float:left; width:18.5%; margin-right:0;height:auto;margin-top:0px;margin-bottom:0px; position:relative; z-index:999;  }
header .logo span {display:none}
header .logo img{ width:99%}

.phone-contact-h {float:right; color: #0071BF !important;height:28px; width:0px; border-radius:50%; background: #0071BF url(images/phone-icon.png) no-repeat 0px 0px; background-size:60% 60%; background-position:center center; padding-left:0px;margin-left:0px;  }
.phonetext {color:#0071BF; font-size:1.5em}
.phonetext a{color:#0071BF; }

.animate {-webkit-transition:all 0.4s ease-out;     -moz-transition:all 0.4s ease-out;    -ms-transition:all 0.4s ease-out;    -o-transition:all 0.4s ease-out;     transition:all 0.4s ease-out;}

/*FLEX CAROUSEL */
.flexslider {clear:both;}
.flexslider  .holder {text-align:center;  position:relative; z-index:9999;}
.flexslider .slides li {    position:relative; padding-top: 28%;background-size:cover; background-position:center center;}

/*FLEX CAROUSEL */



#carousel2 { clear:both;margin-bottom:0px;} 
#carousel2 .slide {padding-top: 35%;background-color:#eee; position:relative; background-size:cover; background-position:center center}
#carousel2 .slide .holder { text-align:center;  position:relative; z-index:9999; bottom:40px;}
#carousel2 .slide .holder .title { font-weight:700; font-size:3.5em; color:#fff; text-shadow: 0px 0px 5px #000; margin:0px 0px 0 ; 	letter-spacing:-3px;  line-height:1em; font-style:italic; text-align:center}
#carousel2 .slide .holder .intro { font-weight:700; font-size:2.2em; color:#0052C9; text-shadow: 0px 0px 4px #fff; margin:0px; 	letter-spacing:-2px;  text-align:center; font-style:italic;}

#carousel2 { clear:both;margin-bottom:20px;} 
#carousel2 .slide {height:360px;background-color:#eee; position:relative; background-size:cover; background-position:center center}
#carousel2 .slide .holder { text-align:center;  position:relative; z-index:9999; }
.ctitle{font-weight:600; font-size:2.2em; color:#333;  margin:20px 0px 20px ; 	letter-spacing:-2px;  line-height:1em; text-align:left; }

#bc {background-color:#e6e6e6; width:100%; font-size:1.3em; }
#breadcrumb {width:100%;padding:15px 0px;   color:#666; border-box:box-sizing; }
#breadcrumb a{color:#666; text-decoration:none}
#breadcrumb a:hover{color:#666; text-decoration:underline}

.colorholder {background:#0071BF;padding:20px 0 30px; }
.colorholder h1,
.colorholder h2,
.colorholder h3,
.colorholder h4,
.colorholder strong, 
.colorholder p,

.colorholder .fadetitle {color:#ffffff; text-align:center}
.colorholder h2 { font-size:1.5em; }
.colorholder h2:nth-of-type(2){font-size:2em;}

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


.sidebar {float:right; width:31%;float:right; margin:0% 0 0 0 ; }
.sidebar .box1, .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:3% 0 -2% 0}
.sidebar .box1 .btn ,.sidebar .box2 .btn,
.sidebar .box1 p, .sidebar .box2 p { color: #333; padding:0 10%}
.mainholder ul ,.maintextbox ul ,.maintextbox ol , .sidebar ul {padding:10px 0% 0}
.mainholder ul li , .maintextbox ul li , .sidebar ul li {list-style-type: none;background: url(images/bbullet.png) no-repeat left 8px ;padding-left: 30px;line-height:1.5em; margin:0px 0 0 0%;font-weight:300; font-size:1.35em;}
.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; }
.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: 60px;line-height:1.3em; margin:2% 0 0 0%;font-weight:300; font-size:1em; }

#hotspots a .col, .col { float:left;  width:32%; margin-right:2%; height:auto; 	box-sizing: border-box; 	 }

#hotspots a:nth-of-type(3n) .col,
.colorholder a:nth-of-type(3n) .col,
.col:nth-of-type(3n){margin-right:0%;}

.col img{width:36%; margin:1.5% 32%; ms-transition:all 0.2s ease-out;    -o-transition:all 0.2s ease-out;     transition:all 0.2s ease-out;}
.col:hover img{width:42%; margin:0 29% 0  }


.filled { display:block;  margin-top:0px; margin-bottom:30px;  height:120px; 	box-sizing: border-box;}
.fadetitle { width:100%; z-index:10;  color:#0071BF; font-size:1.6em; line-height:0.8em; transition:0.5s; text-align:center;font-family: Copperplate, 'Copperplate Gothic Light', fantasy;font-style: normal;letter-spacing:-2px;	font-variant: normal;	font-weight: 300;}
.filled a:hover{text-decoration:none; }
.filled .icon {height:100px;}


.icons:hover .icon {  opacity: 0.5; ms-transition:all 0.2s ease-out;    -o-transition:all 0.2s ease-out;     transition:all 0.2s ease-out;}
.icons:hover .fadetitle { opacity: 0.5; ms-transition:all 0.2s ease-out;    -o-transition:all 0.2s ease-out;     transition:all 0.2s ease-out;}
.icons:hover .col:hover .icon {  opacity: 1.0;}

.icons:hover .col:hover .fadetitle  {  opacity: 1.0;}


#gmap {height:300px; margin-bottom:20px;}
#hours {margin-right:0%;float:right;height:300px;background-color:#D0D491; margin-bottom:20px;}

#contactfooter {clear:both; width:100%; color:#666; background: #EBEBEB ;margin:0px auto 0; }



#contactfooter .holder {line-height:150%; font-weight:normal; margin:0px auto 0px; padding:25px 0 10px; }
#contactfooter a { color:#333; text-decoration:none;}
#contactfooter a:hover { color:#333; text-decoration:none;}
#contactfooter p  {color:#333;font-size:1.1em; line-height:1.2em; margin:0px 0 0px;  text-align:left}

#contactfooter .holder .col:nth-of-type(2) p {  text-align:center }
#contactfooter .holder .col img, #contactfooter .holder .col img:hover {width:70%; margin:0px 15%;}
#contactfooter .holder .col:nth-of-type(3) p {  text-align:right }



#whyus {background:#fff;padding:10px 18px;  height:auto;}
#whyus .form2 {float:right;width:48%;}
#whyus h2 {color:#003D92;font-weight:400; font-size:1.6em; letter-spacing:-1px; }
#whyus .bullets {float:left;  width:52%; }

#formsent {display:none; background:#0071BF; text-transform:uppercase; width:190px; height:155px;  border-radius:50%; border:0px;color:#ffffff; line-height:1em; transition:0.5s; font-size:1.5em; text-align:center; margin:10px 0 0 30px; padding-top:35px}
fieldset.hp {position:relative;border:0; margin:0; padding:0;}
fieldset.hp input{width:100%; padding:2% 4%; box-sizing:border-box; background:#eee; border:0px; margin:11px 0 0 0;  transition:0.5s;}
fieldset.hp input.error { background:#666; color:#ffffff; font-style:italic}

fieldset.hp button{position:absolute; right:-32px; bottom:-32px; background:#0071BF; text-transform:uppercase; width:94px; height:94px; border-radius:50%; border:0px;color:#ffffff; line-height:1em; transition:0.5s;}
fieldset.hp button:hover {background: #BEC165 ;}
.respbtn {display:none;}

table {border:1px solid #ccc; margin:3% 0}
table p {margin:0px}
th {padding:  5px 6px; border-right:0px solid #ccc; text-align:center;border-bottom:1px solid #ccc;width:20%;font-weight:700; }
th h2 a, th h2{text-align:center !important; color:#4D94CC !important; }
th h3 {text-align:center !important; font-size:1.6em; color:#333; margin:0px }
tr {border-bottom:1px solid #ccc;margin:0px}
td {padding: 5px 6px; font-size:1em;border-right:0px solid #ccc;text-align:center; width:20%; box-sizing:border-box}
td:last-child, th:last-child {border-right:0px !important; bottom-bottom:0px !important;}

tr:last-child {bottom-bottom:0px !important;}


#hotspots a:nth-of-type(4) .col{ clear:both;}

@media only screen 
and (min-width : 991px) 
and (max-width : 1079px){


.holder {margin:0px auto; max-width:960px;  }



}




@media only screen 
and (min-width : 0px) 
and (max-width : 991px){
	
	

.holder {width:100%;font-size:1em; padding:0 0px}

.colorholder .holder {width:100%;font-size:1em; padding:0 20px; box-sizing:border-box}


header .holder {padding:10px 0px; }

header { width:100%; margin:0px; height:82px;padding:0px; }
header .logo { float:left; height:57px;width:24%; margin:0;position:relative; z-index:99999; }
header .logo img{margin:-3px 0% 0 20px; height:57px; width:auto;}
header  .info {width:60%; float:right; margin:12px 72px 0 0;position:relative; z-index:999999; }
header  .info a{color:#333 !important; }
header .strapline{width:100%; height:25px; background-color:#53A090; padding-left:12px; font-size:0.88em}
.phonetext {line-height:120%;  margin-right:20px;}


.phone-contact-h {float:right; color: #0071BF !important;height:32px; width:32px;  margin-left:10px;border-radius:50%; background: #0071BF url(images/phone-icon.png) no-repeat 0px 0px; background-size:60% 60%; background-position:center center; padding-left:0px;margin-right:0px;  }


#bc {background-color:#eee; width:100%; margin-bottom:2%; }
#breadcrumb {width:auto; padding:20px 3%; color:#818181; border-box:box-sizing; }
 
.half { float:left; width:49%; margin-right:2%; height:auto; 	 }
.half:nth-of-type(2n){margin-right:0%;}
.filled { display:block;  	box-sizing: border-box; }
.half2 { float:right; width:49%; margin-left:0%;}



.fadebox {   opacity:0.3; background:#0071BF;    transition:0.5s;}
.fadetitle {letter-spacing:-2px;  transition:0.5s; line-height:1em; padding:0 0px;box-sizing: border-box;}

#contactfooter {clear:both; width:100%; color:#666; background: #EBEBEB ;margin:0px auto 0;}
#contactfooter .holder { width:94%; margin:0 3% 1% 3%; background:none;}
#contactfooter p  {color:#666;font-size:1.1em; line-height:1.2em; margin:0px 0 0px;  text-align:left}

.col img{width:46%; margin:1.5% 27%; ms-transition:all 0.2s ease-out;    -o-transition:all 0.2s ease-out;     transition:all 0.2s ease-out;}
.col:hover img{width:52%; margin:0 24% 0  }



.maintextbox, .sidebar {clear:left;float:left; width:100%; margin:0% 0%;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:hover, .mainholder a:hover, .sidebar a:hover {}
.mainholder {clear:left;float:left; width:94%; margin:0% 0 20px;;height:auto;color:#333; text-align:left; background-color:#fff; padding:0 3%}




#carousel2 { clear:both;margin-bottom:0px;} 
#carousel2 .slide {height:auto; padding:100px 0px; box-sizing:border-box}
#carousel2 .slide .holder .title{ margin-top:50px;font-size:5.6vw;  	letter-spacing:-3px;  line-height:1em; padding:0 30px}
#carousel2 .slide .holder .strapline{font-size:3.6vw; letter-spacing:-2px;  line-height:1.2em}



#quoteholder blockquote div{ width:100%; overflow:hidden;font-size:1.15em; line-height:1.15em; padding-bottom:15px;}
#hours {font-size:0.85em; }
#hours p{ line-height:1.6em;}



}





@media only screen 
and (min-width : 0px) 
and (max-width : 690px){
h1 ,h2{letter-spacing:-1px}

.phonetext {display:none;}
.phone-contact-h {float:right; color: #0071BF !important;height:32px; width:32px; }


.col img{width:62%; margin:1.5% 19%; ms-transition:all 0.2s ease-out;    -o-transition:all 0.2s ease-out;     transition:all 0.2s ease-out;}
.col:hover img{width:68%; margin:0 16% 0  }
 
.half { float:left; width:49%; margin-right:2%; height:auto; 	 }
.half:nth-of-type(2n){margin-right:0%;}
.filled { display:block; 	box-sizing: border-box; }
.half2 { float:right; width:49%; margin-left:0%;}
.filled .icon {height:100px;}
.fadebox { opacity:0.3; background:#0071BF;    transition:0.5s;}
.fadetitle { font-size:1.7em; letter-spacing:-2px;  transition:0.5s; line-height:0.8em;}


#contactfooter .holder { width:94%; margin:0 3% 1% 3%; background:none;}
#contactfooter .info  {float:right; width:100%; text-align:center; color:#333;font-size:0.9em; line-height:1.2em; margin:0px 0 20px; }


#contactfooter .holder .col {width:100%; text-align:center;margin:0px 0 10px }
#contactfooter p  {color:#666;font-size:1.2em; line-height:1.2em; margin:0px 0 0px;  text-align:center}

#contactfooter .holder .col p{ text-align:center !important; }

}


@media only screen 
and (min-width : 0px) 
and (max-width : 480px){
#hotspots a:nth-of-type(4) .col{ clear:none;}
h1 {font-size: 6.8vw; }
h2 {  font-size:5.5vw;}

.col { float:left;  width:100% !important; margin-right:0%; height:auto; 	box-sizing: border-box;  }


.col img{width:42%; margin:2.2% 29%; ms-transition:all 0.2s ease-out;    -o-transition:all 0.2s ease-out;     transition:all 0.2s ease-out;}
.col:hover img{width:48%; margin:0 26% 0  }
 

.half { float:left; width:100%; margin-right:0%; height:auto; 	 }
.half:nth-of-type(2n){margin-right:0%;}
.filled { display:block;  margin-top:5px;margin-bottom:0px; height:auto; 	box-sizing: border-box;  }
.half2 { float:right; width:100%; margin-left:0%;}

.filled .icon {float:left; height:auto; width:20%; }
.filled .icon img { width:100%;  margin:0; }
.fadebox {  margin: 0;   opacity:0.3; background:#0071BF;    transition:0.5s;}
.fadetitle {float:left; width:76%; margin:5% 0 0 4%; font-size:1.45em; letter-spacing:-2px;  transition:0.5s; line-height:0.8em; text-align:left;}

header .info {float:right; width:15%;  }
header .logo { float:right;  margin:0; margin-right:25%; width:50%; text-align:center}
header .logo img{margin:0px 0% 0 0px; width:auto; }
header  .info { float:left; margin:13px 0 0 0}
.phone-contact-h { float:left !important }

.flexslider .slides li {    position:relative; padding-top: 50% !important;background-size:cover; background-position:center center;}


}



.showf {display:none; }