::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-thumb {
  background: #101010;
}
::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
}
* {
  scrollbar-width: thin;
  scrollbar-color: #101010 #F9F9F9;
}



@font-face {
  font-family: "bb";
  font-style: normal;
  font-weight: 400;
  src: url("font/bb.woff2") format("woff2"), url("font/bb.woff") format("woff");
}
@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");
}



body {padding: 0; margin: 0; cursor: default; background: #FFFFFF; color: #101010; overflow-x: hidden;}

* {font-family: 'r'; font-size: 17px; line-height: 24px;}


h1 {display: inline-block; font-family: 'b'; font-weight: normal; color: #101010; font-size: 3.4vw; line-height: 1; padding: 0; margin: 0; margin-bottom: 5px;}
h2 {font-family: 'r'; font-weight: normal; color: #101010; font-size: 20px; line-height: 26px; padding: 0; margin: 15px 0 55px;}
h3 {display: inline-block; font-family: 'r'; font-weight: normal; color: #FFFFFF; font-size: 3.4vw; line-height: 1; letter-spacing: -0.03em; padding: 0; margin: 0; margin-bottom: 5px;}
.zag_padding {padding: 0 100px;}

@media screen and (max-width: 888px){
h1, h3 {font-family: 'bb'; font-size: 30px;}
}
@media screen and (max-width: 565px){
.zag_padding {padding: 0 50px;}
}


.ymaps-layers-pane {width: 100%; height: 70vh; padding: 0; margin: 0; opacity: 0.88;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
}
@media screen and (max-height: 600px){
.ymaps-layers-pane {height: 80vh;}
}



html, body {
  height: 100%;
  width: 100%;
  margin: 0px;
  padding: 0px; z-index: 200; cursor: default;
}
.page {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  background: #FFFFFF;
}






.class_form {position: fixed; top: 50%; left: 50%; width: 300px; margin-left: -200px; margin-top: -243px; padding: 43px 50px 50px; background: #FFFFFF; box-shadow: 4px 4px 0px rgba(0,0,0,0.05); z-index: 10000001; text-align: center;}
.class_form2 {position: fixed; top: 50%; left: 50%; width: 250px; margin-left: -165px; margin-top: -169px; padding: 53px 40px 60px; background: #FFFFFF; box-shadow: 4px 4px 0px rgba(0,0,0,0.05); z-index: 10000001; text-align: center;}

input, textarea {
margin: 10px 0 7px; font-size: 23px; border: none; padding: 20px 50px; background: #FFFFFF; color: #505050; text-align: left; width: 260px;
transition: all 0.30s ease-in-out;
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
outline: 1px solid #E9E9E9;
}
textarea {text-align: left; width: 700px; height: 80px; resize: none; padding: 25px;}



input.input_zzz {width: 200px; outline: none; border: 1px solid rgba(239,223,49,0.56); box-shadow: 0px 0px 5px 0px rgba(255,243,116,0.55); font-size: 16px; padding: 14px 20px;}
.input1, .input2, .input3 {background: #FFFFFF url(question_no.png) no-repeat right center; background-size: 43px 20px;}
.input1_err, .input2_err, .input3_err {background: #FFFFFF url(question.png) no-repeat right center; background-size: 43px 20px;}
input.input_zzz:focus, textarea.input_zzz:focus {
border: 1px solid rgba(251,102,29,0.26); box-shadow: 0px 0px 5px 0px rgba(251,102,29,0.25);
}

@media screen and (max-width: 532px){
.class_form {width: 270px; margin-left: -185px;}
}
@media screen and (max-width: 482px){
.class_form {width: 230px; margin-left: -165px; margin-top: -258px;}
input.input_zzz {width: 170px;}
}
@media screen and (max-width: 420px){
.class_form {width: 220px; margin-left: -150px; padding: 43px 40px 50px;}
.class_form2 {width: 220px; margin-left: -150px;}
}



.ozozoz_post_error_none1, .ozozoz_post_error_none2, .ozozoz_post_error_none3, .ozozoz_post_error_none4, .ozozoz_post_error_none5 {background: #FFFFFF url(ob.png) no-repeat 22px center; box-shadow: 1px 1px 0px rgba(0,0,0,0.08);}
.ozozoz_post_error1, .ozozoz_post_error2, .ozozoz_post_error3, .ozozoz_post_error4, .ozozoz_post_error5 {background: #FBEBEB url(ob.png) no-repeat 22px center; box-shadow: 1px 1px 0px #EC9B9B;}




.otprav {display: block; box-shadow: 4px 4px 1px rgba(0,0,0,0.05); margin: 50px auto 0; top: 0; font-size: 23px; line-height: 0; border: none; padding: 32px 26px; background: #E53B42; color: #FFFFFF; text-align: center; width: 200px; -webkit-border-radius: 50px 50px 50px 50px; -moz-border-radius: 50px 50px 50px 50px; -khtml-border-radius: 50px 50px 50px 50px; border-radius: 50px 50px 50px 50px; -webkit-transition: all 100ms linear; -moz-transition: all 100ms linear; -ms-transition: all 100ms linear; -o-transition: all 100ms linear; transition: all 100ms linear;}
.otprav:hover {position: relative; top: 2px; background: #FF4F56; cursor: pointer;}





.b_black {position: relative; top: 0px; left: 0px; padding: 90px 100px; display: block; color: #202020; text-align: left; vertical-align: top;}
.b_white {position: relative; top: 0px; left: 0px; padding: 90px 100px; display: block; color: #FFFFFF; text-align: left; vertical-align: top;}

@media screen and (max-width: 650px){
.b_black, .b_white {padding-left: 50px; padding-right: 50px;}
}





.b_width {display: block; padding: 0 100px;}
@media screen and (max-width: 1370px){
.b_width {display: block; padding: 0 50px;}
}
@media screen and (max-width: 500px){
.b_width {padding: 0;}
}






.div_mnu_adaptive {position: absolute; top: 90px; left: 100%; margin-left: -280px; width: 180px; background: #F74033; padding: 30px 0px 20px; text-align: left; z-index: 15100;}

#mnu_adaptive_mnu, .mnu_adaptive_view {display: none; z-index: 15100;}
.mnu_adaptive_otstup {margin-left: -130px;}

#mnu_adaptive_0 {position: absolute; top: 47px; cursor: pointer; left: 100%; width: 30px; height: 31px; background: url(mnu_adaptive.png) no-repeat top left; z-index: 15100; display: block;}
#mnu_adaptive_1 {position: absolute; top: 47px; cursor: pointer; left: 100%; width: 30px; height: 31px; background: url(mnu_adaptive.png) no-repeat top left; z-index: 15100; opacity: 0.8; display: none;}

a.mnu_top_adaptive {display: block; color: #FFFFFF; font-size: 15px; height: 100%; text-decoration: none; padding: 8px 30px;}
a.mnu_top_adaptive:hover {background: rgba(255,255,255,0.15); cursor: pointer;}

.mnu_top_adaptive a {text-decoration: none;}





.mnu {position: absolute; top: 53px; left: 0; margin-left: -198px; width: 100%; text-align: right; z-index: 10000;}
.mnu a {font-size: 17px; font-family: 'b'; color: #FFFFFF; text-decoration: none; margin: 0 20px; padding: 6px 12px; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear;}
.mnu a:hover {position: relative; top: 1px;}

.logo {position: absolute; top: 38px; left: 230px; width: 70px; height: 50px; background: url(logo.png) no-repeat; z-index: 10000;}
.phone {position: absolute; top: 55px; left: 360px; font-family: 'b'; color: #FFFFFF; font-size: 19px; z-index: 10000;}

@media screen and (max-width: 1500px){
.mnu {margin-left: -80px;}
.logo {left: 100px;}
.phone {left: 200px;}
}
@media screen and (max-width: 1407px){
.mnu a {margin: 0 10px; padding: 6px 12px;}
}
@media screen and (max-width: 1229px){
.mnu a {margin: 0 5px;}
}
@media screen and (max-width: 1153px){
.phone {display: none;}
}
@media screen and (max-width: 958px){
.mnu {display: none;}
.mnu_adaptive_view {display: block;}
.phone {display: block;}
}
@media screen and (max-width: 650px){
.logo {left: 50px;}
.phone {left: 150px;}
.div_mnu_adaptive {margin-left: -230px;}
.mnu_adaptive_otstup {margin-left: -80px;}
}
@media screen and (max-width: 450px){
.phone {display: none;}
}








.no_blur {position: absolute; top: 0; left: 0; width: 100%; min-height: 100%; -o-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;}

.blur {
-webkit-filter: url(#blur);
 filter: url(#blur);
 -webkit-filter: blur(4px);
 filter: blur(4px);
 filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='4');
 -o-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  }

#msg, #bg_zzz, #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;}


.line1, .line3, .line5 {position: absolute; display: block; bottom: -2px; left: 0; fill: #FFFFFF;}
.line2, .line4, .line6 {position: absolute; top: 0; left: 0; margin-top: -2px; fill: #FFFFFF; transform: rotate(180deg);}
.line4 {margin-top: -40px;}
.line6 {z-index: 5000;}
@media screen and (max-width: 1330px){
.line4 {margin-top: -2px;}
}


/* 1 */
.b1 {position: relative; top: 0; left: 0; padding: 0; min-height: 920px; background: #FF3B52; background: -webkit-linear-gradient(left,#FF3B52 0%,#FB6F29 100%); background: linear-gradient(to right,#FF3B52 0%,#FB6F29 100%);}
.b1_vnutri {position: absolute; text-align: center; padding: 150px 230px 0; min-height: 920px; background: url(b1_bg.png);}
.b1_vnutri .block1 {width: 65%; padding: 30px 0% 50px 0; vertical-align: middle; text-align: left;}
.b1_phone {position: absolute; top: 180px; left: 100%; margin-left: -537px; z-index: 1200;}
.b1_phone img {width: 310px;}
.b1_apps {position: absolute; top: 330px; left: 100%; margin-left: -970px; z-index: 1200;}

@media screen and (max-width: 1880px){
.b1, .b1_vnutri {min-height: 870px;}
.b1_apps {top: 280px; margin-left: -910px;}
}
@media screen and (max-width: 1760px){
.b1, .b1_vnutri {min-height: 840px;}
.b1_apps {top: 240px; margin-left: -800px;}
}
@media screen and (max-width: 1700px){
.mnu {margin-left: -128px;}
.logo {left: 160px;}
.phone {left: 290px;}
.b1_vnutri {padding: 150px 160px 0;}
.b1_apps {top: 230px; margin-left: -850px;}
.b1_phone {margin-left: -466px;}
}
@media screen and (max-width: 1620px){
.b1, .b1_vnutri {min-height: 810px;}
.b1_apps {top: 200px; margin-left: -820px;}
}
@media screen and (max-width: 1565px){
.b1_apps {top: 210px; margin-left: -740px;}
}
@media screen and (max-width: 1530px){
.b1, .b1_vnutri {min-height: 790px;}
.b1_apps {top: 200px; margin-left: -720px;}
}
@media screen and (max-width: 1500px){
.mnu {margin-left: -68px;}
.logo {left: 100px;}
.phone {left: 230px;}
.b1_vnutri {padding: 150px 100px 0;}
.b1_phone {margin-left: -408px;}
.b1_apps {top: 210px; margin-left: -800px;}
}
@media screen and (max-width: 1450px){
.b1_apps {top: 200px; margin-left: -750px;}
}
@media screen and (max-width: 1407px){
.b1_phone {margin-left: -398px;}
}
@media screen and (max-width: 1370px){
.b1_vnutri .block1 {width: 50%;}
}
@media screen and (max-width: 1350px){
.b1, .b1_vnutri {min-height: 740px;}
.b1_apps {top: 170px; margin-left: -770px;}
}
@media screen and (max-width: 1320px){
.b1_vnutri .block1 {width: 67%;}
.b1, .b1_vnutri {min-height: 720px;}
.b1_phone {top: 140px;}
.b1_apps {top: 140px; margin-left: -670px;}
}
@media screen and (max-width: 1280px){
.b1_apps {display: none;}
}
@media screen and (max-width: 1229px){
.b1_phone {margin-left: -393px;}
}
@media screen and (max-width: 1174px){
.b1_vnutri .block1 {width: 52%; line-height: 50px;}
}
@media screen and (max-width: 1110px){
.b1_vnutri .block1 {width: 67%; line-height: 57px;}
.b1, .b1_vnutri {min-height: 670px;}
.b1_phone {top: 160px; margin-left: -330px;}
.b1_phone img {width: 250px;}
}
@media screen and (max-width: 973px){
.b1_phone {top: 150px;}
.b1, .b1_vnutri {min-height: 670px;}
}
@media screen and (max-width: 958px){
.b1_phone {margin-left: -345px;}
}
@media screen and (max-width: 900px){
.b1_vnutri {padding: 130px 50px 0;}
.b1_vnutri .block1 {text-align: center; margin: 0 auto; width: 80%; line-height: 55px;}
.b1_phone {display: none;}
.b1, .b1_vnutri {min-height: 580px;}
}
@media screen and (max-width: 750px){
.b1, .b1_vnutri {min-height: 620px;}
}
@media screen and (max-width: 650px){
.logo {left: 50px;}
.phone {left: 150px;}
}
@media screen and (max-width: 560px){
.b1_vnutri .block1 {width: 86%;}
.b1, .b1_vnutri {min-height: 630px;}
}
@media screen and (max-width: 450px){
.b1_vnutri .block1 {width: 96%;}
}
@media screen and (max-width: 403px){
.b1_vnutri .block1 {line-height: 41px;}
.b1, .b1_vnutri {min-height: 630px;}
}
@media screen and (max-width: 360px){
.b1, .b1_vnutri {min-height: 660px;}
}
@media screen and (max-width: 348px){
.b1_vnutri .block1 {line-height: 38px;}
}






/* 2 */
.b2 {background: #FFFFFF; text-align: center; padding: 3vw 0 0; margin-top: -2px;}
.b2 .blocks_width {width: 1400px; text-align: center; margin: 0 auto;}
.b2 .blocks {display: inline-block; width: 170px; text-align: center; vertical-align: top; min-height: 200px; margin: 10px 70px; color: #272727;}
.b2 .blocks img {text-align: center; margin-bottom: 14px;}

@media screen and (max-width: 1540px){
.b2 .blocks_width {width: 1200px;}
.b2 .blocks {margin: 10px 50px;}
}
@media screen and (max-width: 1450px){
.b2 {padding: 5vw 0 0;}
}
@media screen and (max-width: 1285px){
.b2 .blocks_width {width: 1080px;}
.b2 .blocks {margin: 10px 45px;}
}
@media screen and (max-width: 1182px){
.b2 .blocks_width {width: 1050px;}
.b2 .blocks {margin: 10px 35px;}
}
@media screen and (max-width: 1084px){
.b2 .blocks_width {width: auto;}
.b2 .blocks {margin: 10px 20px;}
}
@media screen and (max-width: 1063px){
.b2 {padding-top: 90px;}
}
@media screen and (max-width: 1024px){
.b2 .blocks_width {width: 80%;}
.b2 .blocks {margin: 10px 65px;}
.b2 {padding: 60px 0 40px;}
}
@media screen and (max-width: 973px){
.b2 {padding: 65px 0 40px;}
}
@media screen and (max-width: 805px){
.b2 .blocks_width {width: 80%;}
.b2 .blocks {margin: 10px 45px;}
}
@media screen and (max-width: 750px){
.b2 {padding: 65px 0 40px;}
}
@media screen and (max-width: 700px){
.b2 .blocks_width {width: 90%;}
.b2 .blocks {margin: 10px 25px;}
}







/* 3 */
.b3 {position: relative; top: 0; left: 0; text-align: center; padding: 0; background: #FF3B52; background: -webkit-linear-gradient(left,#FF3B52 0%,#FB6F29 100%); background: linear-gradient(to right,#FF3B52 0%,#FB6F29 100%); padding-left: 0; padding-right: 0;}
.b3_vnutri {position: relative; padding: 17vw 0; background: url(b1_bg.png);}
.b3 .blocks {position: relative; display: inline-block; width: 280px; padding: 20px 40px; margin: 0 2%; text-align: left; vertical-align: top;}
.b3_img {margin: 30px auto 20px; width: 100%; height: 261px; background: url(b2_pic1.png) no-repeat center;}
.bis {padding: 15px 0 15px 90px; margin: 23px 0; color: #FFFFFF; background-size: 54px; background-repeat: no-repeat; background-position: left center;}
.bis1 {background-image: url(bis1.png);}
.bis2 {background-image: url(bis2.png);}
.bis3 {background-image: url(bis3.png);}
.bis4 {background-image: url(bis4.png);}
.bis5 {background-image: url(bis5.png);}
.bis6 {background-image: url(bis6.png);}
.bis7 {background-image: url(bis7.png);}
.bis8 {background-image: url(bis8.png);}
.bis9 {background-image: url(bis9.png);}
.bis10 {background-image: url(bis10.png);}
.bis11 {background-image: url(bis11.png);}
.bis12 {background-image: url(bis12.png);}
.bis13 {background-image: url(bis13.png);}
.bis14 {background-image: url(bis14.png);}
.bis15 {background-image: url(bis15.png);}
.bis16 {background-image: url(bis16.png);}
.bis17 {background-image: url(bis17.png);}
.bis18 {background-image: url(bis18.png);}

@media screen and (max-width: 1500px){
.b3_vnutri {padding: 19vw 0;}
}
@media screen and (max-width: 1460px){
.b3 .blocks {padding: 20px 30px;}
}
@media screen and (max-width: 1400px){
.b3 .blocks {padding: 20px 15px;}
}
@media screen and (max-width: 1275px){
.b3 .blocks {width: 190px; padding: 20px 30px;}
.bis {padding: 7px 0 7px 60px; background-size: 34px;}
}
@media screen and (max-width: 1142px){
.b3 .blocks {width: 190px; padding: 20px 30px;}
.bis {padding: 7px 0 7px 60px; background-size: 34px;}
.b3_vnutri {padding: 22vw 0;}
}
@media screen and (max-width: 1105px){
.b3 .blocks {padding: 20px 15px;}
}
@media screen and (max-width: 958px){
.bis {background: none; padding: 5px 0;}
.b3 .blocks {width: 150px; padding: 15px 15px;}
}
@media screen and (max-width: 795px){
.b3 .blocks {display: block; width: auto; padding: 0 50px; margin: 0; text-align: center;}
.bis {padding: 0; margin: 5px 0;}
.b3_img {margin: 30px auto 50px;}
.b3_vnutri {padding: 22vw 0 25vw;}
}
@media screen and (max-width: 680px){
.b3_vnutri {padding: 22vw 0 30vw;}
}
@media screen and (max-width: 624px){
.b3_vnutri {padding: 27vw 0 30vw;}
}
@media screen and (max-width: 470px){
.b3_vnutri {padding: 30vw 0 35vw;}
}
@media screen and (max-width: 380px){
.b3_vnutri {padding: 35vw 0 40vw;}
}







/* 4 */
.b4 {position: relative; top: 0; left: 0; background: #FFFFFF; text-align: center; padding-left: 0px; padding-right: 0px; padding-top: 165px; padding-bottom: 0;}
.b4 a {color: #101010;}
.b4 .blocks {display: inline-block; width: 125px; text-align: center; vertical-align: top; min-height: 175px; margin: 10px 25px; color: #272727;}
.b4 .blocks:hover {cursor: pointer;}
.b4 .blocks img {text-align: center; margin-bottom: 20px; border: none; outline: none; -webkit-border-radius: 7px 7px 7px 7px; -moz-border-radius: 7px 7px 7px 7px; -khtml-border-radius: 7px 7px 7px 7px; border-radius: 7px 7px 7px 7px;}
.lamp {position: relative; top: 0; left: 0; width: 100%; height: 488px; margin: -280px auto -185px; background: url(b4_lamp.png) no-repeat center; z-index: 1100;}

@media screen and (max-width: 1740px){
.lamp {margin-top: -240px}
}
@media screen and (max-width: 1349px){
.b4 {padding-left: 100px; padding-right: 100px;}
.b4 .blocks {margin: 15px 85px;}
.lamp {margin-top: -200px}
}
@media screen and (max-width: 1100px){
.b4 {padding-left: 0px; padding-right: 0px;}
.b4 .blocks {margin: 15px 85px;}
}
@media screen and (max-width: 958px){
.b4 {padding-left: 50px; padding-right: 50px;}
.b4 .blocks {margin: 15px 45px;}
.lamp {margin-top: -170px}
}
@media screen and (max-width: 800px){
.b4 {padding-bottom: 20px;}
}
@media screen and (max-width: 795px){
.lamp {margin-top: -120px}
}
@media screen and (max-width: 764px){
.b4 {padding-left: 50px; padding-right: 50px;}
.b4 .blocks {margin: 15px 30px;}
}
@media screen and (max-width: 680px){
.lamp {margin-top: -90px}
}
@media screen and (max-width: 668px){
.b4 {padding-left: 0px; padding-right: 0px;}
.b4 .blocks {margin: 15px 20px;}
}
@media screen and (max-width: 624px){
.b4 {padding-bottom: 0px;}
}
@media screen and (max-width: 585px){
.b4 {padding-left: 0px; padding-right: 0px;}
.b4 .blocks {margin: 15px 40px;}
}
@media screen and (max-width: 455px){
.b4 {padding-left: 0px; padding-right: 0px; padding-bottom: 25px;}
.b4 .blocks {margin: 15px 20px;}
}
@media screen and (max-width: 372px){
.b4 {padding-left: 0px; padding-right: 0px;}
.b4 .blocks {margin: 12px 7px;}
}














/* 6 */
.b6 {position: relative; top: 0; left: 0; text-align: center; padding: 0; background: #FF3B52; background: -webkit-linear-gradient(left,#FF3B52 0%,#FB6F29 100%); background: linear-gradient(to right,#FF3B52 0%,#FB6F29 100%); padding-left: 0; padding-right: 0;}
.b6_vnutri {position: relative; padding: 20vw 0; background: url(b1_bg.png);}
.b6 .num {width: 100%; text-align: center; margin-left: -9px;}
.b6 .num img {margin: 8px 15px;}
.b6_vnutri ul {width: 1300px; padding: 0; margin: 50px auto 70px; text-align: center;}
.b6_vnutri li {display: inline-block; text-align: left; vertical-align: top; padding: 0 0 0 50px; width: 240px; margin: 15px 50px; color: #FFFFFF; list-style-type: none; font-size: 17px; line-height: 24px; background: url(b6_galka.png) no-repeat left center;}
.lemon {position: absolute; top: 0; left: 100%; margin-top: 45px; margin-left: -290px; width: 188px; height: 219px; background: url(b6_lemon.png) no-repeat center; z-index: 3000;}

@media screen and (max-width: 1430px){
.b6_vnutri {padding: 20vw 0 22vw;}
}
@media screen and (max-width: 1352px){
.b6_vnutri ul {width: 1100px;}
.b6_vnutri li {margin: 15px 35px;}
}
@media screen and (max-width: 1330px){
.b6_vnutri {padding: 24vw 0 22vw;}
}
@media screen and (max-width: 1230px){
.b6_vnutri ul {width: 100%;}
.b6_vnutri li {width: 200px; margin: 15px 30px;}
}
@media screen and (max-width: 1158px){
.lemon {display: none;}
.b6_vnutri li {margin: 15px 20px;}
}
@media screen and (max-width: 1142px){
.b6_vnutri {padding: 24vw 0 24vw;}
}
@media screen and (max-width: 1018px){
.b6_vnutri li {padding: 0 0 0 40px; margin: 10px 10px;}
}
@media screen and (max-width: 930px){
.b6_vnutri {padding: 26vw 0;}
}
@media screen and (max-width: 912px){
.b6_vnutri ul {width: 250px;}
.b6_vnutri li {display: block;}
}
@media screen and (max-width: 708px){
.b6 .num img {margin: 5px 10px; height: 110px;}
.b6_vnutri {padding: 28vw 0;}
}
@media screen and (max-width: 624px){
.b6_vnutri {padding: 30vw 0;}
}
@media screen and (max-width: 523px){
.b6 .num img {height: 90px;}
}
@media screen and (max-width: 455px){
.b6_vnutri {padding: 35vw 0 37vw;}
}
@media screen and (max-width: 425px){
.b6 .num img {margin: 2px 3px; height: 80px;}
}





/* 7 */
.b7 {background: #FFFFFF; text-align: center; padding: 2vw 0 50px; margin-top: -2px;}
.b7 a {color: #101010; text-decoration: none;}
.b7 a:hover {color: #404040;}

@media screen and (max-width: 1380px){
.b7 {padding: 4vw 0 6vw;}
}
@media screen and (max-width: 900px){
.b7 {padding: 7vw 0 9vw;}
}
@media screen and (max-width: 670px){
.b7 {padding: 10vw 0 12vw;}
}
@media screen and (max-width: 530px){
.b7 {padding: 13vw 0 15vw;}
}
@media screen and (max-width: 470px){
.b7 {padding: 17vw 0 20vw;}
}











@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), (pointer: coarse) {

.logo {background: url(logo@1.1.png) no-repeat; background-size: 70px 50px;}

#mnu_adaptive_0, #mnu_adaptive_1 {background: url(mnu_adaptive@1.1.png) no-repeat top left; background-size: 30px 31px;}

}
