::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-thumb {
  background: #000000;
}
::-webkit-scrollbar-track {
  background: #FFFFFF;
}
* {
  scrollbar-width: thin;
  scrollbar-color: #000000 #FFFFFF;
}



@font-face {
  font-family: "b";
  font-style: normal;
  font-weight: 400;
  src: url("font/b.woff2") format("woff2"), url("font/b.woff") format("woff");
}

@font-face {
  font-family: "r";
  font-style: normal;
  font-weight: 400;
  src: url("font/r.woff2") format("woff2"), url("font/r.woff") format("woff");
}

@font-face {
  font-family: "s";
  font-style: normal;
  font-weight: 400;
  src: url("font/s.woff2") format("woff2"), url("font/s.woff") format("woff");
}

@font-face {
  font-family: "logo";
  font-style: normal;
  font-weight: 400;
  src: url("font/logo.woff2") format("woff2"), url("font/logo.woff") format("woff");
}



html {
  height: 100%;
  width: 100%;
  margin: 0px;
}
body {padding: 0; margin: 0; cursor: default; background: #FFFFFF; color: #101010; overflow-x: hidden; overflow-y: scroll;}

* {font-family: 'r'; color: #161719; -webkit-tap-highlight-color:rgba(0,0,0,0);}
@media screen and (max-width: 505px){
* {line-height: 24px;}
}





h1 {display: block; font-family: 'b'; font-weight: normal; color: #2A2E34; font-size: 62px; text-transform: uppercase; line-height: 68px; padding: 0; margin: 0; margin-bottom: 40px;}
h2 {display: block; font-family: 'b'; font-weight: normal; color: #2A2E34; text-transform: uppercase; padding: 0; margin: 0;}
h3 {display: inline; font-family: 's'; font-weight: normal; color: #000206; text-transform: uppercase; letter-spacing: -10px; padding: 0; margin: 0;}
sup.sup1 {font-family: 'b'; font-weight: normal; color: #2A2E34; font-size: 19px;}
sup.sup2 {margin-left: 5px; font-family: 's'; font-weight: normal; color: #000206; font-size: 33px; line-height: 0;}




.logo {display: block; width: 80px; height: 36px; background: url(logo.png) no-repeat center; margin-bottom: 80px;}
@media screen and (max-width: 935px){
.logo {margin: 0 auto 70px;}
}




.line1 {position: relative; top: 0; left: 0; width: 100%; height: 75px; margin-top: -75px; background: url(line1.png) repeat-x left bottom; z-index: 100;}
.line2 {position: relative; top: 0; left: 0; width: 100%; height: 44px; background: url(line2.png) repeat-x left top; z-index: 100;}
.line3 {position: relative; top: 0; left: 0; width: 100%; height: 44px; margin-top: -44px; background: url(line3.png) repeat-x right center; z-index: 100;}
.line4 {position: relative; top: 0; left: 0; width: 100%; height: 75px; background: url(line4.png) repeat-x left top; z-index: 100;}
.line5 {position: relative; top: 0; left: 0; width: 100%; height: 75px; margin-top: -75px; background: url(line5.png) repeat-x left top; z-index: 100;}
.line6 {position: relative; top: 0; left: 0; width: 100%; height: 44px; background: url(line6.png) repeat-x right center; z-index: 100;}
.line7 {position: relative; top: 0; left: 0; width: 100%; height: 75px; background: url(line7.png) repeat-x center top; z-index: 100;}
@media screen and (max-width: 1112px){
.line7 {background: url(line7_2.png) repeat-x center top;}
}
@media screen and (max-width: 646px){
.line3 {margin-top: -82px;}
}


.txt {font-family: 'r'; font-weight: normal; color: #161719; font-size: 13px; letter-spacing: 0.3px; text-transform: uppercase; line-height: 24px; padding: 0; margin: 0;}
@media screen and (max-width: 969px){
.txt {font-size: 12px; line-height: 24px;}
}
@media screen and (max-width: 400px){
.txt {line-height: 23px;}
}








#msg, #bg_zzz {display: none;}
.bg_msg {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #FFFFFF; background: rgba(255,255,255,0.8); z-index: 10000000;}
.class_form2 {position: fixed; top: 50%; left: 50%; width: 230px; margin-left: -155px; margin-top: -180px; padding: 53px 40px 60px; background: #FFFFFF; box-shadow: 4px 4px 0px rgba(0,0,0,0.05); z-index: 10000001; text-align: center;}








/* 0 */
.b0 {position: relative; top: 0; left: 0; padding: 0; width: 100%; height: 850px; background: #FFFFFF url(b0.jpg) no-repeat center top; text-align: center; vertical-align: top;}
.b0 h1 {font-size: 20px; line-height: 26px; margin-bottom: 0;}
.b0 h2 {font-size: 47px; line-height: 53px;}
.b0 h3 {font-size: 70px; line-height: 65px; margin: 0; text-shadow: 25px 25px 0 rgba(0,0,0,0.085); margin-left: -5px; letter-spacing: -7px;}

.b0 .in1 {display: table; width: 1220px; margin: 0 auto; padding-top: 80px;}
.b0 .logo0 {display: table-cell; width: auto; height: 36px; padding-left: 110px; text-align: left; vertical-align: middle; background: url(logo0.png) no-repeat left center;}
.b0 .logo0_in {display: table-cell; text-align: left; vertical-align: middle;}
.b0 .logo0_txt2 {display: none; font-size: 14px;}
.b0 .zag {display: table-cell; width: auto; height: auto; padding: 21px 70px 19px; text-align: center; vertical-align: middle; background: url(b0_line.png) no-repeat center bottom;}
.b0 .phone {display: table-cell; width: auto; height: auto; padding: 21px 0 19px; text-align: right; vertical-align: middle;}
.b0 .str {margin-top: 370px;}
.b0 .strs {display: inline-block; height: 250px; text-align: left; vertical-align: top; padding-left: 190px; margin: 0 100px;}
.b0 .strs_table {display: table; height: 100%; text-align: left; vertical-align: middle;}
.b0 .strs_cell {display: table-cell; text-align: left; vertical-align: middle;}
.b0 .str1 {background: url(b0_str1.png) no-repeat left center;}
.b0 .str2 {background: url(b0_str2.png) no-repeat left center;}
.b0 .str3 {background: url(b0_str3.png) no-repeat left center;}
.b0 .str4 {background: url(b0_str4.png) no-repeat left center;}
.b0 .str5 {background: url(b0_str5.png) no-repeat left center;}
.b0 .str_min_txt {display: none; width: 300px; margin: 0 auto; padding: 190px 0 20px;}
.b0 .str_min_txt h1 {font-size: 37px; line-height: 43px;}
.b0 .str_min {display: none; width: 300px; margin: 0 auto;}
.b0 .str_min .blocks {display: block; width: 100%; margin: 40px 0; padding-top: 90px;}
.b0 .str_min .block1 {background: url(b0_str1_min.png) no-repeat center top;}
.b0 .str_min .block2 {background: url(b0_str2_min.png) no-repeat center top;}
.b0 .str_min .block3 {background: url(b0_str3_min.png) no-repeat center top;}
.b0 .str_min .block4 {background: url(b0_str4_min.png) no-repeat center top;}
.b0 .str_min .block5 {background: url(b0_str5_min.png) no-repeat center top;}

@media screen and (max-height: 854px){
.b0 .str {margin-top: 340px;}
}
@media screen and (max-height: 800px){
.b0 .str {margin-top: 320px;}
}

@media screen and (max-width: 1657px){
.b0 .in1 {width: 1200px;}
}
@media screen and (max-width: 1607px){
.b0 .in1 {width: 1180px;}
}
@media screen and (max-width: 1537px){
.b0 .in1 {width: 1130px;}
}
@media screen and (max-width: 1462px){
.b0 .in1 {width: 1110px;}
}
@media screen and (max-width: 1402px){
.b0 .in1 {width: 1060px;}
}
@media screen and (max-width: 1348px){
.b0 .in1 {width: 950px;}
.b0 .logo0_txt {display: none;}
}
@media screen and (max-width: 1214px){
.b0 .in1 {width: 920px;}
}
@media screen and (max-width: 1112px){
.b0 {background: #FFFFFF url(b0_2.jpg) no-repeat center top;}
.b0 .in1 {width: 850px;}
}
@media screen and (max-width: 1057px){
.b0 .in1 {width: 770px;}
.b0 .logo0_txt2 {display: block;}
.b0 .phone {display: none;}
.b0 .zag {text-align: right; padding: 0; background: none;}
}
@media screen and (max-width: 1010px){
.b0 .in1 {width: 720px;}
}
@media screen and (max-width: 943px){
.b0 .in1 {width: 80%;}
}
@media screen and (max-width: 852px){
.b0 h3 {font-size: 55px; line-height: 50px;}
.b0 .str {margin-top: 230px;}
.b0 {height: 650px; background: #FFFFFF url(b0_2.jpg) no-repeat center -50px;}
}
@media screen and (max-width: 766px){
.b0 .in1 {display: block; width: 100%; padding-top: 70px;}
.b0 .logo0 {display: block; text-align: center; width: 115px; padding-left: 95px; height: auto; margin: 0 auto;}
.b0 .logo0_in {display: block; width: 100%; text-align: center; vertical-align: top;}
.b0 .zag {display: none;}
}
@media screen and (max-width: 600px){
.b0 {height: auto; padding: 10px 0 30px; background: #FFFFFF url(b0_2.jpg) no-repeat center 60px; background-size: 400px 510px;}
.b0 .str {display: none;}
.b0 .str_min, .b0 .str_min_txt {display: block;}
}
@media screen and (max-width: 437px){
.b0 .str_min_txt {width: 250px;}
.b0 .str_min {width: 250px;}
}
@media screen and (max-width: 400px){
.b0 .str_min_txt h1 {font-size: 35px; line-height: 41px;}
}
@media screen and (max-width: 357px){
.b0 .str_min_txt h1 {font-size: 30px; line-height: 36px;}
}
@media screen and (max-width: 387px){
.b0 .str_min_txt {width: 220px;}
.b0 .str_min {width: 220px;}
}
@media screen and (max-width: 329px){
.b0 .str_min_txt {width: 200px;}
.b0 .str_min {width: 200px;}
}











/* 1 */
.b1 {position: relative; top: 0; left: 0; padding: 0; margin-top: -75px; width: 100%; background: #FFE167 url(b1_bg.png);}
.b1_txt {margin-bottom: 35px;}
.b1_in {width: 100%; height: 100%; padding: 0; background: url(b1_fon.png) fixed;}
.b1_in2 {width: 100%; height: 100%; padding: 120px 0 100px; background: none;}
.b1_main {width: 450px; min-height: 625px; margin: 0 auto; padding-right: 770px; background: url(b1.png) no-repeat right center;}
.b1_padding {height: 100px;}
.b1 h1 {font-size: 47px; line-height: 53px;}
.b1 h3 {font-size: 80px; line-height: 70px; margin: 0; text-shadow: 25px 25px 0 rgba(0,0,0,0.085); margin-left: -7px;}
.b1 .b1_min {display: none; width: 250px; height: 171px; background: url(b1_min.png) no-repeat center; margin: 0 auto;}

@media screen and (max-width: 1657px){
.b1_main {padding-right: 750px;}
}
@media screen and (max-width: 1607px){
.b1_main {width: 430px;}
}
@media screen and (max-width: 1537px){
.b1_main {width: 500px; padding-right: 630px; background: url(b1.png) no-repeat right center; background-size: 580px auto;}
.b1_in2 {padding: 90px 0 70px;}
.b1 h1 {font-size: 37px; line-height: 43px;}
}
@media screen and (max-width: 1462px){
.b1_main {width: 480px;}
}
@media screen and (max-width: 1402px){
.b1_main {width: 430px;}
}
@media screen and (max-width: 1348px){
.b1_main {width: 320px;}
.b1 h3 {font-size: 65px; line-height: 55px; letter-spacing: -8px;}
}
@media screen and (max-width: 1214px){
.b1_main {width: 350px; padding-right: 550px; background: url(b1.png) no-repeat right center; background-size: 500px auto;}
.b1_in2 {padding: 60px 0 40px;}
}
@media screen and (max-width: 1112px){
.b1_main {padding-right: 420px; background: url(b1.png) no-repeat right center; background-size: 370px auto;}
.b1_in2 {padding: 40px 0 10px;}
}
@media screen and (max-width: 1040px){
.b1_main {padding-right: 380px; background: url(b1.png) no-repeat right center; background-size: 330px auto;}
}
@media screen and (max-width: 969px){
.logo {margin: 0 auto 75px;}
.b1_in2 {padding: 130px 0 20px;}
.b1_main {background: none; width: 60%; padding-right: 0; text-align: center;}
.b1 h3 {font-size: 60px; line-height: 50px; letter-spacing: -7px;}
.b1 .b1_min {display: block;}
.b1_padding {height: 0;}
}
@media screen and (max-width: 845px){
.b1_in2 {padding: 130px 0 50px;}
}
@media screen and (max-width: 772px){
.b1_main {width: 70%;}
.b1 h3 {font-size: 70px; line-height: 60px;}
}
@media screen and (max-width: 620px){
.b1_main {width: 60%;}
.b1 h3 {font-size: 60px; line-height: 50px;}
.b1_in2 {padding: 130px 0 70px;}
}
@media screen and (max-width: 606px){
.b1 h1 {padding: 0 20px;}
}
@media screen and (max-width: 580px){
.b1_main {width: 350px;}
}
@media screen and (max-width: 510px){
.b1_in2 {padding: 130px 0 120px;}
}
@media screen and (max-width: 499px){
.b1_main {width: 300px;}
.b1 h3 {font-size: 50px; line-height: 40px;}
}
@media screen and (max-width: 460px){
.b1 h3 {font-size: 50px; line-height: 40px; letter-spacing: -7px;}
}
@media screen and (max-width: 400px){
.b1_main {width: 270px;}
.b1 h1 {font-size: 35px; line-height: 41px;}
.b1 h3 {font-size: 45px; line-height: 35px; letter-spacing: -6px;}
}
@media screen and (max-width: 357px){
.b1_main {width: 220px;}
.b1 h1 {font-size: 30px; line-height: 36px;}
.b1 h3 {font-size: 40px; line-height: 30px;}
.b1_in2 {padding: 130px 0 90px;}
.b1 .b1_min {background: url(b1_min.png) no-repeat 10px center; background-size: 200px auto;}
}














/* 2 */
.b2 {position: relative; top: 0; left: 0; padding: 62px 0 76px; width: 100%; background: #FFFFFF; text-align: center;}
.b2 .in {display: inline-block; width: 264px; text-align: center; vertical-align: top; margin: 0px 42px; padding-top: 40px; background: url(b2_ramka.png) no-repeat center top;}
.b2 .in .cif {display: block; text-align: center; vertical-align: top; font-family: 's'; font-size: 80px; line-height: 80px; font-weight: normal; text-transform: uppercase; letter-spacing: -9px; text-shadow: 25px 25px 0 rgba(0,0,0,0.085); padding: 0; margin: 0 0 25px -10px;}

@media screen and (max-width: 1827px){
.b2 .in {width: 250px; margin: 0px 42px;}
}
@media screen and (max-width: 1589px){
.b2 .in {width: 230px; margin: 0px 42px;}
}
@media screen and (max-width: 1452px){
.b2 .in {margin: 0px 35px;}
.b2 .in .cif {font-size: 75px; line-height: 75px;}
}
@media screen and (max-width: 1348px){
.b2 .in {margin: 0px 30px;}
}
@media screen and (max-width: 1294px){
.b2 .in {width: 210px;}
}
@media screen and (max-width: 1223px){
.b2 .in {width: 180px; margin: 0px 36px;}
.b2 .in .cif {font-size: 70px; line-height: 70px;}
}
@media screen and (max-width: 1112px){
.b2 .in {width: 300px; margin: 40px 50px;}
.b2 .in .cif {font-size: 75px; line-height: 75px;}
.b2 {padding: 20px 0 35px;}
}
@media screen and (max-width: 1019px){
.b2 .in {width: 300px; margin: 40px 35px;}
}
@media screen and (max-width: 926px){
.b2 .in {width: 260px;}
}
@media screen and (max-width: 850px){
.b2 .in {width: 220px;}
}
@media screen and (max-width: 752px){
.b2 .in {margin: 40px 25px;}
}
@media screen and (max-width: 678px){
.b2 .in {margin: 40px 20px;}
.b2 .in .cif {font-size: 70px; line-height: 70px;}
}
@media screen and (max-width: 635px){
.b2 .in {margin: 40px 12px;}
}
@media screen and (max-width: 609px){
.b2 .in {width: 300px; margin: 35px 0;}
}
@media screen and (max-width: 476px){
.b2 .in {width: 260px;}
}
@media screen and (max-width: 390px){
.b2 .in {width: 230px;}
}
@media screen and (max-width: 323px){
.b2 .in {width: 200px;}
}











/* 3 */
.b3 {position: relative; top: 0; left: 0; padding: 0; width: 100%; margin-top: -44px; background: #FAFAFA url(b3_bg.png);}
.b3 h1 {font-size: 37px; line-height: 43px;}
.b3 h2 {display: inline; font-size: 32px; line-height: 38px; padding: 40px 0 50px 100px; background: url(b3_gotovo.png) no-repeat left center; margin-left: 65px;}
.b3_in {display: block; padding: 125px 0 135px; width: 100%; height: 100%; background: url(b3_fon.png) fixed;}
.b3_main {display: block; padding: 0; width: 100%; margin: 0 auto; text-align: center; vertical-align: top;}
.b3_sel {display: inline-block; width: 620px; height: 615px; margin-left: 130px; background: url(b3_sel.png) no-repeat center; background-size: contain;}
.b3_sel_table {display: table; width: 100%; height: 100%; text-align: center; vertical-align: middle;}
.b3_sel_cell {display: table-cell; text-align: center; vertical-align: middle;}
.b3_sel_main {display: block; width: 78%; height: 78%; margin: -2px auto 0;}
.b3_left {display: inline-block; text-align: left; vertical-align: top; width: 435px; padding-top: 25px; margin-left: 15px;}
.b3_left .txt {padding-left: 30px;}
.b3_strelka {display: inline-block; margin-left: 20px; width: 50px; height: 30px; background: url(b3_strelka.png) no-repeat center;}
.b3_sel_min {display: none; text-align: center;}
.b3_sel_min img {display: block; width: 100%; margin: 30px 0; box-shadow: 7px 7px 0px #FFE57C;}

@media screen and (max-width: 1607px){
.b3_sel {margin-left: 110px;}
}
@media screen and (max-width: 1537px){
.b3_sel {margin-left: 80px;}
}
@media screen and (max-width: 1462px){
.b3_sel {margin-left: 65px;}
}
@media screen and (max-width: 1402px){
.b3_sel {width: 580px; height: 575px; margin-left: 58px;}
.b3_left {padding-top: 10px;}
}
@media screen and (max-width: 1371px){
.b3 h1 {font-size: 32px; line-height: 38px;}
.b3 h2 {margin-left: 25px;}
.b3_in {padding: 115px 0 140px;}
}
@media screen and (max-width: 1346px){
.b3_sel {width: 520px; height: 516px; margin-left: 70px; margin-top: 30px;}
.b3_left {width: 350px; padding-top: 0px;}
.b3_in {padding: 120px 0 155px;}
.b3_left .txt {padding-left: 0;}
}
@media screen and (max-width: 1243px){
.b3 h2 {margin-left: -25px;}
}
@media screen and (max-width: 1214px){
.b3_left {width: 330px; padding-top: 15px;}
.b3_sel {margin-left: 60px; margin-top: 50px;}
}
@media screen and (max-width: 1112px){
.b3_left {display: block; text-align: center; width: 70%; padding-top: 0; margin: 0 auto;}
.b3 h2, .b3_strelka {display: none;}
.b3_sel {display: block; margin: 0 auto;}
.b3_in {padding: 110px 0 120px;}
.b3 h1 {font-size: 37px; line-height: 43px;}
}
@media screen and (max-width: 1020px){
.b3_left {width: 65%;}
}
@media screen and (max-width: 646px){
.b3_sel {display: none;}
.b3_sel_min {display: block;}
.b3_in {padding: 115px 0 0;}
}
@media screen and (max-width: 468px){
.b3 h1 {font-size: 30px; line-height: 36px;}
}
@media screen and (max-width: 384px){
.b3_left {width: 70%;}
}
@media screen and (max-width: 346px){
.b3 h1 {font-size: 27px; line-height: 33px;}
}













/* 4 */
.b4 {position: relative; top: 0; left: 0; padding: 60px 0 24px; width: 100%; background: #FFE57C url(b4_bg.png); text-align: center;}
.b4 h1 {font-size: 35px; line-height: 41px; color: #2A2E34;}
.b4 .in {display: inline-block; width: 270px; text-align: left; vertical-align: top; margin-right: 50px; padding-top: 30px;}
.b4 .in1 {display: inline-block; width: 240px; text-align: left; vertical-align: top; margin-right: 25px; padding: 20px 0 20px 160px; background: url(b4_logo1.png) no-repeat left center;}
.b4 .in2 {display: inline-block; width: 240px; text-align: left; vertical-align: top; margin-left: 25px; padding: 20px 0 20px 160px; background: url(b4_logo2.png) no-repeat left center;}
.b4 .txt {color: #161719;}

@media screen and (max-width: 1607px){
.b4 .in {width: 250px;}
}
@media screen and (max-width: 1537px){
.b4 .in {width: 230px;}
.b4 .in1 {margin-right: 20px;}
.b4 .in2 {margin-left: 20px;}
}
@media screen and (max-width: 1462px){
.b4 .in1, .b4 .in2 {width: 220px;}
}
@media screen and (max-width: 1402px){
.b4 .in {display: none;}
.b4 .in1, .b4 .in2 {width: 330px;}
.b4 .in1 {margin-right: 25px;}
.b4 .in2 {margin-left: 25px;}
.b4 {padding: 60px 0 38px;}
}
@media screen and (max-width: 1346px){
.b4 .in1, .b4 .in2 {width: 260px;}
.b4 .in1 {margin-right: 30px;}
.b4 .in2 {margin-left: 30px;}
}
@media screen and (max-width: 1112px){
.b4 {padding: 72px 0 55px;}
.b4 .in1, .b4 .in2 {text-align: center; width: 300px;}
.b4 .in1, .b4 .in2 {padding: 140px 0 0; margin: 0 30px;}
.b4 .in1 {background: url(b4_logo1.png) no-repeat center top;}
.b4 .in2 {background: url(b4_logo2.png) no-repeat center top;}
}
@media screen and (max-width: 969px){
.b4 .in1, .b4 .in2 {text-align: center; width: 260px;}
.b4 .in1, .b4 .in2 {margin: 0 40px;}
}
@media screen and (max-width: 867px){
.b4 .in1, .b4 .in2 {margin: 0 25px;}
}
@media screen and (max-width: 789px){
.b4 {padding: 20px 0 60px;}
.b4 .in1, .b4 .in2 {display: block; margin: 60px auto 0;}
}
@media screen and (max-width: 367px){
.b4 .in1, .b4 .in2 {width: 220px;}
}
@media screen and (max-width: 323px){
.b4 .in1, .b4 .in2 {width: 190px;}
}













/* 5 */
.b5 {position: relative; top: 0; left: 0; padding: 50px 0 115px; width: 100%; background: #FFFFFF; text-align: center;}
.b5 h1 {font-size: 37px; line-height: 43px;}
.b5 .main {display: table; width: 1300px; height: 550px; margin: 0 auto; padding-right: 100px; text-align: center; vertical-align: top;}
.b5 .block1 {display: table-cell; width: 550px; height: 100%; margin: 0; text-align: center; vertical-align: middle;}
.b5 .block1 img {width: 100%; border: none; outline: none;}
.b5 .block2 {display: table-cell; width: 3px; height: 100%; margin: 0; text-align: center; vertical-align: middle; background: url(b5_block2.png) no-repeat left top;}
.b5 .block3 {display: table-cell; width: auto; height: 100%; margin: 0; padding-left: 100px; text-align: left; vertical-align: middle;}
.b5 .blocks {display: inline-block; width: 285px; min-height: 68px; margin: 5px 0; text-align: left; vertical-align: top;}
.b5 .blocks_in {display: table-cell; width: 100%; padding-left: 43px; margin: 0; text-align: left; vertical-align: middle; background: url(b5_ramka.png) no-repeat left center;}
.b5 .dop_txt {display: inline;}

@media screen and (max-width: 1537px){
.b5 .main {width: 1250px; padding-right: 60px;}
}
@media screen and (max-width: 1437px){
.b5 .main {width: 1220px; padding-right: 30px;}
.b5 .block3 {padding-left: 70px;}
}
@media screen and (max-width: 1394px){
.b5 .main {width: 1150px; padding-right: 50px;}
.b5 .block3 {padding-left: 90px;}
.b5 .blocks {margin: 0px;}
.b5 .dop_txt {display: none;}
}
@media screen and (max-width: 1263px){
.b5 .main {width: 1050px; padding-right: 60px;}
}
@media screen and (max-width: 1215px){
.b5 .main {width: 1000px;}
.b5 {padding: 65px 0 145px;}
}
@media screen and (max-width: 1133px){
.b5 {padding: 65px 0 135px;}
.b5 .main {display: block; width: 70%; height: auto; padding: 0;}
.b5 .block1, .b5 .block2 {display: none;}
.b5 .block3 {display: block; width: 100%; height: 100%; text-align: center; vertical-align: top; padding: 0;}
.b5 .blocks {width: 270px; min-height: none; margin: 15px 20px;}
.b5 .blocks_in {display: block; padding-left: 0; padding-top: 43px; text-align: center; vertical-align: top; background: url(b5_ramka2.png) no-repeat center top;}
}
@media screen and (max-width: 933px){
.b5 .blocks {width: 230px;}
}
@media screen and (max-width: 818px){
.b5 .blocks {width: 200px;}
}
@media screen and (max-width: 744px){
.b5 .main {width: 80%;}
.b5 .blocks {width: 190px;}
}
@media screen and (max-width: 623px){
.b5 .main {width: 60%;}
.b5 .blocks {width: 250px; margin: 22px 0;}
.b5 {padding: 50px 0 120px;}
}
@media screen and (max-width: 604px){
.b5 .main {width: 56%;}
.b5 .blocks {width: 250px;}
}
@media screen and (max-width: 538px){
.b5 .main {width: 70%;}
}
@media screen and (max-width: 468px){
.b5 h1 {font-size: 30px; line-height: 36px;}
}
@media screen and (max-width: 410px){
.b5 .blocks {width: 220px;}
}
@media screen and (max-width: 390px){
.b5 .main {width: 66%;}
}
@media screen and (max-width: 346px){
.b5 h1 {font-size: 27px; line-height: 33px;}
}
@media screen and (max-width: 338px){
.b5 .blocks {width: 200px;}
}














/* 6 */
.b6 {position: relative; top: 0; left: 0; padding: 50px 0 70px; width: 100%; background: #EEEEEE url(b6_bg.png); text-align: center;}
.b6 h1 {font-size: 35px; line-height: 41px; color: #2A2E34;}
.b6 .main {display: block; width: 100%; text-align: center; vertical-align: top; margin: 0 auto; padding: 0;}
.b6 .in {display: inline-block; width: 260px; text-align: center; vertical-align: top; margin: 0px 52px; padding-top: 78px;}
.b6 .in1 {background: url(b6_1.png) no-repeat center top;}
.b6 .in2 {background: url(b6_2.png) no-repeat center top;}
.b6 .in3 {background: url(b6_3.png) no-repeat center top;}

@media screen and (max-width: 1469px){
.b6 .in {margin: 0px 46px;}
}
@media screen and (max-width: 1331px){
.b6 .in {margin: 0px 40px;}
}
@media screen and (max-width: 1261px){
.b6 .in {margin: 0px 35px;}
}
@media screen and (max-width: 1160px){
.b6 .in {width: 240px;}
}
@media screen and (max-width: 1103px){
.b6 .in {width: 210px; margin: 0px 42px;}
}
@media screen and (max-width: 1005px){
.b6 .in {width: 200px; margin: 0px 35px;}
}
@media screen and (max-width: 938px){
.b6 .in {margin: 0px 25px;}
}
@media screen and (max-width: 845px){
.b6 .in {width: 240px; margin: 25px 35px;}
.b6 {padding: 35px 0 55px;}
}
@media screen and (max-width: 732px){
.b6 .in {margin: 25px 20px;}
}
@media screen and (max-width: 689px){
.b6 .main {width: 300px;}
.b6 .in {margin: 25px 0;}
}
@media screen and (max-width: 357px){
.b6 .main {width: 250px;}
.b6 .in {width: 200px;}
}












/* 7 */
.b7 {position: relative; top: 0; left: 0; padding: 0; width: 100%; margin-top: -44px; background: #FCFCFC url(b3_bg.png);}
.b7 .logo {margin: 0 auto 37px;}
.b7 h1 {font-size: 37px; line-height: 43px; margin-bottom: 8px;}
.b7 h2 {display: inline; font-size: 15px; line-height: 20px; padding-right: 30px; background: url(pointer.png) no-repeat right center;}
.b7 h3 {display: block; font-size: 80px; letter-spacing: -8px; line-height: 86px; margin: 38px auto;}
.b7_main {display: block; width: 100%; height: 100%; padding: 0; margin: 0 auto; text-align: center; vertical-align: top; background: url(b7.jpg) no-repeat center bottom;}
.b7_in {display: block; width: 100%; height: 100%; padding: 130px 0 220px; background: url(b7_fon.png) fixed;}
.b7_in_in {display: block; width: 100%; margin: 0 auto;}
.b7 .knopka, .class_form2 .knopka {display: block; width: 130px; height: 67px; margin: 18px auto 0; background: url(b7_knopka.png) no-repeat center; cursor: pointer;}
.b7 .knopka_table, .class_form2 .knopka_table {display: table; width: 100%; height: 100%; text-align: center; vertical-align: middle;}
.b7 .knopka_cell, .class_form2 .knopka_cell {display: table-cell; width: 100%; height: 100%; text-align: center; vertical-align: middle; font-family: 'b'; font-size: 13px; letter-spacing: 0.5px; font-weight: normal; color: #2A2E34; text-transform: uppercase;}
.b7 .razdel {margin-bottom: 0;}
.b7 .knopka_gotovo {display: none; width: 130px; height: 67px; margin: 18px auto 0;}

@media screen and (max-width: 1268px){
.b7_main {background: url(b7.jpg) no-repeat center bottom; background-size: 730px auto;}
.b7_in {padding: 150px 0 180px;}
}
@media screen and (max-width: 1039px){
.b7_in {padding: 150px 0 150px;}
.b7_main {background: url(b7.jpg) no-repeat center bottom; background-size: 500px auto;}
}
@media screen and (max-width: 939px){
.b7 h3 {font-size: 70px; letter-spacing: -6px; line-height: 76px; margin: 29px auto;}
}
@media screen and (max-width: 712px){
.b7 h3 {font-size: 55px; letter-spacing: -3px; line-height: 61px; margin: 25px auto;}
.b7 .knopka, .b7 .knopka_gotovo, .class_form2 .knopka {margin: 55px auto 0;}
.b7 .razdel {margin-bottom: 20px;}
}
@media screen and (max-width: 632px){
.b7 h3 {font-size: 50px; letter-spacing: -5px; line-height: 56px; margin: 23px auto;}
}
@media screen and (max-width: 575px){
.b7 h3 {font-size: 40px; letter-spacing: -3px; line-height: 46px;}
.b7 h2 {display: block; margin: 20px auto 0; width: 250px;}
}
@media screen and (max-width: 468px){
.b7 h1 {font-size: 30px; line-height: 36px;}
}
@media screen and (max-width: 422px){
.b7 h3 {font-size: 30px; font-family: 'b'; color: #2A2E34; letter-spacing: 0px; line-height: 36px;}
.b7 h2 {width: 220px;}
}
@media screen and (max-width: 368px){
.b7 h3 {font-size: 27px; line-height: 33px;}
}
@media screen and (max-width: 346px){
.b7 h1 {font-size: 27px; line-height: 33px;}
}
@media screen and (max-width: 325px){
.b7 h2 {width: 160px;}
}









@media only screen and (-webkit-min-device-pixel-ratio: 1.01),
  only screen and (-moz-min-device-pixel-ratio: 1.01),
  only screen and (-o-min-device-pixel-ratio: 1.01/1),
  only screen and (min-device-pixel-ratio: 1.01),
  only screen and (min-resolution: 1.01dppx) {


.logo {background: url(logo@1.1.png) no-repeat center; background-size: 80px 36px;}



.b0 .logo0 {background: url(logo0@1.1.png) no-repeat left center; background-size: 80px 36px;}
.b0 .zag {background: url(b0_line@1.1.png) no-repeat center bottom; background-size: 341px 36px;}
.b0 .str1 {background: url(b0_str1@1.1.png) no-repeat left center; background-size: 130px 137px;}
.b0 .str2 {background: url(b0_str2@1.1.png) no-repeat left center; background-size: 140px 136px;}
.b0 .str3 {background: url(b0_str3@1.1.png) no-repeat left center; background-size: 130px 150px;}
.b0 .str4 {background: url(b0_str4@1.1.png) no-repeat left center; background-size: 130px 146px;}
.b0 .str5 {background: url(b0_str5@1.1.png) no-repeat left center; background-size: 130px 139px;}

.b0 .str_min .block1 {background: url(b0_str1.png) no-repeat center top; background-size: 65px 69px;}
.b0 .str_min .block2 {background: url(b0_str2.png) no-repeat center top; background-size: 70px 68px;}
.b0 .str_min .block3 {background: url(b0_str3.png) no-repeat center top; background-size: 65px 75px;}
.b0 .str_min .block4 {background: url(b0_str4.png) no-repeat center top; background-size: 65px 73px;}
.b0 .str_min .block5 {background: url(b0_str5.png) no-repeat center top; background-size: 65px 70px;}

@media screen and (max-width: 1057px){
.b0 .zag {background: none;}
}




.b1 .b1_min {background: url(b1_min@1.1.png) no-repeat center; background-size: 250px 171px;}
@media screen and (max-width: 357px){
.b1 .b1_min {background: url(b1_min@1.1.png) no-repeat 10px center; background-size: 200px auto;}
}



.b2 .in {background: url(b2_ramka@1.1.png) no-repeat center top; background-size: 68px 36px;}



.b3 h2 {background: url(b3_gotovo@1.1.png) no-repeat left center; background-size: 220px 67px;}
.b3_strelka {background: url(b3_strelka@1.1.png) no-repeat center; background-size: 50px 30px;}



.b4 .in1 {background: url(b4_logo1@1.1.png) no-repeat left center; background-size: 126px 100px;}
.b4 .in2 {background: url(b4_logo2@1.1.png) no-repeat left center; background-size: 126px 100px;}
@media screen and (max-width: 1112px){
.b4 .in1 {background: url(b4_logo1@1.1.png) no-repeat center top; background-size: 126px 100px;}
.b4 .in2 {background: url(b4_logo2@1.1.png) no-repeat center top; background-size: 126px 100px;}
}



.b5 .blocks_in {background: url(b5_ramka@1.1.png) no-repeat left center; background-size: 26px 49px;}
@media screen and (max-width: 1133px){
.b5 .blocks_in {background: url(b5_ramka2@1.1.png) no-repeat center top; background-size: 49px 26px;}
}



.b6 .in1 {background: url(b6_1@1.1.png) no-repeat center top; background-size: 50px 52px;}
.b6 .in2 {background: url(b6_2@1.1.png) no-repeat center top; background-size: 50px 53px;}
.b6 .in3 {background: url(b6_3@1.1.png) no-repeat center top; background-size: 50px 52px;}



.b7 h2 {background: url(pointer@1.1.png) no-repeat right center; background-size: 15px;}
.b7 .knopka, .class_form2 .knopka {background: url(b7_knopka@1.1.png) no-repeat center; background-size: 130px 67px;}



}