/* v2.0 | 20110126
  http://meyerweb.com/eric/tools/css/reset/
  License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video,button {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
  font-family: 'Courier New', Courier, 'Lucida Sans Typewriter', 'Lucida Typewriter', monospace;
	color:#404040
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.cl:after {
  content: "";
  display: table;
  clear: both;
}
/*   */
header{padding:70px 0 30px}
header nav ul{text-align:center;}
header nav ul li{display:inline-block;margin-left:100px}
header nav ul li:first-child{margin-left:0px}
header nav a{color:#404040;font-weight:bold;font-size:15px;text-decoration:none;text-transform:uppercase}
a.mobile{display:none}
article{background:url(img/bg.jpg)}
.row{padding:75px 20px;margin:0 auto;max-width:1100px}
.col{width:100%;text-align:center;margin-bottom:55px}
.fl{float:left}
.fr{float:right}
a#gf{display:block;width:50%;height:519px;background:url(img/logo1.png) no-repeat;background-position:center;margin:0 auto}
a#hf{display:block;width:50%;height:519px;background:url(img/logo2.png) no-repeat;background-position:center;margin:0 auto}
.col div.text{padding-top:95px}
ul.icons{margin:0 0 0 0}
ul.icons li{display:inline-block;width:83px;height:82px;padding:15px 5px}
ul.icons li:last-child{margin-right:0}
ul.icons li span{font-size:14px}
ul.icons li a{display:block;height:100%}
ul.icons li a.sc{background:url(img/icon1-red.png)}
ul.icons li a.fb{background:url(img/icon2-red.png)}
ul.icons li a.is{background:url(img/icon3-red.png)}
ul.icons li a.yt{background:url(img/icon-yt-red.png)}
ul.icons.blue li a.sc{background:url(img/icon1-blue.png)}
ul.icons.blue li a.fb{background:url(img/icon2-blue.png)}
ul.icons.blue li a.is{background:url(img/icon3-blue.png)}
ul.icons.blue li a.yt{background:url(img/icon-yt-blue.png)}
ul.icons.blue li a.sn{background:url(img/icon-sn-blue.png)}
ul.icons.blue li a.sn{background:url(img/icon-sn-blue.png);position:relative}
ul.icons.blue li a.sn span.tooltip{display:none}
ul.icons.blue li a.sn:hover span.tooltip,ul.icons.blue li a.sn:active span.tooltip{display:block;position:absolute;padding:10px;width:100px;background:rgba(0,0,0,.7);font-size:11px;text-align:center;color:#fff;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;}
h2{font-size:20px;font-weight:bold;line-height:30px}
.col span{font-size:20px;line-height:30px;display:block}
a.btn,form button{text-decoration:none;margin-top:28px;padding:20px;font-size:18px;font-weight:bold;color:#fff;background:#7c7c7b;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;display:inline-block;border:0px solid}
a.btn.green{background-color:#8bd095}
footer{padding:70px 0;text-align:center;font-size:13px;line-height:20px}
.overlay{position:fixed;top:0;left:0;width:100%;height:1500px;overflow:auto;background:rgba(124,124,123,.5)}
.overlay .window{top:20px;padding:285px 0 90px 0;max-width:950px;margin:0 auto;
	background:#f1f1f1 url(img/bg-form.png) no-repeat center 30px
	;border:3px solid #fff;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
	}
.overlay .window .close-btn{position:absolute;top:5px;right:5px}
.row.bg{padding:285px 0 90px 0;background:url(img/bg-form.png) no-repeat center 30px;}
.row.bg1{padding:285px 0 90px 0;background:url(img/logo1small.png) no-repeat center 30px;}
.row.bg2{padding:285px 0 90px 0;background:url(img/bg_terms.png) no-repeat center 30px;}
.row.bg3{padding:110px 0 90px 0;}
form{font-size:15px;max-width:495px;margin:0 auto}
form input,form select{display:block;width:95%;margin-bottom:15px;padding:5px 10px;background:#fff;border:2px solid #cccccc;}
form label input{float:left;width:25px}
form span{font-weight:bold;margin-bottom:25px;display:block;text-align:center;}
form select{width:100%;color:#404040;margin-bottom:30px}
form p{margin-bottom:15px;text-align:center;line-height:23px}
form button{text-align:center;display:block;margin:40px auto;background-color:#8bd095}
form label{text-align:left}
.centered{text-align:center;max-width:900px;margin:0 auto;line-height:31px;font-size:20px}
.left{text-align:left;max-width:900px;margin:0 auto;line-height:31px;font-size:20px}
.left h2{margin:25px 0}
.bts img, .bts iframe{width:100%;max-width:560px;margin:0 auto}
b{font-weight: bold}
i{font-style: italic}
br.small-screen{display:none}
@media (max-width:1048px){
	br.small-screen{display:block}
}
@media (max-width:900px){
	a#gf,a#hf{background-size:contain}
}
@media (max-width:800px){
	br.small-screen{display:none}
	header {padding: 13px 10px;position:fixed;top:0;width:100%;background:#fff}
	header nav{display:block}
	header nav ul.hidden,header nav ul{display:none;text-align:left;margin:20px 0 0 23px}
	header nav ul.show{display:block}
	header nav ul li{display:block;margin-left:0;margin-bottom:13px}
	a.mobile{display:block;padding-left:23px;background:url(img/bg_nav.png) no-repeat left top}
	.col{float:none;width:80%;margin:0 auto 70px;text-align:center;}
	.row.bg,.row.bg1,.row.bg2{padding:325px 0 90px 0;background-position:center 70px}
	a#gf{display:block;width:100%;height:300px;float:none}
	a#hf{display:block;width:100%;;height:300px;float:none}
	.col div.text{padding-top:25px}
}
