::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-thumb {
  background: var(--brown);
}
::-webkit-scrollbar-track {
  background: var(--bg_b);
}
* {
  scrollbar-width: thin;
  scrollbar-color: #9D8566 #151515;
}



@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: "t";
  font-style: normal;
  font-weight: 400;
  src: url("font/t.woff2") format("woff2"), url("font/t.woff") format("woff");
}
@font-face {
  font-family: "m";
  font-style: normal;
  font-weight: 400;
  src: url("font/m.woff2") format("woff2"), url("font/m.woff") format("woff");
}



html {
  height: 100%;
  width: 100%;
  margin: 0px;
}
body {padding: 0; margin: 0; cursor: default; background: var(--bg_b); overflow-x: hidden;}

* {font-family: 'r'; font-size: 15px; line-height: 22px; -webkit-tap-highlight-color:rgba(0,0,0,0);}
@media screen and (max-width: 505px){
* {line-height: 20px;}
}





.ymaps-layers-pane {width: 100%; height: 100%; 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+ */
}



.video_block {width: 70%; max-width: 1100px; margin: 0 auto;}
#timer {display: block; opacity: 0; text-align: center; margin: 30px auto 0; font-family: 'm'; font-weight: normal; font-size: 14px; line-height: 0px; color: var(--h1_color); padding: 0;}
@media screen and (max-width: 1126px){
.video_block {width: 86%;}
}
@media screen and (max-width: 629px){
.video_block {width: 100%;}
}




.toc {
  position: fixed;
  left: 2em;
  top: 2em;
  padding: 1em;
  width: 14em;
  line-height: 2; z-index: 100;
 }
  .toc ul {
    list-style: none;
    padding: 0;
    margin: 0; }
  .toc ul ul {
    padding-left: 2em;}
  .toc li a {
    display: inline-block; color: #252525; font-size: 15px; mix-blend-mode: difference;
    text-decoration: none;
    -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
            transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1); }
  .toc li.visible > a {
    -webkit-transform: translate(5px);
        -ms-transform: translate(5px);
            transform: translate(5px); }

.toc-marker {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1; }
  .toc-marker path {
    -webkit-transition: all 0.3s ease;
            transition: all 0.3s ease; }





.swipe {
  overflow:hidden;
  position:relative;
  width: 500px;
}
.swipe ul{
    overflow:hidden; margin: 0; padding: 0; list-style: none;
}
#slider li{
	width: 100%; margin: 0; padding: 0; list-style: none; text-align: left;
}
 .slider_blocks {padding: 0; margin-left: 1px; font-size: 13px; line-height: 17px;}





.btn {display: block; width: 200px; border: none; outline: none; font-family: 't'; font-size: 17px; text-align: center; line-height: 0; vertical-align: top; margin: 55px 0 0; padding: 31px 0; background: #F3E5D5; color: var(--b_color); -moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; -webkit-appearance: none; cursor: pointer;}







.fform {display: block; width: 450px; margin: 0 auto; padding: 60px; background: var(--bg_w);}
.fform input, .fform textarea {
font-family: 'r'; box-shadow: 1px 1px 1px rgba(0,0,0,0.08); margin: 10px 7px; font-size: 15px; border: none; padding: 15px 20px; background: #FFFFFF; color: #404040; text-align: left; width: 300px;
transition: all 0.30s ease-in-out;
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
outline: none;
}
.fform input:focus, .fform textarea:focus {
box-shadow: 1px 1px 1px rgba(0,0,0,0.18);
}
.fform textarea {height: 100px; resize: none;}
.fform .btn {margin-left: auto; margin-right: auto;}

@media screen and (max-width: 573px){
.fform {width: 400px; padding: 50px 0;}
.fform input, .fform textarea {width: 250px;}
}
@media screen and (max-width: 473px){
.fform {width: 350px;}
}
@media screen and (max-width: 390px){
.fform {width: 320px;}
}

@media screen and (max-height: 842px){
.fform {padding: 35px 0;}
.fform input, .fform textarea {padding: 8px 17px;}
.fform .btn {margin-top: 30px; margin-bottom: 15px;}
}
@media screen and (max-height: 660px){
.fform {padding: 30px 0;}
.fform input, .fform textarea {padding: 6px 15px;}
.fform .btn {margin-top: 20px; margin-bottom: 10px;}
}
@media screen and (max-height: 600px){
.fform textarea {height: 80px;}
}











.modal, .modal2, .modal3 {position: fixed; display: none; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: var(--bg_br); z-index: 100;}
.modal_table, .modal2_table, .modal3_table {display: table; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%;}
.modal_cell, .modal2_cell, .modal3_cell {display: table-cell; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; text-align: center; vertical-align: middle;}
.modal_close, .modal2_close, .modal3_close {position: absolute; top: 50px; left: 50px; width: 50px; height: 50px; opacity: 0; z-index: 5;
-o-transition: all 2s ease-in-out;
  -moz-transition: all 2s ease-in-out;
  -webkit-transition: all 2s ease-in-out;
  transition: all 2s ease-in-out;}
.modal_close_show, .modal2_close_show, .modal3_close_show {opacity: 1;}
.modal_anim, .modal2_anim, .modal3_anim {opacity: 0;
-o-transition: all 1.3s ease-in-out;
  -moz-transition: all 1.3s ease-in-out;
  -webkit-transition: all 1.3s ease-in-out;
  transition: all 1.3s ease-in-out; -o-transform: translateY(15%); -ms-transform: translateY(15%); -moz-transform: translateY(15%); -webkit-transform: translateY(15%); transform: translateY(15%);}
.modal_anim_show, .modal2_anim_show, .modal3_anim_show {opacity: 1; -o-transform: translateY(0%); -ms-transform: translateY(0%); -moz-transform: translateY(0%); -webkit-transform: translateY(0%); transform: translateY(0%);}

@media screen and (max-width: 720px){
.modal2_close {top: 30px; left: 30px;}
}
@media screen and (max-height: 720px){
.modal2_close {top: 30px; left: 30px;}
}






.mnu {position: fixed; display: none; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: var(--bg_b); z-index: 100;}
.mnu_right {opacity: 0; display: inline-block; width: 50%; height: 100%;
-o-transition: all 2s ease-in-out;
  -moz-transition: all 2s ease-in-out;
  -webkit-transition: all 2s ease-in-out;
  transition: all 2s ease-in-out; -o-transform: translateX(107%); -ms-transform: translateX(107%); -moz-transform: translateX(107%); -webkit-transform: translateX(107%); transform: translateX(107%);}
.mnu_right_show {opacity: 1; -o-transform: translateX(100%); -ms-transform: translateX(100%); -moz-transform: translateX(100%); -webkit-transform: translateX(100%); transform: translateX(100%);
}
.mnu_right_top {display: block; width: 100%; height: 50%; opacity: 0.83;}
.mnu_right_bottom {display: table; width: 100%; height: 50%;}
.mnu_right_bottom_cell {display: table-cell; width: 100%; height: 100%; text-align: center; vertical-align: middle; font-family: 'r'; font-size: 13px; line-height: 23px; color: var(--mnu_color);}
.mnu_right_bottom_cell a, .mnu_right_bottom_cell a:hover, .mnu_right_bottom_cell a:active, .mnu_right_bottom_cell a:visited, .mnu_right_bottom_cell a:link {font-family: 'r'; font-size: 13px; line-height: 23px; color: var(--mnu_color); text-decoration: none;}
.mnu_close {position: absolute; top: 50px; left: 50px; width: 50px; height: 50px; opacity: 0; z-index: 5;
-o-transition: all 2s ease-in-out;
  -moz-transition: all 2s ease-in-out;
  -webkit-transition: all 2s ease-in-out;
  transition: all 2s ease-in-out;}
.mnu_close_show {opacity: 1;}
.mnu_mnu_table {position: absolute; display: table; top: 0; left: 0; width: 50%; height: 100%; opacity: 0;
-o-transition: all 1.3s ease-in-out;
  -moz-transition: all 1.3s ease-in-out;
  -webkit-transition: all 1.3s ease-in-out;
  transition: all 1.3s ease-in-out; -o-transform: translateY(15%); -ms-transform: translateY(15%); -moz-transform: translateY(15%); -webkit-transform: translateY(15%); transform: translateY(15%);}
.mnu_mnu_table_show {opacity: 1; -o-transform: translateY(0%); -ms-transform: translateY(0%); -moz-transform: translateY(0%); -webkit-transform: translateY(0%); transform: translateY(0%);}
.mnu_mnu_table_cell {display: table-cell; width: 100%; height: 100%; text-align: center; vertical-align: middle;}
.mnu_mnu_table_cell a {font-family: 'm'; font-size: 25px; line-height: 65px; padding: 15px 10px 15px 20px; color: var(--mnu_color); -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_mnu_table_cell a:hover {color: #FFFFFF;}
.mnu_mnu_table_cell sup {font-family: 'r'; font-size: 10px; line-height: 0px; color: var(--brown);}
.mnu_logo {display: block; width: 165px; height: 20px; margin: 0 auto 30px; background: url(logo.png) no-repeat center; opacity: 0.87;}
.mnu_soc_main {position: absolute; width: 120px; bottom: 50px;left: 50%; margin-left: -60px;}
.mnu_soc {display: inline-block; width: 18px; height: 18px; padding: 0; margin: 0 4px; vertical-align: middle; opacity: 0.5; -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_soc:hover {opacity: 1;}
.mnu_soc1 {background: url(mnu_soc1.png) no-repeat center;}
.mnu_soc2 {background: url(mnu_soc2.png) no-repeat center;}
.mnu_soc3 {background: url(mnu_soc3.png) no-repeat center;}
.mnu_soc4 {background: url(mnu_soc4.png) no-repeat center;}
.mnu_hide {display: block;}


@media screen and (max-width: 796px){
.mnu_hide {display: none;}
}
@media screen and (max-width: 735px){
.mnu_right {display: none;}
.mnu_mnu_table {width: 100%;}
}
@media screen and (max-width: 406px){
.mnu_mnu_table_cell a {font-size: 20px; line-height: 57px;}
.mnu_close {top: 30px; left: 30px; width: 30px; height: 30px;}
}


@media screen and (max-height: 678px){
.mnu_hide, .mnu_soc_main {display: none;}
.mnu_mnu_table_cell a {line-height: 57px;}
.mnu_logo {margin: 0 auto;}
}
@media screen and (max-height: 595px){
.mnu_right_top {height: 100%;}
.mnu_right_bottom {display: none;}
.mnu_close {top: 30px; left: 30px; width: 30px; height: 30px;}
}
@media screen and (max-height: 474px){
.mnu_mnu_table_cell a {font-size: 20px; line-height: 50px;}
}
@media screen and (max-height: 363px){
.mnu_mnu_table_cell a {line-height: 40px;}
}










h1 {font-family: 'm'; font-weight: normal; font-size: 28px; line-height: 36px;color: var(--h1_color); margin: 0 0 50px; padding: 0;}
h2 {font-family: 'm'; font-weight: normal; font-size: 85px; line-height: 92px;color: #FFFFFF; margin: 0; padding: 0;}
h3 {font-family: 'm'; font-weight: normal; font-size: 35px; line-height: 45px;color: #FFFFFF; margin: 0; padding: 50px 0 0;}
@media screen and (max-width: 505px){
h1 {font-size: 24px; line-height: 29px;}
}






.for_slide {position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3);}






#fform_ok {display: block;}
#fform_end {display: none;}






#tooltip{
background:rgba(21,21,21,0.4);
font-family: 'r';
font-size: 12px; letter-spacing: 0.5px;
color: #EEEEEE;
margin: 0px;
padding: 3px 18px 3px 25px;
position: absolute;
visibility: hidden;
z-index: 100;
}




.top_line {position: fixed; display: table; top: 22px; left: 0; width: 100%; height: 26px; min-height: 26px; z-index: 9;}
.top_right {display: table-cell; text-align: right; vertical-align: middle;}
.top_otstup {display: table-cell; width: 70px;}
.top_logo {display: table-cell; width: 165px; background: url(logo.png) no-repeat center;}
.top_phn {display: inline-block; vertical-align: middle; margin: 0 70px 0 0;}
a.top_phone {text-decoration: none; font-family: 't'; font-size: 16px; line-height: 0; color: #FFFFFF;}
a.top_phone:hover {color: #FFFFFF;}
.top_phone_min {display: none; vertical-align: middle; margin: 0 30px 0 0; width: 18px; height: 20px; background: url(phone.png) no-repeat center top;}

.bottom_line {position: fixed; display: table; top: 100%; margin-top: -48px; left: 0; width: 100%; height: 22px; min-height: 22px; z-index: 9; opacity: 0.9;}
.bottom_right {display: table-cell; text-align: right; vertical-align: middle;}
.bottom_otstup {display: table-cell; width: 70px;}
.bottom_forsoc {display: inline-block; vertical-align: middle; margin: 0;}
a.bottom_soc {margin: 0 12px; text-decoration: none; font-family: 'r'; font-size: 13px; line-height: 0; color: #FFFFFF; opacity: 0.75; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear;}
a.bottom_soc:hover {color: #FFFFFF; opacity: 1;}
.bottom_soc_space {font-size: 5px;}

@media screen and (max-width: 792px) {
.bottom_line {display: none;}
}
@media screen and (max-width: 616px) {
.top_phn {margin: 0 45px 0 0;}
}
@media screen and (max-width: 560px) {
.top_phn {display: none;}
.top_phone_min {display: inline-block;}
}
@media screen and (max-width: 435px) {
.top_phone_min {display: none;}
}









.cont {opacity: 1; -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;}
.cont_hide {opacity: 0;}







.posle {position: absolute; top: 100%; left: 0; width: 100%; background: var(--bg_w); z-index: 10;}





#manifest {display: block; width: 300px; margin: 150px auto 0;}




/* 1 */
.b1 {position: fixed; display: table; top: 0; left: 0; padding: 0; width: 100%; height: 100%; background: var(--bg_b);}
.b1_in {display: table-cell; top: 0; left: 0; bottom: 0; right: 0; padding: 0; width: 100%; height: 100%;}
.b1_txt {display: block; height: auto; text-align: left; vertical-align: top; margin: 0 0 0 400px;}




/* 2 */
.b2 {position: relative; display: table; top: 0; left: 0; padding: 0; width: 100%; background: var(--bg_br);}
.b2_txt_left {display: inline-block; width: 300px; height: auto; text-align: left; vertical-align: middle; color: var(--b_color); margin-left: 170px;}
.b2_txt_right {display: inline-block; width: 460px; height: auto; text-align: left; vertical-align: top; color: var(--b_color); margin-left: -10px;}
.b2_left, .b2_right {display: table-cell; padding: 160px 0 780px; width: 50%; height: auto; text-align: center; vertical-align: top;}
.b2_right {background: var(--bg_w);}
.b2_youtube_table {display: table; top: 0; left: 0; width: 100%; height: 100%;}
.b2_youtube_cell {display: table-cell; top: 0; left: 0; width: 100%; height: 100%; text-align: left; vertical-align: middle;}
.b2_youtube {display: inline-block; width: 80px; height: 60px; margin-left: 80px; background: url(b2_youtube.png) no-repeat center; cursor: pointer;}





/* 3 */
.b3_block {position: relative; display: block; top: 0; left: 100%; margin-left: -1700px; width: 1700px; padding: 0; margin-top: -640px; background: var(--bg_b);}
.b3 {display: table; top: 0; left: 0; width: 100%; padding: 0; background: var(--bg_b);}
.b3_mnf {display: table-cell; width: 24%; height: 100%; background: var(--bg_w); text-align: center; vertical-align: middle; cursor: pointer;}
.b3_mnf_main {display: block; width: 290px; height: auto; margin: 0 auto; text-align: left; vertical-align: middle;}
.b3_pic {display: table-cell; width: 24%; height: 100%; background: url(mnu_slider/8.jpg) no-repeat center; background-size: cover;
-o-transition: all 1.5s ease-in-out;
  -moz-transition: all 1.5s ease-in-out;
  -webkit-transition: all 1.5s ease-in-out;
  transition: all 1.5s ease-in-out;}
.b3_main {display: table-cell; width: 40%; padding: 70px 6%; margin: 0 auto; text-align: left; vertical-align: middle; color: var(--mnu_color);}
.b3_main h1 {font-size: 20px; line-height: 22px; color: var(--mnu_color); margin: 50px 0 25px;}
.b3_main h2 {display: inline-block; font-size: 25px; line-height: 25px; color: #EEEEEE; margin: 0px 0 60px;}
.b3_main h3 {display: inline-block; font-size: 54px; line-height: 0px; color: #EEEEEE; margin: 0 0 0 -2px; padding: 0 10px 0 0;}
.b3_nums_table {display: table; width: auto; margin: 0;}
.b3_nums_cell1 {display: table-cell; width: 22px; text-align: left; vertical-align: middle; font-family: 'm'; font-size: 14px; color: var(--brown); padding-right: 0px;}
.b3_nums_cell2 {display: table-cell; text-align: center; vertical-align: middle;}
.b3_nums_cell2_in {display: block; width: 20px; height: 3px; background: var(--brown_h);}
.b3_nums_cell3 {display: table-cell; text-align: center; vertical-align: middle;}
.b3_nums_cell3_in {display: block; width: 100px; height: 1px; background: var(--brown);}
.b3_nums_cell4 {display: table-cell; text-align: left; vertical-align: middle; font-family: 'm'; font-size: 14px; color: var(--brown); padding-left: 16px;}
.b3_six_space1 {display: table-cell; text-align: left; vertical-align: middle; width: 60px; height: 1px;}
.b3_six_space2 {display: table-cell; text-align: left; vertical-align: middle; width: 10px; height: 1px;}
.b3_six_prev {display: table-cell; text-align: left; vertical-align: middle; width: 18px; height: 18px; background: url(six_prev.png) no-repeat center; cursor: pointer;}
.b3_six_next {display: table-cell; text-align: left; vertical-align: middle; width: 18px; height: 18px; background: url(six_next.png) no-repeat center; cursor: pointer;}





/* 4 */
.b4 {position: relative; display: block; top: 0; left: 0; margin-top: 160px; padding: 0; width: 100%; background: var(--bg_w);}
.b4_txt_right {display: inline-block; width: 460px; height: auto; text-align: center; vertical-align: top; color: var(--b_color); margin: 0; padding: 0 0 150px;}
.b4_left, .b4_right {display: inline-block; padding: 0; width: 50%; height: auto; text-align: center; vertical-align: middle;}
.b4_right {width: 49.5%;}
.b4_left {height: 600px;}
.b4_logo {display: block; width: 165px; height: 20px; margin: 0 auto 30px; background: url(logo_b.png) no-repeat center; opacity: 0.9;}
.b4_soc {margin: 0 auto;}
.b4 a.bottom_soc {color: #404040; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear;}
.b4 a.bottom_soc:hover {color: var(--b_color);}
.b4 .hamburger_in {margin: 70px auto;}
.b4 .hamburger {margin: 0 auto;}
.b4 .hamburger div {background: var(--bg_b);}
.b4 .warnings {position: absolute; width: 50%; bottom: 37px; height: auto; left: 75%; margin-left: -25%;}
.b4 .warnings_in {font-family: 'r'; font-size: 12px; line-height: 15px; color: #A8A8A8; width: 70%; max-width: 500px; margin: 0 auto;}













@media screen and (max-width: 1787px){
.b3_block {margin-left: -1600px; width: 1600px;}
}
@media screen and (max-width: 1708px){
.b2_txt_left {margin-left: 70px;}
.b2_txt_right {margin-left: 0;}
}
@media screen and (max-width: 1677px){
.b3_block {margin-left: -1500px; width: 1500px;}
}
@media screen and (max-width: 1596px){
.b2_left, .b2_right {padding-top: 110px;}
.b2_left, .b2_right {padding-bottom: 750px;}
.b3_block {margin-top: -640px;}
}
@media screen and (max-width: 1577px){
.b3_block {margin-left: -1400px; width: 1400px;}
.b3_mnf {width: 28%;}
.b3_pic {width: 20%;}
}
@media screen and (max-width: 1479px){
.b3_block {margin-left: -1300px; width: 1300px;}
.swipe {width: 420px;}
.b2_left, .b2_right {padding-bottom: 780px;}
.b3_block {margin-top: -670px;}
}
@media screen and (max-width: 1456px){
.b2_txt_left {margin-left: 0;}
.b2_txt_right {width: 380px;}
.b2_youtube {margin-left: 50px;}
}
@media screen and (max-width: 1388px){
.b3_block {margin-left: -1250px; width: 1250px;}
.swipe {width: 360px;}
.b2_left, .b2_right {padding-bottom: 800px;}
.b3_block {margin-top: -690px;}
.b3_main {width: 37%;}
.b3_mnf {width: 25%;}
.b3_pic {width: 26%;}
.b3_mnf_main {width: 200px;}
}
@media screen and (max-width: 1320px){
.b3_block {left: 0; margin-left: 0; width: 100%;}
}
@media screen and (max-width: 1226px){
.b2_txt_right {width: 320px;}
.b2_youtube {display: block; margin: 60px auto 0;}
.b3_block {left: 100%; margin-left: -92%; width: 92%;}
.b3_main {width: 50%;}
.b3_mnf {width: 38%;}
.b3_pic {display: none;}
.b3_mnf_main {width: 290px;}
.swipe {width: 470px;}
.b2_left, .b2_right {padding-bottom: 770px;}
.b3_block {margin-top: -660px;}
}
@media screen and (max-width: 1127px){
.b2_left, .b2_right {display: block; padding: 110px 0; width: 100%;}
.b2_txt_left, .b2_txt_right {width: 460px;}
.b2_txt_left, .b2_txt_right {text-align: center;}
.b2 .btn {margin: 50px auto 0;}
.b3_block {left: 0; margin: 0; width: 100%;}
.b3_mnf {background: var(--bg_br);}
.b3_mnf_main {width: 460px; text-align: center;}
.b3_mnf, .b3_main {display: block; text-align: center; width: 100%; padding: 110px 0;}
.b3_main h2 {display: block; margin: 0 0 60px;}
.b3_main h3 {display: block; margin: 20px 0 60px; font-size: 80px; padding: 0;}
.b3_nums_table {margin: 0 auto;}
.swipe {margin: 0 auto;}
#slider li{text-align: center;}
.slider_blocks {margin: 0;}
.b4 {margin-top: 0;}
.b4_left, .b4_right {display: block; width: 100%; height: auto;}
.b4_right {padding: 110px 0 40px;}
.b4_txt_right {padding: 0;}
.ymaps-layers-pane {height: 350px;}
.b4_soc, .b4 .hamburger_in, .b4 .warnings {position: relative; width: 100%; bottom: auto; height: auto; left: 0%; margin: 40px auto 0;}
.b4 .warnings {margin: 100px auto 0;}
.b4 .warnings_in {max-width: 700px;}
}
@media screen and (max-width: 721px){
.swipe {width: 400px;}
}
@media screen and (max-width: 674px){
.b2_txt_left, .b2_txt_right, .b3_mnf_main {width: 70%;}
}
@media screen and (max-width: 578px){
.swipe {width: 350px;}
}
@media screen and (max-width: 552px){
.b4_txt_right {width: 220px;}
.b4 a.bottom_soc {display: block; margin: 0;}
}
@media screen and (max-width: 518px){
.b3_main h2 {font-size: 22px; line-height: 22px;}
.swipe {width: 300px;}
}
@media screen and (max-width: 454px){
.b3_main h2 {padding: 0 50px;}
.b3_six_space1 {width: 30px;}
.swipe {width: 270px;}
}
@media screen and (max-width: 390px){
.swipe {width: 240px;}
}
@media screen and (max-width: 341px){
.swipe {width: 210px;}
}










@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) {


.top_logo, .mnu_logo {background: url(logo@1.1.png) no-repeat center; background-size: 165px 20px;}
.top_phone_min {background: url(phone@1.1.png) no-repeat center top; background-size: 18px;}
.mnu_soc1 {background: url(mnu_soc1@1.1.png) no-repeat center; background-size: 14px;}
.mnu_soc2 {background: url(mnu_soc2@1.1.png) no-repeat center; background-size: 14px;}
.mnu_soc3 {background: url(mnu_soc3@1.1.png) no-repeat center; background-size: 14px;}
.mnu_soc4 {background: url(mnu_soc4@1.1.png) no-repeat center; background-size: 14px;}


.b2_youtube, .b2_youtube2 {background: url(b2_youtube@1.1.png) no-repeat center; background-size: 80px 60px;}
@media screen and (max-width: 817px) {
}


.b3_six_prev {background: url(six_prev@1.1.png) no-repeat center; background-size: 18px;}
.b3_six_next {background: url(six_next@1.1.png) no-repeat center; background-size: 18px;}


.b4_logo {background: url(logo_b@1.1.png) no-repeat center; background-size: 165px 20px;}



}