html,
body, .center {
  width: 100%;
  height: 100%; }

.container {
  width: 100%; }
  .container:before {
    content: '';
    display: table; }
  .container:after {
    content: '';
    display: block;
    clear: both; }
  @media (min-width: 480px) {
    .container {
      width: 100%; } }
  @media (min-width: 768px) {
    .container {
      width: 720px; } }
  @media (min-width: 992px) {
    .container {
      width: 920px; } }
  @media (min-width: 1280px) {
    .container {
      width: 1200px; } }
  @media (min-width: 1440px) {
    .container {
      width: 1200px; } }

.grid {
  margin-left: -1.11vh;
  margin-right: -1.11vh; }
  .grid:before {
    content: '';
    display: table; }
  .grid:after {
    content: '';
    display: block;
    clear: both; }
  .grid__col_1 {
    min-height: 1px;
    padding-left: 1.11vh;
    padding-right: 1.11vh;
    float: left;
    width: 8.33333%; }
  .grid__col_2 {
    min-height: 1px;
    padding-left: 1.11vh;
    padding-right: 1.11vh;
    float: left;
    width: 16.66667%; }
  .grid__col_3 {
    min-height: 1px;
    padding-left: 1.11vh;
    padding-right: 1.11vh;
    float: left;
    width: 25%; }
  .grid__col_4 {
    min-height: 1px;
    padding-left: 1.11vh;
    padding-right: 1.11vh;
    float: left;
    width: 33.33333%; }
  .grid__col_5 {
    min-height: 1px;
    padding-left: 1.11vh;
    padding-right: 1.11vh;
    float: left;
    width: 41.66667%; }
  .grid__col_6 {
    min-height: 1px;
    padding-left: 1.11vh;
    padding-right: 1.11vh;
    float: left;
    width: 50%; }
  .grid__col_7 {
    min-height: 1px;
    padding-left: 1.11vh;
    padding-right: 1.11vh;
    float: left;
    width: 58.33333%; }
  .grid__col_8 {
    min-height: 1px;
    padding-left: 1.11vh;
    padding-right: 1.11vh;
    float: left;
    width: 66.66667%; }
  .grid__col_9 {
    min-height: 1px;
    padding-left: 1.11vh;
    padding-right: 1.11vh;
    float: left;
    width: 75%; }
  .grid__col_10 {
    min-height: 1px;
    padding-left: 1.11vh;
    padding-right: 1.11vh;
    float: left;
    width: 83.33333%; }
  .grid__col_11 {
    min-height: 1px;
    padding-left: 1.11vh;
    padding-right: 1.11vh;
    float: left;
    width: 91.66667%; }
  .grid__col_12 {
    min-height: 1px;
    padding-left: 1.11vh;
    padding-right: 1.11vh;
    float: left;
    width: 100%; }
  @media (min-width: 480px) {
    .grid__col_1_xs {
      min-height: 1px;
      padding-left: 1.11vh;
      padding-right: 1.11vh;
      float: left;
      width: 8.33333%; }
    .grid__col_2_xs {
      min-height: 1px;
      padding-left: 1.11vh;
      padding-right: 1.11vh;
      float: left;
      width: 16.66667%; }
    .grid__col_3_xs {
      min-height: 1px;
      padding-left: 1.11vh;
      padding-right: 1.11vh;
      float: left;
      width: 25%; }
    .grid__col_4_xs {
      min-height: 1px;
      padding-left: 1.11vh;
      padding-right: 1.11vh;
      float: left;
      width: 33.33333%; }
    .grid__col_5_xs {
      min-height: 1px;
      padding-left: 1.11vh;
      padding-right: 1.11vh;
      float: left;
      width: 41.66667%; }
    .grid__col_6_xs {
      min-height: 1px;
      padding-left: 1.11vh;
      padding-right: 1.11vh;
      float: left;
      width: 50%; }
    .grid__col_7_xs {
      min-height: 1px;
      padding-left: 1.11vh;
      padding-right: 1.11vh;
      float: left;
      width: 58.33333%; }
    .grid__col_8_xs {
      min-height: 1px;
      padding-left: 1.11vh;
      padding-right: 1.11vh;
      float: left;
      width: 66.66667%; }
    .grid__col_9_xs {
      min-height: 1px;
      padding-left: 1.11vh;
      padding-right: 1.11vh;
      float: left;
      width: 75%; }
    .grid__col_10_xs {
      min-height: 1px;
      padding-left: 1.11vh;
      padding-right: 1.11vh;
      float: left;
      width: 83.33333%; }
    .grid__col_11_xs {
      min-height: 1px;
      padding-left: 1.11vh;
      padding-right: 1.11vh;
      float: left;
      width: 91.66667%; }
    .grid__col_12_xs {
      min-height: 1px;
      padding-left: 1.11vh;
      padding-right: 1.11vh;
      float: left;
      width: 100%; } }
  @media (min-width: 768px) {
    .grid__col_1_sm {
      min-height: 1px;
      padding-left: 1.11vh;
      padding-right: 1.11vh;
      float: left;
      width: 8.33333%; }
    .grid__col_2_sm {
      min-height: 1px;
      padding-left: 1.11vh;
      padding-right: 1.11vh;
      float: left;
      width: 16.66667%; }
    .grid__col_3_sm {
      min-height: 1px;
      padding-left: 1.11vh;
      padding-right: 1.11vh;
      float: left;
      width: 25%; }
    .grid__col_4_sm {
      min-height: 1px;
      padding-left: 1.11vh;
      padding-right: 1.11vh;
      float: left;
      width: 33.33333%; }
    .grid__col_5_sm {
      min-height: 1px;
      padding-left: 1.11vh;
      padding-right: 1.11vh;
      float: left;
      width: 41.66667%; }
    .grid__col_6_sm {
      min-height: 1px;
      padding-left: 1.11vh;
      padding-right: 1.11vh;
      float: left;
      width: 50%; }
    .grid__col_7_sm {
      min-height: 1px;
      padding-left: 1.11vh;
      padding-right: 1.11vh;
      float: left;
      width: 58.33333%; }
    .grid__col_8_sm {
      min-height: 1px;
      padding-left: 1.11vh;
      padding-right: 1.11vh;
      float: left;
      width: 66.66667%; }
    .grid__col_9_sm {
      min-height: 1px;
      padding-left: 1.11vh;
      padding-right: 1.11vh;
      float: left;
      width: 75%; }
    .grid__col_10_sm {
      min-height: 1px;
      padding-left: 1.11vh;
      padding-right: 1.11vh;
      float: left;
      width: 83.33333%; }
    .grid__col_11_sm {
      min-height: 1px;
      padding-left: 1.11vh;
      padding-right: 1.11vh;
      float: left;
      width: 91.66667%; }
    .grid__col_12_sm {
      min-height: 1px;
      padding-left: 1.11vh;
      padding-right: 1.11vh;
      float: left;
      width: 100%; } }
  @media (min-width: 992px) {
    .grid__col_1_md {
      min-height: 1px;
      padding-left: 1.11vh;
      padding-right: 1.11vh;
      float: left;
      width: 8.33333%; }
    .grid__col_2_md {
      min-height: 1px;
      padding-left: 1.11vh;
      padding-right: 1.11vh;
      float: left;
      width: 16.66667%; }
    .grid__col_3_md {
      min-height: 1px;
      padding-left: 1.11vh;
      padding-right: 1.11vh;
      float: left;
      width: 25%; }
    .grid__col_4_md {
      min-height: 1px;
      padding-left: 1.11vh;
      padding-right: 1.11vh;
      float: left;
      width: 33.33333%; }
    .grid__col_5_md {
      min-height: 1px;
      padding-left: 1.11vh;
      padding-right: 1.11vh;
      float: left;
      width: 41.66667%; }
    .grid__col_6_md {
      min-height: 1px;
      padding-left: 1.11vh;
      padding-right: 1.11vh;
      float: left;
      width: 50%; }
    .grid__col_7_md {
      min-height: 1px;
      padding-left: 1.11vh;
      padding-right: 1.11vh;
      float: left;
      width: 58.33333%; }
    .grid__col_8_md {
      min-height: 1px;
      padding-left: 1.11vh;
      padding-right: 1.11vh;
      float: left;
      width: 66.66667%; }
    .grid__col_9_md {
      min-height: 1px;
      padding-left: 1.11vh;
      padding-right: 1.11vh;
      float: left;
      width: 75%; }
    .grid__col_10_md {
      min-height: 1px;
      padding-left: 1.11vh;
      padding-right: 1.11vh;
      float: left;
      width: 83.33333%; }
    .grid__col_11_md {
      min-height: 1px;
      padding-left: 1.11vh;
      padding-right: 1.11vh;
      float: left;
      width: 91.66667%; }
    .grid__col_12_md {
      min-height: 1px;
      padding-left: 1.11vh;
      padding-right: 1.11vh;
      float: left;
      width: 100%; } }
  @media (min-width: 1280px) {
    .grid__col_1_lg {
      min-height: 1px;
      padding-left: 1.11vh;
      padding-right: 1.11vh;
      float: left;
      width: 8.33333%; }
    .grid__col_2_lg {
      min-height: 1px;
      padding-left: 1.11vh;
      padding-right: 1.11vh;
      float: left;
      width: 16.66667%; }
    .grid__col_3_lg {
      min-height: 1px;
      padding-left: 1.11vh;
      padding-right: 1.11vh;
      float: left;
      width: 25%; }
    .grid__col_4_lg {
      min-height: 1px;
      padding-left: 1.11vh;
      padding-right: 1.11vh;
      float: left;
      width: 33.33333%; }
    .grid__col_5_lg {
      min-height: 1px;
      padding-left: 1.11vh;
      padding-right: 1.11vh;
      float: left;
      width: 41.66667%; }
    .grid__col_6_lg {
      min-height: 1px;
      padding-left: 1.11vh;
      padding-right: 1.11vh;
      float: left;
      width: 50%; }
    .grid__col_7_lg {
      min-height: 1px;
      padding-left: 1.11vh;
      padding-right: 1.11vh;
      float: left;
      width: 58.33333%; }
    .grid__col_8_lg {
      min-height: 1px;
      padding-left: 1.11vh;
      padding-right: 1.11vh;
      float: left;
      width: 66.66667%; }
    .grid__col_9_lg {
      min-height: 1px;
      padding-left: 1.11vh;
      padding-right: 1.11vh;
      float: left;
      width: 75%; }
    .grid__col_10_lg {
      min-height: 1px;
      padding-left: 1.11vh;
      padding-right: 1.11vh;
      float: left;
      width: 83.33333%; }
    .grid__col_11_lg {
      min-height: 1px;
      padding-left: 1.11vh;
      padding-right: 1.11vh;
      float: left;
      width: 91.66667%; }
    .grid__col_12_lg {
      min-height: 1px;
      padding-left: 1.11vh;
      padding-right: 1.11vh;
      float: left;
      width: 100%; } }
  @media (min-width: 1440px) {
    .grid__col_1_xl {
      min-height: 1px;
      padding-left: 1.11vh;
      padding-right: 1.11vh;
      float: left;
      width: 8.33333%; }
    .grid__col_2_xl {
      min-height: 1px;
      padding-left: 1.11vh;
      padding-right: 1.11vh;
      float: left;
      width: 16.66667%; }
    .grid__col_3_xl {
      min-height: 1px;
      padding-left: 1.11vh;
      padding-right: 1.11vh;
      float: left;
      width: 25%; }
    .grid__col_4_xl {
      min-height: 1px;
      padding-left: 1.11vh;
      padding-right: 1.11vh;
      float: left;
      width: 33.33333%; }
    .grid__col_5_xl {
      min-height: 1px;
      padding-left: 1.11vh;
      padding-right: 1.11vh;
      float: left;
      width: 41.66667%; }
    .grid__col_6_xl {
      min-height: 1px;
      padding-left: 1.11vh;
      padding-right: 1.11vh;
      float: left;
      width: 50%; }
    .grid__col_7_xl {
      min-height: 1px;
      padding-left: 1.11vh;
      padding-right: 1.11vh;
      float: left;
      width: 58.33333%; }
    .grid__col_8_xl {
      min-height: 1px;
      padding-left: 1.11vh;
      padding-right: 1.11vh;
      float: left;
      width: 66.66667%; }
    .grid__col_9_xl {
      min-height: 1px;
      padding-left: 1.11vh;
      padding-right: 1.11vh;
      float: left;
      width: 75%; }
    .grid__col_10_xl {
      min-height: 1px;
      padding-left: 1.11vh;
      padding-right: 1.11vh;
      float: left;
      width: 83.33333%; }
    .grid__col_11_xl {
      min-height: 1px;
      padding-left: 1.11vh;
      padding-right: 1.11vh;
      float: left;
      width: 91.66667%; }
    .grid__col_12_xl {
      min-height: 1px;
      padding-left: 1.11vh;
      padding-right: 1.11vh;
      float: left;
      width: 100%; } }
  .grid__col_right {
    float: right; }

* {
  margin: 0;
  padding: 0;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

body {
  font-family: "AvenirNext";
  color: #ffffff;
  -webkit-font-smoothing: antialiased; }

h1 {
  line-height: 1;
  font-size: 3.66vh;
  font-weight: 500; }

h3 {
  line-height: 1;
  font-size: 2.42vh;
  font-weight: 500; }

p, .resort-preview__place {
  line-height: 2.82vh;
  font-size: 1.66vh;
  font-weight: normal; }

p a, .resort-preview__place a {
  color: white; }

.v_invisible {
  opacity: 0 !important;
  pointer-events: none !important; }

.v_visible {
  opacity: 1 !important;
  -webkit-transform: translate3d(0, 0, 0) scale(1);
  -moz-transform: translate3d(0, 0, 0) scale(1);
  -ms-transform: translate3d(0, 0, 0) scale(1);
  -o-transform: translate3d(0, 0, 0) scale(1);
  transform: translate3d(0, 0, 0) scale(1); }

.v_hidden {
  display: none !important; }

.center {
  display: table; }
  .center__row {
    display: table-row; }
  .center__cell {
    display: table-cell;
    vertical-align: middle; }

.arrow {
  display: block;
  width: 2.5vh;
  height: 2.5vh;
  line-height: 2.5vh;
  font-size: 2.5vh;
  font-family: 'icons';
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  cursor: pointer; }
  .arrow_up:before {
    content: '\e900'; }
  .arrow_down:before {
    content: '\e901'; }
  .arrow_left:before {
    content: '\e902'; }
  .arrow_right:before {
    content: '\e903'; }

.logo {
  display: block;
  text-decoration: none; }
  .logo__image {
    display: block;
    width: 100%; }
  .logo_height .logo__image {
    width: auto;
    height: 100%; }

.btn {
  -webkit-transition: all 0.6s ease 0s;
  -moz-transition: all 0.6s ease 0s;
  -ms-transition: all 0.6s ease 0s;
  -o-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;
  display: inline-block;
  vertical-align: top;
  padding: 1.7vh 1vh;
  border: 1px solid #ffffff;
  color: #ffffff;
  font-size: 1.66vh;
  text-align: center;
  text-decoration: none;
  cursor: pointer; }
  .btn p, .btn .resort-preview__place {
    line-height: 2.3vh; }
  .btn_square {
    width: 7.5vh;
    height: 7.5vh;
    padding: 0; }
  .btn:hover {
    background: rgba(255, 255, 255, 0.2); }

.soc__list {
  list-style: none; }

.soc__link {
  display: block;
  width: 6.25vh;
  height: 6.25vh;
  line-height: 6.25vh;
  font-size: 1.65vh;
  text-align: center;
  text-decoration: none;
  color: #ffffff; }

.content-block {
  -webkit-transition: all 0.6s ease 0s;
  -moz-transition: all 0.6s ease 0s;
  -ms-transition: all 0.6s ease 0s;
  -o-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s; }
  .content-block__back, .content-block__body, .content-block__content {
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition: all 0.6s ease 0s;
    -ms-transition: all 0.6s ease 0s;
    -o-transition: all 0.6s ease 0s;
    transition: all 0.6s ease 0s;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  .content-block__back {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0;
    right: -50%; }
  .content-block.v_invisible .content-block__back,
  .content-block .content-block__back.v_invisible,
  .content-block.v_invisible .content-block__content,
  .content-block .content-block__content.v_invisible {
    opacity: 0; }
  .content-block_top.v_invisible .content-block__back,
  .content-block_top .content-block__back.v_invisible,
  .content-block_top.v_invisible .content-block__header,
  .content-block_top .content-block__header.v_invisible,
  .content-block_top.v_invisible .content-block__content,
  .content-block_top .content-block__content.v_invisible {
    -webkit-transform: translate3d(0, -70px , 0);
    -moz-transform: translate3d(0, -70px , 0);
    -ms-transform: translate3d(0, -70px , 0);
    -o-transform: translate3d(0, -70px , 0);
    transform: translate3d(0, -70px , 0); }
  .content-block_bottom.v_invisible .content-block__back,
  .content-block_bottom .content-block__back.v_invisible,
  .content-block_bottom.v_invisible .content-block__header,
  .content-block_bottom .content-block__header.v_invisible,
  .content-block_bottom.v_invisible .content-block__content,
  .content-block_bottom .content-block__content.v_invisible {
    -webkit-transform: translate3d(0, 70px , 0);
    -moz-transform: translate3d(0, 70px , 0);
    -ms-transform: translate3d(0, 70px , 0);
    -o-transform: translate3d(0, 70px , 0);
    transform: translate3d(0, 70px , 0); }
  .content-block_left.v_invisible .content-block__back,
  .content-block_left .content-block__back.v_invisible,
  .content-block_left.v_invisible .content-block__header,
  .content-block_left .content-block__header.v_invisible,
  .content-block_left.v_invisible .content-block__content,
  .content-block_left .content-block__content.v_invisible {
    -webkit-transform: translate3d(-70px , 0, 0);
    -moz-transform: translate3d(-70px , 0, 0);
    -ms-transform: translate3d(-70px , 0, 0);
    -o-transform: translate3d(-70px , 0, 0);
    transform: translate3d(-70px , 0, 0); }
  .content-block_right.v_invisible .content-block__back,
  .content-block_right .content-block__back.v_invisible,
  .content-block_right.v_invisible .content-block__header,
  .content-block_right .content-block__header.v_invisible,
  .content-block_right.v_invisible .content-block__content,
  .content-block_right .content-block__content.v_invisible {
    -webkit-transform: translate3d(70px , 0, 0);
    -moz-transform: translate3d(70px , 0, 0);
    -ms-transform: translate3d(70px , 0, 0);
    -o-transform: translate3d(70px , 0, 0);
    transform: translate3d(70px , 0, 0); }
  .content-block_closed .content-block__back {
    opacity: 0; }
  .content-block_closed .content-block__body {
    pointer-events: none; }
    .content-block_closed .content-block__body .article__header {
      pointer-events: auto; }

.railway {
  display: block;
  font-size: 0;
  cursor: default; }
  .railway__line {
    display: inline-block;
    vertical-align: top;
    width: 6.7vh;
    height: 0.4vh;
    background: white; }
  .railway_route-bernina .railway__line {
    background: #eb573a; }
  .railway_route-glacier .railway__line {
    background: #80b56f; }
  .railway_route-golden .railway__line {
    background: #ead93d; }

.railways {
  list-style: none; }
  .railways .railway + .railway {
    margin-top: 1vh; }

.nicescroll-rails {
  width: 5px;
  margin-left: -3vh;
  border-radius: 5px;
  background: #d1d2d3;
  pointer-events: auto;
  -webkit-transition: all 0.6s ease 0s;
  -moz-transition: all 0.6s ease 0s;
  -ms-transition: all 0.6s ease 0s;
  -o-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s; }
  .nicescroll-rails-hidden {
    opacity: 0;
    margin-left: 5vh; }

.nicescroll-cursors {
  width: 100%;
  border: none;
  border-radius: inherit;
  background: #ffffff; }

.resort {
  -webkit-transition: all 0.6s ease 0s;
  -moz-transition: all 0.6s ease 0s;
  -ms-transition: all 0.6s ease 0s;
  -o-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0; }

.popup {
  -webkit-transition: all 0.6s ease 0s;
  -moz-transition: all 0.6s ease 0s;
  -ms-transition: all 0.6s ease 0s;
  -o-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0;
  text-align: center;
  z-index: 2000;
  pointer-events: auto;
  background: #85929b url(https://www.buro247.ru/sp/swlandfront/images/bg.svg) center center/cover no-repeat; }
  .popup__body {
    width: 55%;
    margin: auto;
    padding: 6vh; }
  .popup__title {
    margin-bottom: 2vh;
    font-size: 2.66vh; }
  .popup__soc {
    margin-top: 1vh;
    text-align: center; }
    .popup__soc .soc__title {
      
      vertical-align: middle;
      line-height: 2.5vh; }
    .popup__soc .soc__item {
      display: inline-block;
      vertical-align: middle; }
    .popup__soc .soc__link {
      text-shadow: 0px 0px 10px white; }

.personal-route__list {
  min-height: 11vh;
  margin-top: 0.7vh;
  list-style: none; }

.video {
  -webkit-transition: all 0.6s ease 0s;
  -moz-transition: all 0.6s ease 0s;
  -ms-transition: all 0.6s ease 0s;
  -o-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0;
  bottom: auto;
  z-index: 4000; }
  .video__overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0; }
  .video__container {
    display: block;
    width: 100vw;
    height: 100vh;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0;
    position: fixed;
    background: black;
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition: all 0.6s ease 0s;
    -ms-transition: all 0.6s ease 0s;
    -o-transition: all 0.6s ease 0s;
    transition: all 0.6s ease 0s; }
  .video__player {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0;
    border: none;
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition: all 0.6s ease 0s;
    -ms-transition: all 0.6s ease 0s;
    -o-transition: all 0.6s ease 0s;
    transition: all 0.6s ease 0s; }
  .video__toggle {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0;
    margin: auto;
    top: 1.5vh;
    bottom: auto;
    text-shadow: 0px 0px 15px white; }
  .video.v_invisible {
    opacity: 1 !important; }
  .video.v_invisible .video__container {
    -webkit-transform: translate3d(0, -100vh, 0);
    -moz-transform: translate3d(0, -100vh, 0);
    -ms-transform: translate3d(0, -100vh, 0);
    -o-transform: translate3d(0, -100vh, 0);
    transform: translate3d(0, -100vh, 0); }
  .video.v_invisible .video__toggle {
    pointer-events: auto !important; }

.favorite {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0;
  overflow: auto;
  text-align: center;
  color: #204C6D;
  background: #e8e9e9; }
  .favorite__content {
    width: 100%;
    min-height: 100%;
    padding-bottom: 15vw; }
  .favorite__footer {
    display: block;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0; }
    @media print {
      .favorite__footer {
        display: none; } }
  @media print {
    .favorite__resort {
      page-break-after: avoid; } }
  .favorite__resort-content {
    width: 100%;
    position: absolute;
    bottom: 0; }
  .favorite__resort-image {
    display: block;
    height: 19vh;
    margin: 3vh auto 2vh; }
    @media print {
      .favorite__resort-image {
        height: 5vh;
        margin: 1vh auto 1vh; } }
  .favorite__resort-back {
    display: block;
    width: 100%; }
  .favorite__lead {
    min-height: 10vh;
    max-width: 500px; }
  .favorite__objects {
    width: 55%;
    margin: 0 auto 0;
    padding: 1.5vh 3vw;
    list-style: none;
    font-size: 0;
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 45%, white 55%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 45%, white 55%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 45%, white 55%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); }
    @media print {
      .favorite__objects {
        width: 100%; } }
  .favorite__object {
    display: inline-block;
    vertical-align: middle;
    margin: 1% 2%; }
    @media print {
      .favorite__object {
        margin: 20px; } }
    .favorite__object-image {
      display: block;
      height: 6vh;
      margin: auto; }
    .favorite__object-title {
      font-weight: 500;
      opacity: 0;
      max-width: 20vh;
      line-height: 2vh;
      height: 4.3vh;
      -webkit-transition: all 0.6s ease 0s;
      -moz-transition: all 0.6s ease 0s;
      -ms-transition: all 0.6s ease 0s;
      -o-transition: all 0.6s ease 0s;
      transition: all 0.6s ease 0s;
      -webkit-transform: translate3d(0, -10px, 0);
      -moz-transform: translate3d(0, -10px, 0);
      -ms-transform: translate3d(0, -10px, 0);
      -o-transform: translate3d(0, -10px, 0);
      transform: translate3d(0, -10px, 0); }
      @media print {
        .favorite__object-title {
          margin: 0 -10px 10px;
          opacity: 1;
          -webkit-transform: translate3d(0, 0, 0);
          -moz-transform: translate3d(0, 0, 0);
          -ms-transform: translate3d(0, 0, 0);
          -o-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0); } }
    .favorite__object:hover .favorite__object-title {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      -moz-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
      -o-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0); }
  .favorite__route {
    display: block;
    height: 15vh;
    margin: 2vh auto 2vh; }
  @media print {
    .favorite__group:first-child {
      page-break-after: always; } }
  .favorite__group:first-child .favorite__lead {
    margin: 2vh auto 0; }
  .favorite__group:first-child .favorite__resort {
    padding-top: 10vh;
    padding-bottom: 8vh;
    background: url(../images/favorite_back.svg) center bottom/cover no-repeat; }
    @media print {
      .favorite__group:first-child .favorite__resort {
        padding-top: 3vh;
        padding-bottom: 3vh; } }
  .favorite__group:first-child .favorite__resort-image {
    height: 24vh;
    margin: 10vh auto 7vh; }
    @media print {
      .favorite__group:first-child .favorite__resort-image {
        height: 15vh;
        margin: 5vh auto 5vh; } }
  .favorite__group:first-child .favorite__resort-content {
    position: relative;
    bottom: auto; }
  .favorite__group:first-child .favorite__objects {
    padding: 2vh 3vw 4vh; }
  .favorite__group:first-child .favorite__object-image {
    height: 7vh; }
  .favorite__content_no-route {
    height: 100%;
    min-height: 0;
    padding: 0; }
  .favorite__content_no-route .favorite__group {
    height: 100%; }
  .favorite__content_no-route .favorite__resort {
    padding-top: 20vh !important;
    padding-bottom: 8vh;
    height: 100vh; }

.form {
  display: block; }
  .form__group {
    display: flex;
    align-content: stretch; }
  .form__group:not(:last-child) {
    margin-bottom: 2.22vh; }
  .form__input {
    display: inline-block;
    vertical-align: top;
    flex-grow: 1;
    width: 100%;
    border: none;
    line-height: 4vh;
    padding: 0 1.5vh;
    box-shadow: 0px 0px 10px white;
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition: all 0.6s ease 0s;
    -ms-transition: all 0.6s ease 0s;
    -o-transition: all 0.6s ease 0s;
    transition: all 0.6s ease 0s; }
  .form__submit {
    display: inline-block;
    vertical-align: top;
    flex-grow: 0;
    width: 4vh;
    height: 4vh;
    border: none;
    color: #88a1a4;
    font-size: 2vh;
    background: white;
    box-shadow: 0px 0px 10px white;
    cursor: pointer;
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition: all 0.6s ease 0s;
    -ms-transition: all 0.6s ease 0s;
    -o-transition: all 0.6s ease 0s;
    transition: all 0.6s ease 0s; }
  .form__message {
    display: none;
    line-height: 2vh;
    margin: 1.5vh 0 3vh;
    font-weight: 500; }
  .form__input_near-submit + .form__submit {
    margin: 0;
    width: 0;
    overflow: hidden; }
  .form_ready .form__input_near-submit {
    width: auto; }
  .form_ready .form__input_near-submit + .form__submit {
    width: 4vh;
    margin-left: 2.22vh; }

.auth {
  margin-top: 2vh; }
  .auth__terms-checkbox {
    width: 1.7vh;
    height: 1.7vh;
    border: 1px solid white;
    position: absolute;
    top: 0vh;
    left: 0vh;
    cursor: pointer; }
    .auth__terms-checkbox:before {
      content: '';
      display: block;
      width: 50%;
      height: 50%;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      margin: 0;
      top: -35%;
      margin: auto;
      border-bottom: 2px solid white;
      border-right: 2px solid white;
      opacity: 0;
      -webkit-transform: rotate(45deg) skew(35deg, 0deg);
      -moz-transform: rotate(45deg) skew(35deg, 0deg);
      -ms-transform: rotate(45deg) skew(35deg, 0deg);
      -o-transform: rotate(45deg) skew(35deg, 0deg);
      transform: rotate(45deg) skew(35deg, 0deg); }
  .auth__terms_checked .auth__terms-checkbox:before {
    opacity: 1; }
  .auth__terms-label {
    text-align: left;
    line-height: 2.2vh;
    padding-left: 3vh; }
  .auth__soc {
    white-space: nowrap; }
    .auth__soc .soc__title {
      display: block; }
    .auth__soc .soc__item {
      margin-top: 1.5vh;
      margin-bottom: 1.5vh; }
    .auth__soc .soc__link {
      font-size: 3.5vh; }
  .auth__disclaimer {
    line-height: 2.5vh; }
  .auth__back {
    margin-top: 2vh;
    text-align: center;
    cursor: pointer; }
    .auth__back .arrow {
      display: inline-block;
      margin: 0 1vh 0 0;
      vertical-align: middle; }

.back {
  display: block;
  position: absolute;
  top: 6.25vh;
  left: 0;
  color: #204C6D;
  white-space: nowrap;
  pointer-events: auto; }
  .back__label {
    font-family: "AvenirNext";
    display: inline-block;
    vertical-align: top;
    font-size: 1.8vh;
    line-height: 2.6vh;
    margin-left: 0.7vh; }
  @media print {
    .back {
      display: none; } }

.owl-stage-outer {
  width: 100%;
  overflow: hidden; }

.owl-stage {
  width: 100%;
  font-size: 0; }

.owl-item {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  opacity: 0; 
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -ms-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.owl-item.active {
  opacity: 1;
}

.mobile-overlay {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999999;
  background: #85929b url(https://www.buro247.ru/sp/swlandfront/images/bg.svg) center center/cover no-repeat; }

.mobile-overlay__icon {
  display: block;
  width: 10%;
  margin: 0 auto 2vh; }

.mobile-overlay__text {
  text-align: center; }

@media (max-width: 767px) and (orientation: portrait) {
  .mobile-overlay {
    display: block; } }

.map {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0;
  -webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -ms-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
  will-change: opacity; }
  .map_intro {
    opacity: 0.01; }
  .map__wrapper {
    width: 85%;
    height: 85%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    top: 3%;
    right: 0%; }
  .map__overlay {
    opacity: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0;
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
    position: fixed;
    background: black;
    pointer-events: none; }
    .map__overlay:before {
      content: '';
      display: block;
      width: 30%;
      height: 100%;
      position: absolute;
      top: 0;
      right: 0;
      opacity: 0; }
    .map__overlay_region-hovered {
      opacity: 0.3;
      pointer-events: auto; }
    .map__overlay_region-selected {
      pointer-events: auto;
      opacity: 0.4; }
      .map__overlay_region-selected:before {
        opacity: 1; }

.svg-map {
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
  pointer-events: none;
  -webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -ms-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
  -webkit-transform: scale(1) translate3d(0%, 0%, 0);
  -moz-transform: scale(1) translate3d(0%, 0%, 0);
  -ms-transform: scale(1) translate3d(0%, 0%, 0);
  -o-transform: scale(1) translate3d(0%, 0%, 0);
  transform: scale(1) translate3d(0%, 0%, 0); }
/*  .svg-map_zoomed_region-2 {
    -webkit-transform: scale(1.8) translate3d(13%, 0%, 0);
    -moz-transform: scale(1.8) translate3d(13%, 0%, 0);
    -ms-transform: scale(1.8) translate3d(13%, 0%, 0);
    -o-transform: scale(1.8) translate3d(13%, 0%, 0);
    transform: scale(1.8) translate3d(13%, 0%, 0); }
  .svg-map_zoomed_region-3 {
    -webkit-transform: scale(1.8) translate3d(14%, -30%, 0);
    -moz-transform: scale(1.8) translate3d(14%, -30%, 0);
    -ms-transform: scale(1.8) translate3d(14%, -30%, 0);
    -o-transform: scale(1.8) translate3d(14%, -30%, 0);
    transform: scale(1.8) translate3d(14%, -30%, 0); }
  .svg-map_zoomed_region-5 {
    -webkit-transform: scale(1.7) translate3d(-18%, -10%, 0);
    -moz-transform: scale(1.7) translate3d(-18%, -10%, 0);
    -ms-transform: scale(1.7) translate3d(-18%, -10%, 0);
    -o-transform: scale(1.7) translate3d(-18%, -10%, 0);
    transform: scale(1.7) translate3d(-18%, -10%, 0); }
  .svg-map_zoomed_region-9 {
    -webkit-transform: scale(1.8) translate3d(-5%, 25%, 0);
    -moz-transform: scale(1.8) translate3d(-5%, 25%, 0);
    -ms-transform: scale(1.8) translate3d(-5%, 25%, 0);
    -o-transform: scale(1.8) translate3d(-5%, 25%, 0);
    transform: scale(1.8) translate3d(-5%, 25%, 0); }
  .svg-map_zoomed_region-14 {
    -webkit-transform: scale(1.8) translate3d(30%, -13%, 0);
    -moz-transform: scale(1.8) translate3d(30%, -13%, 0);
    -ms-transform: scale(1.8) translate3d(30%, -13%, 0);
    -o-transform: scale(1.8) translate3d(30%, -13%, 0);
    transform: scale(1.8) translate3d(30%, -13%, 0); }*/
  .svg-map_back {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0.8%;
    background: url(../images/map-back.png?v=7) center center/contain no-repeat; }
  .svg-map_back.svg-map_zoomed {
    opacity: 0.2; }
  .svg-map__decor {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0;
    top: -10%;
    bottom: 10%;
    left: 5%;
    right: 0%;
    margin: 0;
    background: url(../images/map-decor.svg) center center/contain no-repeat;
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s; }
  .svg-map__route {
    pointer-events: auto; }
  .svg-map .regions {
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s; }
    .svg-map .regions .region {
      position: relative;
      top: 0;
      left: 0;
      opacity: 0;
      -webkit-transform-origin: 50%;
      -moz-transform-origin: 50%;
      -ms-transform-origin: 50%;
      -o-transform-origin: 50%;
      transform-origin: 50%;
/*      -webkit-transition: all 0.2s ease 0s;
      -moz-transition: all 0.2s ease 0s;
      -ms-transition: all 0.2s ease 0s;
      -o-transition: all 0.2s ease 0s;
      transition: all 0.2s ease 0s;*/
      pointer-events: auto;
      transform-box: fill-box; }
      .svg-map .regions .region_hoverable {
        pointer-events: auto; }
      .svg-map .regions .region_selected {
        opacity: 1; }
        .svg-map .regions .region_selected .region__ground {
          stroke: #a3e5e3; }
      .svg-map .regions .region__ground, .svg-map .regions .region__water {
        stroke: #fbf5ea;
        stroke-width: 0.14vh;
        -webkit-transition: all 0.2s ease 0s;
        -moz-transition: all 0.2s ease 0s;
        -ms-transition: all 0.2s ease 0s;
        -o-transition: all 0.2s ease 0s;
        transition: all 0.2s ease 0s; }
      .svg-map .regions .region__line {
        stroke: #fbf5ea;
        stroke-width: 0.14vh;
        stroke-dasharray: 3.0314,3.0314;
        fill: none; }
      .svg-map .regions .region__ground {
        fill: #dfefef; }
      .svg-map .regions .region__water {
        fill: #73a5bd; }
    .svg-map .regions:not(.regions_selected) .region.region_hoverable:hover {
      opacity: 1;
      cursor: pointer; }
      .svg-map .regions:not(.regions_selected) .region.region_hoverable:hover .region__ground {
        stroke: #a3e5e3; }
  .svg-map__objects {
    top: 0;
    left: 0;
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    transform-box: fill-box; }
    .svg-map__objects_hidden {
      display: none; }
  .svg-map__objects_active .svg-map__resort {
    pointer-events: auto; }
    .svg-map__objects_active .svg-map__resort:hover {
      opacity: 0.5;
      cursor: pointer; }
  .svg-map__city {
    display: block;
    position: relative;
    pointer-events: none;
    opacity: 0;
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s; }
    .svg-map__city_selection {
      display: block;
      -webkit-transition: all 0.2s ease 0s;
      -moz-transition: all 0.2s ease 0s;
      -ms-transition: all 0.2s ease 0s;
      -o-transition: all 0.2s ease 0s;
      transition: all 0.2s ease 0s; }
    .svg-map__city_active {
      cursor: pointer;
      pointer-events: auto; }
  .svg-map__city.v_visible .svg-map__city_selection {
    opacity: 0.7; }
  .svg-map__clouds {
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%; }
  .svg-map_zoomed .svg-map__clouds {
    display: none; }
  .svg-map__cloud {
    display: none;
    opacity: 0;
    pointer-events: none; }
    .svg-map__cloud#cloud1 {
      -webkit-animation: cloud1 40s infinite 6s linear;
      animation: cloud1 50s infinite 6s linear;
      -ms-animation: none;
      -ms-animation-name: none; }
    .svg-map__cloud#cloud2 {
      -webkit-animation: cloud2 43s infinite 1s linear;
      animation: cloud2 52s infinite 1s linear;
      -ms-animation: none;
      -ms-animation-name: none; }
    .svg-map__cloud#cloud3 {
      -webkit-animation: cloud3 45s infinite 8s linear;
      animation: cloud3 56s infinite 8s linear;
      -ms-animation: none;
      -ms-animation-name: none; }
    .svg-map__cloud#cloud4 {
      -webkit-animation: cloud4 47s infinite 9s linear;
      animation: cloud4 57s infinite 9s linear;
      -ms-animation: none;
      -ms-animation-name: none; }
    .svg-map__cloud#cloud5 {
      -webkit-animation: cloud5 50s infinite 4s linear;
      animation: cloud5 52s infinite 4s linear;
      -ms-animation: none;
      -ms-animation-name: none; }
    .svg-map__cloud#cloud6 {
      -webkit-animation: cloud6 48s infinite 3s linear;
      animation: cloud6 58s infinite 3s linear;
      -ms-animation: none;
      -ms-animation-name: none; }
    .svg-map__cloud#cloud7 {
      -webkit-animation: cloud7 44s infinite 11s linear;
      animation: cloud7 54s infinite 11s linear;
      -ms-animation: none;
      -ms-animation-name: none; }
    .svg-map__cloud#cloud8 {
      -webkit-animation: cloud8 47s infinite 9s linear;
      animation: cloud8 57s infinite 9s linear;
      -ms-animation: none;
      -ms-animation-name: none; }
    .svg-map__cloud#cloud9 {
      -webkit-animation: cloud9 46s infinite 7s linear;
      animation: cloud9 56s infinite 7s linear;
      -ms-animation: none;
      -ms-animation-name: none; }
    .svg-map__cloud#cloud10 {
      -webkit-animation: cloud10 43s infinite 16s linear;
      animation: cloud10 53s infinite 16s linear;
      -ms-animation: none;
      -ms-animation-name: none; }
    .svg-map__cloud#cloud11 {
      -webkit-animation: cloud11 45s infinite 5s linear;
      animation: cloud11 55s infinite 5s linear;
      -ms-animation: none;
      -ms-animation-name: none; }
    .svg-map__cloud#cloud12 {
      -webkit-animation: cloud12 42s infinite 16s linear;
      animation: cloud12 52s infinite 16s linear;
      -ms-animation: none;
      -ms-animation-name: none; }
    .svg-map__cloud#cloud13 {
      -webkit-animation: cloud13 42s infinite 16s linear;
      animation: cloud13 52s infinite 16s linear;
      -ms-animation: none;
      -ms-animation-name: none; }

@keyframes cloud1 {
  0% {
    opacity: 0;
    transform: translate3d(0, 0, 0); }
  20% {
    opacity: 1; }
  50% { }
  80% {
    opacity: 1; }
  100% {
    opacity: 0;
    transform: translate3d(590%, 0, 0); } }

@keyframes cloud2 {
  0% {
    opacity: 0;
    transform: translate3d(0, 0, 0); }
  20% {
    opacity: 1; }
  80% {
    opacity: 1; }
  100% {
    opacity: 0;
    transform: translate3d(2260%, 0, 0); } }

@keyframes cloud3 {
  0% {
    opacity: 0;
    transform: translate3d(0, 0, 0); }
  20% {
    opacity: 1; }
  80% {
    opacity: 1; }
  100% {
    opacity: 0;
    transform: translate3d(1660%, 0, 0); } }

@keyframes cloud4 {
  0% {
    opacity: 0;
    transform: translate3d(0, 0, 0); }
  20% {
    opacity: 1; }
  80% {
    opacity: 1; }
  100% {
    opacity: 0;
    transform: translate3d(1020%, 0, 0); } }

@keyframes cloud5 {
  0% {
    opacity: 0;
    transform: translate3d(0, 0, 0); }
  20% {
    opacity: 1; }
  80% {
    opacity: 1; }
  100% {
    opacity: 0;
    transform: translate3d(1370%, 0, 0); } }

@keyframes cloud6 {
  0% {
    opacity: 0;
    transform: translate3d(0, 0, 0); }
  20% {
    opacity: 1; }
  80% {
    opacity: 1; }
  100% {
    opacity: 0;
    transform: translate3d(3090%, 0, 0); } }

@keyframes cloud7 {
  0% {
    opacity: 0;
    transform: translate3d(0, 0, 0); }
  20% {
    opacity: 1; }
  80% {
    opacity: 1; }
  100% {
    opacity: 0;
    transform: translate3d(3130%, 0, 0); } }

@keyframes cloud8 {
  0% {
    opacity: 0;
    transform: translate3d(0, 0, 0); }
  20% {
    opacity: 1; }
  80% {
    opacity: 1; }
  100% {
    opacity: 0;
    transform: translate3d(2400%, 0, 0); } }

@keyframes cloud9 {
  0% {
    opacity: 0;
    transform: translate3d(0, 0, 0); }
  20% {
    opacity: 1; }
  80% {
    opacity: 1; }
  100% {
    opacity: 0;
    transform: translate3d(2150%, 0, 0); } }

@keyframes cloud10 {
  0% {
    opacity: 0;
    transform: translate3d(0, 0, 0); }
  20% {
    opacity: 1; }
  80% {
    opacity: 1; }
  100% {
    opacity: 0;
    transform: translate3d(2050%, 0, 0); } }

@keyframes cloud11 {
  0% {
    opacity: 0;
    transform: translate3d(0, 0, 0); }
  20% {
    opacity: 1; }
  80% {
    opacity: 1; }
  100% {
    opacity: 0;
    transform: translate3d(2050%, 0, 0); } }

@keyframes cloud12 {
  0% {
    opacity: 0;
    transform: translate3d(0, 0, 0); }
  20% {
    opacity: 1; }
  80% {
    opacity: 1; }
  100% {
    opacity: 0;
    transform: translate3d(2050%, 0, 0); } }

@keyframes cloud13 {
  0% {
    opacity: 0;
    transform: translate3d(0, 0, 0); }
  20% {
    opacity: 1; }
  80% {
    opacity: 1; }
  100% {
    opacity: 0;
    transform: translate3d(2250%, 0, 0); } }

/*.region.region_selected#region-2 {
  -webkit-transform: scale(1.4) translate3d(30%, 0%, 0);
  -ms-transform: scale(1.4) translate3d(30%, 0%, 0);
  -o-transform: scale(1.4) translate3d(30%, 0%, 0);
  transform: scale(1.4) translate3d(30%, 0%, 0);
  -moz-transform: scale(1.4) translate3d(10%, 0%, 0); }

.svg-map__objects.svg-map__objects_active#region-2-objects {
  -webkit-transform: scale(1.4) translate3d(23%, 0%, 0);
  -ms-transform: scale(1.4) translate3d(23%, 0%, 0);
  -o-transform: scale(1.4) translate3d(23%, 0%, 0);
  transform: scale(1.4) translate3d(23%, 0%, 0);
  -moz-transform: scale(1.4) translate3d(-1%, -6%, 0); }

.region.region_selected#region-5 {
  -webkit-transform: scale(1.4) translate3d(-45%, 0%, 0);
  -ms-transform: scale(1.4) translate3d(-45%, 0%, 0);
  -o-transform: scale(1.4) translate3d(-45%, 0%, 0);
  transform: scale(1.4) translate3d(-45%, 0%, 0);
  -moz-transform: scale(1.4) translate3d(-30%, -10%, 0); }

.svg-map__objects.svg-map__objects_active#region-5-objects {
  -webkit-transform: scale(1.4) translate3d(-50.5%, 0%, 0);
  -ms-transform: scale(1.4) translate3d(-50.5%, 0%, 0);
  -o-transform: scale(1.4) translate3d(-50.5%, 0%, 0);
  transform: scale(1.4) translate3d(-50.5%, 0%, 0);
  -moz-transform: scale(1.4) translate3d(-21%, -14%, 0); }

.region.region_selected#region-9 {
  -webkit-transform: scale(1.4) translate3d(-25%, 50%, 0);
  -ms-transform: scale(1.4) translate3d(-25%, 50%, 0);
  -o-transform: scale(1.4) translate3d(-25%, 50%, 0);
  transform: scale(1.4) translate3d(-25%, 50%, 0);
  -moz-transform: scale(1.4) translate3d(-7%, 24%, 0); }

.svg-map__objects.svg-map__objects_active#region-9-objects {
  -webkit-transform: scale(1.4) translate3d(-36%, 60%, 0);
  -ms-transform: scale(1.4) translate3d(-36%, 60%, 0);
  -o-transform: scale(1.4) translate3d(-36%, 60%, 0);
  transform: scale(1.4) translate3d(-36%, 60%, 0);
  -moz-transform: scale(1.4) translate3d(-7%, 24%, 0); }

.region.region_selected#region-14 {
  -webkit-transform: scale(1.4) translate3d(91%, -30%, 0);
  -ms-transform: scale(1.4) translate3d(91%, -30%, 0);
  -o-transform: scale(1.4) translate3d(91%, -30%, 0);
  transform: scale(1.4) translate3d(91%, -30%, 0);
  -moz-transform: scale(1.4) translate3d(35%, -15%, 0); }

.svg-map__objects.svg-map__objects_active#region-14-objects {
  -webkit-transform: scale(1.4) translate3d(100%, -33%, 0);
  -ms-transform: scale(1.4) translate3d(100%, -33%, 0);
  -o-transform: scale(1.4) translate3d(100%, -33%, 0);
  transform: scale(1.4) translate3d(100%, -33%, 0);
  -moz-transform: scale(1.4) translate3d(36%, -15%, 0); }*/

.header__toggle {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  left: 0px;
  right: 0px;
  margin: auto;
  z-index: 5;
  background: red;
  cursor: pointer; }

.header.opened .header__toggle {
  background: green; }

.header__body {
  width: 54.98vh;
  height: 13.89vh;
  padding-top: 6vh;
  padding-left: 3.33vh;
  padding-right: 3.33vh;
  margin: 0px auto 0px;
  text-align: center; }

.header__logo {
  display: block;
  height: 4vh;
  margin: 1vh auto 0; }

.header__lead {
  -webkit-transition: all 0.6s ease 0s;
  -moz-transition: all 0.6s ease 0s;
  -ms-transition: all 0.6s ease 0s;
  -o-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s; }

.header__title + .header__lead {
  margin-top: 3.7vh; }

.header__subtitle + .header__text {
  margin-top: 1.85vh; }

.footer {
  display: block;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-transition: all 0.6s ease 0s;
  -moz-transition: all 0.6s ease 0s;
  -ms-transition: all 0.6s ease 0s;
  -o-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;
  cursor: pointer; }
  .footer__body {
    height: 6.25vh;
    background: -moz-linear-gradient(top, rgba(208, 203, 198, 0) 0%, #d0cbc6 100%);
    background: -webkit-linear-gradient(top, rgba(208, 203, 198, 0) 0%, #d0cbc6 100%);
    background: linear-gradient(to bottom, rgba(208, 203, 198, 0) 0%, #d0cbc6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00d0cbc6', endColorstr='#d0cbc6',GradientType=0 );
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition: all 0.6s ease 0s;
    -ms-transition: all 0.6s ease 0s;
    -o-transition: all 0.6s ease 0s;
    transition: all 0.6s ease 0s; }
  .footer__content {
    width: 100%;
    position: absolute;
    bottom: 6.25vh;
    left: 0; }
  .footer__title {
    text-align: center; }
  .footer__icon {
    display: block;
    width: 10vh;
    margin: 0 auto 4vh; }

.resort-preview__name {
  line-height: 4vh; }

.route-preview {
  text-align: right; }
  .route-preview__train {
    display: block;
    height: 2.59vh;
    height: 1.56vw; }
  .route-preview__text {
    min-height: 10.93vh;
    text-align: left; }
  .route-preview__train + .route-preview__text {
    margin-top: 1.39vh; }
  .route-preview__toggle {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: " auto 0";
    position: absolute; }
  .route-preview__toggle-content {
    top: 4.4vh; }

.article {
  -webkit-transition: all 0.6s ease 0s;
  -moz-transition: all 0.6s ease 0s;
  -ms-transition: all 0.6s ease 0s;
  -o-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;
  pointer-events: none; }
  .article_personal {
    color: #204c6d; }
    .article_personal .resort-preview__name {
      border-color: #204c6d; }
  .article__back {
    background: -moz-linear-gradient(left, rgba(208, 203, 198, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(left, rgba(208, 203, 198, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to right, rgba(208, 203, 198, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0cbc6', endColorstr='#00d0cbc6',GradientType=1 ); }
  .article__back:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: -moz-linear-gradient(left, rgba(208, 203, 198, 0.6) 0%, rgba(208, 203, 198, 0) 100%);
    background: -webkit-linear-gradient(left, rgba(208, 203, 198, 0.6) 0%, rgba(208, 203, 198, 0) 100%);
    background: linear-gradient(to right, rgba(208, 203, 198, 0.6) 0%, rgba(208, 203, 198, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0cbc6', endColorstr='#00d0cbc6',GradientType=1 ); }
  .article__body {
    padding-top: 1.89vh;
    padding-bottom: 1.89vh;
    pointer-events: auto; }
  .article__content {
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition: all 0.6s ease 0s;
    -ms-transition: all 0.6s ease 0s;
    -o-transition: all 0.6s ease 0s;
    transition: all 0.6s ease 0s; }
    .article__content_asided {
      position: absolute;
      top: 2.2vh;
      left: 45%; }
  .article__header {
    margin-bottom: 3.8vh;
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition: all 0.6s ease 0s;
    -ms-transition: all 0.6s ease 0s;
    -o-transition: all 0.6s ease 0s;
    transition: all 0.6s ease 0s; }
  .article__gallery {
    display: block;
    width: 15vw;
    opacity: 0; }
  .article__image {
    display: block;
    width: 70%; }
  .article__header + .article__image {
    display: block;
    max-width: 75%; }
  .article__pretitle {
    line-height: 1;
    margin-bottom: 0.2vh; }
  .article__text p:before, .article__text .resort-preview__place:before {
    content: '';
    display: table; }
  .article__text p:after, .article__text .resort-preview__place:after {
    content: '';
    display: block;
    clear: both; }
  .article__text p img, .article__text .resort-preview__place img {
    display: block;
    max-width: 9.6vh;
    margin-top: 0.72vh;
    margin-right: 0.93vh;
    margin-bottom: 0.1vh;
    float: left; }
  .article__text p + p, .article__text .resort-preview__place + p, .article__text p + .resort-preview__place, .article__text .resort-preview__place + .resort-preview__place {
    margin-top: 10px; }
  .article__image + .article__text {
    margin-top: 1.57vh;
    margin-right: 1vh; }
  .article__icons {
    margin-top: 1.5vh;
    margin-left: -0.3vh;
    margin-right: -0.3vh;
    list-style: none;
    font-size: 0; }
  .article__icon {
    display: inline-block;
    vertical-align: top;
    width: 3.85vh;
    height: 3.85vh;
    line-height: 3.85vh;
    border-radius: 100%;
    margin-left: 0.3vh;
    margin-right: 0.3vh;
    color: #85929b;
    font-size: 2.2vh;
    text-align: center;
    background: white; }
  .article__toggle {
    left: -5vh; }
  .article_main .article__body {
    max-width: 45%; }
  .article_main .article__content {
    flex: 1 1 0px;
    overflow: hidden; }
    .article_main .article__content-outer {
      width: 100% !important;
      height: 45vh;
      overflow: hidden;
      overflow-x: hidden; }
  .article_aside .article__back {
    background: -moz-linear-gradient(left, rgba(160, 116, 107, 0) 0%, #d0cbc6 100%);
    background: -webkit-linear-gradient(left, rgba(160, 116, 107, 0) 0%, #d0cbc6 100%);
    background: linear-gradient(to right, rgba(160, 116, 107, 0) 0%, #d0cbc6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a0746b', endColorstr='#a0746b',GradientType=1 ); }
  .article_aside .article__header {
    margin-bottom: 1.8vh; }
  .article_aside .railways {
    text-align: right; }
  .article__row_header {
    vertical-align: bottom; }
    .article__row_header .center__cell {
      padding-bottom: 2vh;
      padding-top: 20vh; }

.page {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0;
  overflow: hidden; }
  .page_main {
    background: #85929b url(https://www.buro247.ru/sp/swlandfront/images/bg.svg) center center/cover no-repeat; }
  .page .header {
    height: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    pointer-events: none; }
    .page .header__body, .page .header__toggle {
      pointer-events: auto; }
  .page__logos {
    width: 100%;
    height: 0;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2500; }
    .page__logos .logo {
      height: 6.25vh;
      position: absolute;
      top: 6.25vh; }
      .page__logos .logo_buro {
        left: 0; }
      .page__logos .logo_switz {
        right: 0; }
  .page__soc {
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2500;
    pointer-events: none; }
    .page__soc .soc__list {
      pointer-events: auto; }
    .page__soc.soc_personal {
      position: fixed; }
      @media print {
        .page__soc.soc_personal {
          display: none; } }
    .page__soc.soc_personal .soc__link {
      color: #204C6D; }
  .page .article {
    width: 75vh;
    position: absolute;
    top: 18.75vh;
    left: 0; }
    .page .article__body {
      height: 62.5vh;
      margin: auto;
      margin-left: 8.33333vw;
      margin-right: 30%; }
    .page .article_aside {
      width: 25%;
      left: auto;
      right: 0; }
      .page .article_aside .article__body {
        height: 18.75vh;
        margin-left: 0;
        margin-right: 33.3%;
        margin-left: 17%;
        margin-right: 15%;
        -webkit-transform: translate3d(0vw, 0vh, 0vh);
        -moz-transform: translate3d(0vw, 0vh, 0vh);
        -ms-transform: translate3d(0vw, 0vh, 0vh);
        -o-transform: translate3d(0vw, 0vh, 0vh);
        transform: translate3d(0vw, 0vh, 0vh); }
      .page .article_aside_big .article__body {
        height: 62.5vh; }
      .page .article_aside .article__content {
        width: 100%;
        position: absolute; }
      .page .article_aside.content-block_closed .article__header {
        cursor: pointer;
        -webkit-transform: translate3d(70%, 0vh, 0vh);
        -moz-transform: translate3d(70%, 0vh, 0vh);
        -ms-transform: translate3d(70%, 0vh, 0vh);
        -o-transform: translate3d(70%, 0vh, 0vh);
        transform: translate3d(70%, 0vh, 0vh); }
  .page_main .article {
    height: 100%;
    top: 0; }
  .page_favorite .article {
    display: flex;
    height: 100%;
    top: 0;
    position: fixed;
    left: 0;
    right: 0; }

.intro {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 5000;
  -webkit-transition: all 0.6s ease 0s;
  -moz-transition: all 0.6s ease 0s;
  -ms-transition: all 0.6s ease 0s;
  -o-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;
  will-change: opacity; }
  .intro__logo {
    display: block;
    width: 50%;
    margin: auto; }
  .intro__title {
    text-align: center;
    font-size: 5vh;
    text-transform: uppercase;
    margin-top: 9vh; }
  .intro .map__wrapper {
    opacity: 0.7; }

.like {
  position: absolute;
  width: 4vh;
  height: 4vh;
  margin-top: 0.4vh;
  margin-left: -5.6vh;
  background: url(../images/like_stroke.svg) center center/contain no-repeat;
  cursor: pointer; }
  .like_liked {
    background: url(../images/like_fill.svg) center center/contain no-repeat; }

.like:hover {
  opacity: 0.7; }

.resorts-list {
  display: table; }
  .resorts-list__col {
    display: table-cell;
    vertical-align: middle;
    padding-bottom: 2vh; }
    .resorts-list__col:first-child {
      text-align: right;
      padding-right: 1.2vw; }
  .resorts-list__link {
    display: table-row;
    color: white;
    font-size: 1.9vh;
    line-height: 4vh;
    text-decoration: none;
    white-space: nowrap; }
    .resorts-list__link-icon {
      display: inline-block;
      vertical-align: middle;
      height: 2.5vh; }
    .resorts-list__link-text {
      display: inline-block;
      vertical-align: middle; }

.grand {
  position: absolute;
  left: -9.2vw;
  bottom: 7.6vh;
  z-index: 100;
  -webkit-transition: all 0.6s ease 0s;
  -moz-transition: all 0.6s ease 0s;
  -ms-transition: all 0.6s ease 0s;
  -o-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s; }
  .grand__header {
    cursor: pointer; }
  .grand__image {
    display: block;
    height: 3.25vh; }
  .grand__hat {
    position: absolute;
    top: 0.6vh;
    height: 3vh;
    left: 105%;
    white-space: nowrap;
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition: all 0.6s ease 0s;
    -ms-transition: all 0.6s ease 0s;
    -o-transition: all 0.6s ease 0s;
    transition: all 0.6s ease 0s; }
  .grand__logo {
    display: inline-block;
    vertical-align: middle;
    height: 3.7vh;
    margin: 0 1vw; }
  .grand__title-link {
    line-height: 1;
    color: white; }
  .grand_opened {
    left: 8.3333vw; }
  .grand_opened .grand__hat {
    left: 0;
    opacity: 0;
    pointer-events: none; }

.personal {
  position: absolute;
  right: 8vw;
  bottom: 6.25vh;
  z-index: 2500;
  cursor: pointer;
  pointer-events:auto; }

  .personal__button {
    display: block;
    color: white;
    text-decoration: none; }
  .personal__title {
    display: inline-block;
    vertical-align: middle; }
  .personal__image {
    display: inline-block;
    vertical-align: middle;
    height: 5.56vh;
    margin-left: 1vw; }
#app.page:not(.page_main) .personal {
  left: 8vw;
  right: auto;
  bottom: 2vh; }
#app.page:not(.page_main) .personal__button {
  color: #204C6D; }
#app.page:not(.page_main) .personal__title {
  font-size: 2vh; }
#app.page:not(.page_main) .personal__image {
  height: 2.4vh; }

.page_favorite {
  position: relative;
  top: auto;
  bottom: auto;
  left: auto;
  right: auto;
  overflow: auto; }

.page_favorite .favorite {
  position: relative;
  top: auto;
  bottom: auto;
  left: auto;
  right: auto;
  overflow: auto; }

.insta-link {
  display: block;
  width: 30vh;
  position: absolute;
  bottom: 2.3vh;
  left: 0;
  right: 0;
  margin: auto;
  font-size: 1.8vh;
  font-weight: 500;
  text-align: center;
  text-decoration: none;
  color: white; }

@media (max-width: 767px) {
  .article__text p, .article__text .resort-preview__place {
    line-height: 4.82vh;
    font-size: 3.66vh; }
  .resort-preview__name {
    line-height: 6vh;
    font-size: 4.42vh; }
  
  .page_main .article {
	  /*display:none;*/
  } 
  .page .article {
    width: 100vh; }
  .page .article__body {
    margin-right: 0%; }
  .article_main .article__body {
    max-width: 100%; } 

.popup__soc .soc__link {
    width: 11.25vh;
    height: 11.25vh;
    line-height: 12.25vh;
}

.soc__link {
    display: block;
    width: 6.25vh;
    height: 6.25vh;
    line-height: 6.25vh;
    font-size: 3.65vh;
    text-align: center;
    text-decoration: none;
    color: #ffffff;
}

.intro .svg-map_back{
  display: none;
}
	  }

.map__wrapper_mobile{
width: 130vh;
}
.svg-map_back_routes{
  background: url(../images/map-back-routes.png?v=7) center center/contain no-repeat
}
.svg-map_back_mobile {

}
.svg-map__resort-area{
  display: block;
  width: 15vh;
  height: 15vh;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.svg-map__resort-area_davos{
  top: -6%;
  bottom: 0;
  right: 0;
  left: 69%;
}
.svg-map__resort-area_stmoritz{
  top: 23%;
  bottom: 0;
  right: 0;
  left: 69%;
}
.svg-map__resort-area_gstaad{
  top: 25%;
  bottom: 0;
  right: 0;
  left: -37%;
}
.svg-map__resort-area_jungfrau{
  top: 21%;
  bottom: 0;
  right: 0;
  left: -10%;
}
.svg-map__resort-area_villar{
  top: 45%;
  bottom: 0;
  right: 0;
  left: -50%;
}
.svg-map__resort-area_zurich{
  top: -57%;
  bottom: 0;
  right: 0;
  left: 18%;
}
@media (max-width:767px){
.content-block__back{
  right: -100%;
    background: -moz-linear-gradient(left, rgba(208, 203, 198, 0.6) 0%, rgba(208, 203, 198, 0) 100%);
    background: -webkit-linear-gradient(left, rgba(208, 203, 198, 0.6) 0%, rgba(208, 203, 198, 0) 100%);
    background: linear-gradient(to right, rgba(208, 203, 198, 0.6) 0%, rgba(208, 203, 198, 0) 100%);
}
}