@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}

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

strong {color:#BEC165;}
.left {float:left}
.right {float:right; }
.half { width:100%; height:auto; }
.clear {clear:both; }

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

header { width:100%; background: #fff; box-sizing:border-box;border-top:12px solid transparent; border-bottom:0px;-webkit-border-image: url(images/border-colours2.jpg) 30;    -o-border-image: url(images/border-colours2.jpg) 30;    border-image: url(images/border-colours2.jpg) 30;}
header .holder {margin-top:-12px;padding:15px 0px;border-bottom:0px;border-top:12px solid transparent;-webkit-border-image: url(images/border-colours.jpg) 30;    -o-border-image: url(images/border-colours.jpg) 30;    border-image: url(images/border-colours.jpg) 30;}
header .info { float:right; width:70%; text-align:right; height:48px; color:#333; font-weight:600; font-size:1.2em; line-height:1.3em; margin:0px 0 0 0; position:relative; z-index:999;}
header .info a { color:#333; text-decoration:none}
header .logo { float:left; width:13.5%; margin-right:0;height:auto;margin-top:-3px;margin-bottom:0px; position:relative; z-index:999;  }
header .logo span {display:none}
header .logo img{ width:99%}


.phonetext {clear:both; padding:20px 0; color:#777;  font-weight:600; font-size:1.9em}
.phonetext a{color:#777; }

.phone-contact-h {float:right; color: #777 !important;height:32px; width:32px; border-radius:50%; background: #FFB363 url(images/phone-icon.png) no-repeat 0px 0px; background-size:60% 60%; background-position:center center; padding-left:0px;margin-left:10px;  }
.gmap-contact-h {float:right; height:32px; width:32px; border-radius:50%; background: #CAACFF  url(images/address-icon.png) no-repeat 0px 0px; background-size:70% 70%; background-position:center center; padding-left:0px;margin-left:9px;  }
.linkedin-contact-h {float:right; height:32px; width:32px; border-radius:50%; background: #AFDFDD  url(images/linkedin-logo.png) no-repeat 0px 0px; background-size:50% 50%; background-position:center center; padding-left:0px;margin-left:9px;  }
.facebook-contact-h{float:right; height:32px; width:32px;  border-radius:50%; background: #91BFFE url(images/facebook-logo.png) no-repeat 0px 0px;  background-size:50% 50%; background-position:center center; padding-left:0px;margin-left:9px; }
.twitter-contact-h {float:right; height:32px; width:32px; border-radius:50%; background: #E9BDBF  url(images/twitter-logo.png) no-repeat 0px 0px;   background-size:50% 50%; background-position:center center; padding-left:0px; margin-left:9px;}

.gmap-contact-h:hover { background-size:70% 70%; height:36px; width:36px; margin-left:7px; margin-right:-2px;margin-top:-2px;margin-bottom:-2px}
.linkedin-contact-h:hover {background-size:50% 50%; height:36px; width:36px; margin-left:7px; margin-right:-2px;margin-top:-2px;margin-bottom:-2px}
.facebook-contact-h:hover { background-size:50% 50%; height:36px; width:36px; margin-left:7px; margin-right:-2px;margin-top:-2px;margin-bottom:-2px}
.twitter-contact-h:hover { background-size:50% 50%; height:36px; width:36px; margin-left:7px; margin-right:-2px;margin-top:-2px;margin-bottom:-2px}

.gmap-contact-h span,.linkedin-contact-h span,.facebook-contact-h span,.twitter-contact-h span {display:none}
.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;}

#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}

.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; }

#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:76px; margin:0 0 9px 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:#FFB262;color:#fff; display:block; width:30%; margin:1% auto 0% ; border:0px; padding: 1% ; font-family: 'Source Sans Pro', sans-serif;  }
#cform fieldset label {float:left;width:100%; margin:0px 0 3px;  font-size:1.2em; color:#666;font-weight:400; }
#cform .showf {display:none;}
button:hover {background-color:#999 !important }

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

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

.fadebox {position: absolute;  z-index:9;  top: 0;    left: 0;    right: 0;    bottom: 0;    margin: 0;   opacity:0.3; background:#FFB363;    transition:0.5s;}
.fadetitle { position: absolute; z-index:10;   bottom: -45px;   left: 0px; color:#888;font-weight:600; font-size:1.7em; letter-spacing:-2px;  transition:0.5s;}
.fadebox p {text-align:left; padding:15px 25px 10px; box-sizing:border-box; font-size:1.31em; line-height:1.51em;opacity:0.0; transition:0.5s;}
.fadebox button {position: absolute;  right: -25px;  bottom: -35px;  background: #EBEBEB;  text-transform: uppercase;  width: 88px;  height: 88px;  border-radius: 50%;  border: 0px;  color: #666666;font-size:0.85em;font-weight:600;letter-spacing:-1px;  line-height: 1em;}

a:hover .fadebox {    opacity:1;}
a:hover .fadetitle {    color:#555; }
a:hover .fadebox p {opacity:1;}

.col:nth-of-type(2)  .fadebox {background:#BEC165 !important;}
.col:nth-of-type(3)  .fadebox {background:#B1DFDD !important;}
.col:nth-of-type(4)  .fadebox {background:#E9BBFD !important;}
.col:nth-of-type(5)  .fadebox {background:#CFBFFF !important;}
.col:nth-of-type(6)  .fadebox {background:#FBCED2 !important;}

#quoteholder {clear:both; float:left; width:32%; margin-right:2%; display:block; background:#B1DFDD; margin-top:20px; height:auto; 	box-sizing: border-box; height:300px; margin-bottom:20px;}
#quoteholder blockquote { width:100%; height:auto;color:#666; letter-spacing:-1px; font-family: 'Source Sans Pro', sans-serif; font-weight:300; font-style:italic; text-align:center;margin: 0 0;padding: 35px 20px 0px;line-height: 1.1em;position: relative;z-index:1; box-sizing:border-box}
#quoteholder blockquote div{ width:100%; overflow:hidden;font-size:1.3em; line-height:1.2em; padding-bottom:15px;}
#quoteholder blockquote:before {display: block;padding-left: 10px;content: "\201C";font-style:normal;font-family: 'Arial Black', sans-serif; font-weight:bold; font-size: 160px;position: absolute;left: 10px;top: 70px;color:rgba(255,255,255,0.37);z-index:-1;}
#quoteholder blockquote:after {display: block;padding-right: 10px;content: "\201D";font-style:normal;font-family: 'Arial Black', sans-serif; font-weight:bold; font-size: 160px;position: absolute;right: 10px;bottom: 20px;color:rgba(255,255,255,0.37);z-index:-1;}
#quoteholder blockquote cite {font-style:normal;color: #666; text-align:center;letter-spacing:-1px; font-size: 1em; line-height:1.0em; display: block;margin-top: 10px; text-transform:none; font-weight:400}

#quoteholder .cycle-slideshow {clear:both; overflow:visible;}
#quoteholder .prev,
#quoteholder .next {cursor:pointer;clear:both;margin:-230px 0 0 -50px; float:left; font-size:4em; font-weight:100; color:rgba(255,255,255,0.7)}
#quoteholder .next {float:right; margin:-230px -50px 0 0;}
#quoteholder .prev:hover,
#quoteholder .next:hover {color:rgba(255,255,255,1);}

#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:20px auto 0; border-top:12px solid transparent; border-bottom:0px;-webkit-border-image: url(images/border-colours2.jpg) 30;    -o-border-image: url(images/border-colours2.jpg) 30;    border-image: url(images/border-colours2.jpg) 30;}
#contactfooter .holder {line-height:150%; font-weight:normal; margin:-12px auto 0px; padding:25px 0 30px; border-top:12px solid transparent; border-bottom:0px;-webkit-border-image: url(images/border-colours.jpg) 30;    -o-border-image: url(images/border-colours.jpg) 30;    border-image: url(images/border-colours.jpg) 30;}
#contactfooter a { color:#666; text-decoration:none;}
#contactfooter a:hover { color:#444; text-decoration:none;}
#contactfooter .title {margin:0px 0 10px; font-size:1.4em; font-weight:600}
#contactfooter p  {color:#666;font-size:1.4em; line-height:1.2em; margin:0px 0 0px;  text-align:left}

#contactfooter .holder .col:nth-of-type(2) span{ display:none !important }
#contactfooter .holder .col:nth-of-type(2) .follows{ display:none; }

#basefooter {font-size:1.2em;width:100%; background-color:#fff; color:#666; padding:0px 0}
#basefooter .holder {padding:10px 0;border-top:0px solid red}
#basefooter .holder div {width: 35%;float:left; text-align:left}
#basefooter .holder div:last-of-type {width: 35%;float:right; text-align:right}
#basefooter .holder a { color:#666;}	

#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:#FFB363; 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:#FFB363; 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:0px solid #ccc; margin:1% 0 0}
table p {margin:0px}

tr {border-bottom:0px solid #ccc;margin:0px}
td {padding: 5px 0px; font-size:1.4em;border-right:0px solid #ccc;text-align:left; width:20%; box-sizing:border-box; font-weight:300}
td:last-child, th:last-child {border-right:0px !important; bottom-bottom:0px !important;}

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




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


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

#contactfooter .holder { margin:-12px auto 20px; }


}


@media (min-width: 1200px){
.holder {    max-width: 1170px!important; }
.fadebox p {text-align:left; padding:15px 25px 10px; box-sizing:border-box; font-size:1.55em; line-height:1.26em;opacity:0.0; transition:0.5s;}
.fadebox button { font-size:0.75em; }

}

@media only screen 
and (min-width : 0px) 
and (max-width : 991px){
	
	h1 {font-size: 4.8vw; }
h2 {  font-size:3.5vw;}

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

header { width:100%; margin:0px; /*height:82px;*/height:142px;padding:0px; }
header .logo { float:left; height:102px;width:24%; margin:0;position:relative; z-index:99999; }
header .logo img{margin:-3px 0% 0 15px; height:89px; 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 {clear:none;line-height:120%;  margin:-12px 0px 0 0px;}

.gmap-contact-h {background-color:#CAACFF; background-size:50% 50%;  margin-left:12px; margin-right:-2px;margin-top:13px}
.linkedin-contact-h {background-color: #007bb6; background-size:50% 50%; margin-left:12px; margin-right:-2px;margin-top:13px}
.facebook-contact-h {background-color: #3b5998; background-size:50% 50%;  margin-left:12px; margin-right:-2px;margin-top:13px}
.twitter-contact-h {background-color: #00aced; background-size:50% 50%; margin-left:12px; margin-right:-2px;margin-top:13px}
.phone-contact-h {float:right; color: #777 !important; margin-left:12px;border-radius:50%; background: #FFB363 url(images/phone-icon.png) no-repeat 0px 0px;
 background-size:60% 60%; background-position:center center; padding-left:0px;margin-right:0px; margin-top:13px }


#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;  margin-top:20px;margin-bottom:60px; height:160px; 	box-sizing: border-box; }
.half2 { float:right; width:49%; margin-left:0%;}

.fadebox {position: absolute;  z-index:9;  top: 0;    left: 0;    right: 0;    bottom: 0;    margin: 0;   opacity:0.3; background:#FFB363;    transition:0.5s;}
.fadetitle { position: absolute; z-index:10;   top: 170px;   left: 0px; color:#888;font-weight:600; font-size:1.7em; letter-spacing:-2px;  transition:0.5s; line-height:1em;}
.fadebox p {text-align:left; padding:10px 25px; box-sizing:border-box; font-size:1.45em; line-height:1.3em;opacity:0.0; transition:0.5s;}
.fadebox button {position: absolute;  right: -15px;  bottom: -15px;  background: #EBEBEB;  text-transform: uppercase;  width: 88px;  height: 88px;  border-radius: 50%;  border: 0px;  color: #666666;font-size:0.85em;font-weight:600;letter-spacing:-1px;  line-height: 1em;}

a:hover .fadebox {    opacity:0;}
a:hover .fadetitle {    color:#555; }
a:hover .fadebox p {opacity:0;}

#contactfooter {-webkit-border-image: url(images/border-colours.jpg) 30;    -o-border-image: url(images/border-colours.jpg) 30;    border-image: url(images/border-colours.jpg) 30;}
#contactfooter .holder {width:94%; margin:0 3% 1% 3%;line-height:150%; font-weight:normal; margin:-12px auto 0px; padding:25px 0 30px; border-top:0px solid transparent; border-bottom:0px;-webkit-border-image: url(images/border-colours.jpg) 30;    -o-border-image: url(images/border-colours.jpg) 30;    border-image: url(images/border-colours.jpg) 30;}

#contactfooter .title {margin:0px 0 10px; font-size:1.2em; font-weight:600}
#contactfooter p  {color:#666;font-size:1.1em; line-height:1.2em; margin:0px 0 0px;  text-align:left}
#basefooter {width:100%; padding:6px 0}
#basefooter .holder a {}	



.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%}


.hp .title {font-weight:700; font-size:1.5em; height:36px;margin:0px 0 0px; color:#333; letter-spacing:-1px;   text-align:center; -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;}
.hp .strapline {font-weight:700; font-size:1.0em; margin:-5px 0 10px; color:#53A090; letter-spacing:-1px;   text-align:center}
.hp p {text-align:center}
.hp a,.hp a:hover {color:inherit; text-decoration:none; font-weight:inherit; }
.hp .image {width:90%; height: 0;padding-bottom: 80%; margin-left: 10%; margin-bottom:20px; background-size:cover; border-radius:50%; box-shadow:0 0 2px 0 #666; }



#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: #777 !important;height:32px; width:32px; }

.col { float:left;  width:49%; margin-right:2%; height:auto; 	box-sizing: border-box; 	 }
.col:nth-of-type(odd){margin-right:2%;}
.col:nth-of-type(even){margin-right:0%;}
.col img{width:100%; }
 
.half { float:left; width:49%; margin-right:2%; height:auto; 	 }
.half:nth-of-type(2n){margin-right:0%;}
.filled { display:block;  margin-top:20px;margin-bottom:60px; height:160px; 	box-sizing: border-box; }
.half2 { float:right; width:49%; margin-left:0%;}

.fadebox {position: absolute;  z-index:9;  top: 0;    left: 0;    right: 0;    bottom: 0;    margin: 0;   opacity:0.3; background:#FFB363;    transition:0.5s;}
.fadetitle { position: absolute; z-index:10;   top: 170px;   left: 0px; color:#888;font-weight:600; font-size:1.7em; letter-spacing:-2px;  transition:0.5s; line-height:1em;}
.fadebox p {text-align:left; padding:10px 25px; box-sizing:border-box; font-size:1.45em; line-height:1.3em;opacity:0.0; transition:0.5s;}
.fadebox button {position: absolute;  right: -15px;  bottom: -15px;  background: #EBEBEB;  text-transform: uppercase;  width: 88px;  height: 88px;  border-radius: 50%;  border: 0px;  color: #666666;font-size:0.85em;font-weight:600;letter-spacing:-1px;  line-height: 1em;}

#contactfooter .holder { width:94%; margin:0 3% 1% 3%; background:none;}
#contactfooter .thanks {float:left; width:100%; font-size:1.0em;  font-weight:600; letter-spacing:-1px;margin:12px 0 3% 0%;}
#contactfooter .thanks .title {margin-bottom:10px;}
#contactfooter .thanks img {width:100%; margin-top:-10px; }
#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}

#basefooter .holder {font-size:1em;}
#basefooter .holder div {width: 100%;float:left; text-align:center; font-weight:300; }
#basefooter .holder div a {font-weight:300;text-align:center }
#basefooter .holder div:last-of-type {width: 100%;float:right; text-align:center}

#quoteholder {width:100%; height:auto; margin:0px;}
#quoteholder blockquote div{ width:100%; overflow:hidden;font-size:1.25em; line-height:1.2em; padding-bottom:15px;}
#hours {font-size:0.90em;}
#hours p{ line-height:1.53em;}

}


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

h1 {font-size: 6.8vw; }
h2 {  font-size:5.5vw;}

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


.fadebox {position: absolute;  z-index:9;  top: 0;    left: 0;    right: 0;    bottom: 0;    margin: 0;   opacity:0.3; background:#FFB363;    transition:0.5s;}
.fadetitle { position: absolute; z-index:10;   top: 210px;   left: 0px; color:#888;font-weight:600; font-size:1.7em; letter-spacing:-2px;  transition:0.5s; line-height:1em;}

header .info {float:right; width:15%;  }
.linkedin-contact-h {display:none; }
.facebook-contact-h{display:none;}
.twitter-contact-h {display:none;}
.gmap-contact-h {display:none;}

}



.showf {display:none; }