@font-face { font-family: "Interstate"; src: url("interstate-webfont.eot"); src: url("interstate-webfont.eot?#iefix") format("embedded-opentype"), url("interstate-webfont.woff") format("woff"), url("interstate-webfont.ttf") format("truetype"), url("interstate-webfont.svg#InterstateRegular") format("svg"); font-weight: normal; font-style: normal; }
body { position: relative; margin: 0px; padding: 0px; font-family: "Interstate", Arial, Helvetica, "sans-serif"; color: #999; text-align: center; font-size: 16px; }
.hidden { display: none; }
.red { color: #d80036; }
img { border: 0px; }
a { color: #808080; }
a:hover { color: #505050; }
a:hover b { color: #333; }
input { font-family: "Interstate", Arial, Helvetica, "sans-serif"; color: #999; width: 350px; font-size: 16px; padding: 10px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; border: 1px solid #ccc; }
textarea { font-family: "Interstate", Arial, Helvetica, "sans-serif"; color: #999; width: 350px; height: 100px; font-size: 16px; padding: 10px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; border: 1px solid #ccc; }
button { font-family: "Interstate", Arial, Helvetica, "sans-serif"; border: 1px solid #ccc; background: #eee; color: #999; padding: 10px; font-size: 16px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; margin: 10px 0px; }
label { padding: 0px 5px; line-height: 25px; }
.form { display: none; }
.clear { clear: both; }
.thanks { border: 1px solid #d80036; background: rgba(216,0,54,.1); color: #d80036; padding: 20px; margin: 0px 0px 30px 0px; text-align: center; font-size: 24px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
h1 { font-size: 36px; color: #d80036; margin: 0px 275px 30px 0px; line-height: 45px; }
h2 { font-size: 22px; color: #d80036; margin: 40px 0px 20px 0px; line-height: 32px; }
h3 { font-size: 22px; color: #999; margin: 20px 275px 20px 0px; line-height: 32px; font-weight: normal; }
p, li { line-height: 25px; }
b { color: #808080; }
#container { margin: 100px auto; width: 960px; text-align: left; }
#container .col { float: left; width: 400px; margin-right: 80px; }
#clients { list-style: none; margin: 0px; padding: 0px; }
#clients li { float: left; padding: 0px 19px 0px 0px; margin: 0px 20px 30px 0px; width: 200px; line-height: 16px; border-right: 1px solid #eee; }
#clients li a { cursor: pointer; display: block; text-decoration: none; font-size: 12px; width: 200px; overflow: hidden; padding-top: 150px; background-repeat: no-repeat; background-position: 0px 0px; }
#clients li b { display: block; margin: 0px 0px 10px 0px; }
#clients li b i { font-weight: normal; font-style: normal; color: #bbb; }
#map { width: 400px; height: 250px; }
#footer { background: url("footer-logo.png") no-repeat top left; margin: 100px 0px 0px 0px; padding: 0px 0px 0px 50px; line-height: 33px; }
#cookie-bar { position: fixed; bottom: 0px; left: 0px; right: 0px; background: #d80036; line-height: 20px; color: rgba(255,255,255,0.75); text-align: center; padding: 10px 20px; z-index: 99; }
#cookie-bar a { color: #fff; text-decoration: none; }

@media only screen and (min-width : 1200px) {
	#clients li:nth-child(4n) { border-right: 0px; }
}

@media only screen and (max-width : 1199px) {
	#container { margin: 100px; width: auto; text-align: left; }
	#container .col { float: left; width: 400px; margin-right: 80px; }
}

@media only screen and (max-width : 1159px) {
	#clients li { border-right: 1px solid #eee; }
	#clients li:nth-child(3n) { border-right: 0px; }
}

@media only screen and (max-width : 999px) {
	h1 { margin-right: 100px; }
	h3 { margin-right: 100px; }
	#clients li { border-right: 1px solid #eee; }
	#clients li:nth-child(2n) { border-right: 0px; }
	#container .col { float: none; width: auto; margin-right: 100px; }
}

@media only screen and (max-width : 767px) {
	h1 { margin-right: 0px; }
	h3 { margin-right: 0px; }
	#container .col { margin-right: 0px; }
	#clients li { border-right: 1px solid #eee; }
	#clients li:nth-child(2n) { border-right: 0px; }
}

@media only screen and (max-width : 674px) {
	#container { margin: 50px; }
	#clients li { border-right: 0px; }
}

@media only screen and (max-width : 400px) {
	h1 { font-size: 28px; line-height: 36px; }
	h2 { font-size: 18px; line-height: 24px; }
	h3 { font-size: 18px; line-height: 24px; }
	p, li { font-size: 13px; line-height: 20px; }
	#map { width: auto; }
	input { width: 95%; }
	textarea { width: 95%; }
	#footer { font-size: 12px; line-height: 20px; }
}