* {margin: 0; padding: 0;}
body {color:#222; font-family: 'Roboto Condensed',sans-serif;}
a img {border: none;}

.header {display: block; width: 1000px; margin: 0 auto; position: relative; height: 157px;}
.logo {position: absolute; left:0; top:15px;}
.flags {position: absolute; left:300px; top:10px;}
.title {font-size: 30px;  text-transform: uppercase; font-weight: bold;}
.flag {float: left; margin: 10px 20px 0 0 ;}
.flag span {display: block; text-transform: uppercase;  font-weight: bold; margin: 0 0 0 10px;}
.all_flag {margin: 0 auto; display: block; width:275px;}

.tel {position: absolute; right: 0px; top:30px;  text-transform: uppercase; font-weight: bold; font-size: 27px;}
.red {color:#e31e24;}
.big {font-size: 35px;}
.feedback_button {position: absolute; right: 0px; top:82px; cursor: pointer;}
.feedback_button:hover {opacity: 0.8;}

.big_bg {background: url(../images/big_bg.png) center top no-repeat; height: 518px; width:100%; }
.bb_info {position: relative; margin: 0 auto; display: block; width:1000px; height: 518px;}
.open {position: absolute; top:30px; left:330px; color:#d00000; font-size: 48px; text-transform: uppercase;  font-weight: bold;}
.slider {position: relative; top:160px;}
.yellow_top {position: absolute; bottom:342px; right: 15px; z-index: 55555}
.yellow_bottom {position: absolute; bottom:18px; right: 15px; z-index: 55555}

.b_title {position: relative; height: 30px; display: block; width:1000px; margin: 20px auto 0 auto;}
.div_hr {position: absolute; border-top:1px solid #222; display: block; width:1000px; height: 1px; top:20px;}
.bt_text {display: table; position: absolute; height: 31px; top:0;  padding: 0 7px; background: #fff; text-transform: uppercase; font-size: 30px; font-weight: bold;}
.bt_text.one {margin: 0 0 0 230px;}
.bt_text.two {margin: 0 0 0 270px;}
.bt_text span {position: relative;}
.bt_text.three {margin: 0 0 0 550px;}
.bt_text.three img {position: absolute; top:-14px; left:-120px;}
.b_title.three {margin-top: 60px;}

.serts {display: block; width:1000px; margin: 20px auto 0 auto; background: url(../images/serts.jpg) no-repeat; height: 237px;}

.bg_small {display: block; height: 200px; background: url(../images/bg_small.png) center top no-repeat; margin: 40px 0 0 0;}
.form {display: block; height: 200px; margin:0 auto; width:1000px; position: relative;}

.form_name, .form_tel {display: block; width: 393px; position: absolute;  height: 45px; background: url(../images/bg_input.png) no-repeat; border:none; padding: 0 20px; outline: none; font-size: 16px;}
.form_name {top:65px;}
.form_tel {top:120px;}
.form_text {font-weight: bold; font-size: 24px; color:#fff; position: absolute; top:25px;}
.form_submit {display: block; width:146px; height: 146px; background: url(../images/bg_submit.png) no-repeat; position: absolute; left:480px; top:30px; cursor: pointer;  border: none;}
.form_submit:hover {opacity: 0.9;}
.clear {clear: both;}

.zvoni {position: absolute; right:60px; top:30px; text-align: center; font-weight: bold;}
.zvoni span {display: block; position: relative;}
.zvoni1 {color:#b50705; font-size: 25px;}
.zvoni2 {color:#b50705; font-size: 60px; top:-14px;}
.zvoni3 {color:#7a0100; font-size: 50px; text-transform: uppercase; top:-36px;}

.counter {display: block; width:1000px; margin: 20px auto 0 auto; padding: 0 0 0 400px}

.countdown-amount { display: block; float:  left; width: 67px; height: 67px; background: url(../images/bg_counter.png) no-repeat; color:#444; font-size: 50px; font-weight: bold; text-align: center}
.countdown-period {float: left; display: block; color:#444; font-size: 25px; margin: 20px 10px 0 10px; font-weight: bold; text-transform: uppercase;}

.amerit_eto {position: relative; margin: 60px auto 0 auto; width:1000px;}
.amerit_eto td {padding: 10px 0; color:#444; font-size: 20px; font-weight: normal;}

.footer_bg {display: block; margin:40px 0 0 0; display: block; height: 190px; background: #4e4e4e;}
.footer {display: block; height: 190px; margin: 0 auto; position: relative; width:1000px; font-family: Verdana, Geneva, sans-serif; font-size: 14px;}
.contacts {display: block; padding: 10px 0 10px 30px; border-left:1px solid #fff; color:#fff; position: absolute; top:20px; left:500px; }
.contacts div {clear: both;}
.contacts span {display: block; float:left; width:23px;}

.bertram {position: absolute; top:40px;}
.corolla {position: absolute; top:15px; left:200px;}

.socials {position: absolute; top:100px;}
.socials div {display: block; width:41px; height: 41px; float: left; margin: 0 3px 0 0;}
.social1 {background: url(../images/social1.png) 0 0 no-repeat;}
.social2 {background: url(../images/social2.png) 0 0 no-repeat;}
.social3 {background: url(../images/social3.png) 0 0 no-repeat;}
.social4 {background: url(../images/social4.png) 0 0 no-repeat;}
.social4:hover {background: url(../images/social4.png) 0 -41px no-repeat;}
.social3:hover {background: url(../images/social3.png) 0 -41px no-repeat;}
.social2:hover {background: url(../images/social2.png) 0 -41px no-repeat;}
.social1:hover {background: url(../images/social1.png) 0 -41px no-repeat;}


#fade {display:none; background: #000; position:fixed; left: 0; top: 0; width: 100%; height: 100%; opacity: .70; z-index: 66666;}
.feedback, .approve {display: none; position: fixed; top:50%; left:50%; margin: -150px 0 0 -300px; z-index: 99999; padding: 10px 20px; background: #e31e24; border-radius: 6px; box-shadow: 0 0 3px 3px rgba(0,0,0,0.1); width:620px; height: 200px;}
.f_title {text-align: left; font-size: 18px; margin: 0px 0 10px 0; color:#482600}
.close {position: absolute; top:5px; right:12px; color:#fff; font-size: 12px; border-bottom: 1px dashed #fff; cursor: pointer;}
.feedback .form_submit {background: url(../images/bg_submit2.png) no-repeat;}
.fs2 {top:45px;}
.approve {color:#fff; height: 20px; width:400px; margin-left:-200px;}
.approve .close {top:12px;}

.message_ok {position: fixed; display:none; left:-300%; top:49%; z-index: 9999999}