::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-thumb {
  background: var(--brown);
}
::-webkit-scrollbar-track {
  background: var(--bg_b);
}



@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: #111111; 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+ */
}



a {text-decoration: none;}




.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_main2 {position: relative; width: 120px; left: 0; margin-left: -8px; margin-top: 80px;}
.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, nobr {font-family: 't'; font-weight: normal; font-size: 16px; line-height: 28px;color: #FFFFFF; margin: 0; padding: 50px 0 0;}
@media screen and (max-width: 505px){
h1 {font-size: 24px; line-height: 29px;}
}




.top_line {position: absolute; display: table; top: 50px; 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;}

@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;}







.cont {position: absolute; top: 0; left: 0; width: 100%; height: 100%; min-height: 100%; background: #161616; z-index: 10;}






/* 1 */
.b1 {position: relative; display: table; top: 0; left: 0; padding: 0; width: 100%; height: 100%; min-height: 795px; background: url(contacts.jpg) no-repeat right center; background-size: cover;}
.b1_in {display: table-cell; top: 0; left: 0; bottom: 0; right: 0; padding: 0; width: 100%; height: 100%; text-align: center; vertical-align: middle;}
.b1_txt {display: block; height: auto; text-align: left; vertical-align: top; margin: 0 0 0 300px;}
.b1_txt h1 {font-size: 115px; line-height: 1; margin: 0 0 10px; padding: 0; color: #FFFFFF;}
.b1_txt h2 {font-size: 35px; line-height: 40px; color: #FFFFFF;}
.b1_dop {display: none; color: #FFFFFF; text-align: center; width: 250px; margin: 30px auto 0;}

@media screen and (max-width: 1521px){
.b1_txt {margin-left: 200px;}
}
@media screen and (max-width: 1173px){
.b1_txt {margin-left: 140px;}
}
@media screen and (max-width: 1018px){
.b1_txt {margin-left: 120px;}
.b1_txt h1 {font-size: 100px;}
}
@media screen and (max-width: 928px){
.b1_txt {margin-left: 70px;}
}
@media screen and (max-width: 707px){
.b1_txt h1 {font-size: 80px;}
}
@media screen and (max-width: 561px){
.b1_txt {margin: 0; text-align: center;}
.b1 {min-height: 630px;}
.b1_txt h1 {font-size: 40px; text-align: center; margin-bottom: 30px; margin-top: 75px;}
.b1_txt h2 {font-size: 25px; line-height: 30px; padding: 0 50px; text-align: center;}
h3 {padding: 50px 50px 0; text-align: center;}
.b1_dop {display: block;}
.mnu_soc_main2 {left: 50%; margin-left: -60px;}
}





@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;}





}