@charset "utf-8";
/* CSS Document */

body {background:#34373a;}
.header {border-top: 4px solid #fff200; background:#fff; height:120px; zoom:1;}
.top-content {background:url(../images/top-sdw.gif) repeat-x #35373b !important; min-height:200px;}
.divider {background: url(../images/zigzag.png) top repeat-x; height:24px; overflow:hidden}
.content {background:#2d2e33;}

#smurf {
	position: absolute;
	top: 5px;
	left: 50%;
	margin: 0 0 0 -60px;
	width: 160px;
	}

figure.logo {display: block; float:left;}
.top-content hgroup {text-align: center; font-size:35px; text-transform:uppercase; text-shadow:1px 1px 1px #0e0f10; letter-spacing:1px; padding:50px 0}
.top-content hgroup h1 {font-family: "proxima-nova-n8","proxima-nova",sans-serif; font-style: normal; font-weight: 800; color:#afafb1; }
.top-content hgroup h2 {font-family: "proxima-nova-n3","proxima-nova",sans-serif; font-style: normal; font-weight: 300; color:#afafb1; }
.top-content hgroup h3 {font-family: "proxima-nova-n8","proxima-nova",sans-serif; font-style: normal; font-weight: 800; color:#fff200;}

.banner {display: block; margin-bottom:50px;}
.contact-page {padding: 50px 0 0 0;}

.content-header {display: block; margin-bottom:50px; text-align:center; text-shadow:1px 1px 1px #0e0f10; }
.content-header h4 {font-family: "proxima-nova-n7","proxima-nova",sans-serif; font-style: normal; font-weight: 700; color:#fff; font-size: 30px; letter-spacing:1px;}
.content-header h5 {font-family: "proxima-nova-n4","proxima-nova",sans-serif; font-style: normal; font-weight: 400; color:#fff; font-size: 24px; letter-spacing:1px;}
.content-header h5 span {color:#fff200;}

.content article {display: block; overflow:hidden; padding:30px;}
.content p {margin: 4px 0; padding:4px 0; font-family: "proxima-nova-n4","proxima-nova",sans-serif; font-style: normal; font-weight: 400; color:#fff; font-size: 16px; line-height:20px;  text-shadow:1px 1px 1px #0e0f10;}
.content p strong {font-family: "proxima-nova-n7","proxima-nova",sans-serif; font-style: normal; font-weight: 700; color:#fff; font-size: 19px; color:#757475;}

.service-content {background:#1e1f23; border-bottom: 10px solid #fff200;}
.service-content article {padding:30px;}
.service-content article p {margin: 4px 0; padding:4px 0; font-family: "proxima-nova-n4","proxima-nova",sans-serif; font-style: normal; font-weight: 400; color:#fff; font-size: 16px; line-height:20px;  text-shadow:1px 1px 1px #0e0f10;}
.highlight {display: inline-block; padding:5px; color:#fff200; font-size:15px; font-family: "proxima-nova-n7","proxima-nova",sans-serif; font-style: normal; font-weight: 700; text-shadow:1px 1px 1px #000; background:#111114; border-radius:5px; letter-spacing:1px; margin-bottom:5px;}
.service-content article p strong {font-family: "proxima-nova-n7","proxima-nova",sans-serif; font-style: normal; font-weight: 700; color:#fff; font-size: 19px; letter-spacing:1px; padding-bottom:0px; display:block; margin-bottom:-10px;}

.service-content article p strong {font-family: "proxima-nova-n7","proxima-nova",sans-serif; font-style: normal; font-weight: 700; color:#fff; font-size: 19px; letter-spacing:1px; padding-bottom:0px; display:block; margin-bottom:-10px;}
.service-content-contact article {padding:0px 30px 30px 30px;}
.service-content-contact article p {margin: 4px 0; padding:4px 0; font-family: "proxima-nova-n4","proxima-nova",sans-serif; font-style: normal; font-weight: 400; color:#fff; font-size: 16px; line-height:20px;  text-shadow:1px 1px 1px #0e0f10;}
.service-content-contact article p strong {font-family: "proxima-nova-n7","proxima-nova",sans-serif; font-style: normal; font-weight: 700; color:#fff; font-size: 19px; letter-spacing:1px; padding-bottom:0px; display:block; margin-bottom:-10px;}

.testimonials-content {background:#1e1f23; border-bottom: 10px solid #fff200;}
.testimonials-content article {padding:30px;}
.testimonials-content article p {margin: 4px 0; padding:4px 0; font-family: "proxima-nova-i4","proxima-nova",sans-serif; font-style: normal; font-weight: 400; color:#fff; font-size: 14px; line-height:20px;  text-shadow:1px 1px 1px #0e0f10;}
.testimonials-content article p strong {font-family: "proxima-nova-n7","proxima-nova",sans-serif; font-style: normal; font-weight: 700; color:#fff; font-size: 14px; letter-spacing:1px;}

.left-col {float:left; width:40%;}
.right-col {float:left; width:60%;}

.left-col p {line-height:30px !important;}
.left-col h1 {font-family: "proxima-nova-n7","proxima-nova",sans-serif; font-style: normal; font-weight: 700; color:#fff; font-size: 20px; display: block; padding-bottom:10px; letter-spacing:1px; text-shadow:1px 1px 1px #0e0f10;}

.right-header {float: right; display:block; position: relative; height:120px;}
.contact-details {text-align: right; padding:20px 0 0 0; font-family: "proxima-nova-n4","proxima-nova",sans-serif; font-style: normal; font-weight: 400; color:#6d6e71; font-size: 15px;}
.contact-details strong {font-family: "proxima-nova-n7","proxima-nova",sans-serif; font-style: normal; font-weight: 700; color:#35383b; font-size: 18px; display:block;}
.contact-details a {color:#6d6e71}

.right-header nav {position: absolute; bottom:0px; right:0px; background:#3a3b3e; -webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;}
.right-header nav ul {display: block;}
.right-header nav ul li {display: block; float:left;}
.right-header nav ul li a {display: block; padding:12px 15px; color:#fff; text-decoration:none; font-family: "proxima-nova-n7","proxima-nova",sans-serif; font-style: normal; font-weight: 700; font-size: 15px; text-shadow:1px 1px 1px #0e0f10;}
a.home {border-right:1px solid #5b5b5d;}
a.contact {border-left:1px solid #222326;}

.right-header nav ul li a:hover {color:#fff200}
.active {color:#fff200 !important}

.banner-mobile {display:none}

.brands {display: flex;justify-content: space-around;align-items: baseline;}

@media screen and (max-width: 500px) {
	.brands{flex-direction: column;align-items: center;margin-top: 10px;}
}

@media screen and (min-width: 200px) and (max-width: 995px) {
.wrapper {width: 90%}
figure.logo {float:none;}
figure.logo img { margin: 0 auto; }
.right-header {float:none; height:auto}
.header {height: auto}
.right-header nav {position: relative; display:block; overflow:hidden; margin:20px 0 0 0}
.contact-details {text-align:center}
.banner-home {display:none}
.banner-mobile {display:block; width:247px; margin:0 auto}
.top-content hgroup {font-size: 20px; padding:30px 20px;}
.content-header h4 {font-size: 20px; padding: 0 40px;}
.content-header h5 {font-size: 15px;}
.service-content-contact {padding: 30px 0}
.left-col {float: none; width: 100%;}
.right-col {float: none; width: 100%;}
form div.combined p {float:none; width:100%}
#smurf {
	position: relative;
	top: auto;
	left: auto;
	margin: 0 auto;
	width: 160px;
	}
}