@font-face {
	font-family: socialicons;
	src: url(/font/FontAwesome.otf);
	font-weight: regular;
}

html, body {
	margin: 0;
	padding: 0;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
}

h2 {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 45px;
}

h3 {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 25px;
	color: #008fcd;
}     

.blue {
	color:#008fcd;
}
.grey {
	color:#bdc0c6;
}

#map {
	height: 220px;
}

.hide {
	display: none;
}

.wrapper {
	max-width:1390px; 
	margin:0 auto;
}

.topSection {
	background:url(/images/topBG.jpg); 
	height:800px; 
	background-size:cover; 
	border-bottom:8px solid #1d2029;
}

.logo {
	margin-left:20px; 
	width:310px; 
	height:150px;
}

.formHolder {
	width:310px; 
	float:right; 
	margin-right:20px;
}

.phoneBox {
	margin-bottom: 10px;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
    font-size: 30px;
    padding: 20px 20px 20px 73px;
    background: #fff url(/images/phone.png) no-repeat;
    background-size: 24px 24px;
    background-position: 44px 26px;
}

.phoneBox a {
	color: #000;
	text-decoration: none;
}

.formBox {
	background:#fff; 
	padding: 20px; 
	font-size:15px;
}

.formBox ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.formBox ul input[type='text'] {
	color: #636363;
	border: 1px solid #bfbfbf;
	padding: 12px 8px;
	width: 93%;
	margin: 5px 0;
	font-size: 15px;
}

.formBox ul input[type='submit'] {
	border: 1px solid #008fcd;
	color: #008fcd;
	background: #fff; 
	padding: 6px 8px;
	font-size: 15px;
	margin: 5px 0;
	width: 50%;
	text-align: left;
}

.wePaintBox {
	margin-top: 258px; 
	padding-top: 29px; 
	background: #1d2029; 
	opacity: 0.9; 
	width: 575px; 
	height: 100px; 
	font-size: 51px;
}

.wePaintText {
	font-family: 'Roboto', sans-serif;
	border-bottom: 1px solid #008fcd; 
	margin: 0 36px 0 37px;
	color:#fff;
}

.testimonials {
	text-align: center;
}

.testimonials a {
	display: inline-block;
	width: 242px;
	height: 242px;
	border-radius: 121px;
	margin-top: -130px;
	transition: all .2s;
}

.testimonial1, .testimonial2 {
	margin-right: 90px;
}

.testimonial1 {
	background: url(/images/1BW.jpg);
	background-size: 242px 242px;
}

.testimonial1:hover {
	background: url(/images/1BWD.jpg);
	background-size: 242px 242px;
}

.testimonial2 {
	background: url(/images/2BW.jpg);
	background-size: 242px 242px;
}

.testimonial2:hover {
	background: url(/images/2BWD.jpg);
	background-size: 242px 242px;
}

.testimonial3 {
	background: url(/images/3BW.jpg);
	background-size: 242px 242px;
}

.testimonial3:hover {
	background: url(/images/3BWD.jpg);
	background-size: 242px 242px;
}

.boxTitle {
	margin-left:20px;
}

.box {
	vertical-align: bottom;
	height:205px; 
	width:50%; 
	display:inline-block;
	line-height: 22px;
	font-size: 17px;
}

.box1 {
	text-align: right;
}

.box1 div, .box4 div, .box5 div {
	padding: 0px 30px 0 30px;
}

.box2 {
	height:205px; 
	width:50%; 
	background:url(/images/small2.jpg); 
	background-size:cover; 
	background-position: center;
	display:inline-block;
}

.box3 {
	height:205px; 
	width:50%; 
	background:url(/images/small1.jpg); 
	background-size:cover;
	background-position: center;
	display:inline-block;
}

.box4 {
	float: right;
}

.box5 {
	text-align: right;
}

.box6 {
	height:205px; 
	width:50%; 
	background:url(/images/small3.jpg); 
	background-size:cover; 
	background-position: center;
	display:inline-block;
}

.assoc {
	border-top: 1px solid #008fcd;
	padding: 20px 0;
    background: #fff;
    color: #000;
    text-align: center;
}

.assoc a img {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: gray;
    -webkit-filter: grayscale(1);
    transition: all 0.5s ease;
}

.assoc a:hover img {
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: gray;
    -webkit-filter: grayscale(0);
}

.mapOverlay {
	position:absolute; 
	right:0; 
	width:390px; 
	height:150px; 
	background:#008fcd; 
	opacity:.7; 
	z-index:999; 
	color:#fff; 
	padding:35px; 
	font-size:13px;
}

.mapOverlay #number_link2, .mapOverlay .directions {
	color: #fff;
	text-decoration: none;
}

footer {
	background: #1d2028; 
	color:#bdc0c6; 
	font-size:14px;
}

.socialicons, .licences, .sitemap, .copyrght, .qbcc, .landi {
	margin:24px 10px 24px 10px; 
}

.sitemap, .copyrght {
	float:left; 
}


.qbcc, .landi, .licences, .socialicons {
	float: right;
}

.sitemap {
}

.sitemap a {
	text-decoration: none;
}

.copyrght {
}

.qbcc {
}

.landi {
}

.licences {
	margin-top: 22px;
}

.licences img {
	filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: gray;
    -webkit-filter: grayscale(1);
}

.socialicons {
	margin-top: 20px;
	font-size: 20px;
}

.socialicons a {
	padding: 0 .4em;
	color: #bdc0c6;
	transition: all .6s;
}

.socialicons a:hover {
	color: #ffc000;
}

.fa {
	display: inline-block;
    font: normal normal normal 14px/1 socialicons;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.fa-facebook-square:before {
    content: "\f082";
}

.fa-instagram:before {
    content: "\f16d";
}

.fa-youtube:before {
    content: "\f167";
}

.fa-google-plus:before {
    content: "\f0d5";
}

.fa-linkedin:before {
    content: "\f0e1";
}

body:after{
 display:none;
 content: url(/images/sandyBWD.jpg) url(/images/helenBWD.jpg) url(/images/tracyBWD.jpg);
}

@media screen and (max-width: 1080px) {

	h3 {
		font-size: 19px;
	}

	.topSection {
		height: 600px;
	}

	.wePaintBox {
		margin-left: 20px; 
		margin-top: 20px; 
		width: 310px; 
		height: 60px;
		font-size: 27px;
	}

	.wePaintText {
		margin: 0 20px 0 20px;
	}

	.testimonials a {
		width: 121px;
		height: 121px;
		border-radius: 61px;
		margin-top: -65px;
	}

	.testimonial1, .testimonial2 {
		margin-right: 45px;
	}

	.testimonial1 {
		background: url(/images/1BW.jpg);
		background-size: 121px 121px;
	}

	.testimonial1:hover {
		background: url(/images/1BWD.jpg);
		background-size: 121px 121px;
	}

	.testimonial2 {
		background: url(/images/2BW.jpg);
		background-size: 121px 121px;
	}

	.testimonial2:hover {
		background: url(/images/2BWD.jpg);
		background-size: 121px 121px;
	}

	.testimonial3 {
		background: url(/images/3BW.jpg);
		background-size: 121px 121px;
	}

	.testimonial3:hover {
		background: url(/images/3BWD.jpg);
		background-size: 121px 121px;
	}

	.boxTitle {
		margin-left:0px;
		text-align: center;
	}

	.box {
		line-height: 20px;
		font-size: 13px;
	}

	footer {
		text-align: center;
	}

	.sitemap, .copyrght, .qbcc, .licences, .socialicons {
		float:none; 
		display: inline-block;
		margin:8px 10px 8px 10px; 
	}

	.landi {
		display: none;
	}

}

@media screen and (max-width: 680px) {

	h2 {
		font-size: 28px;
	}

	.topSection {
		height:700px; 
	}

	.logo {
		display: block;
	    margin: 0 auto;
	}

	.formHolder {
		float: none; 
	    margin: 0 auto;
	}

	.phoneBox {
	    margin-bottom: 0px;
	    padding: 0px 20px 0px 73px;
    	background-position: 44px 6px;
	}

	.wePaintBox {
		display: none;
	}

	.testimonial1, .testimonial2 {
		margin-right: 15px;
	}

	.box {
		vertical-align: bottom;
		height:205px; 
		width:100%; 
		display:inline-block;
		line-height: 22px;
		font-size: 17px;
	}

	.box1, .box4, .box5 {
		text-align: left;
		height: auto;
		margin-bottom: 20px;
	}

	.box1 div, .box4 div, .box5 div {
		padding: 0 20px 0 20px;
	}

	.box4 {
		float: none;
	}

	.mapOverlay {
		position:absolute; 
		left:0; 
		width:100%; 
		height:150px; 
		background:#008fcd; 
		opacity:1; 
		z-index:999; 
		color:#fff; 
		padding:35px; 
		font-size:13px;
	}

}


@media screen and (max-width: 420px) {
	.testimonials .testimonial2 {
		display: none;
	}
}