/* Для норм браузеров */ 
html, body {
 margin: 0px;
 padding: 0px;
 -webkit-text-size-adjust: 100%;
}

/* Для ебаного осла */ 
@media screen and (min-width:0\0) { 
 body { zoom: 1; }
}

@media screen and (min-device-width: 1800px) {
 body { zoom: 1.12; }
}

.container {
 width: 1130px;
 margin: auto;
}

.header {
 height: 108px;
 width: 100%;
 background-color: #096692;
}

.header .f {
 color: #ffffff;
 font-family: pt-sans,sans-serif;
 font-size: 22px;
 font-weight: 100;
 line-height: 30px;
 text-align: center;
}

.header .f h1{
 margin: 0px;
 padding: 0px;
 color: #6bc02a;
 font-family: pt-sans,sans-serif;
 font-size: 39px;
 line-height: 39px;
 font-weight: 100;
}

.header .s {
 color: #ffffff;
 font-family: pt-sans,sans-serif;
 font-size: 25px;
 font-weight: 100;
 line-height: 19px;
 text-align: center;
}

.header .t {
 color: #9ab679;
 font-family: pt-sans,sans-serif;
 font-size: 22px;
 font-weight: 100;
 text-align: center;
 line-height: 22px;
}

.header .t span {
 border-bottom: 3px dotted #9ab679;
}

.header .t h1 {
 margin: 0px;
 padding: 0px; 
 color: #ffffff;
 font-family: pt-sans,sans-serif;
 font-size: 39px;
 line-height: 35px;
 font-weight: 100;
}

@media screen and (max-device-width: 480px) {
 .header .t h1 { color: #ffffff; font-size: 34px; }
}


.links {
 width: 100%;
 background-image: url(img/bglink.png);
 height: 44px;
 background-repeat: no-repeat;
 background-position: center; 
}

.block1 {
 width: 100%;
 background-image: url(img/bg1.jpg);
 height: 1020px;
 background-repeat: no-repeat;
 background-position: center -300px; 
}

.block1 h1 {
 margin: 0px;
 padding: 0px;
 padding-top: 176px;
 color: #ffffff;
 font-family: pt-sans,sans-serif;
 font-size: 50px;
 font-weight: 700;
 line-height: 48px;
}

@media screen and (max-device-width: 480px) {
 .block1 h1 { font-size: 43px; }
}

.block1 h1 p{
 margin: 0px;
 padding: 8px 0;
 background-color: #01A0E2;
}

.block1 #o {
 width: 455px;
}

.block1 #t {
 width: 980px;
}

.block1 #f{
 width: 685px;
}

.block1 .form{
 margin: auto;
 margin-top: 242px;
 width: 1095px;
 height: 410px;
 border: 3px #01A0E2 solid;
 background-color: #ffffff;
 background-color:rgba(255, 255, 255, 0.84)
}

.block2 {
 width: 100%;
 background-image: url(img/bg2.jpg);
 height: 760px;
 background-repeat: no-repeat;
 background-position: center; 
 margin-top: 60px;
}

.block2 h3 {
 margin: 0px;
 color: #ffffff;
 font-family: pt-sans,sans-serif;
 font-size: 28px;
 font-weight: 100;
 padding: 50px 0 0;
}

@media screen and (max-device-width: 480px) {
 .block2 h3 { font-size: 24px; }
}

.block2 h3 p{
 margin: 0px;
 margin-left: 49px;
 padding: 7px 7px 7px 17px;
 background-color: #01A0E2;
 width: 400px;
}

.block2, .block3 .img{
 padding-top: 25px;
}

.block2 td {
 text-align: center;
 font-family: pt-sans,sans-serif;
 font-size: 28px;
 font-weight: 100; 
 line-height: 28px;
}

@media screen and (max-device-width: 480px) {
 .block2 td { font-size: 23px; }
}

.block2 #tablez {
 margin-top: -95px;
}

.block2 .tableq {
 padding-top: 25px;
}

.block3 {
 width: 100%;
 background-image: url(img/bg3.png);
 height: 1445px;
 background-repeat: no-repeat;
 background-position: center; 
 margin-top: 95px;
}

.block3 h3 {
 margin: 0px;
 color: #ffffff;
 font-family: pt-sans,sans-serif;
 font-size: 44px;
 padding: 0px;
}

@media screen and (max-device-width: 480px) {
 .block3  h3 { font-size: 37px; }
}

.block3 h3 p{
 margin: 0px;
 padding: 7px 7px 7px 17px;
 background-color: #01A0E2;
 line-height: 40px;
}

.block3 .b1 {
 width: 303px;
}

.block3 .b2 {
 width: 342px;
}

.block3 .b3 {
 width: 307px;
 font-size: 27px;
 line-height: 28px;
}

@media screen and (max-device-width: 480px) {
 .block3  .b3 { font-size: 22px; }
}

.b3f {
 padding-top: 150px;
}

.b3z {
 padding-top: 50px;
}

.block3 .autoz {
 font-size: 20px;
 line-height: 28px;
 font-family: pt-sans,sans-serif;
 color: #818181;
}

.block3 .autoz p{
 margin: 0px;
 padding: 3px 7px 8px 17px;
 background-color: #8B8B8B;
 line-height: 29px;
 color: white;
 font-size: 27px;
}

@media screen and (max-device-width: 480px) {
 .block3 .autoz p { font-size: 22px; }
}

.block3 .auto1 {
 width: 220px;
 height: 120px;
 line-height: 28px;
 margin-top: 42px;
 margin-left: 285px;
}

.block3 .auto1 .aa1 {
 width: 95px;
}

.block3 .auto1 .aa2 {
 width: 125px;
 margin-top: -12px;
}

.block3 .auto2 {
 width: 420px;
 height: 120px;
 line-height: 28px;
 margin-top: 22px;
 margin-left: 2px;
}

.block3 .auto2 .aa1 {
 width: 232px;
}

.block3 .auto2 .aa2 {
 width: 315px;
 margin-top: -12px;
}

.block3 .auto3 {
 width: 420px;
 height: 120px;
 line-height: 28px;
 margin-top: 22px;
 margin-left: -30px;
}

.block3 .auto3 .aa1 {
 width: 175px;
}

.block3 .auto3 .aa2 {
 width: 143px;
 margin-top: -12px;
}

.block3 .auto4 {
 width: 100%;
 height: 120px;
 line-height: 28px;
 margin-top: 156px;
}

.block3 .auto4 .sub1 {
 width: 450px;
 margin-left: -12px;
 float: left;
}

.block3 .auto4 .sub1 .aa1 {
 width: 96px;
}

.block3 .auto4 .sub1 .aa2 {
 width: 136px;
 margin-top: -12px;
}

.block3 .auto4 .sub1 .aa3 {
 width: 109px;
 margin-top: -12px;
}

.block3 .auto4 .sub2 {
 width: 188px;
 float: right;
}

.block3 .auto4 .sub2 .aa1 {
 width: 96px;
}

.block3 .auto4 .sub2 .aa2 {
 width: 129px;
 margin-top: -12px;
}

.block3 .auto4 .sub2 .aa3 {
 width: 160px;
 margin-top: -12px;
}


.block3 .auto5 {
 width: 100%;
 height: 100px;
 line-height: 28px;
 margin-top: 36px;
}

.block3 .auto5 .sub1 {
 width: 450px;
 margin-left: 85px;
 float: left;
}

.block3 .auto5 .sub1 .aa1 {
 width: 181px;
}

.block3 .auto5 .sub1 .aa2 {
 width: 156px;
 margin-top: -12px;
}


.block3 .auto5 .sub2 {
 width: 339px;
 float: right;
}

.block3 .auto5 .sub2 .aa1 {
 width: 96px;
}

.block3 .auto5 .sub2 .aa2 {
 width: 241px;
 margin-top: -12px;
}

.block3 .auto6 {
 width: 420px;
 height: 120px;
 line-height: 28px;
 margin-top: -7px;
 margin-left: 420px;
}

.block3 .auto6 .aa1 {
 width: 139px;
}

.block3 .auto6 .aa2 {
 width: 157px;
 margin-top: -12px;
}

.block3 .auto6 .aa3 {
 width: 174px;
 margin-top: -12px;
}

.block3 .auto6 .aa4 {
 width: 193px;
 margin-top: -12px;
}

.block4 {
 width: 100%;
 height: 730px;
 margin-top: 60px;
}


.block4 h3 {
 margin: 0px;
 color: #ffffff;
 font-family: pt-sans,sans-serif;
 font-size: 44px;
 padding: 0px;
}

@media screen and (max-device-width: 480px) {
 .block4 h3 { font-size: 38px; }
}

.block4 h3 p{
 margin: 0px;
 padding: 7px 7px 7px 17px;
 background-color: #01A0E2;
 line-height: 40px;
}

.block4 .b1 {
 width: 178px;
}

.block4 .b2 {
 width: 325px;
}

.block4 td {
 text-align: center;
 font-family: pt-sans,sans-serif;
 font-size: 28px;
 font-weight: 100; 
 line-height: 32px;
}

.block4 #tablez {
 padding-top: 25px;
}

.block4 #tableq {
 padding-top: 25px;
}

.block5 {
 width: 100%;
 background-image: url(img/bg4.png);
 height: 1186px;
 background-repeat: no-repeat;
 background-position: center; 
}

.block5 h3 {
 margin: 0px;
 color: #01A0E2;
 font-family: pt-sans,sans-serif;
 font-size: 44px;
 padding: 0px;
}

@media screen and (max-device-width: 480px) {
 .block5 h3 { font-size: 38px; }
}

.block5 h3 p{
 margin: 0px;
 padding: 7px 7px 7px 17px;
 background-color: #ffffff;
 line-height: 40px;
}

.block5 .b1 {
 width: 190px;
}

.block5 .b2 {
 width: 361px;
}

.b3dd { 
 padding-top: 55px;
 width: 400px;
 margin-left: 40px;
}

.block5 td {
 text-align: center;
 font-family: pt-sans,sans-serif;
 font-size: 28px;
 font-weight: 100;
 line-height: 41px;
 color: white;
}

@media screen and (max-device-width: 480px) {
 .block5 td { font-size: 22px; }
}

.block5 table {
 padding-top: 90px;
}

.block5 td div {
 text-align: left;
 font-family: pt-sans,sans-serif;
 font-size: 20px;
 font-weight: 100;
 line-height: 31px;
 color: #303030;
 width: 270px;
 height: 320px;
 background-color: white;
 border-radius: 10px;
 margin: auto;
 margin-top: 40px;
 padding-left: 12px;
 padding-top: 5px;
}

@media screen and (max-device-width: 480px) {
 .block5 td div { font-size: 14px; }
}


.block6 {
 width: 100%;
 background-image: url(img/bg3.jpg);
 height: 802px;
 background-repeat: no-repeat;
 background-position: center; 
}

.block6 h3 {
 margin: 0px;
 color: #ffffff;
 font-family: pt-sans,sans-serif;
 font-size: 44px;
 padding: 0px;
}

@media screen and (max-device-width: 480px) {
 .block6 h3 { font-size: 38px; }
}

.block6 h3 p{
 margin: 0px;
 padding: 7px 7px 7px 17px;
 background-color: #01A0E2;
 line-height: 40px;
}

.block6 .b1 {
 width: 220px;
}

.block6 .b2 {
 width: 296px;
}

.block6 .b3 {
 width: 406px;
 font-size: 25px;
 line-height: 28px;
}

@media screen and (max-device-width: 480px) {
 .block6 .b3 { font-size: 21px; }
}


.b3fс {
 padding-top: 15px;
}

.block6 td {
 text-align: center;
}

.block6 table {
 padding-top: 65px;
}

.block7 {
 width: 100%;
 background-image: url(img/bg5.png);
 height: 859px;
 background-repeat: no-repeat;
 background-position: center; 
 margin-top: -235px;
}


.block7 h3 {
 margin: 0px;
 color: #01A0E2;
 font-family: pt-sans,sans-serif;
 font-size: 44px;
 padding: 0px;
}

@media screen and (max-device-width: 480px) {
 .block7 h3 { font-size: 38px; }
}

.block7 h3 p{
 margin: 0px;
 padding: 7px 7px 7px 17px;
 background-color: #ffffff;
 line-height: 40px;
}

.block7 .b1 {
 width: 245px;
}

.b3dds {
 padding-top: 150px;
 margin-left: 35px;
}

.onas {
 padding-top: 50px;
}

.mapz {
 width: 100%;
 background-image: url(img/map.png);
 height: 600px;
 background-repeat: no-repeat;
 background-position: center; 
 margin-top: -2px;
}

.mapz h3 {
 margin: 0px;
 color: #ffffff;
 font-family: pt-sans,sans-serif;
 font-size: 44px;
 padding: 0px;
}

@media screen and (max-device-width: 480px) {
 .mapz h3 { font-size: 38px; }
}

.mapz h3 p{
 margin: 0px;
 padding: 7px 7px 7px 17px;
 background-color: #01A0E2;
 line-height: 40px;
}

.mapz .b1 {
 width: 94px;
}

.mapz .b2 {
 width: 137px;
}

.mapz .b3 {
 width: 217px;
}

.b3fсс {
 padding-top: 60px;
 margin-left: 50px;
}

.footer {
 width: 100%;
 height: 218px;
 font-family: pt-sans,sans-serif;
 background-image: url(img/bg6.png);
 background-repeat: no-repeat;
 background-position: center; 
}

.footer td {
 text-align: center;
 color: white;
}

.footer .ft1 {
 font-size: 19px;
 padding-top: 61px;
}

@media screen and (max-device-width: 480px) {
 .footer .ft1 { font-size: 15px; }
}


.footer .ft2 {
 padding-top: 61px;
}

.footer .ft3 {
 font-size: 22px;
 padding-top: 61px;
}

@media screen and (max-device-width: 480px) {
 .footer .ft3 { font-size: 18px; }
}

.footnum {
 font-size: 29px;
}

@media screen and (max-device-width: 480px) {
 .footnum { font-size: 25px; }
}

.footinfo {
 font-size: 17px;
}

@media screen and (max-device-width: 480px) {
 .footinfo { font-size: 13px; }
}

.block1 .form {
 font-family: pt-sans,sans-serif;
 font-size: 27px;
 font-weight: 100;
 line-height: 28px;
}

@media screen and (max-device-width: 480px) {
 .block1 .form { font-size: 23px; }
}

.block1 .form h1 {
 margin: 0px;
 padding: 0px;
 color: #01a0e2;
 font-family: pt-sans,sans-serif;
 font-size: 42px;
}

@media screen and (max-device-width: 480px) {
 .block1 .form h1 { font-size: 35px; }
}

.form .spacer {
 height: 10px;
}

.form input[type="text"] {
 height: 44px;
 width: 340px;
 border: none;
 border: 2px #C6C8C7 solid;
 color: #C6C8C7;
 font-size: 20px;
 padding-left: 10px;
 background-repeat: repeat;
}

.form .timer {
 height: 91px;
 width: 409px;
 background-image: url(img/timer.png);
}

.form span {
 font-family: pt-sans,sans-serif;
 font-size: 20px;
 font-weight: 100;
 line-height: 28px;
}

#sday, #shour, #smin, #ssek {
 margin-left: 30px;
 font-size: 65px;
 padding-top: 10px;
}

@media screen and (max-device-width: 480px) {
 #sday, #shour, #smin, #ssek { font-size: 56px; }
}

#shour {
 margin-left: 53px;
}

#smin {
 margin-left: 34px;
}

#ssek {
 margin-left: 36px;
 color: red;
 display: none;
}

.startus {
 height: 20px;
}

.form p {
 margin: 0px;
 padding: 0px;
}

.links a {
 color: black;
 text-decoration: none;
 font-family: pt-sans,sans-serif;
 font-size: 22px;
 font-weight: 100;
 line-height: 30px;
 text-align: center;
}

@media screen and (max-device-width: 480px) {
 .links a { font-size: 17px; }
}

.links table {
 padding-top: 6px;
}

.arrows {
 cursor: pointer;
}

.box-modal .btnblue {
 border: none;
 width: 266px;
 height: 45px;
 color: white;
 background-color: #17375e; 
 font-family: pt-sans,sans-serif;
 font-size: 15pt;  
}

.box-modal .zz {
 text-align: center;
}

.box-modal input[type="text"] {
 padding-left: 23px; 
 border: 2px solid #e8e8e8; 
 width: 243px; 
 height: 32px; 
 color: #666666; 
 border-radius: 5px;
}

.box-modal .title {
 font-family: pt-sans,sans-serif;
 font-size: 20pt; 
}

.box-modal #tel {
 margin-top: 9px;
 margin-bottom: 10px;
}

@media screen and (max-device-width: 480px) {
 .box-modal .sub { font-size: 12px; }
}