::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-thumb {
  background: #202020;
}
::-webkit-scrollbar-track {
  background: #FFFFFF;
}
* {
  scrollbar-width: thin;
  scrollbar-color: #202020 #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: "l";
  font-style: normal;
  font-weight: 400;
  src: url("font/l.woff2") format("woff2"), url("font/l.woff") format("woff");
}



body {padding: 0; margin: 0; cursor: default; color: #303030; overflow-x: hidden;}


* {font-family: 'l'; font-size: 21px; line-height: 28px; text-decoration: none; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-appearance: none;}
@media screen and (max-width: 800px){
* {font-size: 18px; line-height: 25px;}
}



b {display: block; font-family: 'b'; font-size: 75px; text-align: left; font-weight: normal; line-height: 85px; margin-bottom: 35px;}
p {margin: 0; padding: 12px 0; font-size: 0; line-height: 0;}
.p_p {display: none; height: 24px;}


@media screen and (max-width: 1264px){
b {font-size: 60px; line-height: 70px;}
}
@media screen and (max-width: 1073px){
b {text-align: center;}
}
@media screen and (max-width: 921px){
b {font-size: 45px; line-height: 55px;}
}
@media screen and (max-width: 561px){
b {font-size: 35px; line-height: 45px;}
}
@media screen and (max-width: 336px){
b {font-size: 30px; line-height: 40px;}
}



.b_big {font-size: 40px; line-height: 50px; margin: 15px 0 10px;}
.b_big2 {font-size: 30px; line-height: 40px; margin: 25px 0 20px;}
@media screen and (max-width: 614px){
.b_big, .b_big2 {font-size: 27px; line-height: 37px;}
}
@media screen and (max-width: 423px){
.b_big, .b_big2 {font-size: 20px; line-height: 30px;}
}



.strih {padding: 40px 65px; margin: 13px 0; font-family: 'b'; font-size: 18px; text-align: left; line-height: 30px;}
.strih nobr {font-family: 'b'; font-size: 18px; line-height: 30px;}
@media screen and (max-width: 800px){
.strih, .strih nobr {font-size: 16px; line-height: 28px;}
}
@media screen and (max-width: 459px){
.strih, .strih nobr {font-size: 14px; line-height: 25px;}
}
@media screen and (max-width: 413px){
.strih {padding: 30px 40px;}
}


.bg_color1 {background: #63AF3D url(bg.png);}
.txt_color1 {color: #FFFFFF;}
.zag_color1 {color: #71BD4B;}
.btn_bg_color1 {background: #202020; color: #FFFFFF;}
.strih_color1 {background: rgba(255,255,255,0.12);}
.bg_color2 {background: #4C99D0 url(bg.png);}
.txt_color2 {color: #FFFFFF;}
.zag_color2 {color: #57A4DA;}
.btn_bg_color2 {background: #202020; color: #FFFFFF;}
.strih_color2 {background: rgba(255,255,255,0.12);}
.bg_color3 {background: #7230E0 url(bg.png);}
.txt_color3 {color: #FFFFFF;}
.zag_color3 {color: #813FED;}
.btn_bg_color3 {background: #202020; color: #FFFFFF;}
.strih_color3 {background: rgba(255,255,255,0.12);}
.bg_color4 {background: #F2F2F2;}
.txt_color4 {color: #353535;}
.zag_color4 {color: #71BD4B;}
.btn_bg_color4 {background: #71BD4B; color: #FFFFFF;}
.strih_color4 {background: rgba(0,0,0,0.02);}
.bg_color5 {background: #353535;}
.txt_color5 {color: #EEEEEE;}
.zag_color5 {color: #353535;}
.btn_bg_color5 {background: #FFFFFF; color: #202020;}
.strih_color5 {background: rgba(255,255,255,0.045);}

@media screen and (max-width: 1200px){
.bg_color1 {background: #63AF3D url(bg_min.png);}
.bg_color2 {background: #4C99D0 url(bg_min.png);}
.bg_color3 {background: #7230E0 url(bg_min.png);}
}




.colorset {position: fixed; top: 25px; left: 100%; margin-left: -45px; text-align: right; vertical-align: top; z-index: 100;}
.colorset_min {display: none; position: fixed; top: 100%; left: 50%; margin-top: -46px; margin-left: -10px; z-index: 100; width: 17px; height: 17px; background: #FFFFFF; cursor: pointer; border: 3px solid #FFFFFF; border-radius: 50%; background: -webkit-linear-gradient(left,#14E6FF 0%,#78FF14 100%);
background: linear-gradient(to right,#14E6FF 0%,#78FF14 100%);}
.sets {display: block; width: 16px; height: 16px; margin: 10px 0; border: 3px solid #101010; cursor: pointer;}
.set1 {background: #63AF3D;}
.set2 {background: #4C99D0;}
.set3 {background: #7230E0;}
.set4 {background: #F2F2F2;}
.set5 {background: #353535;}
@media screen and (max-width: 691px){
.colorset {display: none;}
.colorset_min {display: block;}
}




.line_top {display: block; width: 100%; height: 5px; background: url(line_top.png) repeat-x center bottom;}
.line_bottom {display: block; width: 100%; height: 5px; background: url(line_bottom.png) repeat-x center top;}



.main_main {position: absolute; display: block; top: 0; left: 0; right: 0; bottom: 0; padding: 100px;}
@media screen and (max-width: 1591px){
.main_main {padding: 80px;}
}
@media screen and (max-width: 691px){
.main_main {padding: 50px;}
}
@media screen and (max-width: 475px){
.main_main {padding: 0px;}
}



.bw {display: block; width: 100%; padding: 0; margin: 0; background: #FFFFFF;}
.bc {display: block; width: 100%; padding: 0; margin: 35px 0;}
.bw .main {display: table; width: 80%; max-width: 1250px; margin: 0 auto; padding: 70px 0;}
.bc .main {display: table; width: 80%; max-width: 1250px; margin: 0 auto; padding: 70px 0;}
.bl, .b_razdel, .br {display: table-cell; text-align: justify; vertical-align: top;}
.bl, .br {width: 45%;}
.b_razdel {width: 10%;}

@media screen and (max-width: 1665px){
.bc .main {width: 90%;}
}
@media screen and (max-width: 1488px){
.bw .main {width: 85%;}
}
@media screen and (max-width: 1235px){
.bc .main {width: 100%;}
}
@media screen and (max-width: 1073px){
.bc .main {display: block; width: 80%; margin: 0 auto;}
.bl, .br {display: block; width: 100%;}
.b_razdel {display: none;}
.p_p {display: block;}
}
@media screen and (max-width: 944px){
.bc .main {width: 90%;}
}
@media screen and (max-width: 944px){
.bc .main {width: 90%;}
}
@media screen and (max-width: 800px){
.bc .main {width: 100%;}
}
@media screen and (max-width: 691px){
.bc .main {width: 88%;}
}
@media screen and (max-width: 616px){
.bc .main {width: 94%;}
}
@media screen and (max-width: 475px){
.bw .main {width: 94%;}
.bl, .br {width: 80%; margin: 0 auto; text-align: left;}
}








.b1 {width: 100%; height: 700px; background: #FFFFFF url("b1_1.jpg") left center no-repeat; background-size: 1000px 726px;}
.b1 .b1_txt {position: relative; top: 55px; left: 56%; width: 550px;}
.b1 .b1_txt h1 {font-family: 'b'; font-size: 60px; font-weight: normal; line-height: 65px; margin: 0 0 20px 0; padding: 0;}
.b1 .b1_txt h3 {font-family: 'b'; font-weight: normal; font-size: 35px; line-height: 45px; margin-bottom: 30px; margin-top: 0;}
.b1 .b1_txt h2 {width: 600px; font-family: 'b'; font-size: 18px; font-weight: normal; line-height: 27px; color: #101010; padding: 0; margin: 0;}

@media screen and (max-width: 1716px){
.b1 .b1_txt h1 {font-size: 50px; line-height: 55px;}
.b1 .b1_txt h3 {font-size: 25px; line-height: 35px;}
.b1 .b1_txt h2 {width: 500px;}
.b1 .b1_txt {left: 60%; width: 456px;}
}
@media screen and (max-width: 1591px){
.b1 .b1_txt h1 {font-size: 50px; line-height: 55px;}
.b1 .b1_txt h3 {font-size: 25px; line-height: 35px;}
.b1 .b1_txt h2 {width: 500px;}
.b1 .b1_txt {left: 60%;}
}
@media screen and (max-width: 1525px){
.b1 {height: 617px; background: #FFFFFF url("b1_2.jpg") left center no-repeat; background-size: 850px 617px;}
.b1 .b1_txt {top: 35px; left: 57%;}
}
@media screen and (max-width: 1488px){
.b1 .b1_txt h1 {font-size: 45px; line-height: 50px;}
.b1 .b1_txt h3 {font-size: 20px; line-height: 30px;}
.b1 .b1_txt h2 {width: 320px;}
.b1 .b1_txt {top: 35px; left: 60%; width: 420px;}
}
@media screen and (max-width: 1379px){
.b1 .b1_txt {left: 56%;}
}
@media screen and (max-width: 1329px){
.b1 {height: 500px; background: #FFFFFF url("b1_3.jpg") left center no-repeat; background-size: 600px 435px;}
.b1 .b1_txt h1 {font-size: 40px; line-height: 45px;}
.b1 .b1_txt h2 {width: 450px;}
.b1 .b1_txt {top: 20px; left: 50%; width: 450px;}
}
@media screen and (max-width: 1217px){
.b1 {height: 620px; background: #FFFFFF url("b1_4.jpg") center bottom no-repeat; background-size: 500px 362px;}
.b1 .b1_txt {top: 0px; left: 0%; width: 100%; text-align: center;}
.b1 .b1_txt h1 {font-size: 30px; line-height: 35px;}
.b1 .b1_txt h2 {width: 450px; margin: 0 auto;}
}
@media screen and (max-width: 921px){
.b1 {height: 540px; background: #FFFFFF url("b1_5.jpg") center bottom no-repeat; background-size: 380px 275px;}
.b1 .b1_txt h2 {width: 60%;}
}
@media screen and (max-width: 810px){
.b1 .b1_txt h2 {width: 80%;}
}
@media screen and (max-width: 691px){
.b1 {height: 450px; background: #FFFFFF url("b1_6.jpg") center bottom no-repeat; background-size: 250px 181px;}
.b1 .b1_txt h1 {font-size: 25px; line-height: 30px;}
}
@media screen and (max-width: 530px){
.b1 {height: 500px;}
.b1 .b1_txt {width: 80%; margin: 0 auto;}
}
@media screen and (max-width: 524px){
.b1 {height: 550px;}
}
@media screen and (max-width: 475px){
#b1_line_top {display: none;}
.b1 {height: 520px;}
}
@media screen and (max-width: 395px){
.b1 {height: 550px;}
}
@media screen and (max-width: 362px){
.b1 {height: 570px;}
}










.b2 {width: 100%; height: 770px; background: #FFFFFF url("b2_1.jpg") no-repeat left bottom; background-size: 1000px 560px;}
.b2 .b2_txt {position: relative; top: 50px; left: 34%;}
.b2 .b2_txt h1 {font-family: 'b'; font-size: 35px; font-weight: normal; line-height: 45px; margin: 0 0 10px 0; padding: 0;}
.b2 .b2_txt h3 {font-family: 'b'; font-weight: normal; font-size: 60px; line-height: 65px; margin-bottom: 30px; margin-top: 0;}

@media screen and (max-width: 1716px){
.b2 .b2_txt {left: 38%;}
.b2 .b2_txt h3 {font-size: 50px; line-height: 55px;}
.b2 .b2_txt h1 {font-size: 25px; line-height: 35px;}
}
@media screen and (max-width: 1525px){
.b2 {height: 670px; background: #FFFFFF url("b2_2.jpg") no-repeat left bottom; background-size: 850px 476px;}
.b2 .b2_txt {top: 30px; left: 36%;}
}
@media screen and (max-width: 1488px){
.b2 .b2_txt {top: 25px; left: 38%;}
.b2 .b2_txt h3 {font-size: 45px; line-height: 50px;}
.b2 .b2_txt h1 {width: 300px; font-size: 20px; line-height: 30px;}
}
@media screen and (max-width: 1329px){
.b2 .b2_txt {top: 25px; left: 33%;}
.b2 .b2_txt h3 {font-size: 40px; line-height: 45px;}
.b2 {height: 530px; background: #FFFFFF url("b2_3.jpg") no-repeat left bottom; background-size: 600px 336px;}
}
@media screen and (max-width: 1217px){
.b2 .b2_txt {top: 0px; left: 0%; width: 100%; text-align: center;}
.b2 .b2_txt h3 {font-size: 30px; line-height: 35px;}
.b2 .b2_txt h1 {margin: 0 auto 25px;}
.b2 {height: 510px; background: #FFFFFF url("b2_3.jpg") no-repeat center bottom; background-size: 600px 336px;}
}
@media screen and (max-width: 990px){
.b2 {height: 610px; background: #FFFFFF url("b2_4.jpg") no-repeat center bottom; background-size: 320px 434px;}
}
@media screen and (max-width: 921px){
.b2 {height: 500px; background: #FFFFFF url("b2_5.jpg") no-repeat center bottom; background-size: 250px 340px;}
.b2 .b2_txt h1 {margin: 0 auto 20px;}
}
@media screen and (max-width: 723px){
.b2 {height: 530px;}
.b2 .b2_txt h3 {width: 300px; margin: 0 auto;}
}
@media screen and (max-width: 691px){
.b2 {height: 405px; background: #FFFFFF url("b2_6.jpg") no-repeat center bottom; background-size: 175px 238px;}
.b2 .b2_txt h3 {width: 80%; font-size: 25px; line-height: 30px;}
}
@media screen and (max-width: 566px){
.b2 {height: 435px;}
.b2 .b2_txt h3 {width: 85%;}
}
@media screen and (max-width: 475px){
.b2 {height: 400px;}
}
@media screen and (max-width: 420px){
.b2 {height: 430px;}
.b2 .b2_txt h1 {width: 85%;}
}










.b3 {width: 100%; height: 790px; background: #FFFFFF url("b3_1.jpg") no-repeat left bottom; background-size: 800px 775px;}
.b3 .b3_txt {position: relative; top: 200px; left: 73%;}
.b3 .b3_txt h1 {width: 400px; font-family: 'b'; font-size: 60px; font-weight: normal; line-height: 65px; margin: 0 0 20px 0; padding: 0;}
.b3 .b3_txt h3 {width: 300px; font-family: 'b'; font-weight: normal; font-size: 35px; line-height: 45px; margin-bottom: 30px; margin-top: 0;}
.b3 .b3_txt h2 {width: 400px; font-family: 'b'; font-size: 18px; font-weight: normal; line-height: 27px; color: #101010; padding: 0; margin: 0;}

@media screen and (max-width: 1776px){
.b3 {height: 1100px; background: #FFFFFF url("b3_1.jpg") no-repeat center bottom; background-size: 800px 775px;}
.b3 .b3_txt {position: relative; top: 35px; left: 18%;}
.b3 .b3_txt h1 {width: auto; margin: 0 0 13px 0;}
.b3 .b3_txt h3 {width: auto;}
.b3 .b3_txt h2 {width: 900px;}
}
@media screen and (max-width: 1716px){
.b3 {height: 1080px;}
.b3 .b3_txt {left: 14%;}
.b3 .b3_txt h1 {font-size: 50px; line-height: 55px;}
.b3 .b3_txt h3 {font-size: 25px; line-height: 35px;}
}
@media screen and (max-width: 1534px){
.b3 .b3_txt {left: 11%;}
}
@media screen and (max-width: 1488px){
.b3 .b3_txt h1 {font-size: 45px; line-height: 50px;}
.b3 .b3_txt h3 {font-size: 20px; line-height: 30px;}
}
@media screen and (max-width: 1407px){
.b3 .b3_txt h2 {width: 800px;}
.b3 .b3_txt {left: 16%;}
}
@media screen and (max-width: 1329px){
.b3 {height: 860px; background: #FFFFFF url("b3_2.jpg") no-repeat center bottom; background-size: 600px 581px;}
.b3 .b3_txt h1 {font-size: 40px; line-height: 45px;}
}
@media screen and (max-width: 1217px){
.b3 {height: 710px; background: #FFFFFF url("b3_3.jpg") no-repeat center bottom; background-size: 500px 468px;}
.b3 .b3_txt {top: 0px; left: 0%; width: 100%; text-align: center;}
.b3 .b3_txt h1 {font-size: 30px; line-height: 35px;}
.b3 .b3_txt h2 {width: 450px; margin: 0 auto;}
}
@media screen and (max-width: 921px){
.b3 {height: 615px; background: #FFFFFF url("b3_4.jpg") no-repeat center bottom; background-size: 380px 355px;}
.b3 .b3_txt h2 {width: 60%;}
}
@media screen and (max-width: 854px){
.b3 .b3_txt h2 {width: 75%;}
}
@media screen and (max-width: 722px){
.b3 {height: 630px;}
}
@media screen and (max-width: 691px){
.b3 {height: 530px; background: #FFFFFF url("b3_5.jpg") no-repeat center bottom; background-size: 250px 271px;}
.b3 .b3_txt h1 {font-size: 25px; line-height: 30px;}
}
@media screen and (max-width: 656px){
.b3 {height: 550px;}
}
@media screen and (max-width: 637px){
.b3 {height: 580px;}
}
@media screen and (max-width: 550px){
.b3 {height: 600px;}
}
@media screen and (max-width: 518px){
.b3 {height: 630px;}
}
@media screen and (max-width: 496px){
.b3 {height: 650px;}
}
@media screen and (max-width: 475px){
.b3 {height: 600px;}
.b3 .b3_txt h3 {padding: 0 30px;}
}
@media screen and (max-width: 376px){
.b3 {height: 630px;}
}
@media screen and (max-width: 365px){
.b3 {height: 650px;}
}











.b4 {width: 100%; padding: 70px 0;}
.b4 .b4_txt {text-align: center;}
.b4 .b4_txt h1 {font-family: 'b'; font-size: 80px; font-weight: normal; line-height: 85px; margin: 0 0 20px 0; padding: 0;}
.b4 .b4_txt h3 {font-family: 'b'; font-weight: normal; font-size: 35px; line-height: 45px; margin-bottom: 30px; margin-top: 0;}

@media screen and (max-width: 1355px){
.b4 {padding: 60px 0;}
.b4 .b4_txt h1 {font-size: 60px; line-height: 65px;}
}
@media screen and (max-width: 1063px){
.b4 .b4_txt h1 {font-size: 50px; line-height: 55px;}
.b4 .b4_txt h3 {font-size: 25px; line-height: 35px;}
}
@media screen and (max-width: 889px){
.b4 .b4_txt h3 {width: 310px; margin: 0 auto 35px;}
}
@media screen and (max-width: 843px){
.b4 .b4_txt h1 {font-size: 40px; line-height: 45px;}
.b4 .b4_txt h3 {font-size: 25px; line-height: 35px;}
}
@media screen and (max-width: 744px){
.b4 .b4_txt h3 {width: 300px;}
}
@media screen and (max-width: 712px){
.b4 .b4_txt h1 {font-size: 35px; line-height: 40px;}
}
@media screen and (max-width: 565px){
.b4 .b4_txt h1 {font-size: 30px; line-height: 35px;}
}
@media screen and (max-width: 502px){
.b4 {padding: 40px 0;}
.b4 .b4_txt h3 {width: 220px; font-size: 20px; line-height: 30px;}
}
@media screen and (max-width: 475px){
.b4 .b4_txt h3 {width: 65%;}
}
@media screen and (max-width: 351px){
.b4 .b4_txt h3 {width: 70%;}
.b4 .b4_txt h1 {font-size: 25px; line-height: 30px;}
.b4 .b4_txt h3 {font-size: 18px; line-height: 28px;}
}













@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) {







.line_top {background: url(line_top@1.1.png) repeat-x center bottom; background-size: auto 5px;}
.line_bottom {background: url(line_bottom@1.1.png) repeat-x center top; background-size: auto 5px;}





.b1 {background: #FFFFFF url("b1_1@1.1.jpg") left center no-repeat; background-size: 1000px 726px;}
@media screen and (max-width: 1525px){
.b1 {background: #FFFFFF url("b1_2@1.1.jpg") left center no-repeat; background-size: 850px 617px;}
}
@media screen and (max-width: 1329px){
.b1 {background: #FFFFFF url("b1_3@1.1.jpg") left center no-repeat; background-size: 600px 435px;}
}
@media screen and (max-width: 1217px){
.b1 {background: #FFFFFF url("b1_4@1.1.jpg") center bottom no-repeat; background-size: 500px 362px;}
}
@media screen and (max-width: 921px){
.b1 {background: #FFFFFF url("b1_5@1.1.jpg") center bottom no-repeat; background-size: 380px 275px;}
}
@media screen and (max-width: 691px){
.b1 {background: #FFFFFF url("b1_6@1.1.jpg") center bottom no-repeat; background-size: 250px 181px;}
}






.b2 {background: #FFFFFF url("b2_1@1.1.jpg") no-repeat left bottom; background-size: 1000px 560px;}
@media screen and (max-width: 1525px){
.b2 {background: #FFFFFF url("b2_2@1.1.jpg") left bottom no-repeat; background-size: 850px 476px;}
}
@media screen and (max-width: 1329px){
.b2 {background: #FFFFFF url("b2_3@1.1.jpg") left bottom no-repeat; background-size: 600px 336px;}
}
@media screen and (max-width: 1217px){
.b2 {background: #FFFFFF url("b2_3@1.1.jpg") center bottom no-repeat; background-size: 600px 336px;}
}
@media screen and (max-width: 990px){
.b2 {background: #FFFFFF url("b2_4@1.1.jpg") center bottom no-repeat; background-size: 320px 434px;}
}
@media screen and (max-width: 921px){
.b2 {background: #FFFFFF url("b2_5@1.1.jpg") center bottom no-repeat; background-size: 250px 340px;}
}
@media screen and (max-width: 691px){
.b2 {background: #FFFFFF url("b2_6@1.1.jpg") center bottom no-repeat; background-size: 175px 238px;}
}






.b3 {background: #FFFFFF url("b3_1@1.1.jpg") no-repeat left bottom; background-size: 800px 775px;}
@media screen and (max-width: 1776px){
.b3 {background: #FFFFFF url("b3_1@1.1.jpg") no-repeat center bottom; background-size: 800px 775px;}
}
@media screen and (max-width: 1329px){
.b3 {background: #FFFFFF url("b3_2@1.1.jpg") no-repeat center bottom; background-size: 600px 581px;}
}
@media screen and (max-width: 1217px){
.b3 {background: #FFFFFF url("b3_3@1.1.jpg") no-repeat center bottom; background-size: 500px 468px;}
}
@media screen and (max-width: 921px){
.b3 {background: #FFFFFF url("b3_4@1.1.jpg") no-repeat center bottom; background-size: 380px 355px;}
}
@media screen and (max-width: 691px){
.b3 {background: #FFFFFF url("b3_5@1.1.jpg") no-repeat center bottom; background-size: 250px 271px;}
}







}