@import url("https://fonts.googleapis.com/css?family=Fira+Sans:400,700,300");

html, body { margin:0; padding:0; width: 100%; background: #f6f6f6 repeat 50% 50% url(images/bg-body.png); font-family: 'Fira Sans', sans-serif;}


#header {margin:0;padding:80px 0 60px;}
#header .logo { display:block; width:574px; height:268px; background: transparent url(images/sprite.png) 0 0 no-repeat; margin: 0 auto;}
#header ul, #header li {margin:0;padding:0; list-style: none;}
#header ul.logos {text-align:center;padding: 70px 0 0 0;}
#header ul.logos li {padding: 10px; display: inline-block;}

#footer  a.logo,
#header  a.logo,
#header ul.logos   li a,
#header ul.logos_1 li a
{
	text-indent					: 200%;
	white-space					: nowrap;
	overflow					: hidden;
}
h2 {
      text-align: center;
    margin-top: 70px;
    margin-bottom: 0;
    font-size: 35px;
    color: #f04769;
    font-weight: 300;
}
h2 span{
  color: #2a3a4b;
  font-weight: 500;
}
#header ul.logos li a {width:81px; height: 81px; display:block; background:url(images/sprite.png) 0 0 no-repeat; }
#header ul.logos li a.logo_1 { background-position: 0 -300px; }
#header ul.logos li a.logo_2 { background-position: -100px -300px; }
#header ul.logos li a.logo_3 { background-position: -200px -300px; }
#header ul.logos li a.logo_4 { background-position: -300px -300px; }
#header ul.logos li a.logo_5 { background-position: -400px -300px; }
#header ul.logos_1 {text-align:center;padding: 5px 0;}
#header ul.logos_1 li {padding:10px; display: inline-block;}
#header ul.logos_1 li  a { display: block; width:185px; height: 81px;  background:url(images/sprite.png) 0 0 no-repeat; }
#header ul.logos_1 li  a.logo_1 { background-position: 0 -400px; }
#header ul.logos_1 li  a.logo_2 { background-position: -200px -400px; width: 170px; }

#footer { background: #2b3b4b; padding:15px 0; color:#fff; text-align: center;font-family: 'Fira Sans', sans-serif;font-size:13px;}
#footer a {color:#fff; text-decoration: none; line-height: 34px; height: 34px; display: inline-block; vertical-align: middle; padding-left: 15px; }
#footer a:hover { color:#ed4a6b;}
#footer a.logo { background:url(images/sprite.png) -500px  -300px no-repeat; width: 98px; padding-left: 0;}

#frontPageBgBox {margin:0;padding: 60px 0; background-size:cover; color:#fff;     background: #2a3a4b;
    border-bottom: 1px solid whitesmoke;}
#frontPageBgBox .header {margin:0 auto;padding:0; display: block; position: relative; width:90%; max-width: 560px;}
#frontPageBgBox .header h1 { text-transform : uppercase;     color: #f04769; font-weight: 600; }
#frontPageBgBox .header h1, #frontPageBgBox h2 { padding: 0; margin: 0; font-size:54px; text-align:center; font-weight:300; line-height: 1.2em;}
#frontPageBgBox .header p   {     color: #f6f6f6; padding: 0; margin: 0; font-size:15px; text-align:center; line-height: 1.2em;}
#frontPageBgBox .wrapper {margin:0 auto;padding:0; display: block; position: relative; width:90%; max-width: 890px;}
.wrapper:before, .wrapper:after, .row:before, .row:after { display: block; position: relative; clear:both; content: " ";}
.row {}
.col {width:46%;margin: 20px 2%;padding:0;float:left;}
span.inp {margin:0;padding:0; position: relative; display:block;}
span.inp a.clear {width:10px; height: 10px; position: absolute;left:0; top:5px;}
span.inp a.clear:before {width:10px; height: 10px; line-height: 10px;  position: absolute;left:0; top:0; content: "x";text-align: center;font-family: 'Fira Sans', sans-serif;font-size:13px; font-weight: bold; color:#fff; text-decoration: none;}
#frontPageBgBox input, #frontPageBgBox textarea {margin:0;padding:0 0 0 15px; background: transparent; border:0; border-bottom: 2px solid whitesmoke; height:40px; line-height:40px; color:#2b3a4b;font-family: 'Fira Sans', sans-serif;font-size:15px; width:100%;-webkit-box-sizing : border-box;‌​ -moz-box-sizing : border-box; box-sizing : border-box;}
#frontPageBgBox label { display: block; width:100%; text-align:center;font-family: 'Fira Sans', sans-serif;font-size:13px; font-weight: bold; height: 15px; line-height: 15px;}
#frontPageBgBox textarea {padding:15px;height:182px;line-height: 1.1em;}
#frontPageBgBox p.right   {text-align:right;}
#frontPageBgBox input[type="submit"] {margin:0;padding:0;border:0;color:#fff; background: #56c3c7; max-width:207px;}
#frontPageBgBox input:placeholder, #frontPageBgBox textarea:placeholder{
      color: whitesmoke;
}
#frontPageBgBox input, #frontPageBgBox textarea{
  color: whitesmoke;
}
#frontPageBgBox label{
  color: #f2f2f2;
  text-transform: uppercase;
}
form{
  margin-top: 20px;
}
#frontPageBgBox input[type="submit"][disabled] { background : gray; }

.col:first-child p:first-child
{
	position					: absolute;
	z-index 					: -1000;
}

@media only screen and (max-width: 680px) {
	.col {width:96%;margin: 0px 2%;padding:0;float: none;}
	.row { padding: 20px 0;}
	#header .logo { background-size: 100% auto;width:400px; height: 190px;}
}

@media only screen and (max-width: 460px) {
	#header .logo { background-size: 100% auto;width:280px; height: 130px;}
}