//* GLOBAL STYLE VARIABLES *//

//* FONTS *//
$corp-font1: "Roboto", sans-serif;
$corp-font2: "Open Sans", sans-serif;
$corp-font3: "Oswald", sans-serif;

//* COLORS *//
$color-corp:#718163;
$color-corp-hover:darken($color-corp, 7);
$color-basic:#707070;
$color-title:#718163;
$color-call:#718163;
$color-alarm:#d61d37;
$color-subtitles:#5C5C5B;
$color-lines:#B7AFAF;
$color-text:#5C5C5B;
$color-background:#fff;

//* LINE-HEIGHT *//
@mixin line($pt, $sz){
    line-height: 100% * ($pt/$sz);
}

//* LETTER-SPACING *//
@mixin space($pt){
    letter-spacing: ($pt/1000);
}

@mixin transform($transform) {
    -webkit-transform: $transform;
       -moz-transform: $transform;
        -ms-transform: $transform;
         -o-transform: $transform;
            transform: $transform;
}

@mixin transition($transition) {
    -webkit-transition: $transition;
       -moz-transition: $transition;
        -ms-transition: $transition;
         -o-transition: $transition;
            transition: $transition;
}

//* TRIANGLE ICON      (@include css-triangle(grey, up, 6px);) *//
@mixin css-triangle($color, $direction, $size: 6px, $position: absolute, $round: false){
    width: 0;
    height: 0;
    @if $round {
        border-radius: 3px;
    }
    @if $direction == down {
        border-left: $size solid transparent;
        border-right: $size solid transparent;
        border-top: $size solid $color;
        margin-top: 0 - round( $size / 2.5 );
    } @else if $direction == up {
        border-left: $size solid transparent;
        border-right: $size solid transparent;
        border-bottom: $size solid $color;
        margin-bottom: 0 - round( $size / 2.5 );
    } @else if $direction == right {
        border-top: $size solid transparent;
        border-bottom: $size solid transparent;
        border-left: $size solid $color;
        margin-right: -$size;
    } @else if  $direction == left {
        border-top: $size solid transparent;
        border-bottom: $size solid transparent;
        border-right: $size solid $color;
        margin-left: -$size;
    }
}
//* @include input-placeholder {color: $grey;} *//
@mixin input-placeholder(){
    &.placeholder { @content; }
    &:-moz-placeholder { @content; }
    &::-moz-placeholder { @content; }
    &:-ms-input-placeholder { @content; }
    &::-webkit-input-placeholder { @content; }
    &:-o-input-placeholder { @content; }
}
//* MEDIA QUERYS *//
$mobile: 358px;
$small-tablet: 523px;
$medium-tablet: 751px;
$full-tablet: 1007px;
$small-desktop: 1259px;
$medium-desktop: 1349px;
$full-desktop: 1663px;
@mixin full-desktop {
  @media (max-width: #{$full-desktop - 1px}) {
    @content;
  }
}
@mixin medium-desktop {
  @media (max-width: #{$medium-desktop - 1px}) {
    @content;
  }
}
@mixin small-desktop {
  @media (max-width: #{$small-desktop - 1px}) {
    @content;
  }
}
@mixin full-tablet {
  @media (max-width: #{$full-tablet - 1px}) {
    @content;
  }
}
@mixin hovers {
  @media (min-width: #{$full-tablet}) {
      &:hover, &:focus{
          @content;
      }
  }
}
@mixin medium-tablet {
  @media (max-width: #{$medium-tablet - 1px}) {
    @content;
  }
}
@mixin small-tablet {
  @media (max-width: #{$small-tablet - 1px}) {
    @content;
  }
}
@mixin mobile {
  @media (max-width: #{$mobile - 1px}) {
    @content;
  }
}

@mixin min-full-big-desktop {
  @media (min-width: #{$full-big-desktop}) {
    @content;
  }
}
@mixin min-full-desktop {  //1680px
  @media (min-width: #{$full-desktop}) {
    @content;
  }
}
@mixin min-medium-desktop {
  @media (min-width: #{$medium-desktop}) {
    @content;
  }
}
@mixin min-small-desktop { //1280px;
  @media (min-width: #{$small-desktop}) {
    @content;
  }
}
@mixin min-full-tablet {
  @media (min-width: #{$full-tablet}) {
    @content;
  }
}
@mixin min-medium-tablet {
  @media (min-width: #{$medium-tablet}) {
    @content;
  }
}
@mixin min-small-tablet {
  @media (min-width: #{$small-tablet}) {
    @content;
  }
}
@mixin min-mobile {
  @media (min-width: #{$mobile}) {
    @content;
  }
}

@mixin text-shadow(){
    text-shadow:2px 2px 2px rgba($color-text, 0.3);
}
@mixin box-shadow(){
    box-shadow:2px 2px 2px rgba($color-text, 0.3);
}

$Mtransition:all 0.85s ease-in-out;
$Stransition:all 0.7s ease-in-out;

.modal-loading {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba(0, 0, 0, 0.3)  50% 57% no-repeat;
}
.modal-text{
    width: 287px;
    height: 600px;
    position: absolute;
    left: 0px;
    right: 0;
    top: 373px;
    bottom: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    overflow: auto;
    font-size: 40px;
    color:white;
    text-align: center;
    font-weight: 700;
}
#recaptcha_container{
    position: absolute;
    z-index: 100;
}
/* Base */
html{
    &.noscroll{
        overflow:hidden!important;
        @media (min-width:1025px){
            padding-right:17px!important;
            .web-nav{
                .wrap-nav{
                    .nav-main-zone{
                        .wrap-zone{
                            padding-right:17px;
                        }
                    }
                }
            }
        }
    }
}
html,
body {
  height: 100%;
  width:100%;
}
body {
  font-family: $corp-font2;
  line-height: 1;
  font-weight: 300;
  -ms-overflow-style: scrollbar;
  position: relative;
}
body.disable-scroll {
  overflow: hidden;
}
*:focus,
a:focus {
  outline: none !important;
}
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (max-width: 1259px) {
  .dropdown-backdrop {
    display: none !important;
  }
}
.wrapper {
  max-width: 1800px;
  // margin: 0 auto;
  // padding-right: 230px;
}
.wrapper.full {
  max-width: 100%;
  padding-right: 0 !important;
}
i{
    font-style:normal;
}
@media (max-width: 1259px) {
  .wrapper {
    // padding-right: 0;
  }
}
.container {
  width: 100%;
  padding: 0 70px;
}
.container.full {
  padding: 0;
  max-width: 100%;
}
@media (max-width: 1499px) {
  .container {
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media (max-width: 1259px) {
  .container {
    padding-right: 40px;
    padding-left: 40px;
  }
}
@media (max-width: 969px) {
  .container {
    padding-right: 50px;
    padding-left: 50px;
  }
}
@media (max-width: 767px) {
  .container {
    padding-right: 30px;
    padding-left: 30px;
  }
}
@media (max-width: 599px) {
  .container {
    padding-right: 25px;
    padding-left: 25px;
  }
}
.dropdown-menu {
  margin: 0;
  padding: 0;
  border: none;
  -webkit-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  float: none;
  min-width: 0;
}
.advantages-responsive-space{
    &.inhome{
    @include medium-tablet{
        margin-top:-80px;
    }
    @include small-tablet{
        margin-top:-70px;
    }
    }
}
p,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  line-height: 1;
  padding: 0;
  margin: 0;
}
a:link {
  text-decoration: none;
}
select::-ms-expand {
  display: none !important;
}
::-ms-expand {
  display: none !important;
}
code {
  display: block;
  padding: 10px 0;
  border-top: 1px solid #c7254e;
  -webkit-border-radius: 0;
  border-radius: 0;
  padding-left: 40px;
}
.ux {
  padding: 20px 40px;
  position: relative;
}
.ux.bg-black {
  background-color: #a9a9a9;
}
.ux--full-height {
  height: 100%;
}
div.ui-datepicker {
  font-size: 13px;
  font-family: 'Open Sans', sans-serif;
  z-index: 30 !important;
}
.ui-datepicker td span,
.ui-datepicker td a {
  padding: 5px;
}
.slick-slide {
  height: auto;
}
.wrap-select{
    position:relative;
    height:42px;
    border:1px solid rgba($color-basic, 0.7);
    border-radius:4px;
    cursor:pointer;
    &.must{
        &:before{
            content:'';
            position:absolute;
            top:50%;
            left:-10px;
            @include transform(translateY(-50%) translateX(-100%));
            width:7px;
            height:7px;
            border:2px solid rgba($color-corp, 0.7);
            border-radius:50%;
        }
    }
    &:after{
        content:'\e90b';
        position:absolute;
        top:50%;
        right:15px;
        @include transform(translateY(-50%));
        font-family:'icomoon';
        font-size:15px;
        color:$color-corp;
        pointer-events:none;
    }
    .input-select{
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:100%;
        font-family:$corp-font1;
        font-size:12px;
        font-weight:500;
        color:$color-basic;
        @include space(30em);
        padding: 13px 12px;
        text-transform:uppercase;
        cursor:pointer;
        background-color:transparent;
        option{
            font-family:$corp-font1;
            font-size:12px;
            font-weight:500;
            color:$color-corp;
            @include space(30em);
            text-transform:uppercase;
        }
    }
    @include medium-tablet{
        &:after{
            right:10px;
        }
    }
}

.wrap-input{
    position:relative;
    height:42px;
    border:1px solid rgba($color-basic, 0.7);
    border-radius:4px;
    cursor:pointer;
    &.must{
        &:before{
            content:'';
            position:absolute;
            top:50%;
            left:-10px;
            @include transform(translateY(-50%) translateX(-100%));
            width:7px;
            height:7px;
            border:2px solid rgba($color-corp, 0.7);
            border-radius:50%;
        }
    }
    &.user{
        &:after{
            content:'\e91b';
            font-size:18px;
        }
    }
    &.mail{
        &:after{
            content:'\e931';
            font-size:13px;
        }
    }
    &.phone{
        &:after{
            content:'\e934';
            font-size:16px;
        }
    }
    &.lock{
        &:after{
            content:'\e91e';
            font-size:16px;
        }
    }
    &:after{
        position:absolute;
        top:50%;
        right:15px;
        @include transform(translateY(-50%));
        font-family:'icomoon';
        font-size:14px;
        color:rgba($color-corp, 0.5);
        pointer-events:none;
    }
    .input-text{
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:100%;
        font-family:$corp-font1;
        font-size:12px;
        font-weight:500;
        color:$color-basic;
        @include space(30em);
        padding: 13px 12px;
        background-color:transparent;
        @include transition($Stransition);
        @include input-placeholder{
            font-family:$corp-font1;
            font-size:12px;
            font-weight:500;
            color:rgba($color-basic, 0.7);
            @include space(30em);
            text-transform:uppercase;
        }
        @include hovers{
            box-shadow:2px 2px 2px rgba($color-corp, 0.7);
        }
    }
    @include medium-tablet{
        &:after{
            right:10px;
        }
    }
}
input,
select,
textarea {
  border: 0px solid transparent !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  text-indent: 0.01px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  width: 100%;
  height: 100%;
}
.i-adult {
  width: 43px;
  height: 43px;
  border: 5px solid #fff;
  display: inline-block;
  vertical-align: middle;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  position: relative;
  background-color: #3d808b;
}
.i-adult__text {
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  font-size: 13px;
  color: #fff;
  font-weight: 700;
  font-family: 'verdana';
  line-height: 1 !important;
}
.btn-main {
  padding: 6px 0;
  margin: 1px;
  border: 1px solid $color-corp;
  display: inline-block;
  vertical-align: middle;
  background-color: transparent;
  cursor: pointer;
  min-width: 180px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
    &.btn-green{
        border-color:transparent;
        background-color:$color-call;
        padding:7px 0;
        .btn-main__text{
            color:#fff;
            padding:0 30px;
        }
    }
}
.btn-main__text {
  font-size: 13px;
  font-family: $corp-font1;
  text-transform: uppercase;
  color: $color-corp;
  font-weight:500;
  line-height: 1.35;
  display: block;
  text-align: center;
  padding: 0 15px;
  letter-spacing: 1.3px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
.btn-main:hover,
.btn-main:focus {
  background-color:$color-corp;
}
.btn-main:hover .btn-main__text,
.btn-main:focus .btn-main__text{
  color:#fff;
}
.btn-main--transparent {
  border-color: #fff;
  opacity: 1;
  -ms-filter: none;
  filter: none;
  -webkit-box-shadow: 1px 1px 2px rgba(68, 68, 68, 0.2);
  box-shadow: 1px 1px 2px rgba(68, 68, 68, 0.2);
}
.btn-main--transparent .btn-main__text {
  color: #fff;
  text-shadow:2px 2px 2px rgba(68, 68, 68, 0.2);
}
.btn-main--transparent:hover,
.btn-main--transparent:focus {
  background-color: #fff;
}
.btn-main--transparent:hover .btn-main__text,
.btn-main--transparent:focus .btn-main__text {
  color: $color-corp;
  text-shadow:none;
}
.btn-main--full-width {
  width: 100%;
  min-width: 100%;
}
.btn-main--open-sans {
  padding: 4.5px 0;
}
.btn-main--open-sans .btn-main__text {
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  font-weight: 400;
}
.btn-main--lg {
  padding: 5.5px 0;
  min-width: 120px;
}
.btn-main--lg .btn-main__text {
  font-size: 15px;
}
.btn-main--reverse {
  background-color: $color-corp;
  opacity: 1;
  -ms-filter: none;
  filter: none;
  border: 0;
  margin: 0;
}
.btn-main--reverse .btn-main__text {
  color: #fff;
}
.btn-main--reverse:hover,
.btn-main--reverse:focus {
  background-color:$color-corp-hover;
}
.btn-circle {
  width: 33px;
  height: 33px;
  display: inline-block;
  vertical-align: middle;
  border: 1px solid $color-corp;
  background-color: transparent;
  padding: 0;
  margin: 0;
  position: relative;
  text-align: center;
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  cursor: pointer;
}
.btn-circle:after {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 18px;
  line-height: 1;
  color: $color-corp;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
.btn-circle:hover,
.btn-circle:focus,
.btn-top:hover .btn-circle,
.btn-top:focus .btn-circle,
.m-faq-item__wrap-title:hover .btn-circle,
.m-faq-item__wrap-title:focus .btn-circle,
.m-faq-item.active .btn-circle,
.m-floating-item:hover .btn-circle,
.m-floating-item:focus .btn-circle {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.btn-circle--small {
  width: 28px;
  height: 28px;
}
.btn-circle--transparent {
  border-color: #fff;
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.btn-circle--transparent:after {
  color: #fff;
}
.btn-circle--transparent:hover,
.btn-circle--transparent:focus {
  background-color: #fff;
}
.btn-circle--transparent:hover:after,
.btn-circle--transparent:focus:after {
  color: $color-corp;
}
.btn-circle--close:after {
  content: '\e902';
}
.btn-circle--plus:after {
  content: '\e903';
}
.btn-circle--arrow-top:after {
  content: '\e908';
}
.btn-circle--arrow-bottom:after {
  content: '\e90b';
}
.btn-circle--arrow-right:after {
  content: '\e90a';
}
.btn-circle--arrow-left:after {
  content: '\e909';
}
.btn-circle--menu:after {
  content: '\e901';
}
.btn-link {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
.btn-link__text {
  font-size: 14px;
  color: $color-corp;
  line-height: 1.7;
  font-weight: 700;
}
.btn-link:hover,
.btn-link:focus {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  text-decoration: none;
}
.btn-close-small-offer {
  width: 22px;
  height: 22px;
  border: 0;
  padding: 0;
  margin: 0;
  background-color: $color-corp;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  text-align: left;
  overflow: hidden;
}
.btn-close-small-offer:after {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e902';
  display: block;
  position: absolute;
  top: 50%;
  right: 4px;
  color: #fff;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-weight: 700;
  font-size: 14px;
}
.btn-close-small-offer__text {
  color: #fff;
  font-size: 11px;
  text-transform: uppercase;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0.8px;
  padding-left: 8px;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
.btn-close-small-offer:hover,
.btn-close-small-offer:focus {
  width: 100%;
  height: 22px;
}
.btn-close-small-offer:hover .btn-close-small-offer__text,
.btn-close-small-offer:focus .btn-close-small-offer__text {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.btn-open-small-offer {
  width: 100px;
  height: 100px;
  background-color: #fff;
  border: 0;
  margin: 0;
  padding: 0;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  -webkit-box-shadow: 0 0 6px rgba(0,0,0,0.3);
  box-shadow: 0 0 6px rgba(0,0,0,0.3);
}
.btn-open-small-offer:after {
  content: '';
  display: block;
  position: absolute;
  width: 0px;
  height: 0px;
  background-color: $color-corp;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border: 5px solid #fff;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.btn-open-small-offer__text {
  font-family:$corp-font1;
  font-size: 14px;
  font-weight:500;
  text-transform: uppercase;
  line-height: 1.2;
  letter-spacing: 0.5px;
  display: block;
  width: 85px;
  text-align: center;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: $color-corp;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 1;
}
.btn-open-small-offer:hover:after,
.btn-open-small-offer:focus:after {
  width: 108px;
  height: 108px;
  opacity: 1;
  -ms-filter: none;
  filter: none;
  -webkit-box-shadow: 0 0 6px rgba(0,0,0,0.3);
  box-shadow: 0 0 6px rgba(0,0,0,0.3);
}
.btn-open-small-offer:hover .btn-open-small-offer__text,
.btn-open-small-offer:focus .btn-open-small-offer__text {
  color: #fff;
}
.btn-slide-control {
  width: 23px;
  height: 70px;
  position: relative;
  overflow: hidden;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
.btn-slide-control__btn {
  width: 70px;
  height: 70px;
  border: 0;
  background-color: #fff;
  padding: 0;
  margin: 0;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  position: absolute;
}
.btn-slide-control__btn:after {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 26px;
  color: rgba($color-corp, 0.7);
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  -o-transition: color 0.3s;
  -ms-transition: color 0.3s;
  transition: color 0.3s;
}
.btn-slide-control:hover,
.btn-slide-control:focus {
  width: 30px;
  height: 70px;
}
.btn-slide-control:hover .btn-slide-control__btn:after,
.btn-slide-control:focus .btn-slide-control__btn:after {
  color: $color-corp;
}
.btn-slide-control--next .btn-slide-control__btn {
  right: 0;
}
.btn-slide-control--next .btn-slide-control__btn:after {
  content: '\e909';
  left: 75%;
}
.btn-slide-control--prev .btn-slide-control__btn {
  left: 0;
}
.btn-slide-control--prev .btn-slide-control__btn:after {
  content: '\e90a';
  left: 25%;
}
.btn-toggle {
  padding: 0;
  margin: 0;
  border: 0;
  background-color: transparent;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
.btn-toggle__text {
  display: inline-block;
  vertical-align: middle;
  font-size: 18px;
  font-family: 'Lato', sans-serif;
  text-transform: uppercase;
  color: #fff;
  line-height: 1.35;
  letter-spacing: 1px;
  margin-right: 15px;
}
.btn-toggle__icon {
  width: 33px;
  height: 33px;
  display: inline-block;
  vertical-align: middle;
  border: 1px solid #fff;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  position: relative;
}
.btn-toggle__icon:after {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 18px;
  color: #fff;
}
.btn-toggle:hover,
.btn-toggle:focus {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.btn-toggle--open .btn-toggle__icon:after {
  content: '\e901';
}
.btn-toggle--close .btn-toggle__icon:after {
  content: '\e902';
}
.btn-toggle--book .btn-toggle__text {
  font-size: 14px;
  color: #21707a;
  margin-right: 10px;
}
.btn-toggle--book .btn-toggle__icon {
  border-color: #21707a;
}
.btn-toggle--book .btn-toggle__icon:after {
  color: #21707a;
}
@media (max-width: 767px) {
  .btn-toggle--hotel-nav {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  .btn-toggle--hotel-nav .btn-toggle__text {
    font-size: 17px;
    font-family: 'Amble Condensed', sans-serif;
    color: #fff;
    margin: 0;
  }
  .btn-toggle--hotel-nav .btn-toggle__icon {
    border-color: transparent;
    position: relative;
    top: -1px;
  }
  .btn-toggle--gallery-tab .btn-toggle__text {
    color: $color-basic;
    font-size: 14px;
    font-family:$corp-font1;
    font-weight: 500;
    margin: 0;
  }
  .btn-toggle--gallery-tab .btn-toggle__icon {
    border-color: transparent;
    position: relative;
    top: -1px;
  }
  .btn-toggle--gallery-tab .btn-toggle__icon:after {
    color: $color-basic;
  }
}
@media (max-width: 599px) {
  .btn-toggle__text {
    display: none;
  }
  .btn-toggle--hotel-nav .btn-toggle__text,
  .btn-toggle--gallery-tab .btn-toggle__text {
    display: inline-block;
  }
}
.btn-social {
  width: 40px;
  height: 40px;
  border: 1px solid $color-corp;
  display: inline-block;
  vertical-align: middle;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  position: relative;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
.btn-social:after {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 22px;
  color: $color-corp;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
.btn-social--facebook:after {
  content: '\e90e';
}
.btn-social--facebook:hover,
.btn-social--facebook:focus {
  border-color: transparent;
  background-color:#185b95;
}
.btn-social--facebook:hover:after,
.btn-social--facebook:focus:after {
  color: #fff;
}
.btn-social--twitter:after {
  content: '\e90d';
}
.btn-social--twitter:hover,
.btn-social--twitter:focus {
  border-color: transparent;
  background-color: #00c3f4;
}
.btn-social--twitter:hover:after,
.btn-social--twitter:focus:after {
  color: #fff;
}
.btn-social--youtube:after {
  content: '\e912';
}
.btn-social--youtube:hover,
.btn-social--youtube:focus {
  border-color: transparent;
  background-color: #f03b20;
}
.btn-social--youtube:hover:after,
.btn-social--youtube:focus:after {
  color: #fff;
}
.btn-social--instagram:after {
  content: '\e916';
}
.btn-social--instagram:hover,
.btn-social--instagram:focus {
  border-color: transparent;
  background-color: #185b95;
}
.btn-social--instagram:hover:after,
.btn-social--instagram:focus:after {
  color: #fff;
}
.btn-floating-toggle {
  padding: 0px 15px;
  margin: 0;
  border: 0;
  background-color: #fff;
  -webkit-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
  -webkit-box-shadow: 0 0 6px rgba(0,0,0,0.4);
  box-shadow: 0 0 6px rgba(0,0,0,0.4);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -o-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
}
.btn-floating-toggle__text {
  font-size: 12px;
  color: rgba(87,144,155,0.7);
  text-transform: uppercase;
  font-weight: 700;
  line-height: 29px;
  letter-spacing: 1px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
.btn-floating-toggle:hover .btn-floating-toggle__text,
.btn-floating-toggle:focus .btn-floating-toggle__text {
  color: #4e8189;
  line-height: 34px;
}
.btn-book-toggle {
  width: 70px;
  height: 25px;
  overflow: hidden;
  position: relative;
  cursor: pointer;
}
.btn-book-toggle__btn {
  width: 70px;
  height: 70px;
  border: 0;
  padding: 0;
  background-color: #21707a;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
.btn-book-toggle__btn:after {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e90b';
  display: block;
  position: absolute;
  left: 50%;
  top: 75%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: rgba(255,255,255,0.5);
  font-size: 26px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
.btn-book-toggle:hover .btn-book-toggle__btn,
.btn-book-toggle:focus .btn-book-toggle__btn,
.m-book-toggle:hover .btn-book-toggle .btn-book-toggle__btn,
.m-book-toggle:focus .btn-book-toggle .btn-book-toggle__btn {
  background-color: #185d67;
}
.btn-book-toggle:hover .btn-book-toggle__btn:after,
.btn-book-toggle:focus .btn-book-toggle__btn:after,
.m-book-toggle:hover .btn-book-toggle .btn-book-toggle__btn:after,
.m-book-toggle:focus .btn-book-toggle .btn-book-toggle__btn:after {
  color: #fff;
}
.btn-top {
  border: 0;
  background-color: transparent;
  padding: 0;
  margin: 0;
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.btn-top__text {
  font-family:$corp-font1;
  font-size: 12px;
  text-transform: uppercase;
  color: $color-corp;
  letter-spacing: 1px;
  font-weight: 400;
  position: absolute;
  text-align: center;
  bottom: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap;
  pointer-events: none;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
.btn-top:hover .btn-top__text,
.btn-top:focus .btn-top__text {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  margin-bottom: 7px;
}
.lightbox .lb-outerContainer,
.lightbox .lb-image {
  -webkit-border-radius: 0;
  border-radius: 0;
}
.lightbox .lb-container,
.lightbox .lb-dataContainer {
  padding: 0;
}
.lightbox .lb-dataContainer {
  position: absolute;
  bottom: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.lightbox .lb-nav {
  height: auto;
  background-color: #f00;
  top: calc(50% - 13.5px);
}
.lightbox .lb-nav .lb-next,
.lightbox .lb-nav .lb-prev {
  display: inline-block !important;
  position: absolute;
}
.lightbox .lb-nav .lb-next {
  right: 30px;
}
.lightbox .lb-nav .lb-prev {
  left: 30px;
}
.lightbox .lb-data {
  padding: 0;
  position: relative;
}
.lightboxOverlay{
    cursor:zoom-out;
}
.lightbox .lb-data .lb-details {
  float: none;
  width: 100%;
  background-color: #fff;
  padding: 0 30px;
}
.lightbox .lb-data .lb-caption {
  font-family:$corp-font3;
  font-size: 16px;
  text-transform: uppercase;
  color: $color-basic;
  line-height: 60px;
  font-weight: 400;
  @include space(80em);
}
.lightbox .lb-data .lb-number {
  display: none !important;
}
.lightbox .lb-data .lb-close {
  background-image: none;
  width: 32px;
  height: 32px;
  border: 1px solid $color-basic;
  top: calc(50% - 16px);
  position: absolute;
  right: 19px;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
.lightbox .lb-data .lb-close:after {
  content: '\e902';
  display: block;
  position: absolute;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 16px;
  color: $color-basic;
}
.lightbox .lb-data .lb-close:hover,
.lightbox .lb-data .lb-close:focus {
  border-color: $color-corp-hover;
}
.lightbox .lb-data .lb-close:hover:after,
.lightbox .lb-data .lb-close:focus:after {
  color: $color-corp-hover;
}
@-moz-keyframes move_arrow {
  0% {
    top: 0;
  }
  100% {
    top: 15px;
  }
}
@-webkit-keyframes move_arrow {
  0% {
    top: 0;
  }
  100% {
    top: 15px;
  }
}
@-o-keyframes move_arrow {
  0% {
    top: 0;
  }
  100% {
    top: 15px;
  }
}
@keyframes move_arrow {
  0% {
    top: 0;
  }
  100% {
    top: 15px;
  }
}
/* Modules */
.m-location-arrive__title {
  font-size: 30px;
  color: $color-title;
  font-family: $corp-font3;
  line-height: 1.2;
}
.m-location-arrive__item {
  padding: 40px 0;
  border-bottom: 1px solid rgba($color-basic, 0.7);
}
.m-location-arrive__item:first-child {
  padding-top: 20px;
}
.m-location-arrive__wrap-title {
  padding-bottom: 30px;
}
.m-location-arrive__wrap-btn {
  padding: 30px 0;
  text-align: right;
}
@media (max-width: 969px) {
  .m-location-arrive__content {
    padding: 0 30px;
  }
  .m-location-arrive__wrap-title,
  .m-location-arrive__wrap-btn {
    text-align: center;
  }
  .m-location-arrive__wrap-title {
    padding-top: 40px;
    border-top: 1px solid rgba($color-basic,0.7);
  }
}
@media (max-width: 767px) {
  .m-location-arrive__content {
    padding: 0;
  }
}
@media (max-width: 599px) {
  .m-location-arrive__title {
    font-size: 28px;
  }
  .m-location-arrive__item {
    padding: 30px 0;
  }
  .m-location-arrive__item:first-child {
    padding-top: 0;
  }
}
.m-location-arrive-item__content {
  position: relative;
}
.m-location-arrive-item__title {
  font-family:$corp-font1;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.4px;
  color: rgba($color-basic, 0.7);
  text-transform: uppercase;
}
.m-location-arrive-item__text p {
  font-family:$corp-font2;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.7;
  color: $color-basic;
  padding-bottom: 10px;
}
.m-location-arrive-item__icon {
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: 46px;
  height: 46px;
}
.m-location-arrive-item__icon:before {
  font-family: 'c2t';
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 40px;
  color: rgba($color-corp,0.7);
}
.m-location-arrive-item__wrap-btn {
  padding-top: 10px;
  padding-left: 215px;
}
.m-location-arrive-item__wrap-icon {
  width: 46px;
  position: absolute;
  top: -10px;
  left: 140px;
}
.m-location-arrive-item__wrap-title {
  width: 120px;
  position: absolute;
  left: 0;
  top: 0;
}
.m-location-arrive-item__wrap-text {
  padding: 0 40px 0 215px;
}
@media (max-width: 1389px) {
  .m-location-arrive-item__wrap-text {
    padding: 0 40px 0 85px;
  }
  .m-location-arrive-item__wrap-title {
    position: static;
    width: 100%;
    padding-left: 85px;
    padding-bottom: 15px;
  }
  .m-location-arrive-item__wrap-btn {
    padding-left: 85px;
  }
  .m-location-arrive-item__wrap-icon {
    left: 0;
  }
}
@media (max-width: 767px) {
  .m-location-arrive-item__content {
    text-align: center;
  }
  .m-location-arrive-item__wrap-text {
    padding: 0 15px;
  }
  .m-location-arrive-item__wrap-title {
    padding: 15px 0;
  }
  .m-location-arrive-item__wrap-icon {
    position: static;
    width: 100%;
  }
  .m-location-arrive-item__wrap-btn {
    padding-left: 0;
  }
}
@media (max-width: 599px) {
  .m-location-arrive-item__wrap-text {
    padding: 0;
  }
}
.m-location-left-info__title {
  font-size: 30px;
  color: $color-basic;
  font-family: $corp-font3;
  text-transform: uppercase;
  line-height: 1.2;
}
.m-location-left-info__subtitle {
  font-family:$corp-font1;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.4px;
  color: rgba($color-basic, 1);
  text-transform: uppercase;
}
.m-location-left-info__subtitle--hide {
  display: none;
}
a.m-location-left-info__text{
    @include hovers{
        p{
            font-weight:700;
        }
    }
}
.m-location-left-info__text p {
  font-family:$corp-font2;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.7;
  color: $color-basic;
}
.m-location-left-info__wrap-title {
  padding-bottom: 30px;
}
.m-location-left-info__wrap-text {
  padding: 10px 0;
  max-width: 190px;
}
.m-location-left-info__wrap-btn {
  padding: 10px 0;
}
.m-location-left-info__item {
  position:relative;
  padding: 20px 0 10px;
    &:first-child{
        padding-top:0;
    }
}
.m-location-left-info__item:nth-child(5) {
    border-bottom: 0;
    width:100%;
}
@media (max-width: 969px) {
  .m-location-left-info__content {
    text-align: center;
    padding: 0 30px;
  }
  .m-location-left-info__wrap-title {
    display: none;
  }
  .m-location-left-info__wrap-text {
    margin: 0 auto;
  }
  .m-location-left-info__subtitle--hide {
    display: block;
  }
  .m-location-left-info__item {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    padding: 30px 0;
    border: 0;
    position: relative;
  }
    .m-location__col--info{
        background-color:transparent;
    }
  .m-location-left-info__item:after {
    content: '';
    display: block;
    position: absolute;
    width: 1px;
    height: 70px;
    background-color: rgba($color-basic,0.7);
    right: 0;
    top: 80px;
  }
  .m-location-left-info__item:nth-child(3),
  .m-location-left-info__item:nth-child(4),
  .m-location-left-info__item:nth-child(5)  {
    border-top: 1px solid rgba($color-basic,0.7);
  }
  .m-location-left-info__item:nth-child(even):after {
    display: none;
  }
}
@media (max-width: 767px) {
  .m-location-left-info__content {
    padding: 0;
  }
}
@media (max-width: 599px) {
  .m-location-left-info__item {
    width: 100%;
    display: block;
    border-top: 0 !important;
    border-bottom: 1px solid rgba($color-basic,0.7);
  }
  .m-location-left-info__item:after {
    display: none !important;
  }
}
.m-nav-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.6);
  display: none;
  z-index: 10;
  bottom: 0;
  right: 0;
  left: 0;
  top: 0;
}
.m-popup {
  position: relative;
  background: #fff;
  width: auto;
  max-width: 800px;
  margin: 40px auto;
}
.m-popup__wrap-btn {
  position: absolute;
  bottom: 100%;
  right: 36px;
}
.m-popup--webmap {
  max-width: 660px;
}
.m-popup--webmap .m-popup__wrap-btn {
  display: none;
}
.m-webmap-content__content {
  position: relative;
  padding: 30px 65px 50px 65px;
}
.m-webmap-content__title {
  font-size: 40px;
  font-family: $corp-font3;
  text-transform: uppercase;
  line-height: 1.2;
  color: $color-corp;
  padding: 15px 0;
  border-bottom: 1px solid rgba($color-corp, 0.4);
  margin-bottom: 10px;
}
.m-webmap-content__wrap-btn {
  position: absolute;
  top: 58px;
  right: 65px;
}
.m-webmap-content__wrap-text {
  max-height: 400px;
  overflow: scroll;
    @include small-tablet{
        max-height:300px;
    }
}
.m-webmap-content__link-group {
  padding-top: 15px;
  margin-bottom: 10px;
}
.m-webmap-content__list {
  padding-bottom: 15px;
}
.m-webmap-content__item {
  border-bottom: 1px solid rgba($color-corp,0.4);
  padding: 10px 0 10px 15px;
  position: relative;
}
.m-webmap-content__item:after {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e90a';
  display: block;
  position: absolute;
  color: rgba($color-corp,0.7);
  left: 0;
  top: 17px;
  font-size: 12px;
}
.m-webmap-content__link {
  display: block;
  font-family:$corp-font2;
  font-size: 16px;
  letter-spacing: 0.3px;
  color: $color-basic;
  font-weight: 400;
}
.m-webmap-content__link--list {
  line-height: 1.68;
}
.m-webmap-content__link--main {
  line-height: 1.2;
  padding-bottom: 15px;
  border-bottom: 1px solid rgba($color-basic,0.6);
}
.m-webmap-content__link:hover,
.m-webmap-content__link:focus {
  text-decoration: underline;
  color: $color-corp;
}
@media (max-width: 599px) {
  .m-webmap-content__content {
    padding: 30px;
  }
  .m-webmap-content__title {
    font-size: 35px;
  }
  .m-webmap-content__wrap-btn {
    right: 30px;
    top: 50px;
  }
}
.m-top-btn__content {
  position: relative;
}
.m-top-btn__wrap-btn {
  position: absolute;
  right: -20px;
  top: 30px;
  z-index: 1;
}
.m-top-btn--hotel .m-top-btn__wrap-btn {
  top: -17.5px;
}
@media (max-width: 969px) {
  .m-top-btn__wrap-btn {
    position: static;
    top: auto;
    text-align: center;
    padding: 40px 0;
  }
  .m-top-btn--hotel .m-top-btn__wrap-btn {
    padding: 0;
  }
}
.m-error-message {
  max-width: 630px;
  margin: 0 auto;
}
.m-error-message__wrapper {
  padding: 60px 0 90px 0;
}
.m-error-message__content {
  text-align: center;
  position: relative;
}
.m-error-message__content:after {
  content: '';
  display: block;
  position: absolute;
  border: 1px solid rgba($color-basic, 0.5);
  top: 200px;
  bottom: 0;
  left: 0;
  right: 0;
}
.m-error-message__title {
  font-family:$corp-font1;
  font-size: 18px;
  color: rgba($color-basic, 0.7);
  text-transform: uppercase;
  line-height: 1.4;
  letter-spacing: 0.4px;
  padding: 10px 0;
  font-weight: 500;
}
.m-error-message__code {
  font-size: 280px;
  color: $color-corp;
  line-height: 1.05;
  font-family:$corp-font3;
  display: inline-block;
  vertical-align: middle;
  padding: 0 20px;
  position: relative;
  z-index: 1;
  background-color: #fff;
}
.m-error-message__text {
  font-family:$corp-font2;
  font-size: 17px;
  color: $color-basic;
  line-height: 1.7;
  font-weight: 400;
  max-width: 480px;
  margin: 0 auto;
}
.m-error-message__wrap-btn {
  padding: 30px 0;
  position: relative;
  z-index: 1;
}
@media (max-width: 767px) {
  .m-error-message__content:after {
    top: 150px;
  }
  .m-error-message__code {
    font-size: 250px;
  }
}
@media (max-width: 599px) {
  .m-error-message__wrapper {
    padding: 30px 0 0;
  }
  .m-error-message__content {
    padding: 0 13px;
  }
  .m-error-message__content:after {
    top: 100px;
  }
  .m-error-message__code {
    font-size: 120px;
    padding: 0 10px;
    padding-bottom: 20px;
  }
  .m-error-message__title {
    font-size: 16px;
  }
}
.m-job-info__content {
  padding:0 0 140px 0;
  border-bottom: 1px solid rgba($color-basic, 0.5);
}
.m-job-info__text p {
  font-family:$corp-font2;
  font-size: 15px;
  color: $color-basic;
  line-height: 1.7;
  font-weight: 400;
  padding: 10px 0;
}
.m-job-info__wrap-text {
  border-top: 1px solid rgba($color-basic, 0.5);
  padding: 20px 0;
}
.m-job-info__wrap-btn {
  padding: 10px 0;
}
.m-job-info__wrap-btn-top {
  text-align: right;
  padding: 45px 0;
}
@media (max-width: 969px) {
  .m-job-info__content {
    padding: 30px 0;
  }
  .m-job-info__wrap-text {
    padding: 20px;
  }
  .m-job-info__wrap-btn-top {
    text-align: center;
  }
}
@media (max-width: 599px) {
  .m-job-info__wrap-text {
    padding: 20px 0;
  }
}
.m-faq-list__item {
  border-bottom: 1px solid rgba($color-basic, 0.3);
}
.m-faq-list__item:first-child {
  border-top: 1px solid rgba($color-basic, 0.3);
}
.m-faq-list__wrap-btn {
  text-align: right;
  padding: 45px 0;
  padding-right: 20px;
}
@media (max-width: 969px) {
  .m-faq-list__content {
    padding-top: 20px;
  }
  .m-faq-list__wrap-btn {
    text-align: center;
    padding-right: 0;
  }
}
.m-faq-item__content {
  padding: 0 20px;
}
.m-faq-item__title {
  font-size: 22px;
  color: $color-basic;
  line-height: 1.4;
  font-family: $corp-font3;
  position: relative;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  padding-right: 50px;
}
.m-faq-item__title:after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  background: 0;
  border-style: solid;
  border-width: 4px 0 4px 4px;
  border-color: transparent transparent transparent $color-corp;
  left: 0;
  top: 14px;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
.m-faq-item__text p {
  font-family:$corp-font2;
  font-size: 15px;
  color: $color-basic;
  line-height: 1.7;
  font-weight: 400;
  padding: 10px 0;
}
.m-faq-item__wrap-title {
  padding:20px;
  position: relative;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  margin: 0 -20px;
}
.m-faq-item__wrap-title:hover .m-faq-item__title,
.m-faq-item__wrap-title:focus .m-faq-item__title {
  color: $color-corp;
}
.m-faq-item__wrap-btn {
  position: absolute;
  right: 20px;
  top: 19px;
}
.m-faq-item__wrap-text {
  padding-right: 140px;
  padding-left: 10px;
  padding-bottom: 30px;
  display: none;
}
.m-faq-item .btn-circle--close {
  display: none;
}
.m-faq-item.active .m-faq-item__wrap-text {
  display: block;
}
.m-faq-item.active .m-faq-item__title {
  padding-left: 10px;
  color: $color-corp;
}
.m-faq-item.active .m-faq-item__title:after {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.m-faq-item.active .btn-circle--close {
  display: inline-block;
}
.m-faq-item.active .btn-circle--arrow-bottom {
  display: none;
}
@media (max-width: 1389px) {
  .m-faq-item__wrap-text {
    padding-right: 40px;
  }
}
@media (max-width: 969px) {
  .m-faq-item__content {
    padding: 0;
  }
  .m-faq-item__title {
    font-size: 20px;
  }
  .m-faq-item__wrap-text {
    padding-left: 0;
  }
  .m-faq-item__wrap-title {
    padding: 25px 0 20px 0;
    margin: 0;
  }
  .m-faq-item__wrap-btn {
    right: 0;
    top: 25px;
  }
}
@media (max-width: 599px) {
  .m-faq-item__wrap-text {
    padding-right: 0;
  }
}
.m-faq-left-info__title {
  font-family:$corp-font3;
  font-size: 36px;
  color: $color-title;
  line-height: 1.2;
}
.m-faq-left-info__subtitle {
  font-family:$corp-font1;
  font-size: 15px;
  color: rgba($color-basic, 0.7);
  text-transform: uppercase;
  line-height: 1.4;
  letter-spacing: 1px;
  font-weight: 500;
  padding: 10px 0 20px;
}
.m-faq-left-info__text p {
  font-family:$corp-font2;
  font-size: 15px;
  color: $color-basic;
  line-height: 1.7;
  font-weight: 400;
  padding: 20px 0;
  border-top:1px solid rgba($color-basic, 0.3);
}
.m-faq-left-info__wrap-text {
  max-width: 210px;
}
.m-faq-left-info__wrap-btn {
  padding: 0 0 20px;
}
@media (max-width: 969px) {
  .m-faq-left-info__content {
    text-align: center;
  }
  .m-faq-left-info__subtitle {
    padding: 10px 0;
  }
  .m-faq-left-info__wrap-text {
    max-width: 560px;
    margin: 0 auto;
  }
  .m-faq-left-info__wrap-btn {
    padding: 15px 0;
  }
}
@media (max-width: 767px) {
  .m-faq-left-info__title {
    font-size: 45px;
  }
}
.m-location__content,
.m-company__content,
.m-faq__content,
.m-job__content {
  font-size: 0;
  padding-top: 60px;
}
.m-location__content{
    padding-top:40px;
}
.m-location__col,
.m-company__col,
.m-faq__col,
.m-job__col {
  display: inline-block;
  vertical-align: top;
}
.m-location__col--info{
    background-color: #f3f3f3;
    padding-left: 20px;
    padding-top: 30px;
    border-radius: 2px;
}
.m-location__col--info,
.m-company__col--info,
.m-faq__col--info,
.m-job__col--info {
  width: 280px;
  background-color:#f3f3f3;
  padding:20px;
}
.m-location__col--text,
.m-company__col--text,
.m-faq__col--text,
.m-job__col--text {
  width: calc(100% - 280px);
  padding-left: 60px;
}
@media (max-width: 1259px) {
  .m-location__col--text,
  .m-company__col--text,
  .m-faq__col--text,
  .m-job__col--text {
    padding-left: 60px;
  }
}
@media (max-width: 969px) {
  .m-location__content,
  .m-company__content,
  .m-faq__content,
  .m-job__content {
    padding-top: 40px;
  }
    .m-location__col--info{
        background-color:transparent;
    }
  .m-location__col,
  .m-company__col,
  .m-faq__col,
  .m-job__col {
    width: 100%;
    display: block;
    padding: 0;
    background-color:transparent;
  }
}
.m-company-extra__content {
  padding: 10px 0;
}
.m-company-extra__text p {
  font-family:$corp-font2;
  font-size: 16px;
  font-weight: 600;
  color: $color-basic;
  line-height: 1.7;
  letter-spacing: 0.2px;
  padding: 20px 0;
}
.m-company-extra__text--companies p {
  text-transform: uppercase;
}
.m-company-extra__item {
  border-bottom: 1px solid rgba($color-basic,0.4);
  padding-right: 50px;
}
.m-company-extra__wrap-btn {
  text-align: right;
  padding: 45px 0;
}
@media (max-width: 969px) {
  .m-company-extra__content,
  .m-company-extra__wrap-btn {
    text-align: center;
  }
  .m-company-extra__item {
    padding-right: 0;
  }
}
@media (min-width: 600px) and (max-width: 767px) {
  .m-company-extra__item {
    padding-right: 20px;
    padding-left: 20px;
  }
}
.m-company-hotels__content {
  padding: 15px 0;
}
.m-company-hotels__title {
  font-size: 30px;
  color: #1f7079;
  line-height: 1.2;
  text-transform: uppercase;
  font-family: 'PostScriptum', sans-serif;
}
.m-company-hotels__subtitle {
  font-size: 13px;
  color: rgba(26,95,102,0.5);
  text-transform: uppercase;
  line-height: 1.7;
  font-weight: 400;
}
.m-company-hotels__item {
  padding: 25px 0;
  border-bottom: 1px solid rgba(190,213,216,0.8);
  position: relative;
}
.m-company-hotels__wrap-btn {
  position: absolute;
  right: 0;
  top: calc(50% - 14.5px);
}
.m-company-hotels .btn-main {
  min-width: 170px;
}
@media (max-width: 599px) {
  .m-company-hotels__content {
    text-align: center;
  }
  .m-company-hotels__wrap-btn {
    position: static;
    padding-top: 8px;
  }
}
.m-company-info__title {
  font-size: 28px;
  color: $color-title;
  line-height: 1.2;
  font-family: $corp-font3;
  padding: 10px 0;
}
.m-company-info__wrap-text {
  padding-right: 70px;
}
.m-company-info__text p {
  font-family:$corp-font2;
  font-size: 16px;
  font-weight: 400;
  color: $color-basic;
  line-height: 1.7;
  letter-spacing: 0.2px;
  padding:10px 0;
}
@media (max-width: 1389px) {
  .m-company-info__wrap-text {
    padding-right: 0;
  }
}
@media (max-width: 969px) {
  .m-company-info__wrap-text,
  .m-company-info__wrap-title {
    text-align: center;
  }
}
.m-company-left-info__title {
  font-family:$corp-font3;
  font-size: 32px;
  color: $color-title;
  line-height: 1.2;
}
.m-company-left-info__subtitle {
  font-family:$corp-font1;
  font-size: 15px;
  color: rgba($color-basic, 0.7);
  text-transform: uppercase;
  line-height: 1.4;
  letter-spacing: 1px;
  font-weight: 500;
  padding: 25px 0;
}
.m-company-left-info__text p,
.m-company-left-info__link {
  font-family:$corp-font2;
  font-size: 15px;
  color: $color-basic;
  line-height: 1.7;
  font-weight: 400;
}
.m-company-left-info__link {
  text-decoration: underline !important;
}
.m-company-left-info__link:hover,
.m-company-left-info__link:focus {
  color: $color-corp;
}
.m-company-left-info__logo{
  width: 124px;
  height: auto;
}
.m-company-left-info__wrap-logo {
  padding: 25px 0;
}
.m-company-left-info__wrap-text {
  max-width: 175px;
}
.m-company-left-info__item:not(:last-child) {
  border-bottom: 1px solid rgba($color-basic, 0.5);
}
@media (max-width: 969px) {
  .m-company-left-info__content {
    text-align: center;
  }
  .m-company-left-info__subtitle {
    padding: 10px 0;
  }
  .m-company-left-info__item:not(:last-child) {
    border-bottom: 0;
  }
  .m-company-left-info__wrap-logo{
    padding: 10px 0 20px;
  }
    .m-company-left-info__title{
        font-size:36px;
    }
  .m-company-left-info__item:last-child {
    display: none;
  }
    .m-company-info__title{
        font-family:$corp-font1;
        text-transform:uppercase;
        font-size:22px;
        font-weight:400;
    }
}
.m-contact-arrive__content {
  font-size: 0;
}
.m-contact-arrive__title {
  font-family:$corp-font3;
  font-size: 18px;
  color: $color-corp;
  line-height: 1.4;
  letter-spacing: 0.4px;
  text-transform: uppercase;
  font-weight: 400;
}
.m-contact-arrive__wrap-title {
  padding-top: 55px;
}
.m-contact-arrive__wrap-btn {
  text-align: right;
  padding: 40px 0;
}
.m-contact-arrive__col {
  display: inline-block;
  vertical-align: top;
}
.m-contact-arrive__col--title {
  width: 250px;
}
.m-contact-arrive__col--text {
  width: calc(100% - 250px);
}
@media (max-width: 1389px) {
  .m-contact-arrive__col {
    display: block;
    width: 100%;
  }
  .m-contact-arrive__wrap-title {
    padding-top: 35px;
  }
}
@media (max-width: 969px) {
  .m-contact-arrive__wrap-btn {
    text-align: center;
  }
}
@media (max-width: 599px) {
  .m-contact-arrive__content {
    text-align: center;
  }
}
.m-contact-arrive-item__content {
  font-size: 0;
  padding: 50px 0;
  border-bottom: 1px solid rgba($color-basic,0.7);
}
.m-contact-arrive-item__title {
  font-size: 27px;
  color: $color-basic;
  line-height: 1.2;
  font-weight:500;
  text-transform: uppercase;
  font-family: $corp-font1;
  padding: 5px 0 0;
}
.m-contact-arrive-item__subtitle {
  font-family: $corp-font1;
  font-size: 15px;
  color: rgba($color-basic, 0.7);
  text-transform: uppercase;
  font-weight: 500;
  line-height: 1.7;
}
.m-contact-arrive-item__text p {
  font-family: $corp-font2;
  font-size: 15px;
  color:$color-basic;
  line-height: 1.7;
  font-weight: 400;
}
.m-contact-arrive-item__item {
  display: inline-block;
  vertical-align: top;
}
.m-contact-arrive-item__item:nth-child(1) {
  width: 34%;
}
.m-contact-arrive-item__item:nth-child(2) {
  width: 25%;
}
.m-contact-arrive-item__item:nth-child(3) {
  width: 22%;
}
.m-contact-arrive-item__item:nth-child(4) {
  width: 19%;
}
.m-contact-arrive-item__wrap-btn {
  text-align: right;
}
@media (min-width: 1390px) and (max-width: 1499px) {
  .m-contact-arrive-item__item:nth-child(1),
  .m-contact-arrive-item__item:nth-child(2),
  .m-contact-arrive-item__item:nth-child(3) {
    width: 33.3333%;
  }
  .m-contact-arrive-item__item:nth-child(4) {
    width: 100%;
    padding-left: 33.3333%;
  }
  .m-contact-arrive-item__wrap-btn {
    text-align: left;
    padding-top: 30px;
  }
}
@media (max-width: 1389px) {
  .m-contact-arrive-item__content {
    padding: 45px 0;
  }
  .m-contact-arrive-item__item:nth-child(1) {
    width: 290px;
  }
  .m-contact-arrive-item__item:nth-child(2) {
    width: calc(38% - 96.6666px);
  }
  .m-contact-arrive-item__item:nth-child(3) {
    width: calc(31% - 96.6666px);
  }
  .m-contact-arrive-item__item:nth-child(4) {
    width: calc(31% - 96.6666px);
  }
}
@media (max-width: 969px) {
  .m-contact-arrive-item__content {
    padding: 40px 0 30px 0;
  }
  .m-contact-arrive-item__item:nth-child(1) {
    width: 250px;
  }
  .m-contact-arrive-item__item:nth-child(2) {
    width: calc(53% - 125px);
  }
  .m-contact-arrive-item__item:nth-child(3) {
    width: calc(47% - 125px);
  }
  .m-contact-arrive-item__item:nth-child(4) {
    width: 100%;
  }
  .m-contact-arrive-item__wrap-btn {
    text-align: left;
    padding-left: 250px;
    padding-top: 20px;
  }
}
@media (max-width: 767px) {
  .m-contact-arrive-item__item:nth-child(1),
  .m-contact-arrive-item__item:nth-child(4) {
    width: 100%;
  }
  .m-contact-arrive-item__item:nth-child(2),
  .m-contact-arrive-item__item:nth-child(3) {
    width: 50%;
  }
  .m-contact-arrive-item__wrap-btn {
    padding-left: 0;
  }
  .m-contact-arrive-item__wrap-title {
    padding-bottom: 20px;
  }
}
@media (max-width: 599px) {
  .m-contact-arrive-item__content {
    padding: 15px 0 30px;
  }
  .m-contact-arrive-item__content,
  .m-contact-arrive-item__wrap-btn {
    text-align: center;
  }
  .m-contact-arrive-item__wrap-btn,
  .m-contact-arrive-item__wrap-title {
    padding: 0;
  }
  .m-contact-arrive-item__list {
    margin: -10px 0;
  }
  .m-contact-arrive-item__item:nth-child(1),
  .m-contact-arrive-item__item:nth-child(2),
  .m-contact-arrive-item__item:nth-child(3),
  .m-contact-arrive-item__item:nth-child(4) {
    width: 100%;
    padding: 10px 0;
  }
}
.m-contact-social__content {
  font-size: 0;
}
.m-contact-social__title {
  font-family:$corp-font3;
  font-size: 18px;
  color: $color-corp;
  line-height: 1.4;
  letter-spacing: 0.4px;
  text-transform: uppercase;
  font-weight: 400;
}
.m-contact-social__text p {
  font-family:$corp-font2;
  font-size: 14px;
  color: $color-basic;
  font-weight: 400;
  line-height: 1.7;
  max-width: 206px;
}
.m-contact-social__wrap-title {
  display: inline-block;
  vertical-align: top;
  width: 250px;
  padding-top: 35px;
}
.m-contact-social__list {
  width: calc(100% - 250px);
  display: inline-block;
  vertical-align: top;
  padding: 35px 0 50px 0;
  border-top: 1px solid rgba($color-basic, 0.7);
  border-bottom: 1px solid rgba($color-basic, 0.7);
}
.m-contact-social__item {
  display: inline-block;
  vertical-align: top;
  width: 33.3333%;
}
.m-contact-social__item:last-child {
  text-align: right;
}
@media (max-width: 1389px) {
  .m-contact-social__wrap-title,
  .m-contact-social__list {
    display: block;
    width: 100%;
  }
  .m-contact-social__wrap-title {
    border-top: 1px solid rgba($color-basic, 0.7);
    padding-bottom: 15px;
  }
  .m-contact-social__list {
    padding-top: 0;
    border-top: 0;
    padding-bottom: 30px;
  }
  .m-contact-social__item:nth-child(1) {
    width: 290px;
  }
  .m-contact-social__item:nth-child(2),
  .m-contact-social__item:nth-child(3) {
    width: calc(50% - 145px);
  }
}
@media (max-width: 969px) {
  .m-contact-social__item:nth-child(1) {
    width: 250px;
  }
  .m-contact-social__item:nth-child(2),
  .m-contact-social__item:nth-child(3) {
    width: calc(50% - 125px);
  }
}
@media (min-width: 768px) and (max-width: 969px) {
  .m-contact-social .m-social-share-links__list {
    margin: -5px;
  }
  .m-contact-social .m-social-share-links__item {
    display: block;
    padding: 5px;
  }
}
@media (max-width: 767px) {
  .m-contact-social__item:nth-child(1),
  .m-contact-social__item:nth-child(2) {
    width: 50%;
  }
  .m-contact-social__item:nth-child(2) {
    text-align: center;
  }
  .m-contact-social__item:nth-child(3) {
    width: 100%;
    text-align: center;
    padding-left: 50%;
  }
}
@media (max-width: 767px) {
  .m-contact-social__content {
    text-align: center;
  }
  .m-contact-social__text p {
    margin: 0 auto;
  }
  .m-contact-social__list {
    margin: -10px 0;
  }
  .m-contact-social__item:nth-child(1),
  .m-contact-social__item:nth-child(2),
  .m-contact-social__item:nth-child(3) {
    width: 100%;
    padding: 10px 0;
  }
}
.m-contact-title__content {
  position: relative;
  padding-top: 40px;
}
.m-contact-title__title {
  font-size: 45px;
  color: $color-title;
  line-height: 1.2;
  font-family: $corp-font3;
  padding: 15px 0;
}
.m-contact-title__subtitle {
  font-family: $corp-font1;
  font-size: 15px;
  line-height: 1.4;
  letter-spacing: 0.4px;
  color: rgba($color-basic, 0.7);
  font-weight: 500;
  text-transform: uppercase;
  padding: 15px 0 0;
}
.m-contact-title__text p {
  font-family: $corp-font2;
  font-size: 14px;
  line-height: 1.7;
  color: $color-basic;
  font-weight: 400;
  padding-bottom: 10px;
}
.m-contact-title__wrap-btn {
  position: absolute;
  top: 54px;
  right: 0;
}
@media (max-width: 1389px) {
  .m-contact-title__content {
    font-size: 0;
    padding-bottom: 80px;
  }
    .m-contact-title__wrap-btn{
      top:20px;
    }
  .m-contact-title__list {
    position: relative;
  }
  .m-contact-title__item {
    display: inline-block;
    vertical-align: top;
  }
  .m-contact-title__item:nth-child(1) {
    padding-right: 60px;
  }
  .m-contact-title__item:nth-child(4) {
    max-width: 300px;
    margin-top: 15px;
  }
  .m-contact-title__item:nth-child(3) {
    position: absolute;
    top: 100%;
    left: 0;
  }
  .m-contact-title__wrap-text {
    max-width: 100%;
    position: static;
  }
}
@media (max-width: 969px) {
  .m-contact-title__content {
    text-align: center;
    padding-bottom: 30px;
  }
    .m-contact-title__wrap-btn{
        position:relative;
        top:0;
        margin:10px 0;
    }
    .m-location-left-info__item:first-child{
        padding-top:30px;
    }
    .m-location__content{
        padding-top:0;
    }
    .m-location-left-info__item{
        &:last-child{
            &:after{
                display:none;
            }
        }
    }
    .m-location-left-info__item:after{
        top:50%;
        @include transform(translateY(-50%));
    }
  .m-contact-title__title,
  .m-contact-title__subtitle,
  .m-contact-title__text p {
    padding: 8px 0;
  }
  .m-contact-title__wrap-text {
    max-width: 490px;
    margin: 0 auto;
  }
  .m-contact-title__item:nth-child(1),
  .m-contact-title__item:nth-child(2),
  .m-contact-title__item:nth-child(3),
  .m-contact-title__item:nth-child(4) {
    display: block;
    width: 100%;
    max-width: 100%;
    margin: 0;
    position: static;
    padding: 0;
  }
}
@media (max-width: 767px) {
  .m-contact-title__wrap-btn {
    position: static;
    padding: 8px 0;
  }
  .m-contact-title__title {
    font-size: 40px;
  }
}
.m-location-map__content,
.m-contact-map__content {
  height: 460px;
}
@media (max-width: 1499px) {
  .m-location-map__content,
  .m-contact-map__content {
    height: 430px;
  }
}
@media (max-width: 1389px) {
  .m-location-map__content,
  .m-contact-map__content {
    height: 390px;
  }
}
@media (max-width: 1259px) {
  .m-location-map__content,
  .m-contact-map__content {
    height: 350px;
  }
}
@media (max-width: 767px) {
  .m-location-map__content,
  .m-contact-map__content {
    height: 315px;
  }
}
@media (max-width: 599px) {
  .m-location-map__content,
  .m-contact-map__content {
    height: 200px;
  }
}
.m-book-title__content {
  padding: 40px 0 30px 0;
}
.m-book-title__title {
  font-size: 50px;
  font-family: 'PostScriptum', sans-serif;
  color: #1f7079;
  line-height: 1.2;
  text-transform: uppercase;
}
@media (max-width: 1259px) {
  .m-book-title__title {
    font-size: 45px;
  }
}
@media (max-width: 969px) {
  .m-book-title__content {
    text-align: center;
  }
}
@media (max-width: 767px) {
  .m-book-title__title {
    font-size: 40px;
  }
}
.m-book-group__content {
  font-size: 0;
}
.m-book-group__item {
  display: inline-block;
  vertical-align: top;
}
.m-book-group__item--book {
  width: calc(100% - 295px);
  float: left;
}
.m-book-group__item--offers {
  width: 295px;
  padding-left: 25px;
  float: right;
}
@media (max-width: 1259px) {
  .m-book-group__item {
    display: block;
    width: 100%;
    float: none;
  }
  .m-book-group__item--offers {
    padding-left: 0;
  }
}
.m-book__iframe {
  border: none;
  width: 100%;
  height: 'auto';
}
.m-book__content {
  border: 1px solid rgba(190,213,216,0.8);
  background-color: #fff;
  min-height: 480px;
}
.m-book-offers-advantages__content {
  font-size: 0;
  position: relative;
  padding-bottom: 20px;
}
.m-book-offers-advantages__list {
  margin: -10px 0;
}
.m-book-offers-advantages__wrap-module {
  padding: 10px 0;
}
.m-book-offers-advantages .btn-main--hide-offers,
.m-book-offers-advantages .btn-main--hide-advantages {
  display: none;
}
.m-book-offers-advantages__wrap-btn {
  position: absolute;
  bottom: 100%;
  right: 0;
  margin-bottom: 10px;
  display: none;
}
.m-book-offers-advantages__wrap-btn--offers {
  right: 150px;
}
.m-book-offers-advantages__wrap-btn .btn-main {
  width: 140px;
}
.m-book-offers-advantages__item {
  display: block;
}
.m-book-offers-advantages__item.active .m-book-offers-advantages__wrap-module {
  display: block;
}
.m-book-offers-advantages__item.active .btn-main--hide-offers,
.m-book-offers-advantages__item.active .btn-main--hide-advantages {
  display: inline-block;
}
.m-book-offers-advantages__item.active .btn-main--show-offers,
.m-book-offers-advantages__item.active .btn-main--show-advantages {
  display: none;
}
@media (max-width: 1259px) {
  .m-book-offers-advantages__wrap-btn {
    display: block;
  }
  .m-book-offers-advantages__wrap-module {
    display: none;
  }
}
@media (max-width: 969px) {
  .m-book-offers-advantages__content {
    margin-top: 40px;
  }
  .m-book-offers-advantages__wrap-btn {
    right: 50%;
    -webkit-transform: translateX(50%);
    -moz-transform: translateX(50%);
    -o-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%);
  }
  .m-book-offers-advantages__wrap-btn--offers {
    margin-right: 75px;
  }
  .m-book-offers-advantages__wrap-btn--advantages {
    margin-right: -75px;
  }
}
@media (max-width: 599px) {
  .m-book-offers-advantages .btn-main {
    width: 210px;
  }
  .m-book-offers-advantages__content {
    padding-top: 50px;
  }
  .m-book-offers-advantages__wrap-btn--offers {
    margin-right: 0;
  }
  .m-book-offers-advantages__wrap-btn--advantages {
    margin-right: 0;
    margin-bottom: -30px;
  }
}
.m-book-advantages__content {
  border: 1px solid rgba(190,213,216,0.8);
  padding: 20px 15px 10px 15px;
}
.m-book-advantages__title {
  font-size: 19px;
  font-family: 'Lato', sans-serif;
  line-height: 1.2;
  color: rgba(31,112,121,0.9);
  letter-spacing: 0.6px;
  text-transform: uppercase;
}
.m-book-advantages__text {
  font-size: 12px;
  color: rgba(32,112,121,0.5);
  line-height: 1.4;
  font-weight: 400;
}
.m-book-advantages__wrap-title {
  padding-bottom: 25px;
}
.m-book-advantages__list {
  border-top: 1px solid rgba(190,213,216,0.8);
  padding: 10px 0;
}
.m-book-advantages__item {
  padding: 7px 0 7px 20px;
  position: relative;
}
.m-book-advantages__item:after {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e90f';
  display: block;
  position: absolute;
  left: 0;
  top: 9px;
  font-size: 12px;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  color: #21707a;
}
.m-book-offer-list__list {
  margin: -12px 0;
}
.m-book-offer-list__item {
  padding: 12px 0;
}
.m-book-offer__content {
  font-size: 0;
  border: 1px solid rgba(190,213,216,0.8);
  padding: 20px 15px;
  padding-bottom: 30px;
  position: relative;
}
.m-book-offer__title {
  font-size: 19px;
  font-family: 'Lato', sans-serif;
  line-height: 1.2;
  text-transform: uppercase;
  color: rgba(31,112,121,0.9);
  letter-spacing: 0.6px;
}
.m-book-offer__subtitle {
  font-size: 12px;
  line-height: 1.4;
  color: rgba(31,112,121,0.7);
  text-transform: uppercase;
  font-weight: 400;
  letter-spacing: 0.4px;
  padding: 10px 0;
  position: relative;
}
.m-book-offer__subtitle:after {
  content: '';
  display: block;
  position: absolute;
  width: 20px;
  height: 1px;
  background-color: rgba(190,213,216,0.8);
  bottom: 0;
  left: 0;
}
.m-book-offer__date {
  font-size: 12px;
  line-height: 1.4;
  color: rgba(31,112,121,0.5);
  text-transform: uppercase;
  letter-spacing: 0.4px;
  padding: 15px 0 10px 0;
  font-weight: 400;
}
.m-book-offer__currency {
  font-size: 12px;
  line-height: 1.4;
  color: rgba(31,112,121,0.5);
  text-transform: uppercase;
  letter-spacing: 0.4px;
  font-weight: 400;
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
}
.m-book-offer__value {
  font-size: 45px;
  font-family: 'Lato', sans-serif;
  color: rgba(33,112,122,0.6);
  line-height: 1.2;
  display: inline-block;
  vertical-align: middle;
}
.m-book-offer__price-info {
  font-size: 12px;
  line-height: 1.4;
  color: rgba(31,112,121,0.5);
  letter-spacing: 0.4px;
  font-weight: 400;
  width: calc(100% - 50px);
}
.m-book-offer__text,
.m-book-offer p {
  font-size: 12px;
  line-height: 1.6;
  color: rgba(31,112,121,0.5);
  letter-spacing: 0.2px;
  font-weight: 400;
}
.m-book-offer__text strong,
.m-book-offer p strong {
  margin-right: 5px;
}
.m-book-offer__wrap-text {
  display: none;
  background-color: rgba(234,234,234,0.3);
  padding: 15px 17px 60px 17px;
  margin: 20px -15px 0 -15px;
}
.m-book-offer__wrap-btn {
  position: absolute;
  right: 15px;
  bottom: 15px;
}
.m-book-offer__header {
  border-bottom: 1px solid rgba(190,213,216,0.8);
}
.m-book-offer__price {
  padding-top: 15px;
}
.m-book-offer .btn-circle--less-info {
  display: none;
}
.m-book-offer.active .m-book-offer__content {
  padding-bottom: 0;
}
.m-book-offer.active .m-book-offer__wrap-text {
  display: block;
}
.m-book-offer.active .btn-circle--less-info {
  display: inline-block;
}
.m-book-offer.active .btn-circle--more-info {
  display: none;
}
.m-book-offer--no-currency .m-book-offer__currency {
  display: none;
}
.m-blog-post__content {
  font-size: 0;
  border-bottom: 1px solid rgba(190,213,216,0.8);
  padding-bottom: 30px;
}
.m-blog-post__title {
  font-size: 28px;
  color: rgba(31,112,121,0.8);
  font-family: 'Lato', sans-serif;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: 0.6px;
  padding: 5px 0;
}
.m-blog-post__subtitle {
  font-size: 14px;
  color: rgba(31,112,121,0.5);
  text-transform: uppercase;
  line-height: 1.4;
  letter-spacing: 0.4px;
  padding: 5px 0;
}
.m-blog-post__wrap-subtitle {
  padding-bottom: 20px;
  position: relative;
}
.m-blog-post__wrap-subtitle:after {
  content: '';
  display: block;
  position: absolute;
  width: 20px;
  height: 1px;
  background-color: #cbdde0;
  bottom: 0;
  left: 0;
}
.m-blog-post__text p {
  font-size: 14px;
  color: rgba(25,95,102,0.7);
  line-height: 1.7;
  letter-spacing: 0.3px;
  padding: 15px 0;
  font-weight: 400;
}
.m-blog-post__wrap-text {
  padding-bottom: 15px;
  padding-right: 20px;
  position: relative;
}
.m-blog-post__wrap-text:after {
  content: '';
  display: block;
  position: absolute;
  width: 20px;
  height: 1px;
  background-color: rgba(190,213,216,0.8);
  bottom: 0;
  left: 0;
}
.m-blog-post__author {
  font-size: 14px;
  text-transform: uppercase;
  color: rgba(31,112,121,0.5);
  line-height: 1.4;
  letter-spacing: 0.2px;
  font-weight: 400;
}
.m-blog-post__description {
  font-size: 13px;
  color: rgba(31,112,121,0.5);
  line-height: 1.4;
  letter-spacing: 0.2px;
  font-weight: 400;
  font-style: italic;
}
.m-blog-post__wrap-post-author {
  padding: 25px 0 35px 0;
  border-bottom: 1px solid rgba(190,213,216,0.8);
}
.m-blog-post__list-tag {
  margin-right: -30px;
}
.m-blog-post__item-tag {
  display: inline-block;
  vertical-align: top;
  width: 50%;
  padding: 0 30px;
  position: relative;
}
.m-blog-post__item-tag:after {
  content: '\e915';
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  position: absolute;
  font-size: 12px;
  color: rgba(31,112,121,0.5);
  left: 0;
  top: 20px;
}
.m-blog-post__item-tag:last-child .m-blog-post__link-tag,
.m-blog-post__item-tag:nth-last-child(2):nth-child(odd) .m-blog-post__link-tag {
  border-bottom: 0;
}
.m-blog-post__link-tag {
  display: block;
  font-size: 13px;
  color: rgba(31,112,121,0.5);
  line-height: 1.68;
  padding: 15px 0 10px 0;
  position: relative;
  border-bottom: 1px solid rgba(190,213,216,0.8);
}
.m-blog-post__link-tag:hover,
.m-blog-post__link-tag:focus {
  text-decoration: underline;
  color: #1f7079;
}
.m-blog-post__wrap-tags {
  border-bottom: 1px solid rgba(190,213,216,0.8);
  padding: 25px 0;
}
.m-blog-post__wrap-social,
.m-blog-post__wrap-btn {
  display: inline-block;
  vertical-align: middle;
  width: 50%;
}
.m-blog-post__wrap-btn {
  text-align: right;
}
.m-blog-post__wrap-actions {
  padding: 25px 0;
}
.m-blog-post__col {
  display: inline-block;
  vertical-align: top;
}
.m-blog-post__col--text {
  width: 570px;
  padding-left: 60px;
}
.m-blog-post__col--image {
  width: calc(100% - 570px);
}
.m-blog-post__wrap-img {
  position: relative;
  padding-top: 71.05263157894737%;
}
.m-blog-post__img {
  width: 100%;
  height: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  background-position: center center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.m-blog-post__wrap-video {
  padding: 30px 0 20px 0;
}
@media (max-width: 1499px) {
  .m-blog-post__col--text {
    width: 550px;
  }
  .m-blog-post__col--image {
    width: calc(100% - 550px);
  }
}
@media (max-width: 1389px) {
  .m-blog-post__col--text {
    width: 480px;
  }
  .m-blog-post__col--image {
    width: calc(100% - 480px);
  }
  .m-blog-post__item-tag {
    width: 100%;
  }
  .m-blog-post__item-tag:nth-last-child(2):nth-child(odd) .m-blog-post__link-tag {
    border-bottom: 1px solid rgba(190,213,216,0.8);
  }
}
@media (max-width: 969px) {
  .m-blog-post__col {
    display: block;
    width: 100%;
    padding: 0;
  }
  .m-blog-post__col--text {
    padding: 40px;
    padding-bottom: 0;
  }
  .m-blog-post__wrap-text {
    padding-right: 0;
  }
  .m-blog-post__wrap-video {
    display: none;
  }
  .m-blog-post__item-tag {
    width: 50%;
  }
  .m-blog-post__item-tag:last-child .m-blog-post__link-tag,
  .m-blog-post__item-tag:nth-last-child(2):nth-child(odd) .m-blog-post__link-tag {
    border-bottom: 0;
  }
  .m-blog-post__link-tag {
    border-bottom: 1px solid rgba(190,213,216,0.8);
  }
}
@media (max-width: 767px) {
  .m-blog-post__col--text {
    padding: 40px 15px;
    padding-bottom: 0;
  }
}
@media (max-width: 599px) {
  .m-blog-post__content {
    padding-bottom: 0;
  }
  .m-blog-post__col--text {
    padding: 40px 0;
    padding-bottom: 0;
  }
  .m-blog-post__title {
    font-size: 24px;
  }
  .m-blog-post__item-tag {
    width: 100%;
  }
  .m-blog-post__item-tag:nth-last-child(2):nth-child(odd) .m-blog-post__link-tag {
    border-bottom: 1px solid rgba(190,213,216,0.8);
  }
  .m-blog-post__wrap-social,
  .m-blog-post__wrap-btn {
    width: 100%;
    display: block;
    text-align: center;
  }
  .m-blog-post__wrap-btn {
    padding-top: 20px;
  }
  .m-blog-post__wrap-actions {
    padding: 35px 0;
  }
}
.m-video__wrapper {
  width: 100%;
  position: relative;
}
.m-video__wrapper:after {
  content: '';
  display: block;
  padding-top: 56.25%;
}
.m-video__content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.m-video iframe {
  width: 100%;
  height: 100%;
}
.m-blog-list-post__wrapper {
  padding: 40px 0;
}
.m-blog-list-post__content {
  position: relative;
}
.m-blog-list-post__title {
  font-size: 50px;
  color: #1f7079;
  text-transform: uppercase;
  line-height: 1.2;
  font-family: 'PostScriptum', sans-serif;
}
.m-blog-list-post__wrap-btn {
  position: absolute;
  right: 0;
  bottom: 0;
}
@media (max-width: 1259px) {
  .m-blog-list-post__wrapper {
    padding-bottom: 50px;
  }
  .m-blog-list-post__content {
    text-align: center;
  }
}
@media (max-width: 969px) {
  .m-blog-list-post__wrapper {
    padding: 40px 0;
  }
  .m-blog-list-post__wrap-btn {
    position: static;
    padding-top: 15px;
  }
}
@media (max-width: 767px) {
  .m-blog-list-post__title {
    font-size: 45px;
  }
}
.m-blog-list-title__wrapper {
  padding: 40px 0;
}
.m-blog-list-title__content {
  position: relative;
}
.m-blog-list-title__title {
  font-size: 50px;
  color: #1f7079;
  text-transform: uppercase;
  line-height: 1.2;
  font-family: 'PostScriptum', sans-serif;
  display: inline-block;
  vertical-align: middle;
  margin-right: 30px;
}
.m-blog-list-title__subtitle {
  font-size: 14px;
  color: rgba(31,112,121,0.5);
  text-transform: uppercase;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.4px;
  display: inline-block;
  vertical-align: middle;
}
.m-blog-list-title__wrap-title {
  position: relative;
}
.m-blog-list-title__wrap-input {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 200px;
}
@media (max-width: 1259px) {
  .m-blog-list-title__title,
  .m-blog-list-title__subtitle {
    display: block;
  }
  .m-blog-list-title__title {
    margin: 0;
    padding-bottom: 10px;
  }
  .m-blog-list-title__wrap-title {
    text-align: center;
  }
}
@media (max-width: 969px) {
  .m-blog-list-title__wrap-input {
    position: static;
    margin: 0 auto;
    padding-top: 20px;
  }
}
@media (max-width: 599px) {
  .m-blog-list-title__title {
    font-size: 45px;
  }
}
.s-place-action{
    .wrapper.full-width{
        margin: 0 auto 0 0;
    }
    &.banner-space{
        padding-bottom:80px;
    }
}
.m-place-info-item__content {
  font-size: 0;
}
.m-place-info-item__title {
  font-size: 45px;
  font-weight:700;
  font-family: $corp-font3;
  color: rgba($color-corp, 0.8);
  line-height: 1.2;
}
.m-place-info-item__subtitle {
  font-family: $corp-font1;
  font-size: 15px;
  color: rgba($color-basic, 0.7);
  line-height: 1.4;
  letter-spacing: 0.4px;
  text-transform: uppercase;
  padding: 4px 0;
  font-weight: 500;
}
.m-place-info-item__text {
  font-family: $corp-font2;
  font-size: 14px;
  color: $color-basic;
  line-height: 1.7;
  font-weight: 400;
  letter-spacing: 0.3px;
      p,span,div{
          font-family: $corp-font2!important;
          font-size:14px!important;
          color:$color-basic!important;
          line-height: 1.7!important;
          font-weight: 400!important;
          letter-spacing:0.3px!important;
    }
}
.m-place-info-item__text--title {
  font-family:$corp-font1;
  font-size:15px;
  font-weight:500;
  text-transform:uppercase;
}
.m-place-info-item__text--description {
  padding: 0 0 10px;
}
.m-place-info-item__wrap-title {
  padding: 10px 0;
}
.m-place-info-item__wrap-text {
  padding: 15px 0;
    &.no-space-top{
        padding-top:0;
    }
    .btn-main{
        margin-top:10px;
    }
}
.m-place-info-item__wrap-img {
  padding-top: 62.99212598425197%;
  position: relative;
  min-height:350px;
}
.m-place-info-item__wrap-btn {
  padding: 20px 0;
  display: none;
}
.m-place-info-item__img {
  width: 100%;
  height: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  background-position: center center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.m-place-info-item__table.table {
  margin: 0;
}
.m-place-info-item__table.table td {
  border-top: 0;
  border-bottom: 1px solid rgba($color-basic,0.5);
  padding: 4px 10px 2px 0;
}
.m-place-info-item__col {
  display: inline-block;
  vertical-align: top;
}
.m-place-info-item__col--img {
  width: 50%;
}
.m-place-info-item__col--text {
  width: 50%;
  padding-left: 60px;
}
.m-place-info-item .btn-main--close {
  display: none;
}
.m-place-info-item.active .m-place-info-item__wrap-text {
  display: block;
}
.m-place-info-item.active .m-place-info-item__wrap-btn {
  padding: 0;
  padding-bottom: 40px;
}
.m-place-info-item.active .btn-main--open {
  display: none;
}
.m-place-info-item.active .btn-main--close {
  display: inline-block;
}
@media (max-width: 1499px) {
  .m-place-info-item__wrap-img {
    padding-top: 61.29032258064516%;
  }
  .m-place-info-item__title {
    font-size: 45px;
  }
  .m-place-info-item__col--text {
    padding-left: 40px;
  }
}
@media (max-width: 1389px) {
  .m-place-info-item__wrap-img {
    padding-top: 64%;
  }
  .m-place-info-item__title {
    font-size: 40px;
  }
  .m-place-info-item__col--text {
    padding-left: 40px;
  }
  .m-place-info-item__wrap-btn {
    display: block;
  }
}
@media (max-width: 1259px) {
  .m-place-info-item__wrap-img {
    padding-top: 63.829787234042556%;
  }
  .m-place-info-item__title {
    font-size: 35px;
  }
  .m-place-info-item__col--text {
    padding-left: 40px;
  }
}
@media (max-width: 969px) {
  .m-place-info-item__content {
    text-align: center;
    padding: 0 30px;
  }
  .m-place-info-item__table {
    text-align: left;
  }
  .m-place-info-item__wrap-text {
    display: block;
  }
  .m-place-info-item__wrap-btn {
    display: none;
  }
  .m-place-info-item__col {
    display: block;
    width: 100%;
    padding: 0;
      &.m-place-info-item__col--img{
          width: calc(100% + 160px);
            margin:0 -80px;
      }
  }
  .m-place-info-item__col--text {
    padding: 20px 20px 40px;
  }
    .m-place-info-item__title {
    font-size: 30px;
  }
  .m-place-info-item__subtitle {
    padding: 4px 30px;
  }
  .m-place-info-item__col--text {
    padding: 20px 0 30px;
  }
  .m-place-info-item__table.table {
    text-align: center;
  }
    .m-place-info-item__tr{
        &:first-child{
            border-top:1px solid rgba($color-basic, 0.5);
        }
    }
  .m-place-info-item__table.table td {
    width: 100%;
    display: block;
      padding-top:0;
      padding-bottom:5px;
      &:first-child{
          padding-top:8px;
      }
  }
  .m-place-info-item__table.table tr td:first-child {
    border-bottom: 0;
    padding-bottom: 0;
  }
}
@media (max-width: 767px) {
  .m-place-info-item__content {
    padding: 0;
  }
    .m-place-info-item__col{
        &.m-place-info-item__col--img{
            width: calc(100% + 60px);
            margin:0 -30px;
        }
    }
}
@media (max-width: 599px) {
    .m-place-info-item__col{
        &.m-place-info-item__col--img{
            width: calc(100% + 50px);
            margin:0 -25px;
        }
    }
}
.m-hotel-description__wrap-title{
    .btn-main{
        margin-top:10px;
    }
}
.m-place-description__title,
.m-place-info__title {
  font-size: 45px;
  font-family:$corp-font3;
  color: $color-title;
  font-weight: 700;
}
.m-place-info__subtitle {
  font-size: 15px;
  font-family:$corp-font1;
  color: rgba($color-basic, 0.7);
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 0.4px;
  line-height: 1.4;
    padding-top:10px;
}
.m-place-description__wrap-title,
.m-place-info__wrap-title {
  padding: 40px 0 40px 0;
}
.m-place-description__wrap-list,
.m-place-info__wrap-list {
  margin-left: -70px;
}
.m-place-description__item,
.m-place-info__item {
  padding: 0 0 40px;
}
.m-place-description__wrap-btn,
.m-place-info__wrap-btn {
  padding: 25px 0;
  text-align: right;
  border-bottom: 1px solid rgba($color-basic, 0.7);
}
@media (max-width: 1389px) {
  .m-place-description__wrap-list,
  .m-place-info__wrap-list {
    margin-left: -50px;
  }
}
@media (max-width: 1259px) {
  .m-place-description__wrap-list,
  .m-place-info__wrap-list {
    margin-left: -40px;
  }
  .m-place-description__wrap-title,
  .m-place-info__wrap-title {
    text-align: center;
    padding: 30px 0;
  }
}
@media (max-width: 969px) {
  .m-place-description__wrap-list,
  .m-place-info__wrap-list {
    margin-left: 0;
  }
  .m-place-description__wrap-btn,
  .m-place-info__wrap-btn {
    text-align: center;
    padding-top: 0;
  }
}
.m-place-description-item__content {
  font-size: 0;
}
.m-place-description-item__title {
  font-size: 50px;
  text-transform: uppercase;
  font-family: 'PostScriptum', sans-serif;
  color: #1f7079;
  line-height: 1.2;
}
.m-place-description-item__subtitle {
  font-size: 14px;
  color: rgba(31,112,121,0.5);
  line-height: 1.4;
  letter-spacing: 0.4px;
  text-transform: uppercase;
  padding: 4px 0;
  font-weight: 400;
}
.m-place-description-item__text p {
  font-size: 14px;
  color: rgba(25,95,102,0.7);
  line-height: 1.4;
  font-weight: 400;
  padding: 15px 0;
  letter-spacing: 0.3px;
}
.m-place-description-item__wrap-title {
  padding: 10px 0;
}
.m-place-description-item__wrap-img {
  padding-top: 62.99212598425197%;
  position: relative;
}
.m-place-description-item__img {
  width: 100%;
  height: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  background-position: center center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.m-place-description-item__col {
  display: inline-block;
  vertical-align: top;
}
.m-place-description-item__col--img {
  width: 635px;
}
.m-place-description-item__col--text {
  width: calc(100% - 635px);
  padding-left: 77px;
  padding-top: 50px;
}
@media (max-width: 1499px) {
  .m-place-description-item__wrap-img {
    padding-top: 61.29032258064516%;
  }
  .m-place-description-item__title {
    font-size: 45px;
  }
  .m-place-description-item__col--img {
    width: 620px;
  }
  .m-place-description-item__col--text {
    width: calc(100% - 620px);
    padding-left: 75px;
    padding-top: 40px;
  }
}
@media (max-width: 1389px) {
  .m-place-description-item__wrap-img {
    padding-top: 64%;
  }
  .m-place-description-item__title {
    font-size: 40px;
  }
  .m-place-description-item__col--img {
    width: 500px;
  }
  .m-place-description-item__col--text {
    width: calc(100% - 500px);
    padding-left: 50px;
    padding-top: 40px;
  }
}
@media (max-width: 1259px) {
  .m-place-description-item__wrap-img {
    padding-top: 63.829787234042556%;
  }
  .m-place-description-item__title {
    font-size: 35px;
  }
  .m-place-description-item__col--img {
    width: 470px;
  }
  .m-place-description-item__col--text {
    width: calc(100% - 470px);
    padding-left: 40px;
    padding-top: 30px;
  }
}
@media (max-width: 969px) {
  .m-place-description-item__content {
    text-align: center;
    padding: 0 30px;
  }
  .m-place-description-item__col {
    display: block;
    width: 100%;
    padding: 0;
  }
  .m-place-description-item__col--text {
    padding: 20px 20px 40px;
  }
}
@media (max-width: 767px) {
  .m-place-description-item__content {
    padding: 0;
  }
}
@media (max-width: 599px) {
  .m-place-description-item__title {
    font-size: 30px;
  }
  .m-place-description-item__col--text {
    padding: 20px 0 30px;
  }
}
.m-place-action__content {
  font-size: 0;
}
.m-place-action__subtitle {
  font-family:$corp-font1;
  font-size: 15px;
  color: rgba($color-basic,0.7);
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 0.4px;
  line-height: 1.4;
  display: inline-block;
  vertical-align: middle;
  padding-top:12px;
}
.m-place-action__title {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size:45px;
  font-family:$corp-font3;
  font-weight:700;
  color:$color-title;
}
.m-place-action__title:after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 1px;
  height: 15px;
  background-color: rgba($color-basic,0.7);
  margin: 0 15px;
  position: relative;
  top: -1px;
}
.m-place-action__wrap-title {
  padding: 40px 0;
}
.m-place-action__message {
  font-size: 30px;
  font-family: $corp-font3;
  font-weight:400;
  line-height: 1.2;
  color: $color-corp;
}
.m-place-action__wrap-message {
  padding: 35px 0;
  position: relative;
}
.m-place-action__wrap-list {
  padding-bottom: 15px;
}
.m-place-action__list {
  margin: -1px;
}
.m-place-action__item {
  display: inline-block;
  vertical-align: top;
  width: 33.33%;
  padding: 1px;
}
@media (max-width: 1259px) {
  .m-place-action__title,
  .m-place-action__subtitle {
    display: block;
    width: 100%;
  }
  .m-place-action__title {
    font-size: 40px;
  }
  .m-place-action__title:after {
    display: none;
  }
  .m-place-action__wrap-title {
    text-align: center;
  }
  .m-place-action__item {
    width: 33.3333%;
  }
}
@media (max-width: 969px) {
  .m-place-action__item {
    width: 50%;
  }
  .m-place-action__wrap-message {
    text-align: center;
  }
  .m-place-action__wrap-message:after {
    width: 100px;
    left: calc(50% - 50px);
  }
}
@media (max-width: 599px) {
  .m-place-action__title {
    font-size: 35px;
  }
  .m-place-action__item {
    width: 100%;
  }
}
.m-place-action-item {
  display: block;
}
.m-place-action-item__wrap-img {
  padding-top: 71.42857142857143%;
  position: relative;
  overflow: hidden;
}
.m-place-action-item__wrap-img:after {
  content: '';
  display: block;
  position: absolute;
  background-color: rgba(0,0,0,0.5);
  top: 0;
  left: 0;
  right: 0;
  bottom: 100%;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.m-place-action-item__img {
  width: 100%;
  height: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  background-position: center center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.m-place-action-item__title {
  font-size: 25px;
  font-family: $corp-font1;
  font-weight:500;
  color: $color-basic;
  line-height: 1.2;
  @include space(20em);
}
.m-place-action-item__wrap-text {
  padding: 12px;
  padding-bottom: 30px;
  text-align:center;
}
.m-place-action-item__wrap-btn--hover {
  position: absolute;
  width: 100%;
  text-align: center;
  top: calc(100% - 13.5px);
  z-index: 1;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.m-place-action-item__wrap-btn--responsive {
  display: none;
}
@media (min-width: 970px) {
  .m-place-action-item:hover .m-place-action-item__wrap-img:after,
  .m-place-action-item:focus .m-place-action-item__wrap-img:after {
    bottom: 0;
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  .m-place-action-item:hover .m-place-action-item__wrap-btn--hover,
  .m-place-action-item:focus .m-place-action-item__wrap-btn--hover {
    top: calc(50% - 13.5px);
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
}
@media (max-width: 969px) {
  .m-place-action-item__content {
    text-align: center;
  }
  .m-place-action-item__wrap-btn--responsive {
    display: block;
    padding-bottom: 25px;
  }
  .m-place-action-item__wrap-text {
    padding: 12px;
  }
}
.m-offer-card__content {
  font-size: 0;
  padding: 30px 0;
}
.m-offer-card__main-title {
  font-size: 50px;
  font-family: $corp-font3;
  line-height: 1.2;
  color:$color-basic;
}
.m-offer-card__title {
  font-size: 36px;
  font-family: $corp-font3;
  font-weight:700;
  line-height: 1.1;
  text-transform: uppercase;
  color:$color-corp;
  letter-spacing: 0.6px;
  padding: 0 0 6px;
  max-width: 315px;
}
.m-offer-card__date{
  font-family:$corp-font1;
  font-size: 15px;
  line-height: 1.4;
  letter-spacing: 0.4px;
  color:$color-basic;
  font-weight: 500;
  padding-top:10px;
}
.m-offer-card__subtitle {
  font-family:$corp-font1;
  font-size: 15px;
  line-height: 1.4;
  letter-spacing: 0.4px;
  color: rgba($color-basic, 0.7);
  text-transform: uppercase;
  font-weight: 500;
  padding: 2px 0 10px;
}
.m-offer-card__text p {
  font-family:$corp-font2;
  font-size: 16px;
  color: $color-basic;
  font-weight: 400;
  line-height: 1.7;
  letter-spacing: 0.2px;
}
.m-offer-card__text.intro p {
  padding: 15px 0 25px;
}
.m-offer-card__title-list {
  font-family:$corp-font1;
  font-size: 15px;
  text-transform: uppercase;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.4px;
  color:$color-basic;
  padding: 25px 0 15px;
  position: relative;
  border-bottom: 1px solid rgba($color-basic, 0.7);
}
.m-offer-card__title-list:after {
  content: '';
  display: block;
  position: absolute;
  width: 15px;
  height: 1px;
  background-color: rgba($color-basic, 0.7);
  top: 0;
  left: 0;
}
.m-offer-card__wrap-main-title {
  padding: 40px 0;
  position: relative;
}
.m-offer-card__wrap-back-btn {
    
}
.m-offer-card__wrap-img {
  padding-top:105%;
  position: relative;
}
.m-offer-card__img {
  width: 100%;
  height: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  background-position: 50% 50%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.m-offer-card__wrap-title {
  position: relative;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.m-offer-card__wrap-title:after {
  content: '';
  display: block;
  position: absolute;
  width: 15px;
  height: 1px;
  background-color: rgba($color-basic, 0.7);
  bottom: 0;
  left: 0;
}
.m-offer-card__wrap-price {
  position: absolute;
  right: 0;
  top: 0;
}
.m-offer-card__wrap-text {
  padding-right: 20px;
}
.m-offer-card__wrap-social {
  padding: 15px 0 27px 0;
}
.m-offer-card__item {
  border-bottom: 1px solid rgba($color-basic, 0.7);
  padding: 5px 16px;
  position: relative;
}
.m-offer-card__item:after {
  content: '';
  display: block;
  position: absolute;
  width: 5px;
  height: 5px;
  background-color: $color-corp;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  left: 0;
  top: 26px;
}
.m-offer-card__wrap-btn {
  padding: 30px 0;
  text-align: left;
}
.m-offer-card__col {
  display: inline-block;
  vertical-align: top;
}
.m-offer-card__col--img {
  position:relative;
  width: 570px;
}
.share-socials{
    position:absolute;
    z-index:1;
    top:100%;
    left:0;
    .wrap-socials{
        font-size:0;
        padding:15px 0;
        .share-text{
            position:relative;
            display:inline-block;
            vertical-align:middle;
            font-family:$corp-font1;
            font-size:15px;
            font-weight:500;
            color:$color-basic;
            text-transform:uppercase;
            @include space(20em);
            padding-right:25px;
            padding-top:2px;
            margin-right:5px;
            &:after{
                content:'';
                position:absolute;
                right:0;
                top:50%;
                width:15px;
                height:1px;
                @include transform(translateY(-50%));
                background-color:$color-basic;
            }
        }
        .socials-icon{
            position:relative;
            display:inline-block;
            vertical-align:middle;
            border-radius:50%;
            width:40px;
            height:40px;
            border:1px solid $color-basic;
            margin:0 5px;
            @include transition($Stransition);
            .icon{
                position:absolute;
                top:50%;
                left:50%;
                @include transform(translateY(-50%) translateX(-50%));
                &:before{
                    color:$color-basic;
                    font-size:20px;
                    @include transition($Stransition);
                }
            }
            @include hovers{
                &.facebook{
                    background-color:#3b5998;
                    border-color:transparent;
                    .icon{
                        &:before{
                            color:#fff;
                        }
                    }
                }
                &.twitter{
                    background-color:#1dcaff;
                    border-color:transparent;
                    .icon{
                        &:before{
                            color:#fff;
                        }
                    }
                }
                &.google{
                    background-color:#dd4b39;
                    border-color:transparent;
                    .icon{
                        &:before{
                            color:#fff;
                        }
                    }
                }
            }
        }
    }
    @include full-tablet{
        top:auto;
        bottom:0;
        left:40px;
        .wrap-socials{
            .share-text{
                color:#fff;
                text-shadow:2px 2px 2px rgba($color-basic, 0.2);
                &:after{
                    background-color:#fff;
                    box-shadow:2px 2px 2px rgba($color-basic, 0.2);
                }
            }
            .socials-icon{
                border-color:#fff;
                box-shadow:2px 2px 2px rgba($color-basic, 0.2);
                .icon{
                    &:before{
                        color:#fff;
                        text-shadow:2px 2px 2px rgba($color-basic, 0.2);
                    }
                }
            }
        }
    }
    @include medium-tablet{
        left:30px;
        .wrap-socials{
            padding:10px 0;
            .share-text{
                font-size:13px;
            }
            .socials-icon{
                width:30px;
                height:30px;
                .icon{
                    &:before{
                        font-size:17px;
                    }
                }
            }
        }
    }
    @media (max-width: 599px) {
        left:0;
        width:100%;
        text-align:center;
        .wrap-socials{
            .share-text{
                display:none;
            }
        }
    }
}
.m-offer-card__col--text {
  width: calc(100% - 570px);
  padding-left: 60px;
}
@media (max-width: 1499px) {
  .m-offer-card__col--img {
    width: 500px;
  }
  .m-offer-card__col--text {
    width: calc(100% - 500px);
    padding-left: 50px;
  }
}
@media (max-width: 1389px) {
  .m-offer-card__col--img {
    width: 450px;
  }
  .m-offer-card__col--text {
    width: calc(100% - 450px);
  }
}
@media (max-width: 1259px) {
  .m-offer-card__wrap-main-title {
    padding-top: 10px;
  }
  .m-offer-card__col--img {
    width: 435px;
  }
  .m-offer-card__col--text {
    width: calc(100% - 435px);
    padding-left: 40px;
  }
}
@media (max-width: 969px) {
  .m-offer-card__wrap-main-title {
    text-align: center;
  }
  .m-offer-card__content {
    padding-bottom: 0;
  }
  .m-offer-card__col {
    display: block;
    width: 100%;
    padding: 0;
  }
  .m-offer-card__col--text {
    padding: 40px;
    padding-bottom: 0;
  }
  .m-offer-card__wrap-img {
    padding-top: 60%;
  }
  .m-offer-card__wrap-btn {
    text-align: center;
    border-bottom: 0;
  }
    .m-offer-card__wrap-img{
        margin:0 -50px;
    }
}
@media (max-width: 767px) {
  .m-offer-card__wrap-main-title{
    padding-bottom:30px;
    padding-top:0;
  }
  .m-offer-card__wrap-back-btn {
    padding-top:0;
  }
  .m-offer-card__col--text {
    padding: 25px;
    padding-bottom: 0;
  }
    .m-offer-card__title-list{
        text-align:center;
    }
    .m-offer-card__item{
        text-align:center;
    }
    .m-offer-card__item:after{
        display:none;
    }
    .m-offer-card__wrap-img{
        margin:0 -30px;
    }
}
@media (max-width: 599px) {
  .m-offer-card__main-title {
    font-size: 40px;
  }
  .m-offer-card__wrap-img{
        margin:0 -25px;
        padding-top:80%;
    }
  .m-offer-card__title {
    font-size: 28px;
    margin: 0 auto;
  }
  .m-offer-card__subtitle {
    padding-top: 0;
  }
  .m-offer-card__wrap-price {
    position: static;
    padding-top: 25px;
  }
  .m-offer-card__col--text {
    padding: 20px 0;
  }
  .m-offer-card__wrap-title,
  .m-offer-card__wrap-text,
  .m-offer-card__wrap-social {
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
  }
  .m-offer-card__wrap-title:after {
    display: none;
  }
  .m-offer-card__title-list:after {
    left: calc(50% - 5px);
  }
  .m-offer-card__wrap-btn {
    padding-bottom: 0;
  }
}
.m-social-share-links__content {
  font-size: 0;
}
.m-social-share-links .fb-share-button,
.m-social-share-links .twitter-share-button {
  display: inline-block;
  vertical-align: middle;
}
.m-social-share-links__list {
  margin: 0 -5px;
}
.m-social-share-links__item {
  display: inline-block;
  vertical-align: middle;
  padding: 0 5px;
}
.m-offer-list__content {
  font-size: 0;
  padding: 25px 0;
}
.m-offer-list__title {
  font-size: 45px;
  font-family: $corp-font3;
  color: $color-title;
  font-weight:700;
  line-height: 1.2;
  display: inline-block;
  vertical-align: middle;
}
.m-offer-list__title:after {
  content: '';
  display: block;
  width: 1px;
  height: 15px;
  background-color: rgba($color-basic, 0.4);
  display: inline-block;
  vertical-align: middle;
  margin: 0 15px;
}
.m-offer-list__subtitle {
  font-family:$corp-font1;
  font-size: 15px;
  color: rgba($color-basic,0.7);
  text-transform: uppercase;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.4px;
  display: inline-block;
  vertical-align: middle;
  padding-top: 10px;
}
.m-offer-list__wrap-title {
  padding: 40px 0;
}
.m-offer-list__list {
  margin: -5px;
}
.m-offer-list__item {
  display: inline-block;
  vertical-align: top;
  width: 33.3333%;
  padding: 5px;
}
@media (max-width: 1259px) {
  .m-offer-list__title,
  .m-offer-list__subtitle {
    display: block;
    width: 100%;
  }
  .m-offer-list__title {
    margin: 0;
      &:after{
          display:none;
      }
  }
    .m-offer-list__subtitle{
        padding-top:0;
    }
  .m-offer-list__wrap-title {
    text-align: center;
    padding-top: 10px;
  }
  .m-offer-list__item {
    width: 50%;
  }
}
@media (max-width: 969px) {
  .m-offer-list__item {
    padding-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .m-offer-list__list {
    max-width: 540px;
    margin: 0 auto;
  }
  .m-offer-list__item {
    width: 100%;
    padding: 0 60px 25px 60px;
  }
}
@media (max-width: 599px) {
  .m-offer-list__title {
    font-size: 40px;
  }
  .m-offer{
    .offer-btn{
        @include transform(translateX(-50%) translateY(-40px));
      }
  }
  .m-offer-list__list {
    max-width: 270px;
  }
  .m-offer-list__item {
    padding: 0 0 20px;
  }
}
.no-space{
    .m-cocktail__wrap-title{
        padding-top:0;
    }
    .m-cocktail__content {
        padding-bottom:0;
        padding-top:0;
    }
}
.m-cocktail__content {
  font-size: 0;
  padding: 30px 0 50px 0;
}
.m-cocktail__title {
  font-family:$corp-font3;
  font-size: 45px;
  color: $color-title;
  font-weight: 400;
  display: inline-block;
  vertical-align: middle;
}
.m-cocktail__subtitle {
  font-family:$corp-font1;
  font-size: 15px;
  font-weight:500;
  color: rgba($color-basic, 0.7);
  text-transform: uppercase;
  letter-spacing: 0.4px;
  line-height: 1.4;
  display: inline-block;
  vertical-align: middle;
  padding-top:12px;
}
.m-cocktail__title {
  position: relative;
}
.m-cocktail__title:after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 1px;
  height: 15px;
  background-color: rgba($color-basic, 0.7);
  margin: 0 15px;
  position: relative;
  top: -1px;
}
.m-cocktail__wrap-title {
  padding: 40px 0;
}
.m-cocktail__slider, .m-plates__slider {
  margin: 0 -18px;
}
.m-cocktail__item {
  padding: 0 18px;
}
.m-cocktail__wrap-slider {
  padding: 0 50px;
}
.m-cocktail .btn-circle {
  position: absolute;
  z-index: 1;
  top: calc(50% - 60px);
}
.m-cocktail .btn-circle--arrow-right {
  right: -25px;
}
.m-cocktail .btn-circle--arrow-left {
  left: -25px;
}
@media (max-width: 1259px) {
  .m-cocktail__wrap-title {
    text-align: center;
  }
  .m-cocktail__title {
    display: block;
    font-size: 40px;
    padding-bottom: 4px;
  }
    .m-cocktail__subtitle{
        padding-top:5px;
    }
  .m-cocktail__title:after {
    display: none;
  }
}
@media (max-width: 969px) {
  .m-cocktail .btn-circle--arrow-right {
    right: -25px;
  }
  .m-cocktail .btn-circle--arrow-left {
    left: -25px;
  }
}
@media (max-width: 767px) {
  .m-cocktail .btn-circle--arrow-right {
    right: -25px;
  }
  .m-cocktail .btn-circle--arrow-left {
    left: -25px;
  }
    .m-cocktail__wrap-title{
        padding:40px 0 20px;
    }
}
@media (max-width: 599px) {
    .plates .m-cocktail__wrap-slider{
        max-width:initial;
    }
  .m-cocktail__wrap-slider {
    max-width: 270px;
    margin: 0 auto;
    padding:0 30px;
  }
  .m-cocktail__subtitle {
    padding: 0 10px;
  }
  .m-cocktail__slider, .m-plates__slider {
    margin: 0 -25px;
  }
  .m-cocktail__item {
    padding: 0 25px;
  }
  .m-cocktail .btn-circle--arrow-right {
    right: -25px;
  }
  .m-cocktail .btn-circle--arrow-left {
    left: -25px;
  }
}
.plates{
    .m-cocktail-item__wrap-img{
        padding-top: 75%;
    }
}
.m-cocktail-item__wrap-img {
  padding-top: 159%;
  position: relative;
}
.m-cocktail-item__img {
  width: 100%;
  height: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  background-position: center center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.m-cocktail-item__text {
  font-family:$corp-font1;
  font-size: 15px;
  color: $color-basic;
  text-transform: uppercase;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.4px;
}
.m-cocktail-item__info{
  position:relative;
  padding-top:20px;
  font-family:$corp-font2;
  font-size: 15px;
  color: $color-basic;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.4px;
    &:before{
        content:'';
        position:absolute;
        top:10px;
        left:50%;
        @include transform(translateX(-50%));
        width:15px;
        height:1px;
        background-color:rgba($color-basic, 0.7);
    }
}
.m-cocktail-item__wrap-text {
  text-align: center;
  padding: 20px 0;
  border-top: 1px solid rgba($color-basic, 0.7);
  margin-top: 20px;
}
.m-site-description__content {
  font-size: 0;
  padding: 45px 0 20px 0;
}
.m-site-description__title {
  font-size: 45px;
  font-weight:700;
  font-family: $corp-font3;
  color: $color-title;
  padding-bottom: 5px;
}
.m-site-description__subtitle {
  font-family:$corp-font1;
  font-size: 15px;
  color: rgba($color-basic,0.7);
  text-transform: uppercase;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 1px;
  padding: 5px 0;
}
.m-site-description__title-text {
  font-family:$corp-font2;
  font-size: 16px;
  color: $color-basic;
  text-transform: uppercase;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0.4px;
  padding: 5px 0;
}
.m-site-description__text p {
  font-family:$corp-font2;
  font-size: 16px;
  color: $color-basic;
  line-height: 1.7;
  letter-spacing: 0.3px;
  padding: 10px 0;
}
.m-site-description__wrap-img {
  width: 200px;
  height: 200px;
  margin:0 auto;
}
.m-site-description__img {
  width: 100%;
  height: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  background-position: center center;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.m-site-description__wrap-btn {
  text-align: center;
  max-width: 200px;
  margin-left: auto;
    .btn-main{
        @include hovers{
            background-color:$color-call;
            border-color:transparent;
        }
    }
}
.btn-home-video{
    position:relative;
    display:none;
    margin-bottom:15px;
    min-width:180px;
    &.intern{
        margin-bottom:40px;
        &:after{
            color:$color-basic;
        }
        @include medium-tablet{
            margin-bottom:0;
        }
        &.no-space{
            margin-bottom:10px;
        }
    }
    &:after{
        content:'\e939';
        position:absolute;
        top:50%;
        right:10px;
        @include transform(translateY(-50%));
        font-family:'icomoon';
        font-size:20px;
        color:#fff;
    }
}
.m-site-description__list {
  position: relative;
}
.m-site-description__list:after {
  content: '';
  display: block;
  position: absolute;
  width: 20px;
  height: 1px;
  background-color: rgba($color-basic, 0.7);
  left: 0;
  bottom: 0;
    @media (min-width:1280px){
        display:none;
    }
}
.m-site-description__item {
  display: inline-block;
  vertical-align: top;
  position: relative;
}
.m-site-description__item:first-child {
  width: 400px;
  padding-right: 50px;
}
.m-site-description__item:nth-child(2) {
  width: calc(100% - 600px);
  padding-right: 70px;
}
.m-site-description__item:last-child {
  width: 200px;
  top: 0;
}
.m-site-description__wrap-ocupations{
    .room-price{
        font-size:0;
        .price-title{
            display:block;
            font-family:$corp-font1;
            font-size:20px;
            font-weight:500;
            color:$color-basic;
            text-transform:uppercase;
            @include space(20em);
        }
        .price-number{
            display:inline-block;
            vertical-align: baseline;
            font-family:$corp-font3;
            font-size:70px;
            font-weight:700;
            color:$color-call;
            text-transform:uppercase;
            @include space(20em);
        }
        .price-coin{
            display:inline-block;
            vertical-align: baseline;
            font-family:$corp-font3;
            font-size:40px;
            font-weight:700;
            color:$color-call;
            text-transform:uppercase;
            @include space(20em);
        }
        .price-day{
            display:inline-block;
            vertical-align: baseline;
            font-family:$corp-font1;
            font-size:15px;
            font-weight:500;
            color:$color-basic;
            @include space(20em);
            padding-left:2px;
        }
    }
    .room-ocupation{
        .ocupation-title{
            display:inline-block;
            vertical-align: baseline;
            font-family:$corp-font1;
            font-size:15px;
            font-weight:500;
            color:$color-title;
            @include space(20em);
            padding-top:10px;
        }
        .ocupation-item{
            font-size:0;
            padding:10px 0;
            border-bottom:1px solid rgba($color-basic, 0.7);
            &:last-child{
                border-bottom:none;
                padding-bottom:0;
            }
            .ocupation-icon{
                display:inline-block;
                vertical-align:baseline;
                padding-right:10px;
                &:before{
                    display:inline-block;
                    font-size:22px;
                    color:$color-basic;
                }
                &.icon-nio{
                    &:before{
                        font-size:18px;
                    }
                }
                &.icon-baby{
                    &:before{
                        font-size: 16px;
                    }
                }
            }
            .ocupation-number{
                display:inline-block;
                vertical-align:baseline;
                font-family:$corp-font1;
                font-size:15px;
                font-weight:500;
                color:$color-basic;
                @include space(20em);
                padding-right:5px;
            }
            .ocupation-category{
                display:inline-block;
                vertical-align:baseline;
                font-family:$corp-font1;
                font-size:15px;
                font-weight:500;
                color:$color-basic;
                @include space(20em);
            }
        }
    }
    .btn-dispo{
        display:table;
        margin:20px auto;
        @include hovers{
            background-color: $color-call;
            border-color:$color-call;
        }
    }
    @media (max-width: 1259px) and (min-width: 540px) {
        font-size:0;
        padding-bottom:15px;
        .room-price{
            display:inline-block;
            vertical-align:middle;
            padding-right:30px;
            text-align:right;
            .price-day{
                display:block;
                padding-top:5px;
                padding-left:0;
            }
        }
        .room-ocupation{
            display:inline-block;
            vertical-align:middle;
            padding-left:30px;
            border-left:1px solid rgba($color-basic, 0.7);
            text-align:left;
        }
    }
    @media (max-width: 539px){
        .room-ocupation{
            .ocupation-title{
                padding-top:25px;
            }
        }
    }
}
@media (max-width: 1259px) {
  .m-site-description__content {
    text-align: center;
    padding: 60px 50px 30px;
    position: relative;
  }
  .m-site-description__content:after {
    content: '';
    display: block;
    position: absolute;
    width: 100px;
    height: 1px;
    background-color:rgba($color-basic, 0.7);
    bottom: 0;
    left: calc(50% - 50px);
  }
  .m-site-description__title br {
    display: none;
  }
  .m-site-description__list:after {
    display: none;
  }
  .m-site-description__item {
    display: block;
  }
  .m-site-description__item:first-child,
  .m-site-description__item:nth-child(2) {
    width: 100%;
    padding: 0;
  }
  .m-site-description__item:last-child {
    margin:0 auto;
    text-align:center;
    top:0;
    padding-top:30px;
    width:auto;
      @media (max-width:539px){
          width:200px;
      }
  }
  .m-site-description__wrap-title {
    padding-bottom: 20px;
  }
  .m-site-description__wrap-btn {
    max-width: 100%;
    padding-top: 20px;
  }
}
@media (max-width: 969px) {
  .m-site-description__title {
    font-size: 40px;
  }
  .m-site-description__content {
    padding: 60px 30px 30px;
  }
}
@media (max-width: 767px) {
  .m-site-description__content {
    padding: 60px 15px 50px;
  }
}
@media (max-width: 599px) {
  .m-site-description__content {
    padding: 40px 0 30px;
  }
  .m-site-description__title {
    font-size: 35px;
  }
}
.m-services__wrapper {
  padding-bottom: 70px;
}
.m-services__content {
  font-size: 0;
  position: relative;
}
.m-services__title{
    font-family: $corp-font3;
    font-size: 45px;
    color: $color-title;
    font-weight: 700;
    line-height: 1.2;
    display: inline-block;
    vertical-align: middle;
}
.m-services__subtitle {
  font-family:$corp-font1;
  font-size: 15px;
  color: rgba($color-basic,0.7);
  text-transform: uppercase;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.4px;
  display: inline-block;
  vertical-align: middle;
  padding-top:10px;
}
.m-services__title:after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 1px;
  height: 15px;
  background-color: rgba($color-basic,0.4);
  margin: 0 15px;
  top: -1px;
  position: relative;
}
.m-services__message {
  display:inline-block;
  vertical-align:middle;
  font-family:$corp-font2;
  font-size: 14px;
  font-style:italic;
  line-height: 1.7;
  color: $color-basic;
  font-weight: 400;
}
.m-services__message:before{
  content:'';
  display:inline-block;
  vertical-align:middle;
  width:5px;
  height:5px;
  background-color:#FF0000;
  border-radius:50%;
  margin-right:5px;
}
.m-services__slider {
  margin: 0 -37px;
}
.m-services__item {
  padding: 0 37px;
}
.inrooms .m-services__wrap-title{
    padding-top:40px;
}
.m-services__wrap-title {
  padding: 80px 0 70px;
}
.m-services__wrap-message {
  padding: 30px 0 0;
}
.m-services__wrap-slider {
  padding-left: 100px;
  position: relative;
}
.m-services__wrap-slider:before {
  content: '';
  display: block;
  height: 1px;
  background-color: rgba($color-corp,0.4);
}
.m-services__wrap-controls {
  margin: 0 -4px;
  position: absolute;
  z-index:2;
  left: 0;
  top: -17px;
}
.m-services__wrap-number {
  position: absolute;
  right: 0;
  bottom: 35px;
}
.m-services .btn-circle {
  margin: 0 4px;
}
.m-services .slick-dots {
  width: 50px;
  height: 50px;
  position: relative;
}
.m-services .slick-dots li:not(.slick-active) {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.m-services .slick-dots li {
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 1;
  -ms-filter: none;
  filter: none;
  -webkit-transition: all 2s;
  -moz-transition: all 2s;
  -o-transition: all 2s;
  -ms-transition: all 2s;
  transition: all 2s;
}
.m-services .slick-dots li button {
  border: 0;
  padding: 0;
  background-color: transparent;
  font-size: 50px;
  font-family: 'PostScriptum', sans-serif;
  color: #8cb7b8;
}
@media (max-width: 1389px) {
  .m-services__slider {
    margin: 0 -30px;
  }
  .m-services__item {
    padding: 0 30px;
  }
}
@media (max-width: 1259px) {
  .m-services__wrap-slider {
    padding-left: 0;
  }
  .m-services__wrap-controls {
    right: 0;
    left: auto;
    top: -70px;
  }
  .m-services__wrap-title {
    text-align: center;
    padding: 40px 0;
  }
  .m-services__wrap-message {
    text-align: center;
    padding: 40px 0 0;
  }
  .m-services__title,
  .m-services__subtitle {
    display: block;
  }
  .m-services__title {
    font-size: 40px;
  }
  .m-services__title:after {
    display: none;
  }
}
@media (max-width: 969px) {
  .m-services__wrap-controls {
    position: static;
    text-align: center;
    padding-bottom: 30px;
    border-bottom: 1px solid rgba($color-corp,0.4);
  }
  .m-services__wrap-title {
    padding-bottom: 20px;
  }
  .m-services__wrap-slider:before {
    display: none;
  }
  .m-services__title {
    font-size: 35px;
  }
    .m-services__wrapper{
        padding-bottom:50px;
    }
}
@media (max-width: 599px) {
  .m-services .slick-dots {
    display: none !important;
  }
}
.intern-main-btn{
    position:absolute;
    z-index:1;
    bottom:0;
    left:50%;
    @include transform(translateX(-50%));
    background-color:#fff;
    text-align:center;
    min-width:180px;
    @include transition($Stransition);
    cursor:pointer;
    .slider-btn-text{
        font-family:$corp-font1;
        font-size:15px;
        font-weight:500;
        color:$color-basic;
        text-transform:uppercase;
        @include space(20em);
        padding:15px 10px;
        @include transition($Stransition);
    }
    @include hovers{
        background-color:$color-corp;
        .slider-btn-text{
            color:#fff;
        }
    }
    @include full-tablet{
        display:none;
    }
    @include medium-tablet{
        min-width:150px;
        .slider-btn-text{
            font-size:13px;
        }
    }
    @include small-tablet{
        .slider-btn-text{
            padding:10px;
        }
    }
}
.intern-slider-btn, 
.m-services-item__content {
  position: relative;
  padding-top: 20px;
  padding-right: 65px;
  min-height: 112px;
  border-bottom: 1px solid rgba($color-corp,0.4);
}
.m-services-item__text {
  font-family:$corp-font1;
  font-size: 15px;
  font-weight:500;
  text-transform: uppercase;
  color:$color-basic;
  letter-spacing: 0.2px;
  line-height: 1.4;
}
.m-services-item__text.pay{
    display:inline-block;
    vertical-align:middle;
    &:before{
        content:'';
        display:inline-block;
        vertical-align:middle;
        width:5px;
        height:5px;
        background-color:#FF0000;
        border-radius:50%;
        margin-right:5px;
        margin-bottom:3px;
        margin-left:-5px;
    }
}
.m-services-item__icon {
  width: 46px;
  height: 46px;
  position: relative;
}
.m-services-item__icon:before {
  font-family: 'c2t';
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 60px;
  color: rgba($color-corp, 0.7);
}
.m-services-item__wrap-icon {
  position: absolute;
  right: 5px;
  top: 20px;
}
.s-info.home{
    padding-top:100px;
    @include full-tablet{
        padding-top:40px;
    }
    @include medium-tablet{
        padding-top:0;
    }
}
.activities-btn{
    margin-top:20px;
}
.m-hotel-info__content {
  position: relative;
}
.m-hotel-info__title {
  font-family:$corp-font1;
  font-size: 15px;
  color: $color-basic;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 0.4px;
  line-height: 1.4;
  display: inline-block;
  vertical-align: middle;
  padding-right: 30px;
}
.m-hotel-info__wrap-title {
  position: relative;
  position: absolute;
  width: calc(565px - 75px);
  right: 0;
  top: 50px;
  z-index: 1;
}
.m-hotel-info__wrap-title:after {
  content: '';
  display: block;
  position: absolute;
  width: calc(100% - 240px);
  height: 1px;
  background-color: rgba($color-corp,0.4);
  top: calc(50% - 0.5px);
  left: 140px;
  z-index: -1;
}
.m-hotel-info__wrap-controls {
  margin: 0 -4px;
  position: absolute;
  right: 0;
  top: calc(50% - 17px);
  padding-left: 30px;
}
.m-hotel-info .btn-circle {
  margin: 0 4px;
}
@media (max-width: 1389px) {
  .m-hotel-info__wrap-title {
    width: calc(460px - 50px);
  }
}
@media (max-width: 1259px) {
  .m-hotel-info__content {
    position:relative;
    padding: 0 40px;
    max-width: 890px;
    margin: 0 auto;
      @include small-desktop{
          &:after{
              content:'';
              position:absolute;
              bottom:0;
              left:50%;
              @include transform(translateX(-50%));
              width:50px;
              height:1px;
              background-color:rgba($color-basic, 0.7);
          }
      }
  }
  .m-hotel-info__wrap-title {
    width: auto;
    padding: 25px 0;
    position: relative;
    top:0;
    text-align: center;
  }
  .m-hotel-info__wrap-title:after {
    display: none;
  }
  .m-hotel-info__title {
    font-family:$corp-font3;
    font-size: 40px;
    color:$color-title;
    text-transform: none;
    padding-right: 0;
  }
  .m-hotel-info__wrap-controls {
    display: none;
  }
  .m-hotel-info__wrap-slider {
    margin: 0;
  }
  .m-hotel-info .btn-slide-control {
    top: calc(35% - 35px);
    position: absolute;
    z-index: 1;
  }
  .m-hotel-info .btn-slide-control--prev {
    right: 0;
  }
  .m-hotel-info .btn-slide-control--next {
    left: 0;
  }
}
@media (max-width: 969px) {
  .m-hotel-info__content {
    padding: 0;
    max-width: 668px;
  }
  .m-hotel-info .btn-slide-control {
    top: calc(32% - 35px);
  }
    .m-hotel-info__title{
        font-size:35px;
    }
}
@media (max-width: 969px) {
  .m-hotel-info__content {
    max-width: 540px;
  }
  .m-hotel-info .btn-slide-control {
    top: calc(29% - 35px);
  }
}
@include medium-tablet{
    .m-hotel-info__wrap-title{
        position:relative;
    }
}
.m-hote-info-item__content {
  font-size: 0;
}
.m-hote-info-item__wrap-img {
  padding-top: 70.79646017699115%;
  position: relative;
  min-height:550px;
}
.m-hote-info-item__img {
  width: 100%;
  height: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  background-position: center center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.m-hote-info-item__title {
  font-size: 50px;
  color: $color-title;
  font-weight:700;
  line-height: 1;
  font-family: $corp-font3;
  padding: 4px 0 10px;
}
.m-hote-info-item__subtitle {
  font-family:$corp-font1;
  font-size: 15px;
  text-transform: uppercase;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.4px;
  color: rgba($color-basic, 0.7);
}
.m-hote-info-item__text p {
  font-family:$corp-font2;
  font-size: 16px;
  font-weight: 400;
  color: $color-basic;
  line-height: 1.7;
  letter-spacing: 0.2px;
  padding: 20px 28px 0 0;
}
.m-hote-info-item__item {
  display: inline-block;
  vertical-align: top;
}
.m-hote-info-item__item:first-child {
  width: calc(100% - 565px);
}
.m-hote-info-item__item:last-child {
  width: 565px;
  padding: 140px 0 0 75px;
}
.item-details-info{
    padding-top:15px;
    .wrap-details{
        position:relative;
        padding:20px 0 15px;
        &:before{
            content:'';
            position:absolute;
            top:0;
            left:0;
            width:15px;
            height:1px;
            background-color:rgba($color-basic, 0.7);
        }
        .detail-element{
            font-size:0;
            padding:0 0 15px;
            .detail-title{
                display:inline-block;
                vertical-align:top;
                font-family:$corp-font1;
                font-size:15px;
                font-weight:500;
                color:$color-basic;
            }
            .detail-text{
                display:inline-block;
                vertical-align:top;
                font-family:$corp-font2;
                font-size:15px;
                font-weight:400;
                color:$color-basic;
                padding-left:5px;
            }
        }
        .detail-btn{
            margin:10px 10px 0 0;
        }
    }
    @include small-desktop{
        .wrap-details{
            &:before{
                left:50%;
                @include transform(translateX(-50%));
            }
        }
    }
}
.bottom-banner{
    padding-bottom:100px;
    @include full-tablet{
        padding-bottom:80px;
    }
    @include medium-tablet{
        padding-bottom:60px;
    }
}
@media (max-width: 1389px) {
  .m-hote-info-item__item:first-child {
    width: calc(100% - 460px);
  }
  .m-hote-info-item__item:last-child {
    width: 460px;
    padding: 120px 0 0 50px;
  }
}
@media (min-width: 1260px) {
    .less-space .m-hote-info-item__item:last-child {
        padding: 100px 0 0 50px;
    }
}
@media (min-width: 1390px) {
    .less-space .m-hote-info-item__item:last-child {
        padding: 100px 0 0 75px;
    }
}
@media (max-width: 1259px) {
  .m-hote-info-item__content {
    text-align: center;
    position: relative;
  }
  .m-hote-info-item__wrap-img {
    min-height:initial;
    padding-top: 62.96296296296296%;
  }
  .m-hote-info-item__title {
    font-size: 35px;
    text-transform:uppercase;
    font-family:$corp-font1;
  }
  .m-hote-info-item__text p {
    padding: 20px 0 0 0;
  }
  .m-hote-info-item__item {
    display: block;
  }
  .m-hote-info-item__item:first-child,
  .m-hote-info-item__item:last-child {
    width: 100%;
    padding: 0;
  }
  .m-hote-info-item__item:last-child {
    padding: 30px 40px;
  }
}
@media (max-width: 599px) {
  .m-hote-info-item__item:last-child {
    padding: 30px 25;
  }
  .m-hote-info-item__title {
    font-size: 30px;
    padding: 7px 0;
  }
    .m-hotel-info__wrap-slider {
        margin:0 -25px;
    }
    .m-home-hotels__wrap-slider{
        margin:0 -25px;
    }
}
.home .m-hotel-description__content{
    padding-top:80px;
}
.m-hotel-description__content {
  font-size: 0;
  padding: 50px 0 80px;
}
.m-hotel-description__title {
  font-size: 45px;
  font-weight:700;
  color: $color-title;
  font-family: $corp-font3;
  padding-bottom: 5px;
}
.m-hotel-description__subtitle {
  font-family:$corp-font1;
  font-size: 15px;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 1.4;
  letter-spacing: 1px;
  color: rgba($color-basic, 0.7);
  padding: 5px 0;
}
.m-hotel-description__text p {
  font-family:$corp-font2;
  font-size: 16px;
  line-height: 1.7;
  color: $color-basic;
  font-weight: 400;
  letter-spacing: 0.2px;
  padding-top:5px;
  padding-bottom:20px;
}
.m-hotel-description__message {
  font-size: 22px;
  font-family: $corp-font3;
  font-style:italic;
  text-transform: uppercase;
  color: rgba($color-corp, 0.7);
  letter-spacing: 0.6px;
  line-height: 1.4;
  max-width: 450px;
}
.m-hotel-description__wrap-icon {
  display: none;
}
.m-hotel-description__col {
  display: inline-block;
  vertical-align: top;
}
.m-hotel-description__col--title {
  width: 430px;
  padding-right: 60px;
}
.m-hotel-description__col--text {
  width: calc(100% - 430px);
  padding-right: 20px;
}
.m-hotel-description__item {
  display: inline-block;
  vertical-align: text-bottom;
}
.m-hotel-description__item:first-child {
  width: 430px;
  padding-bottom:5px;
}
.m-hotel-description__item:nth-child(2) {
  width: calc(100% - 430px);
}
.m-hotel-description__wrap-info{
    position:relative;
}
.m-hotel-description__wrap-message{
    padding-left:50px;
}
.less-space{
    .m-hotel-description__content{
        padding-bottom:30px;
    }
}
.s-site-description .m-home-description__wrap-btn{
    right:auto;
    left:430px;
    top:15px;
}
@media (max-width: 1389px) {
  .m-hotel-description__content {
    padding: 55px 0 80px 0;
  }
    .m-hotel-description__title{
        font-size:40px;
    }
}
@media (max-width: 1259px) {
  .m-hotel-description__content {
    padding: 55px 60px 80px 60px;
  }
    .s-site-description .m-home-description__wrap-btn{
        text-align:center;
    }
  .m-hotel-description__col {
    display: block;
    width: 100%;
    text-align: center;
    padding-right: 0;
  }
  .m-hotel-description__col--title {
    padding-bottom: 20px;
  }
  .m-hotel-description__title br {
    display: none;
  }
  .m-hotel-description__wrap-icon {
    display: block;
    padding-top: 10px;
  }
  .m-hotel-description__list {
    position: relative;
    text-align:center;
  }
  .m-hotel-description__item {
    display: block;
  }
    .m-hotel-description__wrap-message{
        padding-left:0;
    }
    .m-hotel-description__message{
        margin:0 auto;
    }
  .m-hotel-description__item:nth-child(1),
  .m-hotel-description__item:nth-child(2) {
    width: 100%;
    vertical-align: top;
  }
  .m-hotel-description__item:nth-child(3) {
    width: 270px;
    position: absolute;
    top: 0;
    right: 0;
    text-align: right;
  }
  .m-hotel-description__wrap-info {
    padding: 40px;
    padding-bottom: 0;
  }
  .m-hotel-description__wrap-map {
    display: inline-block;
    vertical-align: top;
  }
  .m-hotel-description__wrap-btn {
    padding-bottom: 0;
  }
  
}
@media (max-width: 969px) {
  .m-hotel-description__content {
    padding: 30px 20px 80px 20px;
  }
    .m-hotel-description__title{
        font-size:35px;
    }
    .home .m-hotel-description__content{
        padding-top:30px;
    }
}
@media (max-width: 767px) {
  .m-hotel-description__content {
    padding-bottom: 30px;
  }
  .m-hotel-description__list {
    padding: 0;
    margin: -25px 0;
  }
  .m-hotel-description__wrap-btn {
    padding: 20px 0 0;
  }
  .m-hotel-description__message {
    margin: 0 auto;
  }
  .m-hotel-description__item:first-child,
  .m-hotel-description__item:nth-child(2),
  .m-hotel-description__item:last-child {
    position: static;
    display: block;
    width: 100%;
    text-align: center;
  }
  .m-hotel-description__item:nth-child(2),
  .m-hotel-description__item:last-child {
    padding-bottom: 25px;
      padding-top:15px;
  }
}
@media (max-width: 599px) {
  .m-hotel-description__content {
    padding-left: 0;
    padding-right: 0;
  }
  .m-hotel-description__wrap-info {
    padding: 40px 0;
  }
  .m-hotel-description__message {
    font-size: 18px;
  }
}
.m-hotels-title__content {
  padding: 50px 0 40px 0;
}
.m-hotels-title__title {
  font-size: 30px;
  font-family: 'PostScriptum', sans-serif;
  text-transform: uppercase;
  color: #1f7079;
  line-height: 1.2;
}
@media (max-width: 1259px) {
  .m-hotels-title__content {
    text-align: center;
  }
}
@media (max-width: 969px) {
  .m-hotels-title__content {
    padding: 50px 20px 40px 20px;
  }
}
@media (max-width: 599px) {
  .m-hotels-title__content {
    padding: 50px 0px 40px 0px;
  }
  .m-hotels-title__title {
    font-size: 28px;
  }
}
.m-map-hotels__content {
  height: 440px;
}
@media (max-width: 1259px) {
  .m-map-hotels__content {
    height: 385px;
  }
}
@media (max-width: 599px) {
  .m-map-hotels__content {
    height: 220px;
  }
}
.m-map {
  width: 100%;
  height: 100%;
}
.m-map__wrapper,
.m-map__content,
.m-map__map {
  width: 100%;
  height: 100%;
}
.m-hotels-list__content {
  font-size: 0;
  padding: 85px 0 30px 0;
}
.m-hotels-list__title {
  font-size: 45px;
  font-family:$corp-font3;
  color: $color-corp;
  line-height: 1.2;
  padding-bottom: 2px;
}
.m-hotels-list__subtitle {
  font-family:$corp-font1;
  font-size: 15px;
  color: rgba($color-basic, 0.7);
  font-weight:500;
  text-transform:uppercase;
  line-height: 1.4;
  letter-spacing: 1px;
}
.m-hotels-list__wrap-btn {
  position: absolute;
  right: 0;
  bottom: 0;
}
.m-hotels-list__wrap-title {
  position: relative;
  margin-bottom: 30px;
}
.m-hotels-list__list {
  margin: -1px;
}
.m-hotels-list__item {
  display: inline-block;
  vertical-align: top;
  width: 25%;
  padding: 1px;
}
@media (max-width: 1389px) {
  .m-hotels-list__item {
    width: 33.3333%;
  }
}
@media (max-width: 1259px) {
  .m-hotels-list__content {
    padding-top: 50px;
  }
  .m-hotels-list__wrap-title {
    text-align: center;
  }
  .m-hotels-list__wrap-btn {
    position: static;
    padding-top: 20px;
  }
}
@media (max-width: 969px) {
  .m-hotels-list__title {
    font-size: 40px;
  }
  .m-hotels-list__item {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .m-hotels-list__wrap-title {
    padding: 0 40px;
  }
}
@media (max-width: 599px) {
  .m-hotels-list__wrap-title {
    padding: 0;
  }
  .m-hotels-list__title {
    font-size: 35px;
    padding: 4px 15px;
  }
  .m-hotels-list__item {
    width: 100%;
  }
}
.m-footer-links__content {
  font-size: 0;
  padding: 30px 0;
  position: relative;
}
.m-footer-links__logo {
  background-image: url("/static/img/sprite.png");
  background-position: -202px -148px;
  width: 124px;
  height: 37px;
  display: block;
}
.m-footer-links__text {
  position:relative;
  font-family:$corp-font1;
  font-size: 14px;
  color: #fff;
  font-weight: 400;
  line-height: 1.4;
  padding: 0 20px;
  display: block;
    &:before{
        content:'';
        position:absolute;
        left:10px;
        top:50%;
        @include transform(translateY(-50%));
        width:4px;
        height:4px;
        border-radius:50%;
        background-color:#fff;
    }
}
.m-footer-links__link {
  display: block;
}
.m-footer-links__copy {
  font-family:$corp-font1;
  font-size: 15px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 1.4;
}
.m-footer-links__list {
  margin: 0 -20px;
}
.m-footer-links__item {
  display: inline-block;
  vertical-align: middle;
}
.m-footer-links__item:hover .m-footer-links__link,
.m-footer-links__item:focus .m-footer-links__link {
  text-decoration: underline;
  color:#fff;
}
.m-footer-links__wrap-logo {
  position: absolute;
  left: 0;
  top: 13px;
}
.m-footer-links__wrap-copy {
  position: absolute;
  right: 0;
  top: 32px;
}
@media (max-width: 1259px) {
    .m-footer-links__text {
        &:before{
            left:-10px;
        }
    }
  .m-footer-links__wrap-list {
    max-width: 700px;
  }
  .m-footer-links__text {
    padding: 5px 0;
  }
  .m-footer-links__list {
    margin: 0;
  }
  .m-footer-links__item {
    width: 33.3333%;
    padding: 0;
  }
}
@media (max-width: 969px) {
    .m-footer-links__text {
        &:before{
            display:none;
        }
    }
  .m-footer-links__content {
    text-align: center;
    padding: 0;
  }
  .m-footer-links__wrap-logo,
  .m-footer-links__wrap-copy {
    position: static;
  }
  .m-footer-links__wrap-logo {
    padding: 30px 0;
  }
  .m-footer-links__wrap-copy {
    padding: 35px 0;
  }
  .m-footer-links__logo {
    margin: 0 auto;
  }
  .m-footer-links__wrap-list {
    padding-left: 0;
    max-width: 505px;
    margin: 35px auto 0;
  }
  .m-footer-links__list {
    margin: 0 -15px;
  }
  .m-footer-links__item {
    width: 50%;
    padding: 0 15px;
  }
  .m-footer-links__item:nth-child(1) .m-footer-links__link,
  .m-footer-links__item:nth-child(2) .m-footer-links__link {
    border-top: 1px solid rgba(255,255,255,0.7);
  }
  .m-footer-links__text {
    padding: 15px 0;
  }
  .m-footer-links__link {
    border-bottom: 1px solid rgba(255,255,255,0.7);
  }
}
@media (max-width: 599px) {
  .m-footer-links__content {
    padding: 0 30px;
  }
  .m-footer-links__item {
    display: block;
    width: 100%;
  }
  .m-footer-links__item:nth-child(2) .m-footer-links__link {
    border-top: none;
  }
}
.m-advantages-group__content {
  font-size: 0;
  padding: 70px 0;
}
.m-advantages-group__item {
  display: inline-block;
  vertical-align: middle;
}
.m-advantages-group__item:first-child {
  width: calc(100% - 360px);
}
.m-advantages-group__item:last-child {
  width: 360px;
}
@media (max-width: 1499px) {
  .m-advantages-group__item:first-child {
    width: calc(100% - 350px);
  }
  .m-advantages-group__item:last-child {
    width: 350px;
  }
}
@media (max-width: 1389px) {
  .m-advantages-group__item:first-child {
    width: calc(100% - 310px);
  }
  .m-advantages-group__item:last-child {
    width: 310px;
  }
}
@media (max-width: 1259px) {
  .m-advantages-group__content {
    padding: 40px 0;
  }
  .m-advantages-group__item:first-child,
  .m-advantages-group__item:last-child {
    width: 50%;
  }
}
@media (max-width: 969px) {
  .m-advantages-group__item {
    display: block;
  }
  .m-advantages-group__item:first-child,
  .m-advantages-group__item:last-child {
    width: 100%;
  }
  .m-advantages-group__item:last-child {
    padding-top: 40px;
  }
}
.m-newsletter {
  max-width: 200px;
  margin: 0 auto;
}
.m-newsletter__content {
  text-align: center;
}
.m-newsletter__title {
  font-size: 30px;
  color: $color-corp;
  text-transform: uppercase;
  font-family: $corp-font3;
  line-height: 1.2;
  padding: 4px 0;
}
.m-newsletter__subtitle {
  font-family:$corp-font1;
  font-size: 15px;
  color: rgba($color-basic, 0.7);
  text-transform: uppercase;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 0.4px;
  padding-bottom:5px;
}
.m-newsletter__wrap-input {
  padding: 10px 0;
}
.m-advantages__content {
  font-size: 0;
}
.m-advantages__title {
  font-size: 30px;
  color: $color-corp;;
  line-height: 1.2;
  text-transform: uppercase;
  font-family: $corp-font3;
  padding: 4px 0;
}
.m-advantages__subtitle {
  font-family:$corp-font1;
  font-size: 15px;
  color: rgba($color-basic, 0.7);
  line-height: 1.1;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  font-weight: 500;
  padding: 2px 0;
}
.m-advantages__text {
  font-size: 22px;
  color: $color-basic;
  line-height: 1.2;
  font-weight:400;
  font-family: $corp-font1;
  letter-spacing: 0.6px;
}
.m-advantages__item-list {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.m-advantages__item-list:first-child {
  width: 280px;
}
.m-advantages__item-list:last-child {
  width: calc(100% - 280px);
  padding: 0 50px 0 20px;
  position: relative;
}
.m-advantages__wrap-title {
  width: 170px;
}
.m-advantages__wrap-number {
  position: absolute;
  right: 0;
  top: calc(50% - 19px);
}
.m-advantages__wrap-controls {
  width: 35px;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.m-advantages .btn-circle {
  margin: 3px 0;
}
.m-advantages .slick-dots {
  width: 38px;
  height: 38px;
  position: relative;
}
.m-advantages .slick-dots li {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 1;
  -ms-filter: none;
  filter: none;
  -webkit-transition: all 1.5s;
  -moz-transition: all 1.5s;
  -o-transition: all 1.5s;
  -ms-transition: all 1.5s;
  transition: all 1.5s;
}
.m-advantages .slick-dots li:not(.slick-active) {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.m-advantages .slick-dots button {
  padding: 0;
  margin: 0;
  width: 38px;
  height: 38px;
  background-color: $color-corp;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  font-size: 22px;
  color: #fff;
  font-family: $corp-font3;
  line-height: 36px;
  text-align: center;
  border:none;
}
@media (max-width: 1499px) {
  .m-advantages__item-list:first-child {
    width: 230px;
    padding-left: 0px;
  }
  .m-advantages__item-list:last-child {
    width: calc(100% - 230px);
  }
}
@media (max-width: 1389px) {
  .m-advantages__item-list:first-child {
    padding-left: 20px;
  }
  .m-advantages__item-list:last-child {
    padding-left: 35px;
  }
  .m-advantages__text br {
    display: none;
  }
}
@media (max-width: 1259px) {
  .m-advantages__content {
    padding-left: 20px;
  }
  .m-advantages__subtitle br {
    display: none;
  }
  .m-advantages__wrap-title {
    max-width: 300px;
    width: auto;
  }
  .m-advantages__item-list {
    display: block;
    width: 100%;
  }
  .m-advantages__item-list:first-child,
  .m-advantages__item-list:last-child {
    width: 100%;
    padding: 0;
  }
  .m-advantages__item-list:first-child {
    padding-bottom: 25px;
  }
    .m-advantages__item-list:last-child{
        padding-left:50px;
    }
    .m-advantages__wrap-number{
        right:auto;
        left:0;
        top:auto;
        bottom:-31px;
    }
  .m-advantages__wrap-controls {
    width: auto;
    position: static;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -o-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
    padding-top: 20px;
  }
  .m-advantages .btn-circle {
    margin: 0 3px;
  }
}
@media (max-width: 969px) {
  .m-advantages__content {
    text-align: center;
    padding-left: 0;
  }
    .m-advantages__item-list:last-child{
        padding-left:0;
    }
    .m-advantages__item-list:first-child{
        padding-bottom:15px;
    }
  .m-advantages__wrap-title {
    max-width: 100%;
  }
  .m-advantages__wrap-number {
    position: static;
    padding-top: 15px;
  }
  .m-advantages__wrap-text {
    max-width: 510px;
    margin: 0 auto;
  }
  .m-advantages .slick-dots {
    margin: 0 auto;
  }
}
@media (max-width: 767px) {
  .m-advantages__wrap-text {
    max-width: 410px;
  }
}
@media (max-width: 599px) {
  .m-advantages__text {
    font-size: 17px;
  }
    .m-advantages__title{
        font-size:25px;
    }
    .m-newsletter__title{
        font-size:25px;
    }
}
.m-cookies {
  background-color: rgba($color-corp, 0.8);
  position: relative;
  width: 440px;
  height: 225px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.m-cookies__content {
  position: absolute;
  width: 100%;
  max-width: 270px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}
.m-cookies__text {
  font-size: 13px;
  font-family:$corp-font2;
  line-height: 1.7;
  font-weight: 400;
  color: #fff;
}
.m-cookies__wrap-text {
  padding-bottom: 10px;
}
.m-cookies__wrap-btn {
  padding-top: 10px;
}
.m-cookies .btn-main {
  min-width: 125px;
}
@media (max-width: 599px) {
  .m-cookies {
    width: 290px;
  }
  .m-cookies__content {
    padding: 0 20px;
  }
    .m-cookies .btn-main:first-child{
        margin-bottom:10px;
    }
}
.m-blog-categories__content {
  font-size: 0;
  padding: 45px 0 55px 0;
  border-bottom: 1px solid rgba(190,213,216,0.8);
}
.m-blog-categories__title {
  font-size: 14px;
  text-transform: uppercase;
  color: rgba(31,112,121,0.5);
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.4px;
}
.m-blog-categories__text {
  font-size: 14px;
  color: rgba(31,112,121,0.5);
  line-height: 1.5;
  padding: 17px 0 8px 0;
  display: block;
  border-bottom: 1px solid #cbdde0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
.m-blog-categories__link {
  display: block;
  position: relative;
  padding-left: 24px;
}
.m-blog-categories__link:after {
  content: '\e915';
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  position: absolute;
  font-size: 12px;
  color: rgba(31,112,121,0.4);
  left: 0;
  top: 20px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
.m-blog-categories__link:hover:after,
.m-blog-categories__link:focus:after {
  color: #1f7079;
}
.m-blog-categories__link:hover .m-blog-categories__text,
.m-blog-categories__link:focus .m-blog-categories__text {
  color: #1f7079;
}
.m-blog-categories__list {
  margin: -20px -24px 0 -24px;
}
.m-blog-categories__item {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 33.3333%;
  padding: 0 24px;
}
.m-blog-categories__item:nth-last-child(-n + 3) .m-blog-categories__text {
  border-bottom: 0;
}
.m-blog-categories__col {
  display: inline-block;
  vertical-align: top;
}
.m-blog-categories__col--title {
  width: 250px;
}
.m-blog-categories__col--list {
  width: calc(100% - 250px);
}
@media (max-width: 1389px) {
  .m-blog-categories__title {
    padding-bottom: 20px;
  }
  .m-blog-categories__item {
    width: 33.3333%;
  }
  .m-blog-categories__item:nth-last-child(-n + 4) .m-blog-categories__text {
    border-bottom: 1px solid #d9d9da;
  }
  .m-blog-categories__item:nth-last-child(-n + 3) .m-blog-categories__text {
    border-bottom: 0;
  }
  .m-blog-categories__col {
    display: block;
    width: 100%;
  }
  .m-blog-categories__col--title {
    padding-bottom: 20px;
  }
}
@media (max-width: 969px) {
  .m-blog-categories__content {
    padding-right: 30px;
  }
  .m-blog-categories__item {
    width: 50%;
  }
  .m-blog-categories__item:nth-last-child(-n + 3) .m-blog-categories__text {
    border-bottom: 1px solid #d9d9da;
  }
  .m-blog-categories__item:nth-last-child(-n + 2) .m-blog-categories__text {
    border-bottom: 0;
  }
}
@media (max-width: 599px) {
  .m-blog-categories__content {
    padding-right: 0;
    padding-bottom: 30px;
  }
  .m-blog-categories__list {
    margin: 0;
  }
  .m-blog-categories__item {
    width: 100%;
    padding-left: 0;
  }
  .m-blog-categories__item:nth-last-child(-n + 2) .m-blog-categories__text {
    border-bottom: 1px solid #d9d9da;
  }
  .m-blog-categories__item:last-child .m-blog-categories__text {
    border-bottom: 0;
  }
}
.m-blog-suggested-post-list__content {
  font-size: 0;
  padding: 30px 0;
  border-bottom: 1px solid rgba(190,213,216,0.8);
}
.m-blog-suggested-post-list__title {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 400;
  color: rgba(31,112,121,0.5);
  line-height: 1.4;
  letter-spacing: 0.4px;
}
.m-blog-suggested-post-list__wrap-title {
  padding: 20px 0;
}
.m-blog-suggested-post-list__list {
  margin: 0 -12px;
}
.m-blog-suggested-post-list__item {
  display: inline-block;
  vertical-align: middle;
  width: 20%;
  padding: 0 12px;
}
@media (max-width: 1389px) {
  .m-blog-suggested-post-list__item {
    width: 25%;
  }
  .m-blog-suggested-post-list__item:nth-child(n + 5) {
    display: none;
  }
}
@media (max-width: 1259px) {
  .m-blog-suggested-post-list__content {
    padding-top: 10px;
  }
  .m-blog-suggested-post-list__item {
    width: 33.3333%;
  }
  .m-blog-suggested-post-list__item:nth-child(n + 4) {
    display: none;
  }
}
@media (max-width: 969px) {
  .m-blog-suggested-post-list__list {
    margin: 0 -7px;
  }
  .m-blog-suggested-post-list__item {
    padding: 0 7px;
  }
}
@media (max-width: 767px) {
  .m-blog-suggested-post-list__item {
    width: 50%;
  }
  .m-blog-suggested-post-list__item:nth-child(n + 3) {
    display: none;
  }
}
@media (max-width: 599px) {
  .m-blog-suggested-post-list__content {
    padding-bottom: 0;
  }
  .m-blog-suggested-post-list__list {
    margin: 0;
  }
  .m-blog-suggested-post-list__item {
    width: 100%;
    display: block;
    border-bottom: 1px solid rgba(190,213,216,0.8);
    padding: 30px 0;
  }
  .m-blog-suggested-post-list__item:nth-child(n + 3) {
    display: block;
  }
  .m-blog-suggested-post-list__item:nth-child(n + 4) {
    display: none;
  }
  .m-blog-suggested-post-list__item:nth-child(3) {
    border-bottom: 0;
  }
}
.m-blog-suggested-post {
  display: block;
}
.m-blog-suggested-post__wrap-img {
  position: relative;
  padding-top: 69.76%;
}
.m-blog-suggested-post__wrap-img:after {
  content: '';
  display: block;
  position: absolute;
  background-color: rgba(0,0,0,0.2);
  top: 0;
  left: 0;
  right: 0;
  bottom: 100%;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
.m-blog-suggested-post__img {
  width: 100%;
  height: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  background-position: center center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.m-blog-suggested-post__wrap-btn-hover {
  position: absolute;
  width: 100%;
  text-align: center;
  top: calc(50% - 13.5px);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 1;
}
.m-blog-suggested-post__title {
  font-size: 18px;
  color: rgba(31,112,121,0.8);
  text-transform: uppercase;
  font-family: 'Lato', sans-serif;
  line-height: 1.2;
  letter-spacing: 0.6px;
  min-height: 63px;
}
.m-blog-suggested-post__text {
  font-size: 14px;
  color: rgba(33,112,122,0.5);
  line-height: 1.4;
  text-transform: uppercase;
  font-weight: 400;
}
.m-blog-suggested-post__wrap-title {
  padding-bottom: 10px;
}
.m-blog-suggested-post__wrap-text {
  padding: 10px 0;
  position: relative;
}
.m-blog-suggested-post__wrap-text:after {
  content: '';
  display: block;
  position: absolute;
  width: 20px;
  height: 1px;
  background-color: #d9d9da;
  top: 0;
  left: 0;
}
.m-blog-suggested-post__wrap-btn {
  display: none;
}
.m-blog-suggested-post__cover {
  padding: 20px 0;
}
.m-blog-suggested-post:hover .m-blog-suggested-post__wrap-img:after,
.m-blog-suggested-post:focus .m-blog-suggested-post__wrap-img:after {
  bottom: 0;
}
.m-blog-suggested-post:hover .m-blog-suggested-post__wrap-btn-hover,
.m-blog-suggested-post:focus .m-blog-suggested-post__wrap-btn-hover {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
@media (max-width: 1499px) {
  .m-blog-suggested-post__title {
    font-size: 16px;
  }
}
@media (max-width: 1389px) {
  .m-blog-suggested-post__cover {
    padding: 16px;
  }
}
@media (max-width: 969px) {
  .m-blog-suggested-post__wrap-img:after,
  .m-blog-suggested-post__wrap-btn-hover {
    display: none;
  }
  .m-blog-suggested-post__wrap-btn {
    display: block;
    padding-top: 10px;
  }
}
@media (max-width: 599px) {
  .m-blog-suggested-post__content {
    position: relative;
  }
  .m-blog-suggested-post__content:after,
  .m-blog-suggested-post__content:before {
    content: '';
    display: table;
    clear: both;
  }
  .m-blog-suggested-post__title {
    max-width: 270px;
  }
  .m-blog-suggested-post__cover {
    float: left;
    width: calc(100% - 115px);
    padding: 0 7px;
    padding-right: 20px;
  }
  .m-blog-suggested-post__wrap-img {
    float: right;
    width: 115px;
    height: 90px;
    padding: 0;
    margin-bottom: 47px;
  }
  .m-blog-suggested-post__wrap-btn {
    position: absolute;
    right: 0;
    top: 90px;
  }
  .m-blog-suggested-post .btn-main {
    min-width: 115px;
  }
}
.m-blog-pagination__content {
  font-size: 0;
  text-align: right;
  position: relative;
}
.m-blog-pagination__content:after {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #cbdde0;
  top: calc(50% - 0.5px);
  left: 0;
}
.m-blog-pagination__wrap-controls {
  display: inline-block;
  vertical-align: middle;
  margin: -8px;
  background-color: #fff;
  position: relative;
  z-index: 1;
  padding-left: 15px;
}
.m-blog-pagination .btn-circle {
  margin: 8px;
}
.m-blog-list__content {
  font-size: 0;
  padding-bottom: 60px;
}
.m-blog-list__list {
  margin: 0 -1px;
}
.m-blog-list__item {
  display: inline-block;
  vertical-align: top;
  width: 33.3333%;
  padding: 0 1px;
  padding-bottom: 20px;
}
@media (max-width: 1259px) {
  .m-blog-list__content {
    padding-bottom: 10px;
  }
  .m-blog-list__item {
    width: 33.3333%;
  }
}
@media (max-width: 969px) {
  .m-blog-list__item {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .m-blog-list__item {
    width: 100%;
    display: block;
  }
}
.m-blog-list-item {
  display: block;
}
.m-blog-list-item__content {
  font-size: 0;
  position: relative;
}
.m-blog-list-item__wrap-img {
  position: relative;
  padding-top: 71.2%;
}
.m-blog-list-item__img {
  width: 100%;
  height: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  background-position: center center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.m-blog-list-item__title {
  font-size: 22px;
  color: rgba(33,112,122,0.7);
  font-family: 'Lato', sans-serif;
  text-transform: uppercase;
  line-height: 1.2;
  letter-spacing: 0.6px;
  min-height: 78px;
}
.m-blog-list-item__text {
  font-size: 14px;
  text-transform: uppercase;
  color: rgba(33,112,122,0.5);
  line-height: 1.4;
  letter-spacing: 0.4px;
  font-weight: 400;
}
.m-blog-list-item__img {
  margin: 0 auto;
}
.m-blog-list-item__wrap-title {
  padding: 20px 0 10px 0;
}
.m-blog-list-item__wrap-text {
  padding: 12px 0;
  position: relative;
}
.m-blog-list-item__wrap-text:after {
  content: '';
  display: block;
  position: absolute;
  width: 20px;
  height: 1px;
  background-color: rgba(190,213,216,0.8);
  left: 0;
  top: 0;
}
.m-blog-list-item__cover {
  padding: 0 25px 22px 25px;
}
.m-blog-list-item__wrap-btn {
  padding-top: 4px;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
.m-blog-list-item .btn-main {
  min-width: 160px;
}
.m-blog-list-item:hover .m-blog-list-item__wrap-btn,
.m-blog-list-item:focus .m-blog-list-item__wrap-btn {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
@media (max-width: 1499px) {
  .m-blog-list-item__title {
    font-size: 20px;
  }
}
@media (max-width: 1389px) {
  .m-blog-list-item__cover {
    padding: 0 40px 22px 40px;
  }
  .m-blog-list-item__title {
    font-size: 18px;
    min-height: 64px;
  }
}
@media (max-width: 969px) {
  .m-blog-list-item__content {
    text-align: center;
  }
  .m-blog-list-item__wrap-text:after {
    left: calc(50% - 10px);
  }
  .m-blog-list-item__wrap-btn {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
}
@media (max-width: 767px) {
  .m-blog-list-item__title {
    max-width: 100%;
  }
}
@media (max-width: 599px) {
  .m-blog-list-item__cover {
    padding: 0 35px 22px 35px;
  }
}
.m-inner-slider__content {
  position: relative;
}
.m-inner-slider__wrap-icon {
  position: absolute;
  bottom: -22px;
  left: 64px;
}
.m-inner-slider__wrap-controls {
  position: absolute;
  left: 50%;
  bottom: 55px;
  @include transform(translateX(-50%));
  margin: -2.5px;
}
.m-inner-slider .btn-circle {
  margin: 2.5px;
  display: inline-block !important;
  vertical-align: middle;
    &:after{
        text-shadow:2px 2px 2px rgba(#444444, 0.2);
    }
}
.m-inner-slider .btn-circle:hover,
.m-inner-slider .btn-circle:focus {
  border-color: #fff;
  background-color: #fff;
}
.m-inner-slider .btn-circle:hover:after,
.m-inner-slider .btn-circle:focus:after {
  color: $color-corp;
}
@media (max-width: 1259px) {
  .m-inner-slider__wrap-icon {
    display: none;
  }
}
@media (max-width: 969px) {
  .m-inner-slider__wrap-controls {
    bottom:15px;
  }
    .m-inner-slider .btn-circle{
        margin: 2.5px 10px;
    }
}
.m-inner-slider-item__wrap-img {
  height: 600px;
}
.m-inner-slider-item__img {
  width: 100%;
  height: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  background-position: center center;
}
@media (max-width: 1389px) {
  .m-inner-slider-item__wrap-img {
    height: 550px;
  }
}
@media (max-width: 1259px) {
  .m-inner-slider-item__wrap-img {
    height: 500px;
  }
}
@media (max-width: 767px) {
  .m-inner-slider-item__wrap-img {
    height: 400px;
  }
}
@media (max-width: 767px) {
  .m-inner-slider-item__wrap-img {
    position: relative;
    padding-top: 62.5%;
    height: auto;
  }
  .m-inner-slider-item__img {
    width: 100%;
    height: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-position: center center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
}
.m-home-more-info__content {
  font-size: 0;
  padding: 50px 0 10px 0;
}
.inhotel .m-home-more-info__content{
  padding: 0 0 50px 0;
}
.m-home-more-info__title {
  font-size: 35px;
  font-family: $corp-font3;
  color: $color-title;
  line-height: 1.2;
}
.m-home-more-info__subtitle {
  font-family:$corp-font1;
  font-size: 17px;
  color: rgba($color-basic, 0.8);
  text-transform: uppercase;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.4px;
  padding: 10px 0;
}
.m-home-more-info__text p {
  font-family:$corp-font2;
  font-size: 16px;
  color: $color-basic;
  line-height: 1.7;
  font-weight: 400;
  letter-spacing: 0.3px;
  padding: 10px 0 15px 0;
}
.m-home-more-info__message p {
  font-family:$corp-font3;
  font-size: 22px;
  font-style: italic;
  color: rgba($color-corp, 0.7);
  text-transform: uppercase;
  line-height: 1.4;
  padding: 10px 0;
}
.m-home-more-info__message {
  max-width: 570px;
}
.m-home-more-info__col {
  display: inline-block;
  vertical-align: top;
  position: relative;
}
.m-home-more-info__col--title {
  padding-bottom: 40px;
  max-width:50%;
}
.m-home-more-info__list {
  margin: 0 -30px;
}
.m-home-more-info__item {
  display: inline-block;
  vertical-align: top;
  width: 50%;
  padding: 0 30px;
}
.m-home-more-info__wrap-btn {
  position: absolute;
  right: 0;
  bottom: 20px;
}
.m-home-more-info__wrap-btn--responsive {
  display: none;
}
.restaurant-btn{
    margin:20px 10px 0;
    &.first-btn{
        margin-left:0;
    }
    @include small-tablet{
        margin:10px 30px 0;
        &.first-btn{
            margin-top:20px;
            margin-left:30px;
        }
    }
}
@media (max-width: 1389px) {
  .m-home-more-info__content {
    padding-right: 45px;
  }
  .m-home-more-info__title {
    font-size: 30px;
  }
  .m-home-more-info__title br {
    display: none;
  }
  .m-home-more-info__col {
    display: block;
    width: 100%;
    top: 0;
  }
  .m-home-more-info__col--title {
    padding: 0;
    padding-bottom: 35px;
  }
}
@media (max-width: 1259px) {
    .m-home-more-info__col--title{
        margin: 0 auto;
        text-align: center;
        max-width:600px;
    }
}
@media (max-width: 969px) {
  .m-home-more-info__content {
    text-align: center;
    padding: 30px;
  }
  .m-home-more-info__title {
    max-width: 450px;
    margin: 0 auto;
  }
  .m-home-more-info__subtitle {
    padding: 30px 0 20px 0;
  }
  .m-home-more-info__message {
    margin: 0 auto;
  }
  .m-home-more-info__list {
    margin: 0;
  }
  .m-home-more-info__item {
    display: block;
    width: 100%;
    padding: 0;
  }
  .m-home-more-info__col--title {
    padding-bottom: 20px;
  }
  .m-home-more-info__wrap-btn {
    position: static;
    padding-top: 20px;
  }
  .m-home-more-info__wrap-btn--responsive {
    display: inline-block;
  }
  .m-home-more-info__wrap-btn--default {
    display: none;
  }
}
@media (max-width: 767px) {
  .m-home-more-info__content {
    padding: 30px 20px;
  }
  .m-home-more-info__wrap-message {
    max-width: 420px;
    margin: 0 auto;
    padding: 20px 0 10px 0;
  }
}
@media (max-width: 599px) {
  .m-home-more-info__content {
    padding: 30px 0;
  }
  .m-home-more-info__message p {
    font-size: 20px;
  }
}
.m-home-description__title {
  font-size: 45px;
  font-weight:700;
  font-family: $corp-font3;
  color: $color-title;
  line-height: 1;
}
.m-home-description__subtitle {
  font-family:$corp-font1;
  font-size: 15px;
  color: rgba($color-basic, 0.7);
  text-transform: uppercase;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 1px;
  padding: 10px 0;
}
.m-home-description__text,
.m-home-description p {
  font-family:$corp-font2;
  font-size: 16px;
  color: $color-basic;
  line-height: 1.7;
  font-weight: 400;
  letter-spacing: 0.2px;
}
.m-home-description p {
  padding: 10px 0 15px 0;
}
.m-home-description__wrap-img {
  display: none;
}
.m-home-description__wrap-text {
  width: 600px;
  height: 700px;
  background-color: rgba(#fff, 0.8);
  position: relative;
  margin: 0 0 0 auto;
    &.reverse{
        margin: 0 auto 0 0;
    }
    @include full-desktop{
        height:650px;
    }
}
.m-home-description__cover {
  width: 470px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.m-home-description__wrap-btn {
  position: absolute;
  left: 60px;
  bottom: 25px;
}
.m-home-description__wrap-btn--responsive {
  display: none;
}
@media (max-width: 1389px) {
  .m-home-description__title {
    font-size: 40px;
  }
  .m-home-description__wrap-text {
    width: 520px;
  }
  .m-home-description__wrap-text:after {
    width: 0;
    height: 0;
    background: 0;
    border-style: solid;
    border-width: 0 0 420px 85px;
    border-color: transparent transparent #fff transparent;
  }
  .m-home-description__cover {
    width: 100%;
    padding: 0 50px;
  }
    .m-home-description__wrap-btn{
        left:50px;
    }
}
@media (max-width: 1259px) {
  .m-home-description__content {
    text-align: center;
  }
  .m-home-description__wrap-text {
    margin: 0;
    width: auto;
    height: auto;
    padding-top: 35px;
  }
  .m-home-description__wrap-text:after {
    display: none;
  }
  .m-home-description__cover {
    position: static;
    width: auto;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -o-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
  }
  .m-home-description__text {
    max-width: 610px;
    margin: 0 auto;
  }
  .m-home-description__wrap-img {
    position: relative;
    width: 100%;
    height: 410px;
    display: block;
    margin: 0 auto;
  }
  .m-home-description__img {
    width: 100%;
    height: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-position:50% 50%;
  }
  .m-home-description__wrap-btn {
    position: static;
    margin-top: 10px;
  }
  .m-home-description__wrap-btn--default {
    display: none;
  }
  .m-home-description__wrap-btn--responsive {
    display: block;
  }
}
@media (max-width: 969px) {
  .m-home-description__wrap-img {
    width: 100%;
  }
    .m-home-description__title{
        font-size:35px;
    }
  .m-home-description__wrap-btn--noresponsive {
    display: block;
  }
}
@media (max-width: 767px) {
  .m-home-description__wrap-img {
    width: 100%;
    height: 290px;
  }
  .m-home-description__cover {
    padding: 0 40px;
  }
    .m-home-description__wrap-text{
        padding-left:25px;
        padding-right:25px;
    }
}
@media (max-width: 599px) {
  .m-home-description__cover {
    padding: 0;
  }
  .m-home-description__wrap-text{
        padding-left:25px;
        padding-right:25px;
    }
  .m-home-description__title {
    font-size: 35px;
  }
  .m-home-description__subtitle {
    padding: 10px;
  }
}
.inhotel .m-home-hotels__content{
    padding: 0 0 80px 0;
}
.m-home-hotels__content {
  padding: 80px 0 35px 0;
}
.m-home-hotels__title {
  font-size: 45px;
  font-family: $corp-font3;
  font-weight:700;
  color: $color-title;;
  line-height: 1.2;
}
.m-home-hotels__subtitle {
  font-family:$corp-font1;
  font-size: 15px;
  color: rgba($color-basic, 0.7);
  letter-spacing: 0.4px;
  line-height: 1.2;
  font-weight:500;
  text-transform:uppercase;
  padding: 3px 0;
}
.m-home-hotels__wrap-title {
  position: relative;
  margin-bottom: 30px;
}
.m-home-hotels__wrap-btn {
  position: absolute;
  right: 0;
  bottom: 0;
}
@media (max-width: 1389px) {
  .m-home-hotels__title {
    font-size: 40px;
  }
}
@media (max-width: 1259px) {
  .m-home-hotels__wrap-title {
    text-align: center;
  }
  .m-home-hotels__wrap-btn {
    position: static;
    padding-top: 15px;
  }
}
@media (max-width: 969px) {
    .inhotel .m-home-hotels__content{
        padding: 0 0 40px 0;
    }
  .m-home-hotels__content {
    padding-top: 60px;
  }
  .m-home-hotels__title {
    font-size: 35px;
  }
}
@media (max-width: 599px) {
  .m-home-hotels__title {
    line-height:1;
    padding-bottom: 10px;
  }
  .m-home-hotels__subtitle {
    font-size: 15px;
  }
}
.m-home-slider {
  position:relative;
  height: 100%;
}
.m-home-slider:before{
    content:'';
    position:absolute;
    z-index:1;
    top:0;
    left:0;
    height:100%;
    width:100%;
    background-color:rgba(0,0,0,0.1);
}
.s-main-slider{
    &.video-on{
        @media (min-width:1259px){
        .main-video{
            display:block;
        }
        .m-home-slider{
            &:before{
                background-color:rgba(#000, 0.1);
            }
        }
        }
    }
}
.m-inner-slider__item{
    pointer-events:none;
}
@media(min-width:1259px){
.s-main-slider--hotel .m-inner-slider__wrapper,
.s-main-slider--hotel .wrapper,
.s-main-slider--hotel .container,
.s-main-slider--hotel .m-inner-slider__content,
.s-main-slider--hotel .m-inner-slider,
.s-main-slider--hotel .m-inner-slider__slider,
.s-main-slider--hotel .m-inner-slider-item,
.s-main-slider--hotel .m-inner-slider__item,
.s-main-slider--hotel .m-inner-slider-item__wrapper,
.s-main-slider--hotel .m-inner-slider-item__content,
.s-main-slider--hotel .m-inner-slider-item__wrap-img,
.s-main-slider--hotel .slick-list,
.s-main-slider--hotel .slick-track {
  height: 100%;
}
}
.m-home-slider__wrapper,
.m-home-slider__content,
.m-home-slider__slider,
.m-home-slider__item,
.m-home-slider .slick-list,
.m-home-slider .slick-track {
  height: 100%;
}
.m-home-slider__content {
  position: relative;
}
.m-home-slider__wrap-text {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%) translateZ(0);
  -moz-transform: translateX(-50%) translateZ(0);
  -o-transform: translateX(-50%) translateZ(0);
  -ms-transform: translateX(-50%) translateZ(0);
  transform: translateX(-50%) translateZ(0);
  z-index: 2;
}
.m-home-slider__wrap-text:hover ~ .m-home-slider__wrap-controls,
.m-home-slider__wrap-text:focus ~ .m-home-slider__wrap-controls {
  bottom: 45px;
}
.m-home-slider__wrap-text:hover ~ .m-home-slider__message-space,
.m-home-slider__wrap-text:focus ~ .m-home-slider__message-space {
  height: 30px;
}
.m-home-slider__message-space {
  height: 0;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  background-color: #fff;
  z-index: 1;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
.no-motor-offer{
    .m-home-slider__wrap-offer{
        display:none!important;
    }
    .s-book-form.active{
        .m-book-form{
            padding:0;
        }
    }
}
.m-home-slider__wrap-offer,
.m-home-slider__wrap-btn-offer {
  position: absolute;
  z-index:-1;
  top: 0;
  left: 0;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 1;
  -ms-filter: none;
  filter: none;
    &.active{
        @include transform(translateX(-105%));
        .m-offer-small__content{
            opacity:1;
        }
        .offer-open-tag{
            bottom:100%;
            border-bottom-left-radius:0;
            border-bottom-right-radius:0;
        }
        .m-offer-small{
          -webkit-box-shadow: 0 0 7px rgba(0,0,0,0.3);
          box-shadow: 0 0 7px rgba(0,0,0,0.3);
        }
    }
}
.m-home-slider__wrap-btn-offer {
  display:none;
  left: -200px;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  text-align: center;
}
.m-home-slider__wrap-controls {
  position: absolute;
  left: 25px;
  bottom: 15px;
  margin: -2.5px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 2;
}
.m-home-slider__wrap-controls .btn-circle {
  margin: 2.5px;
  border-color: transparent;
  display: inline-block !important;
  vertical-align: middle;
}
.m-home-slider__wrap-controls .btn-circle:hover,
.m-home-slider__wrap-controls .btn-circle:focus {
  border-color: #fff;
  background-color: transparent;
}
.m-home-slider__wrap-controls .btn-circle:hover:after,
.m-home-slider__wrap-controls .btn-circle:focus:after {
  color: #fff;
}
.m-home-slider.active .m-home-slider__wrap-btn-offer {
  left: 38px;
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.m-home-slider.active .m-home-slider__wrap-offer {
  left: -200px;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
@media (max-width: 1259px) {
    .m-home-slider__wrap-offer, .m-home-slider__wrap-btn-offer{
        top:50%;
    }
}
@media (max-width: 969px) {
  .m-home-slider__wrap-btn-offer,
  .m-home-slider__message-space {
    display: none;
  }
  .m-home-slider__wrap-text {
    bottom: 40px;
  }
}
@media (max-width: 767px) {
    .m-home-slider__wrap-text{
        width:80%;
    }
}
.m-home-slider-item {
  height: 100%;
}
.m-home-slider-item__wrapper,
.m-home-slider-item__content,
.m-home-slider-item__wrap-img {
  height: 100%;
}
.m-home-slider-item__wrap-img {
  position: relative;
}
.m-home-slider-item__img {
  width: 100%;
  height: 100%;
  background-position: center bottom;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
}
@media (max-width: 969px) {
  .m-home-slider-item__wrap-img {
    position: relative;
    padding-top: 67.70833333333333%;
  }
  .m-home-slider-item__img {
    width: 100%;
    height: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-position: center center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-position: center bottom;
  }
}
@media (max-width: 767px) {
  .m-home-slider-item__wrap-img {
    position: relative;
    padding-top: 70.83333333333333%;
  }
}
@media (max-width: 599px) {
  .m-home-slider-item__wrap-img {
    position: relative;
    padding-top: 73.4375%;
  }
    .m-home-slider__wrap-text{
        width:100%;
    }
}
.m-home-slider-text__content {
  text-align: center;
}
.m-home-slider-text__title {
  font-size: 35px;
  font-family: $corp-font3;
  font-weight:800;
  text-transform: uppercase;
  line-height: 1;
  color: #fff;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  padding: 0 25px 5px;
  @include space(140em);
  text-shadow:2px 2px 2px rgba(#444444, 0.2);
  max-width:560px;
}
.m-home-slider-text__title:after {
  left: 100%;
}
.m-home-slider-text__title:before {
  right: 100%;
}
.m-home-slider-text__subtitle {
  font-family:$corp-font1;
  font-size: 15px;
  font-weight:500;
  line-height: 1.8;
  letter-spacing: 1px;
  color: #fff;
  text-transform: uppercase;
  text-shadow:2px 2px 2px rgba(#444444, 0.2);
}
.m-home-slider-text__wrap-btn {
  padding: 10px 0 30px 0;
}
.m-home-slider-text__message {
  background-color: #fff;
  font-family:$corp-font1;
  font-size: 12px;
  color: $color-basic;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 30px;
  letter-spacing: 1px;
  height: 0px;
  overflow: hidden;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
.m-home-slider-text__message:hover,
.m-home-slider-text__message:focus {
  height: 30px;
}
.m-home-slider-text__cover:hover + .m-home-slider-text__message,
.m-home-slider-text__cover:focus + .m-home-slider-text__message {
  height: 30px;
}
.m-home-slider-text .btn-circle {
  position: relative;
  -webkit-animation-name: move_arrow;
  -moz-animation-name: move_arrow;
  -o-animation-name: move_arrow;
  -ms-animation-name: move_arrow;
  animation-name: move_arrow;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  -ms-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  -moz-animation-direction: alternate;
  -o-animation-direction: alternate;
  -ms-animation-direction: alternate;
  animation-direction: alternate;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
.m-home-slider-text .btn-circle:hover,
.m-home-slider-text .btn-circle:focus {
  -webkit-animation-play-state: paused;
  -moz-animation-play-state: paused;
  -o-animation-play-state: paused;
  -ms-animation-play-state: paused;
  animation-play-state: paused;
  background-color: transparent;
}
.m-home-slider-text .btn-circle:hover:after,
.m-home-slider-text .btn-circle:focus:after {
  color: #fff;
}
@media (max-width: 1259px) {
  .m-home-slider-text__title {
    font-size: 30px;
  }
}
@media (max-width: 969px) {
  .m-home-slider-text__message {
    display: none;
  }
    .m-home-slider-text__wrap-btn{
        padding-bottom:0;
    }
}
@media (min-width: 970px) and (max-width: 1259px) {
  .site .m-book-form {
    max-width: 100%;
  }
  .site .m-book-form__content {
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .site .m-book-form__list {
    margin: 0 auto;
    max-width: 414px;
    padding: 10px 0 0 0;
  }
  .site .m-book-form__item {
    display: inline-block;
    vertical-align: top;
    width: 33.3333%;
    padding: 7px;
  }
  .site .m-book-form__item:first-child {
    width: 100%;
  }
  .site .m-book-form__wrap-title {
    position: absolute;
    right: 100%;
    margin-right: 80px;
    top: calc(50% + 10px);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: left;
    white-space: nowrap;
  }
  .site .m-book-form__wrap-btn {
    position: absolute;
    left: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 150px;
    margin-left: 65px;
  }
  .site .m-book-form__wrap-form {
    max-width: 414px;
    margin: 0 auto;
    position: relative;
  }
  .site .m-book-form__wrap-toggle {
    display: block;
    position: absolute;
    right: 40px;
    top: 20px;
  }
}
@media (max-width: 969px) {
  .site .m-book-form__wrap-toggle {
    display: block;
    position: absolute;
    right: 40px;
    top: 20px;
    z-index: 1;
  }
}
@media (max-width: 599px) {
  .site .m-book-form__wrap-toggle {
    right: 16px;
  }
    .m-home-slider-text__title{
        font-size:20px;
    }
    .m-home-slider-text__subtitle{
        display:none;
    }
}
.m-book-form {
  max-width: 190px;
}
.m-book-form__wrapper{
    background-color:#fff;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
.m-book-form__content {
  font-size: 0;
  padding:0;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 0 6px rgba(0,0,0,0.3);
  box-shadow: 0 0 6px rgba(0,0,0,0.3);
  border:7px solid #fff;
}
.m-book-form__wrap-toggle {
  display: none;
}
.m-book-form__title {
  font-size: 25px;
  font-family: $corp-font1;
  color: $color-title;
  font-weight:400;
  line-height: 1.2;
  text-transform: uppercase;
}
.m-book-form__subtitle {
  font-size: 14px;
  font-family: $corp-font1;
  text-transform: uppercase;
  color: $color-title;
  line-height: 1.35;
  letter-spacing: 0.5px;
}
.m-book-form__wrap-title {
  padding-top:15px;
  padding-bottom: 10px;
  position: relative;
  text-align: center;
  border:1px solid rgba($color-basic, 0.5);
}
.m-book-form__list {
  padding:0;
  border-left: 1px solid rgba($color-basic, 0.5);
  border-right: 1px solid rgba($color-basic, 0.5);
}
.m-book-form__item {
  padding:0;
  position:relative;
}
.m-book-form__wrap-btn {
  padding:0;
  margin-top: 8px;
  text-align: center;
}
.m-book-form__wrap-btn .btn-main{
    width:100%;
    padding:15px 0;
    background-color:$color-call;
    border-radius:4px;
    @include hovers{
        background-color:$color-corp;
    }
}
.m-book-form__wrap-btn .btn-main .btn-main__text{
    font-size:17px;
    font-weight:700;
}
@media (max-width: 1259px) {
  .m-book-form {
    max-width: 100%;
  }
    .m-book-form__wrap-btn .btn-main{
        width:100%;
        margin-left:0;
    }
  .m-book-form__content {
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 30px 0;
  }
  .m-book-form__list {
    margin: 0 auto;
    max-width: 414px;
    padding: 10px 0 0 0;
  }
  .m-book-form__item {
    display: inline-block;
    vertical-align: top;
    width: 33.3333%;
    padding: 7px;
  }
}
@media (max-width: 599px) {
  .m-book-form__list {
    max-width: 320px;
  }
  .m-book-form__item {
    width: 50%;
  }
}
@media (max-width: 375px) {
  .m-book-form__list {
    max-width: 260px;
  }
}
.m-contact-form__content {
  font-size: 0;
  padding-bottom: 50px;
}
.m-contact-form__captcha-text {
  font-size: 13px;
  color: $color-basic;
  display: inline-block;
  vertical-align: middle;
  line-height: 30px;
  width: 60px;
}
.m-contact-form__required-text {
  font-family:$corp-font2;
  font-size: 14px;
  color: $color-basic;
  line-height: 1;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding-left: 15px;
}
.m-contact-form__required-text:after {
  content: '';
  display: block;
  position: absolute;
  width: 5px;
  height: 5px;
  background-color: $color-corp;
  top: 50%;
  right: 100%;
  margin-right: -5px;
  margin-top: -2px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.m-contact-form__wrap-text {
  padding-bottom: 40px;
}
.m-contact-form__col {
  display: inline-block;
  vertical-align: top;
}
.m-contact-form__col--input-list {
  width: 220px;
}
.m-contact-form__col--comment {
  width: calc(100% - 220px);
  padding-left: 40px;
}
.m-contact-form__list {
  margin: -10px 0;
  padding-left: 15px;
}
.m-contact-form__item {
  padding: 10px 0;
  position: relative;
}
.m-contact-form__item--required:after {
  content: '';
  display: block;
  position: absolute;
  width: 5px;
  height: 5px;
  background-color: $color-corp;
  top: 50%;
  left: -15px;
  margin-top: -2.5px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.m-contact-form__item--captcha .m-textinput {
  width: calc(100% - 60px);
  display: inline-block;
  vertical-align: middle;
}
.m-contact-form__wrap-comment {
  height: 266px;
}
.m-contact-form__wrap-action {
  padding: 22px 0;
}
.m-contact-form__wrap-btn,
.m-contact-form__wrap-required-text {
  display: inline-block;
  vertical-align: top;
  width: 50%;
}
.m-contact-form__wrap-btn {
  text-align: right;
}
@media (max-width: 1389px) {
  .m-contact-form__content {
    padding-left: 0;
  }
  .m-contact-form__list {
    padding-left: 0;
  }
  .m-contact-form__col--input-list {
    width: 250px;
  }
  .m-contact-form__col--comment {
    width: calc(100% - 250px);
  }
}
@media (max-width: 969px) {
    .m-contact-form__content{
        padding-top:25px;
    }
}
@media (min-width: 600px) and (max-width: 767px) {
  .m-contact-form__col {
    display: block;
    width: 100%;
    padding: 0;
  }
  .m-contact-form__list {
    margin: 0 -25px;
    padding-bottom: 10px;
  }
  .m-contact-form__item {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    padding-left: 25px;
    padding-right: 25px;
  }
  .m-contact-form__item:after {
    left: 10px;
  }
  .m-contact-form__wrap-btn,
  .m-contact-form__wrap-required-text {
    width: 50%;
    vertical-align: top;
  }
  .m-contact-form__wrap-btn {
    padding-right: 0;
    text-align: right;
  }
}
@media (max-width: 599px) {
  .m-contact-form__content {
    padding-right: 25px;
    padding-left: 25px;
  }
  .m-contact-form__col {
    display: block;
    width: 100%;
    padding: 0;
  }
  .m-contact-form__col--input-list {
    padding-bottom: 20px;
  }
  .m-contact-form__wrap-btn,
  .m-contact-form__wrap-required-text {
    display: block;
    width: 100%;
  }
  .m-contact-form__wrap-btn{
    text-align:center;
  }
  .m-contact-form__wrap-btn {
    padding: 0;
    padding-top: 20px;
  }
}
.m-textarea--2 {
  width: 100%;
  height: 100%;
}
.m-textarea--2 .m-textarea__wrapper,
.m-textarea--2 .m-textarea__content {
  width: 100%;
  height: 100%;
}
.m-textarea--2 .m-textarea__content {
  border: 1px solid rgba($color-basic, 0.7);
  padding: 10px;
}
.m-textarea--2 .m-textarea__input {
  resize: none;
  font-size: 13px;
  color: rgba($color-basic, 0.7);
  font-family: $corp-font1;
  line-height: 1.35;
  font-weight: 500;
  width: 100%;
  height: 100%;
}
.m-textarea--2 .m-textarea__input::-webkit-input-placeholder {
  font-family: $corp-font1;
  font-weight: 500;
  font-size: 13px;
  color: rgba($color-basic, 0.7);
}
.m-textarea--2 .m-textarea__input:-moz-placeholder {
  font-family: $corp-font1;
  font-weight: 500;
  font-size: 13px;
  color: rgba($color-basic, 0.7);
}
.m-textarea--2 .m-textarea__input::-moz-placeholder {
  font-family: $corp-font1;
  font-weight: 500;
  font-size: 13px;
  color: rgba($color-basic, 0.7);
}
.m-textarea--2 .m-textarea__input:-ms-input-placeholder {
  font-family: $corp-font1;
  font-weight: 500;
  font-size: 13px;
  color: rgba($color-basic, 0.7);
}
.m-datepicker__content {
  position: relative;
}
.m-datepicker__content:after {
  content: "\e905";
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  pointer-events: none;
  text-align: center;
  display: block;
  position: absolute;
  top: -1px;
  right: -1px;
}
.m-datepicker__input {
  cursor: pointer;
}
.m-datepicker--1 .m-datepicker__content {
  border: 1px solid $color-basic;
}
.m-datepicker--1 .m-datepicker__content:after {
  width: 29px;
  height: 29px;
  line-height: 29px;
  background-color: transparent;
  color: $color-basic;
  font-size: 14px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
.m-datepicker--1 .m-datepicker__input {
  height: 28px;
  background-color: #fff;
  padding: 0 10px 0 7px;
  font-size: 13px;
  color: rgba($color-basic, 1);
  font-family: $corp-font1;
  font-weight: 500;
  line-height: 28px;
}
.m-datepicker--1 .m-datepicker__input::-webkit-input-placeholder {
  font-family: $corp-font1;
  font-weight: 500;
  font-size: 13px;
  color: rgba($color-basic, 0.7);
}
.m-datepicker--1 .m-datepicker__input:-moz-placeholder {
  font-family: $corp-font1;
  font-weight: 500;
  font-size: 13px;
  color: rgba($color-basic, 0.7);
}
.m-datepicker--1 .m-datepicker__input::-moz-placeholder {
  font-family: $corp-font1;
  font-weight: 500;
  font-size: 13px;
  color: rgba($color-basic, 0.7);
}
.m-datepicker--1 .m-datepicker__input:-ms-input-placeholder {
  font-family: $corp-font1;
  font-weight: 400;
  font-size: 13px;
  color: rgba($color-basic, 0.7);
}
.m-datepicker--1:hover .m-datepicker__content:after,
.m-datepicker--1:focus .m-datepicker__content:after {
  background-color: $color-corp;
  color: #fff;
}
.m-datepicker--tooltip .m-datepicker__wrapper {
  position: relative;
}
.m-datepicker--tooltip .m-datepicker__tooltip {
  background-color: $color-corp;
  position: absolute;
  bottom: 100%;
  left: 100%;
  margin-left: -12px;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  pointer-events: none;
  z-index: 1;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: margin 0.3s, opacity 0.3s;
  -moz-transition: margin 0.3s, opacity 0.3s;
  -o-transition: margin 0.3s, opacity 0.3s;
  -ms-transition: margin 0.3s, opacity 0.3s;
  transition: margin 0.3s, opacity 0.3s;
}
.m-datepicker--tooltip .m-datepicker__tooltip:after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  background: 0;
  border-style: solid;
  border-width: 6px 5.5px 0 5.5px;
  border-color: $color-corp transparent transparent transparent;
  left: calc(50% - 5.5px);
  top: 100%;
}
.m-datepicker--tooltip .m-datepicker__text-tooltip {
  font-family:$corp-font1;
  font-size: 11px;
  font-weight:400;
  line-height: 25px;
  letter-spacing: 1.2px;
  color: #fff;
  text-align: center;
  padding: 0 13px;
}
.m-datepicker--tooltip:hover .m-datepicker__tooltip,
.m-datepicker--tooltip:focus .m-datepicker__tooltip {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  margin-bottom: 10px;
}
.m-dropdown__content {
  position: relative;
}
.m-dropdown__content:after {
  content: "\e90b";
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  pointer-events: none;
  text-align: center;
  display: block;
  position: absolute;
  top: -1px;
  right: -1px;
}
.m-dropdown__input {
  cursor: pointer;
}
.m-dropdown--1 .m-dropdown__content {
  border: 1px solid $color-basic;
}
.m-dropdown--1 .m-dropdown__content:after {
  width: 29px;
  height: 29px;
  font-size: 16px;
  line-height: 29px;
  background-color: transparent;
  color: $color-basic;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
.m-dropdown--1 .m-dropdown__input {
  height: 28px;
  background-color: #fff;
  padding: 0 10px 0 7px;
  font-size: 13px;
  color: rgba($color-basic, 0.7);
  font-family: $corp-font1;
  font-weight: 500;
  line-height: 28px;
}
.m-dropdown--1:hover .m-dropdown__content:after,
.m-dropdown--1:focus .m-dropdown__content:after {
  background-color: $color-corp;
  color: #fff;
}
.m-dropdown--2 .m-dropdown__content {
  border: 1px solid rgba($color-basic, 0.7);
}
.m-dropdown--2 .m-dropdown__content:after {
  width: 30px;
  height: 36px;
  font-size: 18px;
  line-height: 36px;
  background-color: transparent;
  color: $color-corp;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
.m-dropdown--2 .m-dropdown__input {
  height: 35px;
  background-color: #fff;
  padding: 0 10px;
  font-size: 13px;
  color: rgba($color-basic, 0.7);
  font-family: $corp-font1;
  font-weight: 500;
  line-height: 28px;
}
.m-dropdown--2:hover .m-dropdown__content:after,
.m-dropdown--2:focus .m-dropdown__content:after {
  background-color: $color-corp;
  color: #fff;
}
.m-textinput--1 .m-textinput__content {
  border: 1px solid $color-basic;
}
.m-textinput--1 .m-textinput__input {
  height: 28px;
  background-color: #fff;
  padding: 0 7px;
  font-size: 13px;
  color: rgba($color-basic, 1);
  font-family: $corp-font1;
  font-weight: 500;
  line-height: 28px;
    &:active, &:focus{
        box-shadow:2px 2px 2px rgba($color-corp, 0.3);
    }
}
.m-textinput--1 .m-textinput__input::-webkit-input-placeholder {
  font-size: 13px;
  color: rgba($color-basic, 0.7);
  font-family: $corp-font1;
  font-weight: 500;
  text-transform: uppercase;
}
.m-textinput--1 .m-textinput__input:-moz-placeholder {
  font-size: 13px;
  color: rgba($color-basic, 0.7);
  font-family: $corp-font1;
  font-weight: 500;
  text-transform: uppercase;
}
.m-textinput--1 .m-textinput__input::-moz-placeholder {
  font-size: 13px;
  color: rgba($color-basic, 0.7);
  font-family: $corp-font1;
  font-weight: 500;
  text-transform: uppercase;
}
.m-textinput--1 .m-textinput__input:-ms-input-placeholder {
  font-size: 13px;
  color: rgba($color-basic, 0.7);
  font-family: $corp-font1;
  font-weight: 500;
  text-transform: uppercase;
}
.m-textinput--2 .m-textinput__content {
  border: 1px solid rgba($color-basic, 0.7);
}
.m-textinput--2 .m-textinput__input {
  height: 35px;
  background-color: #fff;
  padding: 0 10px;
  font-size: 13px;
  color: $color-basic;
  font-family: $corp-font1;
  font-weight: 500;
  line-height: 28px;
    &:active, &:focus{
        box-shadow:2px 2px 2px rgba($color-corp, 0.3);
    }
}
.m-textinput--2 .m-textinput__input::-webkit-input-placeholder {
  font-size: 13px;
  color: $color-basic;
  font-family: $corp-font1;
  font-weight: 500;
  color: rgba($color-basic,0.7);
  text-transform: uppercase;
}
.m-textinput--2 .m-textinput__input:-moz-placeholder {
  font-size: 13px;
  color: $color-basic;
  font-family: $corp-font1;
  font-weight: 500;
  color: rgba($color-basic,0.7);
  text-transform: uppercase;
}
.m-textinput--2 .m-textinput__input::-moz-placeholder {
  font-size: 13px;
  color: $color-basic;
  font-family: $corp-font1;
  font-weight: 500;
  color: rgba($color-basic,0.7);
  text-transform: uppercase;
}
.m-textinput--2 .m-textinput__input:-ms-input-placeholder {
  font-size: 13px;
  color: $color-basic;
  font-family: $corp-font1;
  font-weight: 500;
  color: rgba($color-basic,0.7);
  text-transform: uppercase;
}
.m-textinput-action__content {
  position: relative;
  font-size: 0;
}
.m-textinput-action__btn {
  padding: 0;
  margin: 0;
  border: 0;
  width: 30px;
  height: 30px;
  background-color: transparent;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
.m-textinput-action__btn:after {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 18px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) translateZ(0);
  -moz-transform: translate(-50%, -50%) translateZ(0);
  -o-transform: translate(-50%, -50%) translateZ(0);
  -ms-transform: translate(-50%, -50%) translateZ(0);
  transform: translate(-50%, -50%) translateZ(0);
  color: $color-basic;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
.m-textinput-action .m-textinput__input {
  padding-right: 40px;
}
.m-textinput-action:hover .m-textinput-action__btn,
.m-textinput-action:focus .m-textinput-action__btn {
  background-color: $color-corp;
}
.m-textinput-action:hover .m-textinput-action__btn:after,
.m-textinput-action:focus .m-textinput-action__btn:after {
  color: #fff;
}
.m-textinput-action--go .m-textinput-action__btn:after {
  content: '\e90a';
}
.m-textinput-action--search .m-textinput-action__btn:after {
  content: '\e900';
  font-size: 14px;
}
.m-book-toggle {
  cursor: pointer;
}
.m-book-toggle__content {
  background-color: #21707a;
  position: relative;
  text-align: center;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
.m-book-toggle__text {
  font-size: 34px;
  color: rgba(255,255,255,0.5);
  font-family: 'PostScriptum', sans-serif;
  text-transform: uppercase;
  line-height: 64px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
.m-book-toggle__wrap-btn {
  position: absolute;
  bottom: -18px;
  left: calc(50% - 35px);
}
.m-book-toggle:hover .m-book-toggle__content,
.m-book-toggle:focus .m-book-toggle__content {
  background-color: #185d67;
}
.m-book-toggle:hover .m-book-toggle__text,
.m-book-toggle:focus .m-book-toggle__text {
  color: #fff;
}
@media (max-width: 599px) {
  .m-book-toggle__text {
    font-size: 30px;
  }
}
.m-nav-hotel__content {
  font-size: 0;
  padding-left: 70px;
  position: relative;
}
.m-nav-hotel__title {
  font-size: 28px;
  color: #fff;
  font-family: 'PostScriptum', sans-serif;
  text-transform: uppercase;
  line-height: 60px;
  padding-right: 25px;
  position: relative;
}
.m-nav-hotel__title:after {
  content: '';
  display: block;
  position: absolute;
  width: 1px;
  height: 10px;
  background-color: rgba(255,255,255,0.5);
  right: 0;
  top: calc(50% - 5px);
}
.m-nav-hotel__text {
  font-size: 17px;
  font-family: 'Amble Condensed', sans-serif;
  text-transform: uppercase;
  color: rgba(255,255,255,0.7);
  line-height: 60px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  letter-spacing: 0.3px;
}
.m-nav-hotel .nav .open > a {
  background-color: transparent;
}
.m-nav-hotel .nav > li > a,
.m-nav-hotel__link {
  display: block;
  padding: 0 18px;
  position: relative;
  text-align: center;
}
.m-nav-hotel .nav > li > a:after,
.m-nav-hotel__link:after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  background: 0;
  border-style: solid;
  border-width: 6px 4px 0 4px;
  border-color: #fff transparent transparent transparent;
  left: calc(50% - 4px);
  bottom: 0px;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
.m-nav-hotel .nav > li > a:hover,
.m-nav-hotel__link:hover,
.m-nav-hotel .nav > li > a:focus,
.m-nav-hotel__link:focus,
.m-nav-hotel .nav > li > a.open,
.m-nav-hotel__link.open {
  background-color: transparent;
}
.m-nav-hotel .nav,
.m-nav-hotel__list {
  display: inline-block;
  vertical-align: middle;
}
.m-nav-hotel__wrap-title {
  display: inline-block;
  vertical-align: middle;
}
.m-nav-hotel__wrap-btn {
  display: none;
}
.m-nav-hotel .nav > li,
.m-nav-hotel__item {
  display: inline-block;
  vertical-align: middle;
  position: static;
}
.m-nav-hotel .nav > li:hover .m-nav-hotel__link:after,
.m-nav-hotel__item:hover .m-nav-hotel__link:after,
.m-nav-hotel .nav > li:focus .m-nav-hotel__link:after,
.m-nav-hotel__item:focus .m-nav-hotel__link:after,
.m-nav-hotel .nav > li.active .m-nav-hotel__link:after,
.m-nav-hotel__item.active .m-nav-hotel__link:after,
.m-nav-hotel .nav > li.open .m-nav-hotel__link:after,
.m-nav-hotel__item.open .m-nav-hotel__link:after {
  bottom: 12px;
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.m-nav-hotel .nav > li:hover .m-nav-hotel__text,
.m-nav-hotel__item:hover .m-nav-hotel__text,
.m-nav-hotel .nav > li:focus .m-nav-hotel__text,
.m-nav-hotel__item:focus .m-nav-hotel__text,
.m-nav-hotel .nav > li.active .m-nav-hotel__text,
.m-nav-hotel__item.active .m-nav-hotel__text,
.m-nav-hotel .nav > li.open .m-nav-hotel__text,
.m-nav-hotel__item.open .m-nav-hotel__text {
  color: #fff;
}
@media (min-width: 970px) {
  .m-nav-hotel .nav > li:hover .m-nav-hotel__submenu,
  .m-nav-hotel__item:hover .m-nav-hotel__submenu,
  .m-nav-hotel .nav > li:focus .m-nav-hotel__submenu,
  .m-nav-hotel__item:focus .m-nav-hotel__submenu {
    display: block;
  }
}
.m-nav-hotel__submenu {
  top: 100%;
  width: 100%;
}
.m-nav-hotel--orange .m-nav-hotel__content {
  background-color: #f78d28;
}
.m-nav-hotel--yellow .m-nav-hotel__content {
  background-color: #d3bd49;
}
.m-nav-hotel--green .m-nav-hotel__content {
  background-color: #00c6c0;
}
.m-nav-hotel--pink .m-nav-hotel__content {
  background-color: #c28d8d;
}
@media (max-width: 1389px) {
  .m-nav-hotel__content {
    padding-left: 60px;
  }
  .m-nav-hotel .nav > li > a,
  .m-nav-hotel__link {
    display: block;
    padding: 0 15px;
  }
}
@media (max-width: 1259px) {
  .m-nav-hotel__content {
    padding-left: 40px;
  }
  .m-nav-hotel .nav > li.m-nav-hotel__item--hide,
  .m-nav-hotel__item--hide {
    display: none;
  }
}
@media (max-width: 969px) {
  .m-nav-hotel__content {
    padding-left: 0;
    text-align: center;
  }
  .m-nav-hotel .nav,
  .m-nav-hotel__list {
    border-top: 1px solid rgba(255,255,255,0.5);
  }
  .m-nav-hotel__wrap-title {
    display: block;
    width: 100%;
  }
  .m-nav-hotel__title {
    font-size: 36px;
    padding-right: 0;
  }
  .m-nav-hotel__title:after {
    display: none;
  }
  .m-nav-hotel__text {
    line-height: 45px;
  }
  .m-nav-hotel .nav > li:hover .m-nav-hotel__link:after,
  .m-nav-hotel__item:hover .m-nav-hotel__link:after,
  .m-nav-hotel .nav > li:focus .m-nav-hotel__link:after,
  .m-nav-hotel__item:focus .m-nav-hotel__link:after,
  .m-nav-hotel .nav > li.active .m-nav-hotel__link:after,
  .m-nav-hotel__item.active .m-nav-hotel__link:after,
  .m-nav-hotel .nav > li.open .m-nav-hotel__link:after,
  .m-nav-hotel__item.open .m-nav-hotel__link:after {
    bottom: 7px;
  }
  .m-nav-hotel__submenu {
    border-bottom: 1px solid rgba(190,213,216,0.8);
  }
}
@media (max-width: 767px) {
  .m-nav-hotel__content {
    padding: 0 80px;
  }
  .m-nav-hotel__wrap-btn {
    display: block;
    border-top: 1px solid rgba(255,255,255,0.5);
    padding: 7.5px 0;
  }
  .m-nav-hotel .btn-toggle--close {
    display: none;
  }
  .m-nav-hotel .nav,
  .m-nav-hotel__list {
    border-top: 0;
    display: none;
    padding-bottom: 30px;
  }
  .m-nav-hotel .nav > li.m-nav-hotel__item--hide,
  .m-nav-hotel__item--hide {
    display: block;
  }
  .m-nav-hotel .nav > li,
  .m-nav-hotel__item {
    display: block;
    width: 100%;
    border-bottom: 1px solid rgba(255,255,255,0.5);
  }
  .m-nav-hotel .nav > li:last-child,
  .m-nav-hotel__item:last-child {
    border-bottom: 0;
  }
  .m-nav-hotel__text {
    line-height: 50px;
  }
  .m-nav-hotel__submenu {
    position: static;
    margin: 0 -80px;
    margin-bottom: -1px;
    width: auto;
    border-bottom: 0;
  }
  .m-nav-hotel.active .nav,
  .m-nav-hotel.active .m-nav-hotel__list {
    display: block;
  }
  .m-nav-hotel.active .m-nav-hotel__wrap-btn {
    border-bottom: 1px solid rgba(255,255,255,0.5);
  }
  .m-nav-hotel.active .btn-toggle--close {
    display: inline-block;
  }
  .m-nav-hotel.active .btn-toggle--open {
    display: none;
  }
}
@media (max-width: 599px) {
  .m-nav-hotel__content {
    padding: 0 45px;
  }
}
.m-offer-slider__content {
  position: relative;
    @include medium-tablet{
        padding-bottom:40px;
    }
}
.m-offer-slider__wrap-title {
  position:relative;
  padding: 30px 0;
}
.m-home-offers__wrap-btn{
    position:absolute;
    top:50%;
    @include transform(translateY(-50%));
    right:0;
}
.m-offer-slider__title{
  font-family:$corp-font3;
  font-size: 45px;
  color: $color-title;
  font-weight: 700;
  line-height: 1.2;
  display: inline-block;
  vertical-align: middle;
}
.m-offer-slider__subtitle {
  font-family:$corp-font1;
  font-size: 15px;
  color: rgba($color-basic, 0.7);
  font-weight: 500;
  text-transform: uppercase;
  line-height: 1.2;
  letter-spacing: 0.4px;
  display: inline-block;
  vertical-align: middle;
  padding-top:10px;
}
.m-offer-slider__title:after {
  content: '';
  display: block;
  width: 1px;
  height: 15px;
  background-color: rgba($color-basic, 0.4);
  display: inline-block;
  vertical-align: middle;
  margin: 0 15px;
}
.m-offer-slider__title-text {
  font-size: 35px;
  font-family:$corp-font3;
  font-weight:500;
  text-transform: uppercase;
  line-height: 1.2;
  color: $color-corp;
  padding: 8px 0;
}
.m-offer-slider__subtitle-text {
  font-family:$corp-font1;
  font-size: 15px;
  text-transform: uppercase;
  color: rgba($color-corp, 0.7);
  line-height: 1.4;
  letter-spacing: 0.4px;
  font-weight: 400;
  padding: 8px 0;
}
.m-offer-slider__wrap-slider {
  background-color: rgba($color-corp, 0.1);
  background-image: url("/static/img/home/offers-bubbles.svg");
  background-repeat: no-repeat;
  background-position: right 40px top -8px;
  position: relative;
}
.m-offer-slider__wrap-text {
  width: 246px;
  text-align: right;
  position: absolute;
  right: 35px;
  top: 15px;
}
.m-offer-slider__item {
  border: 5px solid #fff;
    @include hovers{
        .m-offer__wrap-img:before{
            background-color: rgba(0, 0, 0, 0.4);
        }
    }
}
.m-offer-slider__wrap-controls {
  margin: 0 -4px;
  position: absolute;
  top: 22px;
  right: 28px;
}
.m-offer-slider .btn-circle {
  margin: 0 4px;
}
@media (max-width: 1389px) {
    .m-offer-slider__title{
        display:block;
        font-size:40px;
        &:after{
            display:none;
        }
    }
    .m-offer-slider__subtitle{
        padding-top:0;
    }
}
@media (max-width: 1259px) {
    .m-offer-slider__wrap-title{
        text-align:center;
    }
    .m-home-offers__wrap-btn{
        position:relative;
        top:0;
        @include transform(none);
        padding-top:15px;
    }
}
@media (max-width: 969px) {
  .m-offer-slider__title,
  .m-offer-slider__subtitle {
    display: block;
  }
  .m-offer-slider__title {
    font-size: 35px;
  }
  .m-offer-slider__title:after {
    display: none;
  }
  .m-offer-slider__wrap-title {
    text-align: center;
    padding-left: 0;
  }
  .m-offer-slider__wrap-controls {
    display: none;
  }
  .m-offer-slider .btn-circle.slick-arrow {
    position: absolute;
    top: -60px;
  }
  .m-offer-slider .btn-circle--arrow-right {
    right: 0;
  }
  .m-offer-slider .btn-circle--arrow-left {
    right: 40px;
  }
}
@media (max-width: 767px) {
  .m-offer-slider__wrap-slider {
    max-width: 420px;
    margin: 0 auto;
  }
  .m-offer-slider .btn-circle.slick-arrow {
    position: absolute;
    top: calc(50% - 17.5px);
    z-index: auto;
  }
  .m-offer-slider .btn-circle--arrow-right {
    right: -60px;
  }
  .m-offer-slider .btn-circle--arrow-left {
    left: -60px;
  }
}
@media (max-width: 599px) {
  .m-offer-slider__title-text {
    display: none;
  }
  .m-offer-slider__wrap-controls {
    display: block;
    position: static;
    text-align: center;
    padding-bottom: 20px;
  }
  .m-offer-slider .btn-circle.slick-arrow {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    text-align: center;
    display: inline-block !important;
    vertical-align: middle;
  }
}
.m-menu-hotel {
  max-width: 845px;
  margin: 0 auto;
}
.m-menu-hotel__content {
  font-size: 0;
  padding: 10px 0 30px 0;
  position: relative;
}
.m-menu-hotel__title {
  font-size: 14px;
  color: rgba(31,112,121,0.5);
  text-transform: uppercase;
  font-weight: 400;
  letter-spacing: 0.4px;
}
.m-menu-hotel__name {
  font-size: 29px;
  color: #1f7079;
  font-family: 'PostScriptum', sans-serif;
  text-transform: uppercase;
  line-height: 1.3;
  display: block;
  position: relative;
}
.m-menu-hotel__name:after {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e90a';
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #bed5d8;
  font-size: 26px;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
.m-menu-hotel__type {
  font-size: 12px;
  color: rgba(26,95,102,0.5);
  text-transform: uppercase;
  font-weight: 400;
  line-height: 1.7;
  letter-spacing: 0.4px;
}
.m-menu-hotel__wrap-img {
  width: 220px;
  height: 220px;
  position: relative;
}
.m-menu-hotel__img {
  -webkit-border-radius: 50%;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.m-menu-hotel__img--thumbnail {
  z-index: 1;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
.m-menu-hotel__img--placeholder {
  background-color: #e6eeee;
  position: relative;
}
.m-menu-hotel__img--placeholder:after {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e914';
  font-size: 100px;
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.m-menu-hotel__link {
  display: block;
  padding: 20px 0 25px 0;
  border-top: 1px solid rgba(190,213,216,0.8);
  min-height: 103px;
}
.m-menu-hotel__wrap-btn {
  text-align: center;
  padding-top: 30px;
}
.m-menu-hotel__wrap-title {
  padding: 30px 0;
}
.m-menu-hotel__col {
  display: inline-block;
  vertical-align: top;
}
.m-menu-hotel__col--text {
  width: calc(100% - 220px);
  padding-right: 50px;
}
.m-menu-hotel__col--img {
  width: 220px;
  padding-top: 30px;
}
.m-menu-hotel__list {
  margin: 0 -25px;
}
@media (min-width: 970px) {
  .m-menu-hotel__list:hover .m-menu-hotel__item:not(:hover),
  .m-menu-hotel__list:focus .m-menu-hotel__item:not(:hover) {
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
  }
}
.m-menu-hotel__item {
  display: inline-block;
  vertical-align: top;
  width: calc(50% - 50px);
  margin: 0 25px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
.m-menu-hotel__item:first-child:nth-last-child(1) {
  width: calc(100% - 50px);
}
.m-menu-hotel__item:first-child:nth-last-child(2),
.m-menu-hotel__item:first-child:nth-last-child(2) ~ .m-menu-hotel__item {
  width: calc(100% - 50px);
}
.m-menu-hotel__item:nth-child(even):nth-last-child(2) .m-menu-hotel__link {
  border-bottom: 1px solid rgba(190,213,216,0.8);
}
@media (min-width: 970px) {
  .m-menu-hotel__item:hover .m-menu-hotel__name:after,
  .m-menu-hotel__item:focus .m-menu-hotel__name:after,
  .m-menu-hotel__item.active .m-menu-hotel__name:after {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    right: 0;
  }
}
.m-menu-hotel__wrap-toggle {
  position: absolute;
  right: -60px;
  top: -30px;
}
@media (max-width: 969px) {
  .m-menu-hotel__content {
    padding: 20px 80px;
    padding-top: 0;
  }
  .m-menu-hotel__col {
    display: block;
    width: 100%;
    padding: 0;
  }
  .m-menu-hotel__col--img {
    display: none;
  }
  .m-menu-hotel__wrap-title {
    text-align: center;
  }
  .m-menu-hotel__link {
    padding: 10px 0 15px 0;
    min-height: 83px;
    text-align: center;
  }
}
@media (max-width: 767px) {
  .m-menu-hotel__content {
    padding: 15px 80px;
  }
  .m-menu-hotel__wrap-title {
    display: none;
  }
  .m-menu-hotel__list {
    margin: 0;
  }
  .m-menu-hotel__item {
    padding: 0;
    margin: 0;
    width: 100%;
    display: block;
    border-bottom: 1px solid rgba(190,213,216,0.8);
  }
  .m-menu-hotel__item:last-child {
    border-bottom: 0;
  }
  .m-menu-hotel__link {
    border: 0 !important;
    padding: 15px 0;
    min-height: 87px;
  }
}
.m-menu-language {
  max-width: 110px;
  -webkit-box-shadow: 0 0 6px rgba(0,0,0,0.3);
  box-shadow: 0 0 6px rgba(0,0,0,0.3);
}
.m-menu-language__content {
  text-align: center;
  background-color: #fff;
  padding: 15px;
  font-size: 0;
}
@media (min-width: 970px) {
  .m-menu-language__item:not(:last-child) {
    border-bottom: 1px solid rgba(190,213,216,0.8);
  }
  .m-menu-language__item:hover .m-menu-language__text,
  .m-menu-language__item:focus .m-menu-language__text,
  .m-menu-language__item.active .m-menu-language__text {
    color: $color-corp-hover;
      font-weight:700;
  }
}
.m-menu-language__link {
  display: block;
}
.m-menu-language__text {
  font-size: 11px;
  font-family: $corp-font1;
  text-transform: uppercase;
  color: $color-basic;
  line-height: 38px;
  font-weight: 400;
  display: block;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 969px) {
  .m-menu-language {
    max-width: 100%;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .m-menu-language__content {
    padding: 17.5px 20px;
    border-top: 1px solid rgba(190,213,216,0.8);
    border-bottom: 1px solid rgba(190,213,216,0.8);
  }
  .m-menu-language__item {
    display: inline-block;
    vertical-align: middle;
    width: 33.3333%;
  }
  .m-menu-language__item:hover .m-menu-language__text,
  .m-menu-language__item:focus .m-menu-language__text,
  .m-menu-language__item.active .m-menu-language__text {
    color: #21707a;
  }
  .m-menu-language__item:hover .m-menu-language__text:after,
  .m-menu-language__item:focus .m-menu-language__text:after,
  .m-menu-language__item.active .m-menu-language__text:after {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  .m-menu-language__text {
    position: relative;
  }
  .m-menu-language__text:after {
    content: '';
    display: block;
    position: absolute;
    width: 5px;
    height: 5px;
    background-color: #21707a;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    top: 0;
    left: calc(50% - 2.5px);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
  }
}
@media (max-width: 599px) {
  .m-menu-language__content {
    padding: 17.5px 0;
  }
  .m-menu-language__list {
    margin: 0 -25px;
  }
}
.m-nav {
  position: relative;
}
.m-nav__content {
  font-size: 0;
  text-align: right;
  position: relative;
  padding: 0 40px;
  border-bottom: 1px solid transparent;
}
.m-nav__logo {
  background-image: url("/static/svg/logo_white.svg");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  width: 160px;
  height: 75px;
  display: block;
  position: absolute;
  top: 20px;
  left: 60px;
  -webkit-transition: top 0.5s;
  -moz-transition: top 0.5s;
  -o-transition: top 0.5s;
  -ms-transition: top 0.5s;
  transition: top 0.5s;
}
.m-nav__wrap-btn {
  display: none;
}
.m-nav__link {
  display: block;
  padding: 10px 20px 0;
  position: relative;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
.m-nav__link--line:after {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 0px;
  background-color: #fff;
  top: 0;
  left: 50%;
  @include transform(translateX(-50%));
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
.m-nav__link--language {
  padding: 10px 20px 0 20px;
}
.m-nav__link--language:after,
.m-nav__link--language:before {
  content: '';
  display: block;
  position: absolute;
  width: 1px;
  height: 6px;
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
  background-color: #fff;
  top: calc(50% + 2px);
}
.m-nav__link--language:after {
  right: -1px;
}
.m-nav__link--language:before {
  left: -1px;
}
.m-nav__text {
  font-size: 18px;
  color: #fff;
  text-shadow:2px 2px 2px rgba(#444444, 0.2);
  line-height: 75px;
  text-transform: uppercase;
  font-family: $corp-font1;
  font-weight:700;
  @include space(10em);
}
.m-nav__text--language:after,
.m-nav__text--hotel:after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  background: 0;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  border-color: #fff transparent transparent transparent;
  bottom: -7px;
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
}
.m-nav__text--language {
  font-size: 13px;
  position: relative;
}
.m-nav__text--language:after {
  left:calc(50% - 3px);
}
.m-nav__text--hotel {
  position: relative;
}
.m-nav__text--hotel:after {
  left: calc(50% - 3px);
}
.m-nav__icon-home:after {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e913';
  display: inline-block;
  font-size: 14px;
  line-height: 75px;
  color: #fff;
}
.m-nav__submenu {
  z-index: 1;
}
.m-nav__submenu--language {
  width: 110px;
  top: 100%;
  left: 0;
  z-index: 11;
}
.m-nav__submenu--hotel {
  width: 100%;
  background-color: #fff;
  position: fixed;
  z-index: 10;
  top: 85px;
  left: 0;
  bottom: 0;
  border-top: 1px solid #cbdde0;
}
.m-nav__wrap-menu-hotel {
  position: absolute;
  top: 45%;
  width: 100%;
  -webkit-transform: translateY(-50%) translateX(0) translateZ(0);
  -moz-transform: translateY(-50%) translateX(0) translateZ(0);
  -o-transform: translateY(-50%) translateX(0) translateZ(0);
  -ms-transform: translateY(-50%) translateX(0) translateZ(0);
  transform: translateY(-50%) translateX(0) translateZ(0);
}
.m-nav__list {
  display: inline-block;
  vertical-align: top;
}
@media (min-width: 970px) {
  .m-nav__list:hover .m-nav__item:not(:hover):not(.m-nav__item--number):not(.open),
  .m-nav__list:focus .m-nav__item:not(:hover):not(.m-nav__item--number):not(.open) {
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
  }
}
.m-nav__item {
  display: inline-block;
  vertical-align: top;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
.m-nav__item--language {
  position: relative;
}
@media (min-width: 970px) {
  .m-nav__item:hover .m-nav__link--line:after,
  .m-nav__item:focus .m-nav__link--line:after,
  .m-nav__item.active .m-nav__link--line:after,
  .m-nav__item.open .m-nav__link--line:after {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    width: 100%;
    height: 5px;
  }
  .m-nav__item:hover .m-nav__link--language,
  .m-nav__item:focus .m-nav__link--language,
  .m-nav__item.active .m-nav__link--language,
  .m-nav__item.open .m-nav__link--language {
    background-color: rgba(255,255,255,0.2);
  }
  .m-nav__item:hover .m-nav__text--hotel:after,
  .m-nav__item:focus .m-nav__text--hotel:after,
  .m-nav__item.active .m-nav__text--hotel:after,
  .m-nav__item.open .m-nav__text--hotel:after,
  .m-nav__item:hover .m-nav__text--language:after,
  .m-nav__item:focus .m-nav__text--language:after,
  .m-nav__item.active .m-nav__text--language:after,
  .m-nav__item.open .m-nav__text--language:after {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  .m-nav__item:hover .m-nav__submenu--language,
  .m-nav__item:focus .m-nav__submenu--language {
    display: block;
  }
}
.m-nav--home-on-top .m-nav__content,
.m-nav--white .m-nav__content {
  background-color: #fff;
  border-bottom-color: #cccccc;
}
.m-nav--home-on-top .m-nav__logo,
.m-nav--white .m-nav__logo {
  background-image: url("/static/svg/logo.svg");
  width: 130px;
  height: 61px;
  top: calc(50% - 30.5px);
}
.m-nav--home-on-top .m-nav__icon-home:after,
.m-nav--white .m-nav__icon-home:after {
  color: $color-basic;
}
.m-nav--home-on-top .m-nav__link--line:after,
.m-nav--white .m-nav__link--line:after {
  background-color: $color-corp;
  top: auto;
  bottom: 0;
}
.m-nav--home-on-top .m-nav__text,
.m-nav--white .m-nav__text {
  color: $color-basic;
  text-shadow:none;
}
.m-nav--home-on-top .m-nav__text--language:after,
.m-nav--white .m-nav__text--language:after,
.m-nav--home-on-top .m-nav__text--hotel:after,
.m-nav--white .m-nav__text--hotel:after {
  width: 0;
  height: 0;
  background: 0;
  border-style: solid;
  border-width: 4px 3px 0 3px;
  border-color: $color-corp transparent transparent transparent;
}
@media (min-width: 970px) {
  .m-nav--home-on-top .m-nav__item:hover .m-nav__link--line:after,
  .m-nav--white .m-nav__item:hover .m-nav__link--line:after,
  .m-nav--home-on-top .m-nav__item:focus .m-nav__link--line:after,
  .m-nav--white .m-nav__item:focus .m-nav__link--line:after,
  .m-nav--home-on-top .m-nav__item.active .m-nav__link--line:after,
  .m-nav--white .m-nav__item.active .m-nav__link--line:after,
  .m-nav--home-on-top .m-nav__item.open .m-nav__link--line:after,
  .m-nav--white .m-nav__item.open .m-nav__link--line:after {
    width: 100%;
    height: 5px;
  }
  .m-nav--home-on-top .m-nav__item:hover .m-nav__link--language,
  .m-nav--white .m-nav__item:hover .m-nav__link--language,
  .m-nav--home-on-top .m-nav__item:focus .m-nav__link--language,
  .m-nav--white .m-nav__item:focus .m-nav__link--language,
  .m-nav--home-on-top .m-nav__item.active .m-nav__link--language,
  .m-nav--white .m-nav__item.active .m-nav__link--language,
  .m-nav--home-on-top .m-nav__item.open .m-nav__link--language,
  .m-nav--white .m-nav__item.open .m-nav__link--language {
    background-color: #eef4f4;
  }
}
.m-nav--home-on-top .m-menu-language,
.m-nav--white .m-menu-language {
  -webkit-box-shadow: 0 6px 6px -3px rgba(0,0,0,0.3);
  box-shadow: 0 6px 6px -3px rgba(0,0,0,0.3);
}
.m-nav--home-on-top .m-menu-language__content,
.m-nav--white .m-menu-language__content {
  background-color: #eef4f4;
}
@media (min-width: 970px) {
  .m-nav--white .m-nav__item:hover .m-nav__submenu--hotel,
  .m-nav--white .m-nav__item:focus .m-nav__submenu--hotel {
    display: block;
  }
}
.m-nav--white .m-nav__submenu {
  z-index: 1;
}
.m-nav--white .m-nav__submenu--hotel {
  width: 100%;
  background-color: #fff;
  position: absolute;
  top: 100%;
  left: 0;
  bottom: auto;
}
.m-nav--white .m-nav__wrap-menu-hotel {
  position: static;
  top: auto;
  width: 100%;
  -webkit-transform: translate(0);
  -moz-transform: translate(0);
  -o-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0);
  background-color: #fff;
}
.m-nav--white .m-menu-hotel__wrap-toggle {
  display: none;
}
@media (max-width: 1389px) {
  .m-nav__logo {
    left: 50px;
  }
}
@media (max-width: 1259px) {
  .m-nav__content {
    height: 75px;
    padding: 0;
  }
  .m-nav__wrap-btn {
    display: block;
    position: absolute;
    right: 40px;
    top: calc(50% - 16.5px);
  }
  .m-nav__logo {
    width: 146px;
    height: 68px;
    top: 24px;
    left: 40px;
  }
  .m-nav__list {
    position: absolute;
    width: 100%;
    left: 0;
    top: 100%;
    padding-left: 40px;
    display: none;
    background-color: #fff;
    border-bottom: 1px solid #cbdde0;
  }
  .m-nav__link {
    display: block;
    padding: 0 17px;
  }
  .m-nav .btn-toggle--close {
    display: none;
  }
  .m-nav.active .m-nav__list {
    display: block;
  }
  .m-nav.active .btn-toggle--open {
    display: none;
  }
  .m-nav.active .btn-toggle--close {
    display: inline-block;
  }
  .m-nav.active .m-nav__content,
  .m-nav--home-on-top .m-nav__content,
  .m-nav--white .m-nav__content {
    background-color: #fff;
    border-bottom-color: #cbdde0;
  }
  .m-nav.active .m-nav__logo,
  .m-nav--home-on-top .m-nav__logo,
  .m-nav--white .m-nav__logo {
    background-image: url("/static/img/logo-typic-sm.svg");
    width: 113px;
    height: 53px;
    top: 12px;
  }
  .m-nav.active .m-nav__icon-home:after,
  .m-nav--home-on-top .m-nav__icon-home:after,
  .m-nav--white .m-nav__icon-home:after {
    color: rgba(33,112,122,0.7);
  }
  .m-nav.active .m-nav__link--line:after,
  .m-nav--home-on-top .m-nav__link--line:after,
  .m-nav--white .m-nav__link--line:after {
    background-color: rgba(33,112,122,0.5);
    top: auto;
    bottom: 0;
  }
  .m-nav.active .m-nav__text,
  .m-nav--home-on-top .m-nav__text,
  .m-nav--white .m-nav__text {
    color: #21707a;
  }
  .m-nav.active .m-nav__text--language:after,
  .m-nav--home-on-top .m-nav__text--language:after,
  .m-nav--white .m-nav__text--language:after,
  .m-nav.active .m-nav__text--hotel:after,
  .m-nav--home-on-top .m-nav__text--hotel:after,
  .m-nav--white .m-nav__text--hotel:after {
    width: 0;
    height: 0;
    background: 0;
    border-style: solid;
    border-width: 4px 3px 0 3px;
    border-color: #21707a transparent transparent transparent;
  }
  .m-nav.active .m-nav__item:hover .m-nav__submenu--hotel,
  .m-nav--home-on-top .m-nav__item:hover .m-nav__submenu--hotel,
  .m-nav--white .m-nav__item:hover .m-nav__submenu--hotel,
  .m-nav.active .m-nav__item:focus .m-nav__submenu--hotel,
  .m-nav--home-on-top .m-nav__item:focus .m-nav__submenu--hotel,
  .m-nav--white .m-nav__item:focus .m-nav__submenu--hotel {
    display: block;
  }
  .m-nav.active .m-nav__item:hover .m-nav__link--line:after,
  .m-nav--home-on-top .m-nav__item:hover .m-nav__link--line:after,
  .m-nav--white .m-nav__item:hover .m-nav__link--line:after,
  .m-nav.active .m-nav__item:focus .m-nav__link--line:after,
  .m-nav--home-on-top .m-nav__item:focus .m-nav__link--line:after,
  .m-nav--white .m-nav__item:focus .m-nav__link--line:after,
  .m-nav.active .m-nav__item.active .m-nav__link--line:after,
  .m-nav--home-on-top .m-nav__item.active .m-nav__link--line:after,
  .m-nav--white .m-nav__item.active .m-nav__link--line:after,
  .m-nav.active .m-nav__item.open .m-nav__link--line:after,
  .m-nav--home-on-top .m-nav__item.open .m-nav__link--line:after,
  .m-nav--white .m-nav__item.open .m-nav__link--line:after {
    width: 1px;
    height: 15px;
  }
  .m-nav.active .m-nav__item:hover .m-nav__link--language,
  .m-nav--home-on-top .m-nav__item:hover .m-nav__link--language,
  .m-nav--white .m-nav__item:hover .m-nav__link--language,
  .m-nav.active .m-nav__item:focus .m-nav__link--language,
  .m-nav--home-on-top .m-nav__item:focus .m-nav__link--language,
  .m-nav--white .m-nav__item:focus .m-nav__link--language,
  .m-nav.active .m-nav__item.active .m-nav__link--language,
  .m-nav--home-on-top .m-nav__item.active .m-nav__link--language,
  .m-nav--white .m-nav__item.active .m-nav__link--language,
  .m-nav.active .m-nav__item.open .m-nav__link--language,
  .m-nav--home-on-top .m-nav__item.open .m-nav__link--language,
  .m-nav--white .m-nav__item.open .m-nav__link--language {
    background-color: #eef4f4;
  }
  .m-nav.active .m-nav__submenu,
  .m-nav--home-on-top .m-nav__submenu,
  .m-nav--white .m-nav__submenu {
    z-index: 1;
  }
  .m-nav.active .m-nav__submenu--hotel,
  .m-nav--home-on-top .m-nav__submenu--hotel,
  .m-nav--white .m-nav__submenu--hotel {
    width: 100%;
    background-color: #fff;
    position: absolute;
    top: 100%;
    left: 0;
    bottom: auto;
  }
  .m-nav.active .m-nav__wrap-menu-hotel,
  .m-nav--home-on-top .m-nav__wrap-menu-hotel,
  .m-nav--white .m-nav__wrap-menu-hotel {
    position: static;
    top: auto;
    width: 100%;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -o-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
    background-color: #fff;
  }
  .m-nav.active .btn-toggle__text,
  .m-nav--home-on-top .btn-toggle__text,
  .m-nav--white .btn-toggle__text {
    color: #21707a;
  }
  .m-nav.active .btn-toggle__icon,
  .m-nav--home-on-top .btn-toggle__icon,
  .m-nav--white .btn-toggle__icon {
    border: 1px solid #21707a;
  }
  .m-nav.active .btn-toggle__icon:after,
  .m-nav--home-on-top .btn-toggle__icon:after,
  .m-nav--white .btn-toggle__icon:after {
    color: #21707a;
  }
  .m-nav.active .m-menu-hotel__wrap-toggle,
  .m-nav--home-on-top .m-menu-hotel__wrap-toggle,
  .m-nav--white .m-menu-hotel__wrap-toggle {
    display: none;
  }
  .m-nav.active .m-menu-language,
  .m-nav--home-on-top .m-menu-language,
  .m-nav--white .m-menu-language {
    -webkit-box-shadow: 0 6px 6px -3px rgba(0,0,0,0.3);
    box-shadow: 0 6px 6px -3px rgba(0,0,0,0.3);
  }
  .m-nav.active .m-menu-language__content,
  .m-nav--home-on-top .m-menu-language__content,
  .m-nav--white .m-menu-language__content {
    background-color: #eef4f4;
  }
}
@media (max-width: 969px) {
  .m-nav__content {
    text-align: left;
  }
  .m-nav__logo {
    left: 50%;
    top: 20px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .m-nav__list {
    padding: 0 160px;
  }
  .m-nav__submenu--language {
    display: block;
    position: static;
    z-index: auto;
    width: 100%;
  }
  .m-nav__submenu--hotel {
    display: none !important;
  }
  .m-nav__item {
    width: 50%;
    text-align: center;
    padding: 0 22px;
  }
  .m-nav__item--home,
  .m-nav__item:nth-last-child(2),
  .m-nav__item:last-child {
    width: 100%;
  }
  .m-nav__item:last-child .m-nav__link,
  .m-nav__item:nth-last-child(3) .m-nav__link {
    border-bottom: 0;
  }
  .m-nav__link {
    border-bottom: 1px solid rgba(190,213,216,0.8);
  }
  .m-nav__link--language {
    display: none;
  }
  .m-nav__text--hotel {
    padding-right: 0;
  }
  .m-nav__text--hotel:after {
    display: none;
  }
  .m-nav.active .m-nav__item:hover .m-nav__submenu--hotel,
  .m-nav--home-on-top .m-nav__item:hover .m-nav__submenu--hotel,
  .m-nav--white .m-nav__item:hover .m-nav__submenu--hotel,
  .m-nav.active .m-nav__item:focus .m-nav__submenu--hotel,
  .m-nav--home-on-top .m-nav__item:focus .m-nav__submenu--hotel,
  .m-nav--white .m-nav__item:focus .m-nav__submenu--hotel {
    display: none;
  }
  .m-nav.active .m-menu-language,
  .m-nav--home-on-top .m-menu-language,
  .m-nav--white .m-menu-language {
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .m-nav.active .m-menu-language__content,
  .m-nav--home-on-top .m-menu-language__content,
  .m-nav--white .m-menu-language__content {
    background-color: transparent;
  }
}
@media (max-width: 767px) {
  .m-nav__list {
    padding: 0 80px;
  }
}
@media (max-width: 599px) {
  .m-nav__logo {
    width: 113px;
    height: 53px;
    top: 12px;
  }
  .m-nav__wrap-btn {
    right: 16px;
  }
  .m-nav__list {
    padding: 0 60px;
  }
  .m-nav__item {
    width: 100%;
    padding: 0;
  }
  .m-nav__icon-home:after {
    line-height: 60px;
  }
  .m-nav__text {
    line-height: 60px;
  }
}
.m-offer__content {
  position: relative;
  overflow: hidden;
}
.m-offer__wrap-img:before{
    content:'';
    z-index:1;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,0.15);
    @include transition($Stransition);
    @include small-desktop{
        background-color:rgba(0,0,0,0.3);
    }
}
.m-offer__wrap-img {
  padding-top: 106.66666666666667%;
  position: relative;
  z-index:0;
}
.m-offer__img {
  width: 100%;
  height: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  background-position: center center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-position: center bottom;
}
.m-offer-slider__slider .btn-slide-control{
    position:absolute;
    z-index:1;
    top:55%;
    @include transform(translateY(-50%));
}
.m-offer-slider__slider .btn-slide-control--next{
    left:4px;
}
.m-offer-slider__slider .btn-slide-control--prev{
    right:4px;
}
.m-offer__title {
  font-size: 25px;
  font-family:$corp-font1;
  text-transform: uppercase;
  font-weight:500;
  color: #fff;
  line-height: 1.2;
  letter-spacing: 0.3px;
  position: relative;
  padding-bottom: 10px;
  margin-bottom: 10px;
  max-width: 190px;
  text-shadow:2px 2px 2px rgba(#444444, 0.2);
}
.m-offer__title:after {
  content: '';
  display: block;
  position: absolute;
  width: 15px;
  height: 1px;
  background-color: #fff;
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  bottom: 0;
  left: 0;
}
.m-offer__subtitle {
  font-family:$corp-font1;
  font-size: 15px;
  text-transform: uppercase;
  font-weight: 500;
  color: #fff;
  line-height: 1.4;
  letter-spacing: 0.2px;
  padding: 1px 0;
  max-width:calc(100% - 90px);
  text-shadow:2px 2px 2px rgba(#444444, 0.2);
}
.m-offer__text {
  font-family:$corp-font1;
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
  color: #fff;
  line-height: 1.4;
  letter-spacing: 0.3px;
  text-shadow:2px 2px 2px rgba(#444444, 0.2);
}
.m-offer__wrap-info {
  position: absolute;
  z-index:1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 27px;
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -o-transition: all 0.6s;
  -ms-transition: all 0.6s;
  transition: all 0.6s;
}
.m-offer__wrap-description {
  position: absolute;
  top: 0;
  right: 100%;
  width: 100%;
  height: 100%;
  z-index: 2;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -o-transition: all 0.6s;
  -ms-transition: all 0.6s;
  transition: all 0.6s;
}
.m-offer__wrap-description:after {
  content: '';
  display: block;
  position: absolute;
  z-index: -1;
  background-color: rgba(0,0,0,0.6);
  top: 18px;
  left: 18px;
  right: 18px;
  bottom: 18px;
}
.m-offer__wrap-main-price {
  position: absolute;
  right: 27px;
  top: 27px;
}
.m-offer__wrap-info-btn {
  position: absolute;
  right: 33px;
  top: 33px;
}
.m-offer__wrap-info-btn:hover .m-offer__tooltip,
.m-offer__wrap-info-btn:focus .m-offer__tooltip {
  margin-right: 13px;
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.m-offer__tooltip {
  font-size: 11px;
  text-transform: uppercase;
  color: $color-corp;
  line-height: 25px;
  background-color: #fff;
  padding: 0 19px;
  font-family:$corp-font1;
  font-weight: 400;
  letter-spacing: 0.8px;
  position: absolute;
  white-space: nowrap;
  right: 100%;
  margin-right: 0px;
  top: calc(50% - 12.5px);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  pointer-events: none;
}
.m-offer__tooltip:after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  background: 0;
  border-style: solid;
  border-width: 6px 0 6px 7px;
  border-color: transparent transparent transparent #fff;
  left: 100%;
  top: calc(50% - 6.5px);
}
.m-offer__content-description {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  padding: 0 28px 28px 28px;
}
.m-offer__wrap-btn {
  padding: 35px 0 30px 0;
}
.m-offer__text-description {
  font-family:$corp-font2;
  font-size: 16px;
  color: #fff;
  line-height: 1.7;
  max-width: 238px;
  margin: 0 auto;
}
.m-offer__wrap-second-price {
  display: inline-block;
  vertical-align: middle;
  border-bottom: 1px solid #fff;
  padding: 10px 0;
  margin-bottom: 20px;
}
.m-offer__wrap-icon {
  width: 100px;
  height: 100px;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 20px;
  border-bottom: 1px solid #fff;
  text-align: center;
  padding: 11px 0;
}
.m-offer__icon {
  width: 75px;
  height: 75px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.m-offer__icon:before {
  font-family: 'c2t';
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 64px;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.m-offer .btn-main--responsive {
  display: none;
}
.m-offer .m-price--second .m-price__content {
  border: 0;
}
.offer-btn{
    position:absolute;
    left:50%;
    bottom:0;
    @include transform(translateX(-50%));
    opacity:0;
}
.m-offer{
    @include hovers{
        .m-price__content{
            background-color:rgba(#fff, 0.8);
            border-color:transparent;
            .m-price__since{
                color:$color-basic;
            }
            .m-price__value{
                color:$color-corp;
            }
            .m-price__currency{
                color:$color-basic;
            }
        }
        .offer-btn{
            opacity:1;
            @include transform(translateX(-50%) translateY(-20px));
        }
    }
    @include full-tablet{
        .offer-btn{
            opacity:1;
            @include transform(translateX(-50%) translateY(-20px));
        }
    }
}
.tag-on .m-offer{
    @include hovers{
        .offer-btn{
            @include transform(translateX(-50%) translateY(-50px));
        }
    }
    @include full-tablet{
        .offer-btn{
            @include transform(translateX(-50%) translateY(-50px));
        }
    }
}
.offer-tag{
    position:absolute;
    z-index:1;
    bottom:0;
    left:0;
    width:100%;
    text-align:center;
    background-color:$color-alarm;
    &.highlight{
        .tag-text{
            &:before{
                content:'\e932';
                display:inline-block;
                position:absolute;
                right:calc(100% + 6px);
                top:8px;
                font-family:'icomoon';
                font-size:16px;
                color:#fff;
                -webkit-animation: zoom-shake 5s ease-out infinite;
                -moz-animation: zoom-shake 5s ease-out infinite;
                -o-animation: zoom-shake 5s ease-out infinite;
                animation: zoom-shake 5s ease-out infinite;
            }
        }
    }
    &.important{
        .tag-text{
            &:before{
                content:'\e906';
                display:inline-block;
                position:absolute;
                right:calc(100% + 6px);
                top:8px;
                font-family:'icomoon';
                font-size:15px;
                color:#fff;
                -webkit-animation: zoom-shake 5s ease-out infinite;
                -moz-animation: zoom-shake 5s ease-out infinite;
                -o-animation: zoom-shake 5s ease-out infinite;
                animation: zoom-shake 5s ease-out infinite;
            }
        }
    }
    &.temporary{
        .tag-text{
            &:before{
                content:'\e933';
                display:inline-block;
                position:absolute;
                right:calc(100% + 8px);
                top:5px;
                font-family:'icomoon';
                font-size:20px;
                color:#fff;
                -webkit-animation: zoom-shake 5s ease-out infinite;
                -moz-animation: zoom-shake 5s ease-out infinite;
                -o-animation: zoom-shake 5s ease-out infinite;
                animation: zoom-shake 5s ease-out infinite;
            }
        }
    }
    .tag-text{
        display:inline-block;
        position:relative;
        font-family:$corp-font1;
        font-size:18px;
        font-weight:500;
        color:#fff;
        text-transform:uppercase;
        padding:7px 0;
    }
    @include full-tablet{
        &.temporary{
            .tag-text{
                &:before{
                    top:6px;
                }
            }
        }
        &.important{
            .tag-text{
                &:before{
                    top:6px;
                }
            }
        }
        .tag-text{
            font-size:16px;
        }
    }
    @include small-tablet{
        .tag-text{
            font-size:15px;
        }
    }
}
@media (max-width: 1499px) {
  .m-offer__wrap-img {
    padding-top: 125.71428571428571%;
  }
}
@media (min-width: 1260px) and (max-width: 1389px) {
  .m-offer__title {
    font-size: 20px;
  }
  .m-offer__wrap-img {
    padding-top: 130.44871794871796%;
  }
  .m-offer__wrap-info {
    padding: 20px;
  }
  .m-offer__wrap-main-price {
    right: 20px;
    top: 20px;
  }
}
@media (max-width: 1259px) {
  .m-offer__wrap-img {
    padding-top: 106.77200902934537%;
  }
}
@media (max-width: 969px) {
  .m-offer__wrap-img {
    padding-top: 129.8507462686567%;
  }
  .m-offer__wrap-info {
    padding: 20px;
  }
  .m-offer__wrap-main-price {
    right: 20px;
    top: 20px;
  }
  .m-offer__content-description {
    position: static;
    padding: 0;
  }
  .m-offer__wrap-description {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    position: static;
  }
  .m-offer__wrap-description:after {
    display: none;
  }
  .m-offer__wrap-second-price,
  .m-offer__wrap-icon,
  .m-offer__text-description {
    display: none;
  }
    .m-offer-slider__slider .btn-slide-control{
        top:calc(50% - 30px);
    }
  .m-offer__wrap-btn {
    padding: 20px 0;
    background-color: #fff;
  }
  .m-offer__wrap-info-btn {
    top: auto;
    bottom: 90px;
    right: 20px;
  }
  .m-offer .btn-main {
    min-width: 200px;
  }
  .m-offer .btn-main--responsive {
    display: inline-block;
  }
  .m-offer .btn-main--default {
    display: none;
  }
}
@media (max-width: 767px) {
  .m-offer__wrap-img {
    padding-top: 130.12048192771084%;
  }
}
@media (max-width: 599px) {
    .m-offer__wrap-text{
        text-align:center;
    }
  .m-offer__title {
    font-size: 19px;
    margin:0 auto 10px;
    max-width:initial;
  }
    .m-offer__title:after {
        left:50%;
        @include transform(translateX(-50%));
    }
  .m-offer__subtitle {
    font-size: 13px;
    margin:0 auto;
    max-width:initial;
  }
  .m-offer__wrap-info {
    padding: 15px;
    height:100%;
  }
    .m-offer__text{
        display:none;
    }
  .m-offer__wrap-main-price {
    right: 50%;
    top: auto;
    bottom:90px;
    @include transform(translateX(50%));
  }
  
}
.m-gallery-head__content {
  font-size: 0;
  padding: 35px 0;
  position: relative;
}
.m-gallery-head__title {
  font-size: 45px;
  font-weight:700;
  font-family: $corp-font3;
  color:$color-title;
  line-height: 1;
  padding-bottom:10px;
}
.m-gallery-head__wrap-title {
  padding-right: 35px;
}
.m-gallery-head__wrap-number {
  position: absolute;
  right: 0;
  top: calc(50% + 12px);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.m-gallery-head__group-title,
.m-gallery-head__wrap-tabs {
  display: inline-block;
  vertical-align: middle;
}
@media (max-width: 969px) {
  .m-gallery-head__content {
    text-align: center;
    padding: 10px 0 15px 0;
  }
  .m-gallery-head__group-title,
  .m-gallery-head__wrap-tabs {
    display: block;
    width: 100%;
  }
  .m-gallery-head__wrap-title {
    border-bottom: 1px solid rgba($color-basic,0.7);
    padding: 25px 0;
  }
  .m-gallery-head__wrap-number {
    top: 40px;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@media (max-width: 767px) {
  .m-gallery-head__content {
    padding-bottom: 0;
  }
  .m-gallery-head__wrap-title {
    border-bottom: 0;
  }
    .m-gallery-head__title{
        padding-bottom:0;
    }
}
@media (max-width: 599px) {
  .m-gallery-head__title {
    font-size: 40px;
  }
  .m-gallery-head__wrap-number {
    position: static;
    border-top: 1px solid rgba($color-basic,0.7);
    padding: 15px 0;
  }
}
.m-gallery-pictures-number__content {
  text-align: center;
}
.m-gallery-pictures-number__text,
.m-gallery-pictures-number__number {
  font-family:$corp-font1;
  font-size: 11px;
  color: rgba($color-basic,0.7);
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.2px;
  line-height: 1.4;
}
.m-gallery-pictures-number__number {
  font-family:$corp-font3;
  font-size: 14px;
  width: 37px;
  height: 37px;
  border: 1px solid rgba($color-basic, 0.7);
  -webkit-border-radius: 50%;
  border-radius: 50%;
  line-height: 35px;
  margin: 0 auto;
}
.m-gallery-pictures-number__text {
  padding: 5px 0;
}
@media (max-width: 599px) {
  .m-gallery-pictures-number__content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
  }
  .m-gallery-pictures-number__text {
    position: absolute;
    right: 100%;
    margin-right: 20px;
    top: calc(50% - 12px);
  }
}
.m-gallery-tabs {
  display: inline-block;
  vertical-align: middle;
}
.m-gallery-tabs__content {
  font-size: 0;
}
.m-gallery-tabs__text {
  font-family:$corp-font1;
  font-size: 15px;
  color: rgba($color-basic, 0.7);
  font-weight: 500;
  text-transform: uppercase;
  line-height: 48px;
  letter-spacing: 0.2px;
  padding: 0 20px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
.m-gallery-tabs__wrap-btn {
  display: none;
}
.m-gallery-tabs__item {
  display: inline-block;
  vertical-align: top;
  position: relative;
}
.m-gallery-tabs__item:after {
  content: '';
  display: block;
  position: absolute;
  width: 1px;
  height: 10px;
  background-color: rgba($color-basic,0.7);
  top: calc(50% - 5px);
  left: 0;
}
.m-gallery-tabs__item:before {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  background: 0;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  border-color: rgba($color-corp, 0.7) transparent transparent transparent;
  bottom: 0;
  left: calc(50% - 4px);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
.m-gallery-tabs__item:hover:before,
.m-gallery-tabs__item:focus:before,
.m-gallery-tabs__item.active:before {
  bottom: 6px;
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.m-gallery-tabs__item:hover .m-gallery-tabs__text,
.m-gallery-tabs__item:focus .m-gallery-tabs__text,
.m-gallery-tabs__item.active .m-gallery-tabs__text {
  color: $color-corp;
}
.m-gallery-tabs__link {
  display: block;
}
@media (max-width: 969px) {
  .m-gallery-tabs__item:first-child:after {
    display: none;
  }
}
@media (max-width: 767px) {
  .m-gallery-tabs {
    display: block;
  }
  .m-gallery-tabs__wrap-btn {
    display: block;
    border-top: 1px solid rgba($color-basic,0.7);
    padding: 15px 0;
  }
  .m-gallery-tabs__list {
    display: none;
    padding-bottom: 40px;
  }
  .m-gallery-tabs__link {
    padding: 8.5px 0;
  }
  .m-gallery-tabs__item {
    display: block;
    width: 100%;
    border-bottom: 1px solid rgba($color-basic,0.7);
  }
  .m-gallery-tabs__item:after {
    display: none;
  }
  .m-gallery-tabs__item:last-child {
    border-bottom: 0;
  }
  .m-gallery-tabs .btn-toggle--close {
    display: none;
  }
  .m-gallery-tabs.active .m-gallery-tabs__list {
    display: block;
  }
  .m-gallery-tabs.active .m-gallery-tabs__wrap-btn {
    border-bottom: 1px solid rgba($color-basic,0.7);
  }
  .m-gallery-tabs.active .btn-toggle--close {
    display: inline-block;
  }
  .m-gallery-tabs.active .btn-toggle--open {
    display: none;
  }
    .m-gallery-tabs__item:hover:before,
    .m-gallery-tabs__item:focus:before,
    .m-gallery-tabs__item.active:before {
      bottom: 12px;
    }
}
.m-gallery-list__content {
  font-size: 0;
  min-height: 450px;
}
.m-gallery-list__list {
  margin: 1px;
}
.m-gallery-list__item {
  display: inline-block;
  vertical-align: top;
  width: 33.33%;
  padding: 1px;
}
.m-gallery-list__wrap-video {
  padding: 0 75px;
}
.m-gallery-list .mix {
  display: none;
}
@media (max-width: 1389px) {
  .m-gallery-list__item {
    width: 33.3333%;
  }
}
@media (max-width: 969px) {
  .m-gallery-list__item {
    width: 50%;
  }
  .m-gallery-list__wrap-video {
    padding: 0;
  }
}
@include medium-tablet {
  .m-gallery-list__item {
    width: 100%;
  }
}
.m-gallery-item {
  display: block;
}
.m-gallery-item__wrap-img {
  position: relative;
  padding-top: 70%;
  overflow: hidden;
}
.m-gallery-item__img {
  width: 100%;
  height: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  background-position: center center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.m-gallery-item__wrap-text {
  padding-left: 15px;
  background-color:rgba($color-corp, 0.8);
  position: absolute;
  width: 100%;
  bottom: -35px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.m-gallery-item__text {
  font-family:$corp-font1;
  font-size: 13px;
  text-transform: uppercase;
  color: #fff;
  font-weight: 500;
  letter-spacing: 0.3px;
  line-height: 35px;
}
.m-gallery-item__icon {
  display: block;
  width: 35px;
  height: 35px;
  position: relative;
  position: absolute;
  right: 0;
  top: 0;
}
.m-gallery-item__icon:after {
  content: '\e900';
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #fff;
}
.m-gallery-item__icon:before {
  content: '';
  display: block;
  position: absolute;
  width: 1px;
  height: 12px;
  background-color: #fff;
  top: calc(50% - 6px);
  left: 0;
}
.m-gallery-item:hover .m-gallery-item__wrap-text,
.m-gallery-item:focus .m-gallery-item__wrap-text {
  bottom: 0;
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
@media (max-width: 969px) {
  .m-gallery-item__content {
    padding-bottom: 10px;
  }
  .m-gallery-item__wrap-img {
    overflow: visible;
  }
  .m-gallery-item__wrap-text {
    position: relative;
    opacity: 1;
    -ms-filter: none;
    filter: none;
    bottom: auto;
  }
}
@media (max-width: 599px) {
  .m-gallery-item__icon {
    display: none;
  }
}
.m-footer-info__content {
  font-size: 0;
  padding-top:80px;
}
.m-footer-info__list {
  font-size:0;
  margin: 0 -35px;
}
.m-footer-info__item {
  display: inline-block;
  vertical-align: top;
  width: 25%;
  padding: 0 35px;
  position: relative;
}
.m-footer-info .m-footer-info-item {
  border-top: 1px solid rgba($color-corp, 0.4);
}
@media (min-width: 1260px) {
  .m-footer-info--hotel .m-footer-info__item {
    width: 20%;
  }
  .m-footer-info--hotel .m-footer-info__item:after {
    content: '';
    display: block;
    position: absolute;
    width: 1px;
    height: 100px;
    background-color: rgba(190,213,216,0.8);
    right: 0;
    top: 95px;
  }
  .m-footer-info--hotel .m-footer-info__item:last-child:after {
    display: none;
  }
  .m-footer-info--hotel .m-footer-info-item {
    border-top: 0;
  }
}
@media (min-width: 1260px) and (max-width: 1389px) {
  .m-footer-info--hotel .m-footer-info__list {
    margin: 0 -30px;
  }
  .m-footer-info--hotel .m-footer-info__item {
    padding: 0 30px;
  }
}
@media (max-width: 1259px) {
  .m-footer-info__list {
    margin: 0 -24px;
  }
  .m-footer-info__item {
    padding: 0 24px;
  }
}
@media (min-width: 970px) and (max-width: 1259px) {
  .m-footer-info--hotel .m-footer-info__content {
    padding-left: 40px;
    padding-right: 40px;
  }
  .m-footer-info--hotel .m-footer-info__list {
    margin: 0 -30px;
  }
  .m-footer-info--hotel .m-footer-info__item {
    width: 33.3333%;
    padding: 0 30px;
  }
  .m-footer-info--hotel .m-footer-info__item:after {
    content: '';
    display: block;
    position: absolute;
    width: 1px;
    height: 100px;
    background-color: rgba($color-corp, 0.4);
    right: 0;
    top: 95px;
  }
  .m-footer-info--hotel .m-footer-info__item:nth-child(3):after {
    display: none;
  }
  .m-footer-info--hotel .m-footer-info__item:nth-child(4):before {
    content: '';
    display: block;
    position: absolute;
    width: calc(300% - 60px);
    height: 1px;
    background-color: rgba($color-corp, 0.4);
    left: 30px;
    top: 0;
  }
  .m-footer-info--hotel .m-footer-info__item:nth-child(4),
  .m-footer-info--hotel .m-footer-info__item:nth-child(5) {
    margin-top: 20px;
  }
  .m-footer-info--hotel .m-footer-info-item {
    border-top: 0;
  }
}
@media (max-width: 969px) {
  .m-footer-info__content {
    text-align: center;
    margin: 0 auto;
    padding-top:0;
  }
  .m-footer-info__list {
    margin: 0;
  }
  .m-footer-info__item {
    width: 50%;
    padding: 0;
    border-top: 1px solid rgba($color-corp, 0.4);
    position: relative;
  }
  .m-footer-info__item:after {
    content: '';
    display: block;
    position: absolute;
    width: 1px;
    height: 150px;
    background-color: rgba($color-corp, 0.4);
    right: 0;
    top: 50%;
    @include transform(translateY(-50%));
  }
  .m-footer-info__item:nth-child(1),
  .m-footer-info__item:nth-child(2) {
    border-top: 0;
  }
  .m-footer-info__item:nth-child(2):after,
  .m-footer-info__item:last-child:after {
    display: none;
  }
  .m-footer-info .m-footer-info-item {
    border-top: 0;
  }
}
@media (min-width: 768px) and (max-width: 969px) {
  .m-footer-info--hotel .m-footer-info__item:nth-child(4):after {
    display: none;
  }
  .m-footer-info--hotel .m-footer-info__item:last-child {
    width: 100%;
  }
}
@media (min-width: 600px) and (max-width: 767px) {
  .m-footer-info--hotel .m-footer-info__item:nth-child(4):after {
    display: none;
  }
  .m-footer-info--hotel .m-footer-info__item:last-child {
    width: 100%;
  }
}
@media (max-width: 599px) {
  .m-footer-info__item {
    width: 100%;
    display: block;
    border-bottom: 1px solid rgba(190,213,216,0.8);
    border-top: 0;
  }
  .m-footer-info__item:after {
    display: none;
  }
  .m-footer-info__item:last-child {
    border-bottom: 0;
  }
}
.m-footer-info-item__content {
  padding-top: 10px;
  padding: 10px 0 35px 0;
}
.m-footer-info-item__title {
  font-family:$corp-font1;
  font-size: 17px;
  color: $color-basic;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 0.4px;
  line-height: 1.4;
}
.m-footer-info-item__wrap-title {
  padding: 15px 0;
  position: relative;
}
.m-footer-info-item__wrap-title:after {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  color: rgba($color-corp, 0.7);
  font-size: 18px;
}
.m-footer-info-item__text,
.m-footer-info-item p {
  font-family:$corp-font2;
  font-size: 16px;
  color: $color-basic;
  line-height: 1.7;
  font-weight: 400;
}
.m-footer-info-item__wrap-btn {
  height: 28px;
  margin-top: 25px;
}
.m-footer-info-item__wrap-btn .btn-main {
  display: none;
  min-width: 160px;
}
.m-footer-info-item:hover .m-footer-info-item__wrap-btn .btn-main,
.m-footer-info-item:focus .m-footer-info-item__wrap-btn .btn-main {
  display: inline-block;
}
.m-footer-info-item:hover .m-footer-info-item__wrap-btn .btn-circle,
.m-footer-info-item:focus .m-footer-info-item__wrap-btn .btn-circle {
  display: none;
}
.m-footer-info-item--location .m-footer-info-item__wrap-title:after {
  content: '\e907';
}
.m-footer-info-item--faq .m-footer-info-item__wrap-title:after {
  content: '\e90c';
}
.m-footer-info-item--follow .m-footer-info-item__wrap-links {
  padding-top: 15px;
}
.m-footer-info-item--follow .m-footer-info-item__wrap-title:after {
  content: '\e904';
}
.m-footer-info-item--partners .m-footer-info-item__wrap-title:after {
  content: '\e906';
}
.m-footer-info-item--certificate .m-footer-info-item__wrap-title:after {
  content: '\e910';
}
.m-footer-info-item--newsletter .m-footer-info-item__wrap-title:after {
  content: '\e931';
  font-size:16px;
}
.m-footer-newsletter{
    .newsletter-input{
        margin-top:15px;
        .m-textinput__content{
            position:relative;
            .newsletter-button{
                position:absolute;
                top:0;
                right:0;
                height:100%;
                width:30px;
                border:none;
                background-color:$color-corp;
                padding:0;
                margin:0;
                @include transition($Stransition);
                &:before{
                    content:'\e90a';
                    position:absolute;
                    top:50%;
                    left:50%;
                    @include transform(translateY(-50%) translateX(-50%));
                    font-family:'icomoon';
                    font-size:15px;
                    color:#fff;
                }
            }
            @include hovers{
                .newsletter-button{
                    background-color:$color-corp-hover;
                }
            }
        }
    }
}
@media (max-width: 969px) {
  .m-footer-info-item {
    margin: 0 auto;
  }
  .m-footer-newsletter{
    .newsletter-input .m-textinput__input{
        text-align: center;
    }
  }
  .m-footer-info-item__content {
    padding: 40px 0;
  }
  .m-footer-info-item__wrap-text {
    max-width: 250px;
    margin: 0 auto;
  }
  .m-footer-info-item__wrap-title:after {
    right: 50%;
    top: -10px;
    -webkit-transform: translateX(50%);
    -moz-transform: translateX(50%);
    -o-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%);
  }
    .m-footer-info-item__text, .m-footer-info-item p{
        font-size:15px;
    }
  .m-footer-info-item__wrap-btn .btn-main {
    display: inline-block;
  }
  .m-footer-info-item__wrap-btn .btn-circle {
    display: none;
  }
}
.m-footer-info-slider {
  max-width: 152px;
  margin: 0 auto;
}
.m-footer-info-slider__content {
  font-size: 0;
}
.m-footer-info-slider__wrap-img {
  width: 150px;
  height: 125px;
  text-align: center;
  margin: 0 auto;
  display: block;
}
.m-footer-info-slider__wrap-img:after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
.m-footer-info-slider__img {
  display: inline-block !important;
  vertical-align: middle;
}
.m-footer-info-slider__wrap-controls {
  text-align: center;
  padding: 14px 0;
}
.m-footer-info-slider .btn-circle {
  margin: 0 4px;
}
.m-social-links__content {
  font-size: 0;
}
.m-social-links__list {
  margin: -6px;
}
.m-social-links__item {
  display: inline-block;
  vertical-align: middle;
  padding: 6px;
    &.smaller{
        padding:4px;
        &:first-child{
            padding-left:0;
        }
        &:last-child{
            padding-right:0;
        }
    }
}
@media (max-width: 1259px) {
  .m-footer-info .m-social-links {
    max-width: 100px;
    text-align: center;
    margin: 0 auto;
  }
  .m-footer-info .m-social-links__item {
    width: 50%;
  }
}
@media (min-width: 1260px) and (max-width: 1389px) {
  .m-footer-info--hotel .m-social-links {
    max-width: 100px;
    text-align: center;
    margin: 0 auto;
  }
  .m-footer-info--hotel .m-social-links__item {
    width: 50%;
  }
}
.m-footer-hotel-info__content {
  font-size: 0;
}
.m-footer-hotel-info__wrap-title {
  padding: 70px 0 20px 0;
}
.m-footer-hotel-info__title {
  font-size: 30px;
  text-transform: uppercase;
  font-family: 'PostScriptum', sans-serif;
  color: #1f7079;
}
.m-footer-hotel-info__list {
  margin: 0 -35px;
}
.m-footer-hotel-info__item {
  display: inline-block;
  vertical-align: top;
  width: 25%;
  padding: 0 35px;
}
@media (max-width: 1259px) {
  .m-footer-hotel-info__list {
    margin: 0 -24px;
  }
  .m-footer-hotel-info__item {
    padding: 0 24px;
  }
}
@media (max-width: 969px) {
  .m-footer-hotel-info__content {
    max-width: 505px;
    margin: 0 auto;
  }
  .m-footer-hotel-info__wrap-title {
    padding-top: 0;
    border-bottom: 1px solid rgba(190,213,216,0.8);
    text-align: center;
    padding-bottom: 40px;
  }
  .m-footer-hotel-info__list {
    margin: 0;
  }
  .m-footer-hotel-info__item {
    width: 100%;
    padding: 0;
    border-bottom: 1px solid rgba(190,213,216,0.8);
  }
}
@media (max-width: 599px) {
  .m-footer-hotel-info__title {
    line-height: 1.3;
    font-size: 28px;
  }
}
.m-footer-hotel-info-item {
  max-width: 190px;
}
.m-footer-hotel-info-item__content {
  font-size: 0;
  padding-bottom: 35px;
}
.m-footer-hotel-info-item__title {
  font-size: 16px;
  color: #72a0a8;
  font-weight: 400;
  text-transform: uppercase;
  line-height: 1.4;
  letter-spacing: 0.2px;
  padding: 25px 0;
}
.m-footer-hotel-info-item__text,
.m-footer-hotel-info-item p {
  font-size: 13px;
  color: #72a0a8;
  line-height: 1.7;
  font-weight: 400;
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
}
.m-footer-hotel-info-item__wrap-btn {
  height: 28px;
  margin-top: 25px;
}
.m-footer-hotel-info-item .btn-main {
  display: none;
  min-width: 160px;
}
.m-footer-hotel-info-item:hover .btn-main,
.m-footer-hotel-info-item:focus .btn-main {
  display: inline-block;
}
.m-footer-hotel-info-item:hover .btn-circle,
.m-footer-hotel-info-item:focus .btn-circle {
  display: none;
}
@media (max-width: 969px) {
  .m-footer-hotel-info-item {
    max-width: 100%;
  }
  .m-footer-hotel-info-item__content {
    padding-bottom: 0;
    padding-left: 12px;
    padding-right: 12px;
  }
  .m-footer-hotel-info-item__wrap-title {
    position: relative;
    cursor: pointer;
  }
  .m-footer-hotel-info-item__wrap-title:after {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\e90b';
    font-size: 20px;
    color: #72a0a8;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
  }
  .m-footer-hotel-info-item__wrap-text {
    display: none;
    padding-bottom: 20px;
  }
  .m-footer-hotel-info-item__text,
  .m-footer-hotel-info-item__wrap-btn {
    display: inline-block;
    vertical-align: middle;
    width: 50%;
  }
  .m-footer-hotel-info-item__wrap-btn {
    margin: 0;
    text-align: right;
  }
  .m-footer-hotel-info-item .btn-circle {
    display: none;
  }
  .m-footer-hotel-info-item .btn-main {
    display: inline-block;
  }
  .m-footer-hotel-info-item.active .m-footer-hotel-info-item__wrap-text {
    display: block;
  }
  .m-footer-hotel-info-item.active .m-footer-hotel-info-item__wrap-title:after {
    content: '\e908';
  }
}
@media (max-width: 599px) {
  .m-footer-hotel-info-item__title {
    font-size: 15px;
  }
  .m-footer-hotel-info-item__text,
  .m-footer-hotel-info-item__wrap-btn {
    display: block;
    width: 100%;
  }
  .m-footer-hotel-info-item__wrap-btn {
    text-align: left;
    padding-top: 20px;
    height: auto;
  }
}
.m-floating {
  max-width: 410px;
}
.m-floating__content {
  font-size: 0;
}
.m-floating__item {
  padding: 5px 15px;
  height: 170px;
}
.m-floating__item:after {
  content: '';
  display: inline-block;
  height: 100%;
  width: 0;
  background-color: #00f;
  vertical-align: middle;
}
.m-floating__item .m-floating-item {
  display: inline-block;
  vertical-align: middle;
}
.m-floating-item {
  max-width: 380px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 0 6px rgba(0,0,0,0.2);
  box-shadow: 0 0 6px rgba(0,0,0,0.2);
  width: 100%;
  background-color: #fff;
}
.m-floating-item__wrapper {
  display: table;
  width: 100%;
  min-height: 100px;
}
.m-floating-item__content {
  font-size: 0;
  display: table-cell;
  width: 100%;
  vertical-align: middle;
  padding: 15px 50px 15px 15px;
  position: relative;
}
.m-floating-item__title {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 800;
  color: rgba(31,112,121,0.7);
  line-height: 1.4;
}
.m-floating-item__text {
  font-size: 15px;
  color: #8db7ba;
  text-transform: uppercase;
  line-height: 1.4;
  letter-spacing: 0.4px;
  padding: 3px 0;
  font-weight: 400;
}
.m-floating-item__icon {
  width: 50px;
  height: 50px;
  position: relative;
  overflow: hidden;
}
.m-floating-item__icon:before {
  position: absolute;
  font-family: 'c2t' !important;
  left: 50%;
  top: 50%;
  font-size: 45px;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: rgba(33,112,122,0.3);
}
.m-floating-item__wrap-icon {
  display: inline-block;
  vertical-align: middle;
  width: 50px;
}
.m-floating-item__wrap-text {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 50px);
  padding-left: 20px;
}
.m-floating-item__wrap-btn {
  position: absolute;
  top: 50%;
  right: 15px;
  -webkit-transform: translateY(-50%) translateZ(0);
  -moz-transform: translateY(-50%) translateZ(0);
  -o-transform: translateY(-50%) translateZ(0);
  -ms-transform: translateY(-50%) translateZ(0);
  transform: translateY(-50%) translateZ(0);
}
.m-floating-item__wrap-btn:hover .m-floating-item__tooltip,
.m-floating-item__wrap-btn:focus .m-floating-item__tooltip {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  top: -36px;
}
.m-floating-item__tooltip {
  font-size: 11px;
  text-transform: uppercase;
  background-color: #4d8d95;
  color: #fff;
  letter-spacing: 0.8px;
  font-weight: 400;
  line-height: 25px;
  padding: 0 15px;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%) translateZ(0);
  -moz-transform: translateX(-50%) translateZ(0);
  -o-transform: translateX(-50%) translateZ(0);
  -ms-transform: translateX(-50%) translateZ(0);
  transform: translateX(-50%) translateZ(0);
  top: -26px;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  pointer-events: none;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
.m-floating-item__tooltip:after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  background: 0;
  border-style: solid;
  border-width: 7px 6px 0 6px;
  border-color: #4d8d95 transparent transparent transparent;
  left: calc(50% - 5px);
}
.m-banner-item {
  position:relative;
  display: block;
}
.m-banner-item__content {
  position: relative;
}
.m-banner-item__wrap-img:before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,0);
    @include transition($Stransition);
}
.m-banner-item__wrap-img {
  position:relative;
  width: 100%;
  height: 700px;
    @include full-desktop{
        height: 650px;
    }
}
.m-banner-item__img {
  width: 100%;
  height: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  background-position: center center;
}
.m-banner-item__title {
  font-size: 50px;
  font-family: $corp-font3;
  font-weight: 700;
  line-height: 1.1;
  color: #fff;
  text-shadow:2px 2px 2px rgba(#444444, 0.2);
}
.m-banner-item__subtitle {
  font-family:$corp-font1;
  font-size: 15px;
  text-transform: uppercase;
  line-height: 1.4;
  letter-spacing: 0.4px;
  font-weight: 500;
  padding: 5px 0;
  color: #fff;
  text-shadow:2px 2px 2px rgba(#444444, 0.2);
}
.m-banner-item__wrap-btn {
  padding-top: 25px;
  position: absolute;
  top: 100%;
  left: 0;
  -webkit-transition: opacity 0.3s, margin 0.3s;
  -moz-transition: opacity 0.3s, margin 0.3s;
  -o-transition: opacity 0.3s, margin 0.3s;
  -ms-transition: opacity 0.3s, margin 0.3s;
  transition: opacity 0.3s, margin 0.3s;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  visibility: hidden;
  margin-top: 20px;
}
.m-banner-item__wrap-text {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%) translateZ(0);
  -moz-transform: translateY(-50%) translateZ(0);
  -o-transform: translateY(-50%) translateZ(0);
  -ms-transform: translateY(-50%) translateZ(0);
  transform: translateY(-50%) translateZ(0);
  left: 68px;
  max-width:560px;
  @include hovers{
      + .m-banner-item__wrap-img{
          &:before{
                background-color: rgba(0, 0, 0, 0.2);
          }
      }
  }
}
.m-banner-item .btn-main--default {
  display: none;
}
@media (min-width: 970px) {
  .m-banner-item:hover .m-banner-item__wrap-btn,
  .m-banner-item:focus .m-banner-item__wrap-btn {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    visibility: initial;
    margin-top: 0;
  }
}
@media (max-width: 1389px) {
  .m-banner-item__wrap-text{
    max-width:530px;
  }
  .m-banner-item__title {
    font-size: 45px;
  }
}
@media (max-width: 1259px) {
  .m-banner-item__wrap-img {
    width: 100%;
    height: 500px;
  }
}
@media (max-width: 969px) {
  .m-banner-item__title {
    font-size: 35px;
    color: $color-corp;
    line-height: 1.2;
    padding: 10px 0;
    max-width: 390px;
    margin: 0 auto;
    text-shadow:none;
  }
    .m-banner-item__wrap-img:before{
        display:none;
    }
  .m-banner-item__title br {
    display: none;
  }
  .m-banner-item__subtitle {
    font-size: 14px;
    color: rgba($color-corp, 0.7);
    max-width: 390px;
    margin: 0 auto;
    text-shadow:none;
  }
  .m-banner-item__cover {
    padding: 20px 40px;
    border: 1px solid rgba($color-corp, 0.4);
    border-top: 0;
    text-align: center;
  }
  .m-banner-item__wrap-text {
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -o-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
    position: static;
    padding: 0 80px;
    margin:0 auto;
    max-width:610px;
  }
  .m-banner-item__wrap-btn {
    position: static;
    visibility: initial;
    opacity: 1;
    -ms-filter: none;
    filter: none;
    margin: 0;
    padding: 30px 0 10px 0;
  }
  .m-banner-item .btn-main--transparent {
    display: none;
  }
  .m-banner-item .btn-main--default {
    display: inline-block;
  }
}
@media (max-width: 767px) {
  .m-banner-item__wrap-img {
    width: 100%;
    height: 300px;
  }
  .m-banner-item__wrap-text {
    padding: 0 40px;
  }
}
@media (max-width: 599px) {
  .m-banner-item__wrap-img {
    width: 100%;
  }
  .m-banner-item__title {
    font-size: 30px;
  }
  .m-banner-item__subtitle {
    padding: 5px 20px;
  }
  .m-banner-item__cover {
    padding: 20px 15px;
  }
  .m-banner-item__wrap-text {
    padding: 0 20px;
  }
  .m-banner-item__wrap-btn {
    padding-top: 15px;
  }
}
.m-offer-small {
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.m-offer-small__content {
  padding: 8px;
  padding-top:0;
  text-align: center;
  position: relative;
  background-color:#fff;
  opacity:0;
  @include transition($Stransition);
}
.m-offer-small__subtitle {
  font-size: 14px;
  color:$color-basic;
  text-transform: uppercase;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.5px;
}
.m-offer-small__title {
  font-size: 18px;
  color: $color-basic;
  line-height: 1.2;
  font-family: $corp-font3;
    font-weight:500;
  letter-spacing: 0.4px;
  text-transform: uppercase;
  padding: 10px 0;
  position: relative;
  margin-bottom:9px;
}
.m-offer-small__title:before {
  content: '';
  display: block;
  position: absolute;
  width: 74px;
  height: 1px;
  background-color: rgba($color-basic, 0.5);
  left: calc(50% - 37px);
}
.m-offer-small__title:before {
  bottom: 0;
}
.m-offer-small__wrap-img {
  width: calc(100% + 16px);
  margin-left:-8px;
  height: 130px;
}
.m-offer-small__img {
  width: 100%;
  height: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  background-position: center center;
}
.m-offer-small__wrap-btn-close {
  position: absolute;
  bottom: 100%;
  margin-bottom: -22px;
  right: 0;
  width: 140px;
  text-align: right;
}
.m-offer-small__wrap-btn {
  padding-top: 9px;
}
.m-offer-small__wrap-text {
  padding: 9px;
}
.m-offer-small__wrap-price {
  padding: 2px 0;
}
.m-offer-small .btn-main {
  min-width: 120px;
  background-color:$color-corp;
}
.m-offer-small .btn-main:hover {
    background-color:$color-corp-hover;
}
.m-offer-small .btn-main .btn-main__text{
    color:#fff;
}
.m-price {
  display: inline-block;
  vertical-align: middle;
}
.m-price__content {
  text-align: center;
  padding: 10px;
  border: 1px solid #fff;
  min-width: 84px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
.s-home-offers.events{
    padding-top:60px;
    padding-bottom:80px;
    @include medium-tablet{
        padding-top: 20px;
    }
}
.s-home-offers.offers{
    padding-top:60px;
    @include medium-tablet{
        padding-top: 20px;
    }
}
.s-home-offers .m-price__since{
    text-shadow:2px 2px 2px rgba(#444444, 0.2);
}
.s-home-offers .m-price__value{
    text-shadow:2px 2px 2px rgba(#444444, 0.2);
}
.s-home-offers .m-price__value span{
    text-shadow:2px 2px 2px rgba(#444444, 0.2);
}
.s-home-offers .m-price__currency{
    text-shadow:2px 2px 2px rgba(#444444, 0.2);
}
@-webkit-keyframes zoom-shake {
  0%  { @include transform(rotate(0deg)); }
  5% { @include transform(rotate(8deg)); }
  10% { @include transform(rotate(-8deg)); }
  15% { @include transform(rotate(4deg));}
  20% { @include transform(rotate(-4deg)); }
  25% { @include transform(rotate(0deg)); }
  100% { @include transform(rotate(0deg)); }
}
@-moz-keyframes zoom-shake {
  0%  { @include transform(rotate(0deg)); }
  5% { @include transform(rotate(8deg)); }
  10% { @include transform(rotate(-8deg)); }
  15% { @include transform(rotate(4deg));}
  20% { @include transform(rotate(-4deg)); }
  25% { @include transform(rotate(0deg)); }
  100% { @include transform(rotate(0deg)); }
}
@-o-keyframes zoom-shake {
  0%  { @include transform(rotate(0deg)); }
  5% { @include transform(rotate(8deg)); }
  10% { @include transform(rotate(-8deg)); }
  15% { @include transform(rotate(4deg));}
  20% { @include transform(rotate(-4deg)); }
  25% { @include transform(rotate(0deg)); }
  100% { @include transform(rotate(0deg)); }
}
@keyframes zoom-shake {
  0%  { @include transform(translateY(0)); }
  5% { @include transform(translateY(-3px)); }
  10% { @include transform(translateY(3px)); }
  15% { @include transform(translateY(-1px));}
  20% { @include transform(translateY(1px)); }
  25% { @include transform(translateY(0)); }
  100% { @include transform(translateY(0)); }
}
.offer-open-tag{
    position:absolute;
    bottom:calc(100% + 10px);
    left:0;
    width:100%;
    background-color:#fff;
    border-top-right-radius:2px;
    border-top-left-radius:2px;
    border-bottom-right-radius:2px;
    border-bottom-left-radius:2px;
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
    @include transition($Stransition);
    cursor:pointer;
    @include hovers{
        .tag-text{
            color:$color-alarm;
        }
    }
    .tag-icon{
        position: absolute;
        top: -10px;
        left: -10px;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        background-color:$color-alarm;
        font-family: $corp-font2;
        font-size: 17px;
        font-weight: 700;
        padding: 1px 8px;
        color: #fff;
        -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
        box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
        @include transition($Stransition);
        text-align:left;
        -webkit-animation: zoom-shake 5s ease-out infinite;
        -moz-animation: zoom-shake 5s ease-out infinite;
        -o-animation: zoom-shake 5s ease-out infinite;
        animation: zoom-shake 5s ease-out infinite;
    }
    .tag-text{
        font-family:$corp-font1;
        font-size:12px;
        font-weight:500;
        text-transform:uppercase;
        color:$color-basic;
        padding: 8px 15px;
        @include transition($Stransition);
        @include space(40em);
        text-align:center;
    }
}
.m-price__since {
  font-family:$corp-font1;
  font-size: 11px;
  text-transform: uppercase;
  color: #fff;
  font-weight: 500;
  letter-spacing: 0.5px;
  line-height: 1.4;
  @include transition($Stransition);
}
.m-price__value {
  font-size: 50px;
  font-family: $corp-font3;
  font-weight:900;
  line-height: 1.1;
  letter-spacing: -2px;
  color: #fff;
  @include transition($Stransition);
}
.m-price__currency {
  font-family:$corp-font1;
  font-size: 11px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 1px;
  @include transition($Stransition);
}
.m-price--small-offer .m-price__content {
  border: 0;
  min-width: 75px;
  padding: 0;
}
.m-price--small-offer .m-price__since {
  color: $color-basic;
}
.m-price--small-offer .m-price__value {
  line-height: 1;
  color: $color-basic;
  font-size: 50px;
}
.m-price--small-offer .m-price__currency {
  color: $color-basic;
}
.m-price--percent .m-price__content {
  min-height: 112px;
  padding: 7px;
  padding-top: 30px;
}
.m-price--percent .m-price__value {
  line-height: 1.25;
}
.m-price--percent .m-price__value span {
  font-size: 28px;
  padding-left:5px;
}
.m-price__value span {
    font-size:25px;
    padding-left:5px;
}
.m-price--percent .m-price__text {
  font-family:$corp-font1;
  font-size: 11px;
  font-weight:500;
  text-transform: uppercase;
  color: #fff;
  line-height: 1.4;
  letter-spacing: 0.5px;
}
.m-price--offer-card .m-price__content {
  min-width: 120px;
  padding: 20px 10px;
  border-color: rgba($color-basic, 0.7);
}
.m-price--offer-card .m-price__value {
  font-family:$corp-font3;
  font-size: 60px;
  font-weight:900;
  letter-spacing:-2px;
  color:$color-call;
  line-height: 1.2;
}
.m-price--offer-card .m-price__currency,
.m-price--offer-card .m-price__since {
  font-family:$corp-font1;
  font-weight:500;
  color: $color-basic;
  font-size: 13px;
}
.blocked-tag{
    display:none;
}
.m-home-hotel-slider__item {
  border: 1px solid #fff;
    &.blocked{
        position:relative;
        overflow:hidden;
        cursor:not-allowed;
        .m-home-hotel-item{
            pointer-events:none;
        }
        &:before{
            content:'';
            position:absolute;
            z-index:1;
            top:0;
            left:0;
            width:100%;
            height:100%;
            background-color:rgba($color-corp, 0.4);
            backface-visibility:hidden;
            -webkit-backface-visibility:hidden;
        }
        .blocked-tag{
            display:block;
            position:absolute;
            z-index:1;
            top:50%;
            left:50%;
            @include transform(translateY(-50%) translateX(-50%));
            font-family:$corp-font1;
            font-size:16px;
            text-align:center;
            font-weight:400;
            color:#fff;
            text-transform:uppercase;
            @include space(20em);
            @include line(20, 16);
            @include transition($Stransition);
            &:before{
                content:'\e92c';
                position:absolute;
                left:50%;
                @include transform(translateX(-50%) translateZ(0));
                backface-visibility: hidden;
                -webkit-backface-visibility: hidden;
                bottom:calc(100% + 15px);
                font-family:'icomoon';
                font-size:40px;
                color:#fff;
                @include transition($Stransition);
            }
        }
        @include hovers{
            .blocked-tag{
                &:before{
                    content:'\e92b';
                    @include transform(translateX(-50%) scale(1.05) translateZ(0) translateY(5px));
                }
            }
        }
    }
}
.m-home-hotel-slider .btn-slide-control {
  position: absolute;
  z-index: 1;
  top: calc(50% - 66px);
  margin-top: -35px;
}
.m-home-hotel-slider .btn-slide-control--prev {
  right: 0;
}
.m-home-hotel-slider .btn-slide-control--next {
  left: 0;
}
.m-home-hotel-item {
  display: block;
  cursor: pointer;
  margin: 0 auto;
    @include hovers{
        .m-home-hotel-item__img{
            @include transform(scale(1.1));
        }
        .m-home-hotel-item__title{
            color:$color-corp;
        }
    }
}
.m-home-hotel-item__content {
  text-align: center;
}
.m-home-hotel-item__wrap-img {
  position: relative;
  padding-top: 92.85714285714286%;
  overflow:hidden;
}
.m-home-hotel-item__img {
  width: 100%;
  height: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  background-position: center center;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  @include transition($Stransition);
}
.m-home-hotel-item__wrap-icon {
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -21.5px;
  margin-top: -21.5px;
}
.m-home-hotel-item__wrap-text {
  padding:10px;
}
.m-home-hotel-item__title {
  font-family:$corp-font1;
  font-size: 28px;
  font-weight:500;
  color: $color-basic;
  padding: 8px 0;
  @include space(20em);
  @include transition($Stransition);
    &:after{
        content:'';
        display:block;
        width:15px;
        height:1px;
        background-color:rgba($color-basic, 0.7);
        margin:10px auto 3px;
    }
}
.m-home-hotel-item__subtitle {
  font-family:$corp-font1;
  font-size: 15px;
  color: rgba($color-basic, 0.7);
  font-weight: 500;
    text-transform:uppercase;
  line-height: 1.2;
  @include space(50em);
}
.m-home-hotel-item__wrap-btn {
  padding-top: 20px;
  position: relative;
  top: -20px;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
.m-home-hotel-item .btn-main {
  min-width: 170px;
}
.m-home-hotel-item:hover .m-home-hotel-item__wrap-btn,
.m-home-hotel-item:focus .m-home-hotel-item__wrap-btn {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  top: 0;
}
@media (max-width: 969px) {
  .m-home-hotel-item__wrap-btn {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    top: 0;
  }
}
.m-hotel-map--bahia-san-antonio {
  background-image: url("/static/img/sprite.png");
  background-position: 0px 0px;
  width: 220px;
  height: 148px;
}
.m-hotel-map--santa-eulalia-rio {
  background-image: url("/static/img/sprite.png");
  background-position: 0px -148px;
  width: 202px;
  height: 137px;
}
.m-hotel-map--santa-eulalia {
  background-image: url("/static/img/sprite.png");
  background-position: -220px 0px;
  width: 219px;
  height: 137px;
}
/* Sections */
.s-main-container--home {
  height: 100%;
    .resp-page-logo{
        display:none;
    }
}
.s-main-container--site {
    padding-top:88px;
    @include full-desktop{
        padding-top: 80px;
    }
    @include medium-tablet{
        padding-top:0;
    }
}
.s-cookies {
  position: fixed;
  z-index: 50;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.s-cookies.active {
  display: none;
}
.s-main-slider--home {
  height: 100%;
    @include medium-tablet{
        padding-bottom:80px;
    }
    @include small-tablet{
        padding-bottom:70px;
    }
}
.s-main-slider--home .wrapper,
.s-main-slider--home .container {
  height: 100%;
}
.s-main-slider--hotel {
  position: relative;
  @media (min-width:1259px){
    height:calc(100vh - 215px);
      &.card{
          height:60vh;
      }
  }
}
.s-main-slider .m-floating {
  position: absolute;
  top: 60px;
  left: 50px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
.s-main-slider .btn-floating-toggle {
  position: absolute;
  top: 194px;
  left: 0px;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
.s-main-slider.active-advantages .m-floating {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.s-main-slider.active-advantages .btn-floating-toggle {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
@media (max-width: 1259px) {
  .s-main-slider .m-floating {
    left: 20px;
  }
}
.load-mask{
    position:fixed;
    z-index:9999;
    top:0;
    left:0;
    width:100%;
    height:100%;
    pointer-events:none;
    background-color:#fff;
    @include transition($Stransition);
    &.loaded{
        opacity:0;
    }
}
@include small-desktop{
    .m-book-form__wrapper{
        display:none;
    }
    .m-home-slider__wrap-offer{
        position:relative;
        top:30px;
        max-width:300px;
        margin:0 auto;
        z-index:0;
        &.active{
            @include transform(none);
            .m-offer-small__content{
                max-height:500px;
            }
            .m-offer-small{
              -webkit-box-shadow: 0 0 7px rgba(0,0,0,0.3);
              box-shadow: 0 0 7px rgba(0,0,0,0.3);
            }
            .offer-open-tag{
                border-color:transparent;
                border-bottom-left-radius:0;
                border-bottom-right-radius:0;
            }
        }
        .m-offer-small__content{
            max-height:0;
            padding:0;
            overflow:hidden;
            @include transition($Stransition);
        }
        .offer-open-tag{
            left:50%;
            @include transform(translateX(-50%));
            min-width:200px;
            text-align:center;
            border-radius:6px;
            border:1px solid $color-corp;
            .tag-icon{
                display:inline-block;
                left:calc(50% - 10px);
                top:-15px;
            }
            .tag-text{
                padding: 12px 15px 10px;
            }
        }
    }
}
@include full-tablet{
    .m-home-slider__wrap-offer{
        top:15px;
    }
}
@include small-tablet{
    .m-home-slider__wrap-offer{
        max-width:280px;
    }
    .s-book-form{
        &.active{
            .m-book-form{
                top:0;
            }
        }
    }
}
@media (max-width: 969px) {
  .s-main-slider--hotel {
    padding-top: 0;
  }
  .s-main-slider .btn-floating-toggle,
  .s-main-slider .m-floating {
    display: none;
  }
}
@media (min-width: 970px) and (max-width: 1259px) {
  .site.s-book-form .container {
    height: auto !important;
    position: static !important;
    opacity: 1;
    -ms-filter: none;
    filter: none;
    width: 100%;
  }
  .site.s-book-form .m-book-form {
    position: static !important;
    margin-top: auto !important;
    display: none;
  }
  .site.s-book-form .m-book-toggle {
    display: block;
  }
}
@media (max-width: 969px) {
  .site.s-book-form .m-book-form {
    display: none;
  }
  .site.s-book-form .m-book-toggle {
    display: block;
  }
}
.s-book-form .wrapper {
  position: relative;
}
.s-book-form .container {
  position: absolute;
  right: 0;
  width: 230px;
  z-index: 10;
  -webkit-transition: opacity 1.5s;
  -moz-transition: opacity 1.5s;
  -o-transition: opacity 1.5s;
  -ms-transition: opacity 1.5s;
  transition: opacity 1.5s;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.s-book-form .m-book-form {
  position: fixed;
  top: 50%;
}
.s-book-form .m-book-form.stuck-down {
  position: absolute;
  bottom: 0;
  top: auto;
}
.s-book-form .m-book-toggle {
  display: none;
}
@media (max-width: 1259px) {
  .s-book-form .m-book-form {
    position: absolute;
  }
  .s-book-form .m-book-form.stuck-down {
    bottom: auto;
    top: 50%;
  }
  .s-book-form.no-slider {
    padding-top: 60px;
  }
  .s-book-form.active .m-book-form {
    display: none;
    padding-top:70px;
  }
    .s-book-form.offer-on.active .m-book-form {
        display:block;
    }
  .s-book-form.active .m-book-toggle {
    display: none;
  }
}
@media (max-width: 1259px) {
  .s-book-form .container {
    height: auto !important;
    position: static !important;
    width: 100%;
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  .s-book-form .m-book-form {
    position: static !important;
    margin-top: auto !important;
  }
  .s-book-form.no-slider {
    padding-top: 0;
  }
}
@media (min-width: 970px) {
  .s-welcome .container {
    padding-top: 0;
  }
}
.s-home-description {
  background-position: 50% 50%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
    &.activities{
        margin-top:80px;
    }
}
@media (max-width: 1259px) {
  .s-home-description {
    background-image: none!important;
  }
    .s-home-description .container{
        padding:0;
    }
}
.s-home-more-info {
  display: none;
}
.active-home-more-info .m-home-description__wrap-btn {
  display: none;
}
.active-home-more-info .s-home-more-info {
  display: block;
}
.s-footer {
  background-color:rgba($color-corp, 0.8);
  padding-bottom:40px;
}
.s-footer .wrapper {
  padding-right: 0;
}
.s-banner{
    margin-top:90px;
}
@media (max-width: 1499px) {
  .s-footer .wrapper {
    padding-right: 35px;
    padding-left: 35px;
  }
}
@media (max-width: 1389px) {
  .s-footer .wrapper {
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media (max-width: 1259px) {
  .s-footer .wrapper {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (max-width: 1499px) {
  .s-back-top .wrapper,
  .s-footer-info .wrapper {
    padding-right: 35px;
    padding-left: 35px;
  }
}
@media (max-width: 1389px) {
  .s-back-top .wrapper,
  .s-footer-info .wrapper {
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media (max-width: 1259px) {
  .s-back-top .wrapper,
  .s-footer-info .wrapper {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (max-width: 970px) {
    .s-banner{
        margin:50px 0;
    }
}
@include medium-tablet{
    .s-footer{
        margin-bottom:0;
        padding-bottom: 80px;
    }
}
.s-hotel-footer-info .wrapper {
  padding-right: 0;
}
.s-hotel-footer-info .container {
  padding-top: 50px;
}
.s-gallery .container {
  padding-top: 50px;
}
@media (max-width: 1259px) {
  .s-gallery .container {
    padding-top: 10px;
  }
}
@-webkit-keyframes jump {
  0%   { @include transform(translateY(0)); }
  50%   { @include transform(translateY(-5px)); }
  100% { @include transform(translateY(0)); }
}
@-moz-keyframes jump {
  0%   { @include transform(translateY(0)); }
  50%   { @include transform(translateY(-5px)); }
  100% { @include transform(translateY(0)); }
}
@-o-keyframes jump {
  0%   { @include transform(translateY(0)); }
  50%   { @include transform(translateY(-5px)); }
  100% { @include transform(translateY(0)); }
}
@keyframes jump {
  0%   { @include transform(translateY(0)); }
  50%   { @include transform(translateY(-5px)); }
  100% { @include transform(translateY(0)); }
}
.top-advantages{
    position:absolute;
    z-index:2;
    bottom:0;
    left:38px;
    width:300px;
    overflow:hidden;
    max-height:300px;
    @include transition($Mtransition);
    &.close{
        max-height:35px;
        opacity:1;
        .wrap-advantages{
            .advantages-box{
                .advantages-header{
                    padding: 12px 0 8px;
                    background-color:transparent;
                    .header-title{
                        font-size:12px;
                        text-shadow:none;
                        color:#fff;
                    }
                }
                .advantages-content{
                    .advantages-slider{
                        opacity:0;
                        @include transform(scale(0.5));
                    }
                }
                .advantages-arrows{
                    @include transform(translateX(20px));
                    opacity:0;
                }
                .advantages-counter{
                    @include transform(translateX(-20px));
                    opacity:0;
                }
                .advantages-close{
                    -webkit-animation: jump 2s infinite;
                    -moz-animation:    jump 2s infinite;
                    -o-animation:      jump 2s infinite;
                    animation:         jump 2s infinite;
                    .icon-close{
                        &:before{
                            content:'\e908';
                        }
                    }
                }
            }
        }
    }
    .wrap-advantages{
        background-color:rgba(#444444, 0.8);
        border-top-right-radius:6px;
        border-top-left-radius:6px;
        padding:0 25px;
        .advantages-box{
            position:relative;
            font-size:0;
            padding:0 0 65px;
            .advantages-close{
                position:absolute;
                top:5px;
                right:-20px;
                width:30px;
                height:30px;
                cursor:pointer;
                border:none;
                opacity:1;
                &:before{
                    z-index:0;
                }
                .icon-close{
                    position:absolute;
                    top:50%;
                    left:50%;
                    @include transform(translateY(-50%) translateX(-50%));
                    &:before{
                        font-size:20px;
                        color:#fff;
                        @include transition($Stransition);
                    }
                }
                @include hovers{
                    .icon-cerrar{
                        &:before{
                            color:$color-corp;
                        }
                    }
                }
            }
            .advantages-arrows{
                position:absolute;
                bottom:15px;
                right:0;
                font-size:0;
                @include transform(translateX(0));
                opacity:1;
                @include transition($Stransition);
                transition-delay:0.9s;
                transform-origin:center;
                .btn-circle{
                    display:inline-block;
                    vertical-align:middle;
                    cursor:pointer;
                    width:30px;
                    height:30px;
                    &:first-child{
                        margin-right:8px;
                    }
                    &:nth-child(2){
                        .icon-flecha_circulo{
                            @include transform(translateY(-50%) translateX(-50%) rotate(180deg));
                        }
                    }
                    &:before{
                        z-index:0;
                    }
                    .icon-flecha_circulo{
                        position:absolute;
                        top:50%;
                        left:50%;
                        @include transform(translateY(-50%) translateX(-50%));
                        &:before{
                            font-size:13px;
                            color:#fff;
                            @include transition($Stransition);
                        }
                    }
                    @include hovers{
                        .icon-flecha_circulo{
                            &:before{
                                color:$color-corp;
                            }
                        }
                    }
                }
            }
            .advantages-counter{
                position:absolute;
                z-index:1;
                left:0;
                bottom:15px;
                width:25px;
                @include transform(translateX(0));
                opacity:1;
                transform-origin:center;
                @include transition($Stransition);
                transition-delay:0.9s;
                .counter-box{
                    position:absolute;
                    bottom:0;
                    left:0;
                    width:100%;
                    .wrap-counter{
                        position:relative;
                        width:100%;
                        height:25px;
                        &:before{
                            content:'/';
                            position:absolute;
                            top:50%;
                            left:50%;
                            @include transform(translateY(-50%) translateX(-50%));
                            font-family:$corp-font1;
                            font-size:30px;
                            font-weight:300;
                            color:#fff;
                        }
                        .counter-num{
                            position:absolute;
                            font-family:$corp-font1;
                            font-size:12px;
                            font-weight:500;
                            color:#fff;
                            &:nth-child(1){
                                top:0;
                                left:0;
                            }
                            &:nth-child(2){
                                bottom:0;
                                right:0;
                            }
                        }
                    }
                }
            }
            .advantages-header{
                position:absolute;
                top:0;
                left:0;
                width:170px;
                background-color:#fff;
                text-align:center;
                padding:9px 0 8px;
                @include transition($Stransition);
                .header-title{
                    font-family:$corp-font1;
                    font-size:11px;
                    font-weight:800;
                    color:$color-basic;
                    @include space(50em);
                    text-transform:uppercase;
                    @include space(60em);
                    @include transition($Stransition);
                }
                .header-subtitle{
                    font-family:$corp-font1;
                    font-size:16px;
                    font-weight:400;
                    color:#fff;
                    @include space(30em);
                    padding-top:5px;
                    display:none;
                }
            }
            .advantages-content{
                padding-top:55px;
                padding-bottom:20px;
                border-bottom:1px solid #fff;
                .advantages-slider{
                    font-size:0;
                    opacity:1;
                    @include transform(scale(1));
                    transform-origin:left;
                    @include transition($Stransition);
                    transition-delay:0.5s;
                    .advantages-element{
                        display:inline-block;
                        vertical-align:middle;
                        .wrap-element{
                            position:relative;
                            font-size:0;
                            .element-text{
                                .advantage-info{
                                    font-family:$corp-font3;
                                    font-size:28px;
                                    font-weight:700;
                                    color:#fff;
                                    @include line(28, 28);
                                    text-transform:uppercase;
                                    word-break:break-word;
                                }
                                .advantage-subinfo{
                                    font-family:$corp-font1;
                                    font-size:14px;
                                    font-weight:700;
                                    color:rgba(#fff, 0.7);
                                    @include line(18, 14);
                                    text-transform:uppercase;
                                    padding-top:15px;
                                }
                            }
                        }
                    }
                }
            }
        }
    }
    @include medium-desktop{
        .wrap-advantages{
            .advantages-box{
                padding: 0 0 55px;
                .advantages-content{
                    padding-top:40px;
                    padding-bottom:10px;
                    .advantages-slider{
                        .advantages-element{
                            .wrap-element{
                                .element-text{
                                    .advantage-subinfo{
                                        padding-top:10px;
                                    }
                                }
                            }
                        }
                    }
                }
                .advantages-arrows{
                    bottom:10px;
                }
                .advantages-counter{
                    bottom:12px;
                }
            }
        }
    }
    @include small-desktop{
        top:100%;
        bottom:auto;
        max-height:initial;
        width:auto;
        left:50%;
        @include transform(translateX(-50%));
        &.close{
            max-height:0;
        }
        .wrap-advantages{
            padding:40px 0;
            border-bottom:none;
            background-color:transparent;
            .advantages-box{
                position:relative;
                max-width:800px;
                margin:0 auto;
                padding:0 60px;
                border-radius:6px;
                border:1px solid rgba($color-basic, 0.7);
                .advantages-header{
                    position:relative;
                    display:block;
                    width:100%;
                    text-align:center;
                    padding-top:25px;
                    padding-bottom:20px;
                    border-bottom:1px solid rgba($color-basic, 0.7);
                    border-radius:0;
                    .header-title{
                        color:$color-corp;
                        font-size:18px;
                    }
                    .header-subtitle{
                        display:block;
                        color:$color-basic;
                    }
                }
                .advantages-content{
                    display:block;
                    width:100%;
                    padding:10px 0 40px;
                    .advantages-slider{
                        .advantages-element{
                            .wrap-element{
                                .element-icon{
                                    display:block;
                                    margin:0 auto;
                                    border-color:$color-corp;
                                    border-width:1px;
                                    .icon-advantage{
                                        &:before{
                                            color:$color-corp;
                                        }
                                    }
                                }
                                .element-text{
                                    display:block;
                                    text-align:center;
                                    width:100%;
                                    padding-left:0;
                                    padding-top:10px;
                                    max-width:auto;
                                    margin:0 auto;
                                    .advantage-info{
                                        color:$color-basic;
                                    }
                                    .advantage-subinfo{
                                        color:$color-basic;
                                    }
                                }
                            }
                        }
                    }
                }
                .advantages-close{
                    top:0;
                    right:0;
                    @include transform(none);
                    border:none;
                    width: 40px;
                    height: 40px;
                    .icon-close{
                        &:before{
                            color:rgba($color-corp, 0.7);
                            font-size:18px;
                        }
                    }
                }
                .advantages-arrows{
                    bottom:0;
                    right:auto;
                    top:auto;
                    left:50%;
                    @include transform(translateY(50%) translateX(-50%));
                    .btn-circle{
                        border-color:rgba($color-corp, 0.7);
                        background-color:$color-corp;
                        &:after{
                            color:#fff;
                            z-index:0;
                        }
                        .icon-flecha_circulo{
                            z-index:1;
                            &:before{
                                color:$color-corp;
                            }
                        }
                        @include hovers{
                            border-color:transparent;
                            .icon-flecha_circulo{
                                &:before{
                                    color:#fff;
                                }
                            }
                        }
                    }
                }
            }
        }
    }
    @include full-tablet{
        .wrap-advantages{
            .advantages-box{
                max-width:580px;
            }
        }
    }
    @include medium-tablet{
        .wrap-advantages{
            padding:40px 0 20px;
            .advantages-box{
                max-width:455px;
                padding:0 22px;
            }
        }
    }
    @include small-tablet{
        .wrap-advantages{
            padding:30px 0 20px;
            .advantages-box{
                max-width:320px;
                padding:0 20px;
                .advantages-header{
                    padding-top:35px;
                    .header-title{
                        font-size:18px;
                        @include space(50em);
                    }
                }
                .advantages-content{
                    padding:20px 0 40px;
                }
            }
        }
    }
    @include mobile{
        .wrap-advantages{
            .advantages-box{
                max-width:280px;
            }
        }
    }
}

.resp-page-logo{
    display:none;
    padding:15px 0;
    border-bottom:1px solid rgba($color-basic, 0.5);
    .logo{
        display:block;
        max-width:170px;
        width:100%;
        height:auto;
        margin:0 auto;
    }
    @include medium-tablet{
        display:block;
        &.resp-logo-space{
            margin-top:75px;
        }
    }
    @include small-tablet{
        padding: 10px 0;
        .logo{
            max-width: 160px;
        }
    }
    @include mobile{
        .logo{
            max-width: 150px;
        }
    }
}

.web-nav{
    position:fixed;
    z-index:101;
    top:0;
    left:0;
    width:100%;
    &.nav-home{
        @media(min-width:751px){
        .wrap-nav{
            .nav-main-zone{
                background-color:transparent;
                background: -moz-linear-gradient(top, rgba(68,68,68,0.5) 0%, rgba(68,68,68,0) 100%);
                background: -webkit-linear-gradient(top, rgba(68,68,68,0.5) 0%,rgba(68,68,68,0) 100%);
                background: linear-gradient(to bottom, rgba(68,68,68,0.5) 0%,rgba(68,68,68,0) 100%);
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6444444', endColorstr='#00444444',GradientType=0 );
                .wrap-zone{
                    border-color:transparent;
                    .nav-logo{
                        height:130%;
                        .logo{
                            display:none;
                            &.white{
                                display:block;
                            }
                        }
                    }
                    .main-zone-box{
                        .wrap-box{
                            .nav-list{
                                &:after{
                                    background-color:rgba(#fff, 0.4);
                                }
                                .nav-element{
                                    &:before{
                                        border-top-color:#fff;
                                    }
                                    &:after{
                                        background-color:#fff;
                                    }
                                    .element-text{
                                        color:#fff;
                                        text-shadow:2px 2px 2px rgba(#444444, 0.2);
                                    }
                                    .element-icon{
                                        &:before{
                                            color:#fff;
                                            text-shadow:2px 2px 2px rgba(#444444, 0.2);
                                        }
                                    }
                                    &.active{
                                        .element-icon{
                                            &:before{
                                                color:#fff;
                                            }
                                        }
                                        .element-text{
                                            color:#fff;
                                        }
                                    }
                                    @include hovers{
                                        .element-icon{
                                            &:before{
                                                color:#fff;
                                            }
                                        }
                                        .element-text{
                                            color:#fff;
                                        }
                                    }
                                }
                            }
                        }
                    }
                    .nav-languages{
                        .wrap-languages{
                            &:before{
                                border-top-color:#fff;
                            }
                            &:after{
                                background-color:rgba(#fff, 0.4);
                            }
                            .lang-letters{
                                background-color:#fff;
                                border-color:#fff;
                                color:$color-basic;
                            }
                            .languages-icon{
                                border-color: #fff;
                                .lang-icon{
                                    &:before{
                                        color:#fff;
                                        text-shadow:2px 2px 2px rgba(#444444, 0.2);
                                    }
                                }
                              .lang-title {
                                  color: #fff;
                              }
                            }
                        }
                        @include hovers{
                            .wrap-languages{
                                .lang-letters{
                                    color:#fff;
                                    border-color:$color-corp;
                                }
                            }
                        }
                    }
                    .nav-client{
                        &.active{
                            border-right:none;
                            .wrap-client{
                                background-color:transparent;
                            }
                        }
                        &.inactive{
                            .wrap-client{
                                .client-text{
                                    color:$color-basic;
                                    background-color:#fff;
                                    font-weight:700;
                                    text-shadow:none;
                                }
                            }
                        }
                        .wrap-client{
                            .client-text{
                                color:#fff;
                                text-shadow:2px 2px 2px rgba(#444444, 0.2);
                            }
                            .client-icon{
                                border-color:#fff;
                                .user-icon{
                                    &:before{
                                        color:#fff;
                                        text-shadow:2px 2px 2px rgba(#444444, 0.2);
                                    }
                                }
                            }
                        }
                        @include hovers{
                            .wrap-client{
                                .client-icon{
                                    background-color:#fff;
                                    .user-icon{
                                        &:before{
                                            color:$color-corp;
                                        }
                                    }
                                }
                            }
                        }
                    }
                    .nav-menu{
                        .wrap-menu{
                            &:after{
                                background-color:rgba(#fff, 0.4);
                            }
                            .menu-text{
                                color:#fff;
                            }
                            .menu-box{
                                .menu-bar{
                                    background-color:#fff;
                                }
                            }
                        }
                    }
                }
            }
        }
        }
    }
    .wrap-nav{
        .nav-main-zone{
            background-color:#fff;
            @include transition($Stransition);
            .wrap-zone{
                position:relative;
                text-align:right;
                font-size:0;
                border-bottom:1px solid rgba($color-title, 0.4);
                padding-right:20px;
                .nav-logo{
                    position:absolute;
                    left:38px;
                    top:5%;
                    height:90%;
                    .logo{
                        height:100%;
                        width:100%;
                        max-width:200px;
                        object-fit:contain;
                        &.white{
                            display:none;
                        }
                    }
                }
                .main-zone-box{
                    display:inline-block;
                    vertical-align:middle;
                    .wrap-box{
                        .nav-list{
                            position:relative;
                            font-size:0;
                            padding-right:15px;
                            &:after{
                                content:'';
                                position:absolute;
                                top:50%;
                                right:0;
                                @include transform(translateY(-50%));
                                width:1px;
                                height:15px;
                                background-color:rgba($color-corp, 0.4);
                            }
                            .nav-element{
                                position:relative;
                                display:inline-block;
                                vertical-align:top;
                                cursor:pointer;
                                &:before{
                                    content:'';
                                    position:absolute;
                                    bottom:20px;
                                    left:50%;
                                    @include css-triangle($color-basic, down, 4px);
                                    opacity:0;
                                    @include transform(translateX(-50%) translateY(5px));
                                    @include transition($Stransition);
                                }
                                &:after{
                                    content:'';
                                    position:absolute;
                                    bottom:20px;
                                    left:50%;
                                    width:15px;
                                    height:2px;
                                    opacity:0;
                                    @include transform(translateX(-50%) translateY(5px));
                                    background-color:$color-corp;
                                    @include transition($Stransition);
                                }
                                .mainav-btn{
                                    display:none;
                                }
                                .element-icon{
                                    &:before{
                                        display:inline-block;
                                        padding:37px 15px 35px;
                                        font-size:15px;
                                        color:$color-basic;
                                        @include transition($Stransition);
                                    }
                                }
                                .element-text{
                                    font-family:$corp-font1;
                                    font-size:17px;
                                    font-weight:500;
                                    color:$color-basic;
                                    text-transform:uppercase;
                                    padding:37px 15px 33px;
                                    @include space(10em);
                                    @include transition($Stransition);
                                    -webkit-transition: color ease-out 0.7s, padding ease-out 0.7s;
                                    -moz-transition: color ease-out 0.7s, padding ease-out 0.7s;
                                    -ms-transition: color ease-out 0.7s, padding ease-out 0.7s;
                                    -o-transition: color ease-out 0.7s, padding ease-out 0.7s;
                                    transition: color ease-out 0.7s, padding ease-out 0.7s;
                                }
                                @include hovers{
                                    &:after{
                                        opacity:1;
                                        @include transform(translateX(-50%) translateY(0));
                                    }
                                    .element-icon{
                                        &:before{
                                            color:$color-corp;
                                        }
                                    }
                                    .element-text{
                                        color:$color-corp;
                                    }
                                }
                                &.dropdown{
                                    &:after{
                                        display:none;
                                    }
                                    &:before{
                                        opacity:1;
                                        @include transform(translateX(-50%) translateY(0));
                                    }
                                }
                                &.active{
                                    &:after{
                                        opacity:1;
                                        @include transform(translateX(-50%) translateY(-50%));
                                    }
                                    .element-icon{
                                        &:before{
                                            color:$color-corp;
                                        }
                                    }
                                    .element-text{
                                        color:$color-corp;
                                    }
                                }
                            }
                        }
                    }
                }
                .nav-menu{
                    display:none;
                    vertical-align:middle;
                    cursor:pointer;
                    .wrap-menu{
                        position:relative;
                        padding: 20px 30px 20px 65px;
                        @include transition($Stransition);
                        &:after{
                            content:'';
                            position:absolute;
                            top:50%;
                            right:0;
                            @include transform(translateY(-50%));
                            width:1px;
                            height:15px;
                            background-color:rgba($color-corp, 0.4);
                        }
                        .menu-text{
                            position:absolute;
                            left:0;
                            top:50%;
                            @include transform(translateY(-50%) scale(1));
                            font-family:$corp-font1;
                            font-size:18px;
                            font-weight:500;
                            color:$color-basic;
                            text-transform:uppercase;
                            @include space(20em);
                            @include transition($Stransition);
                        }
                        .menu-box{
                            position:relative;
                            width:28px;
                            height:20px;
                            @include transition($Stransition);
                            .menu-bar{
                                position:absolute;
                                width:100%;
                                height:2px;
                                right:0;
                                background-color:$color-basic;
                                @include transition($Stransition);
                                &:first-child{
                                    top:0;
                                }
                                &:nth-child(2){
                                    top:50%;
                                    @include transform(translateY(-50%));
                                }
                                &:last-child{
                                    bottom:0;
                                }
                            }
                        }
                    }
                    &.toclose{
                        .wrap-menu{
                            .menu-text{
                                left:54px;
                                @include transform(translateY(-50%) scale(0.8));
                            }
                            .menu-box{
                                height:30px;
                                .menu-bar{
                                    &:nth-child(2){
                                        left:auto;
                                        right:0;
                                        width:0;
                                    }
                                }
                            }
                        }
                    }
                    @include hovers{
                        .wrap-menu{
                            .menu-text{
                                left:54px;
                                @include transform(translateY(-50%) scale(0.8));
                            }
                            .menu-box{
                                height:30px;
                                .menu-bar{
                                    &:nth-child(2){
                                        left:auto;
                                        right:0;
                                        width:0;
                                    }
                                }
                            }
                        }
                    }
                }
                .nav-languages{
                    display:inline-block;
                    vertical-align:middle;
                    cursor:pointer;
                    .wrap-languages{
                        position:relative;
                        padding:23px 30px;
                        &:before{
                            content:'';
                            position:absolute;
                            left:50%;
                            bottom:15px;
                            @include transform(translateX(-50%));
                            @include css-triangle($color-basic, down, 4px);
                            @include transition($Stransition);
                        }
                        &:after{
                            content:'';
                            position:absolute;
                            top:50%;
                            left:0;
                            @include transform(translateY(-50%));
                            width:1px;
                            height:15px;
                            background-color:rgba($color-basic, 0.4);
                        }
                        .lang-letters{
                            position:absolute;
                            z-index:1;
                            padding:5px 4px;
                            top: 20px;
                            left: 26px;
                            width: 23px;
                            height: 23px;
                            border-radius:50%;
                            background-color:$color-basic;
                            border:1px solid $color-basic;
                            font-family:$corp-font1;
                            font-size:11px;
                            font-weight:700;
                            color:#fff;
                            @include transition($Stransition);
                        }
                        .languages-icon{
                            position:relative;
                            width:40px;
                            height:40px;
                            border-radius:50%;
                            border: 2px solid $color-basic;
                            .lang-icon{
                                position:absolute;
                                top:50%;
                                left:50%;
                                @include transform(translateY(-50%) translateX(-50%));
                                &:before{
                                    font-size:40px;
                                    color:$color-basic;
                                    @include transition($Stransition);
                                }
                            }
                            .lang-title {
                                color: $color-basic;
                                text-align: center;
                                font: 700 13px / 1 "Encode Sans", sans-serif;
                                position: absolute;
                                top: 50%;
                                left: 0;
                                transform: translateY(-50%);
                                width: 100%;
                            }
                        }
                        .languages-drop{
                            position:absolute;
                            z-index:999;
                            top:100%;
                            right:15px;
                            width:90px;
                            max-height:0;
                            overflow:hidden;
                            @include transition($Stransition);
                            &:before{
                                content:'';
                                position:absolute;
                                top:9px;
                                right:30px;
                                @include css-triangle(rgba(#444444, 0.8), up, 6px);
                            }
                            .wrap-drop{
                                margin-top:15px;
                                background-color:rgba(#444444, 0.8);
                                .languages-list{
                                    padding: 10px 15px 15px;
                                    .language-element{
                                        &.active{
                                            .wrap-element{
                                                &:before{
                                                    opacity:1;
                                                    @include transform(translateY(-50%) translateX(0));
                                                }
                                                .language-text{
                                                    color:#fff;
                                                }
                                            }
                                        }
                                        .wrap-element{
                                            position:relative;
                                            padding:10px 0 8px;
                                            border-bottom:1px solid rgba(#fff, 0.6);
                                            &:before{
                                                content:'';
                                                position:absolute;
                                                top:50%;
                                                left:0;
                                                @include transform(translateY(-50%) translateX(-5px));
                                                width:4px;
                                                height:4px;
                                                background-color:#fff;
                                                opacity:0;
                                                border-radius:50%;
                                                @include transition($Stransition);
                                            }
                                            .language-text{
                                                font-family:$corp-font1;
                                                font-size:10px;
                                                font-weight:500;
                                                color:rgba(#fff, 0.6);
                                                text-transform:uppercase;
                                                @include space(20em);
                                                @include transition($Stransition);
                                            }
                                        }
                                        @include hovers{
                                            .wrap-element{
                                                &:before{
                                                    opacity:1;
                                                    @include transform(translateY(-50%) translateX(0));
                                                }
                                                .language-text{
                                                    color:#fff;
                                                }
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                    &.active{
                        .wrap-languages{
                            .languages-drop{
                                max-height:200px;
                            }
                        }
                    }
                    @include hovers{
                        .wrap-languages{
                            .lang-letters{
                                background-color:$color-corp;
                            }
                            &:before{
                                @include transform(translateX(-50%) translateY(3px));
                            }
                            .languages-drop{
                                max-height:200px;
                            }
                        }
                    }
                }
                .nav-client{
                    display:inline-block;
                    vertical-align:middle;
                    cursor:pointer;
                    .wrap-client{
                        position:relative;
                        padding: 23px 30px;
                        .client-text{
                            position:absolute;
                            width:100%;
                            left:50%;
                            @include transform(translateX(-50%));
                            bottom:5px;
                            font-family:$corp-font2;
                            font-size:14px;
                            font-weight:400;
                            color:$color-basic;
                            text-align:center;
                            width:80px;
                            height:15px;
                            margin:0 auto;
                            text-overflow: ellipsis;
                            overflow: hidden;
                            @include transition($Stransition);
                        }
                        .client-icon{
                            position:relative;
                            width:40px;
                            height:40px;
                            border:2px solid $color-basic;
                            border-radius:50%;
                            @include transition($Stransition);
                            .user-icon{
                                position:absolute;
                                top:50%;
                                left:50%;
                                @include transform(translateY(-50%) translateX(-50%));
                                @include transition($Stransition);
                                &:before{
                                    font-size:20px;
                                    color:$color-basic;
                                    @include transition($Stransition);
                                }
                            }
                        }
                    }
                    @include hovers{
                        .wrap-client{
                            .client-icon{
                                background-color:$color-basic;
                                .user-icon{
                                    &:before{
                                        color:#fff;
                                        font-size:18px;
                                    }
                                }
                            }
                        }
                    }
                    &.inactive{
                        .wrap-client{
                            .client-text{
                                z-index:1;
                                background-color:$color-basic;
                                color:#fff;
                                font-family:$corp-font1;
                                font-size:10px;
                                text-transform:uppercase;
                                font-weight:400;
                                bottom:15px;
                                width:50px;
                                padding:3px;
                                @include space(20em);
                            }
                        }
                    }
                    &.active{
                        .wrap-client{
                            background-color:rgba($color-corp, 0.7);
                            .client-text{
                                color:#fff;
                                bottom:8px;
                            }
                            .client-icon{
                                border:none;
                                .user-icon{
                                    &:before{
                                        display:inline-block;
                                        font-size:25px;
                                        color:#fff;
                                    }
                                }
                            }
                        }
                        @include hovers{
                            .wrap-client{
                                .client-icon{
                                    .user-icon{
                                        &:before{
                                            @include transform(scale(0.8));
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
                .resp-reserve{
                    display:none;
                    vertical-align:middle;
                    .wrap-reserve{
                        background-color:$color-call;
                        padding:30px 0 28px;
                        @include transition($Stransition);
                        width:200px;
                        text-align:center;
                        .reserve-text{
                            font-family:$corp-font1;
                            font-size:22px;
                            font-weight:500;
                            color:#fff;
                            text-transform:uppercase;
                            @include space(20em);
                        }
                    }
                    @include hovers{
                        .wrap-reserve{
                            background-color:$color-corp-hover;
                        }
                    }
                }
            }
        }
    }
    @include full-desktop{
        .wrap-nav{
            .nav-main-zone{
                .wrap-zone{
                    .main-zone-box{
                        .wrap-box{
                            .nav-list{
                                padding-right:10px;
                                .nav-element{
                                    .element-icon{
                                        &:before{
                                            padding: 34px 15px 31px;
                                        }
                                    }
                                    .element-text{
                                        font-size:16px;
                                        padding:34px 12px 30px;
                                    }
                                }
                            }
                        }
                    }
                    .nav-languages{
                        .wrap-languages{
                            padding: 22px 20px 23px;
                            &:before{
                                bottom:12px;
                            }
                            .lang-letters{
                                left: 17px;
                            }
                            .languages-icon{
                                width:35px;
                                height:35px;
                                .lang-icon{
                                    &:before{
                                        font-size:35px;
                                    }
                                }
                            }
                            .languages-drop{
                                &:before{
                                    right:16px;
                                }
                            }
                        }
                    }
                    .nav-client{
                        .wrap-client{
                            padding: 22px 20px 23px;
                            .client-icon{
                                width:35px;
                                height:35px;
                                .user-icon{
                                    &:before{
                                        font-size:18px;
                                    }
                                }
                            }
                        }
                        &.inactive{
                            .wrap-client{
                                .client-text{
                                    bottom:14px;
                                }
                            }
                        }
                    }
                }
            }
        }
    }
    @include medium-desktop{
        .wrap-nav{
            .nav-main-zone{
                .wrap-zone{
                    .main-zone-box{
                        position:fixed;
                        z-index:97;
                        left:0;
                        top:81px;
                        width:50%;
                        height:calc(100% - 81px);
                        opacity:0;
                        @include transition($Stransition);
                        @include transform(translateX(-100%));
                        &.active{
                            @include transform(translateX(0));
                            opacity:1;
                        }
                        .wrap-box{
                            position:relative;
                            height:100%;
                            font-size:0;
                            text-align:center;
                            overflow-y:auto;
                            background-color:#fff;
                            &:before{
                                content:'';
                                position: relative;
                                display: inline-block;
                                vertical-align: middle;
                                height: 100%;
                                width: 0;
                                opacity: 0;
                            }
                            .nav-list{
                                display: inline-block;
                                vertical-align: middle;
                                width: 440px;
                                padding: 80px 0;
                                text-align: left;
                                &:after{
                                    display:none;
                                }
                                .nav-element{
                                    position:relative;
                                    display:block;
                                    padding:15px 0 12px;
                                    border-top:1px solid rgba($color-corp, 0.4);
                                    .mainav-btn{
                                        display:block;
                                        position:absolute;
                                        bottom:calc(100% + 20px);
                                        left:0;
                                    }
                                    &:after{
                                        content:'\e90a';
                                        font-family:'icomoon';
                                        font-size:30px;
                                        color:$color-corp;
                                        left:auto;
                                        right:20px;
                                        bottom:auto;
                                        top:50%;
                                        @include transform(translateY(-50%) translateX(-10px));
                                        width:auto;
                                        height:auto;
                                        background-color:transparent;
                                    }
                                    &:first-child{
                                        border-top:none;
                                    }
                                    .element-text{
                                        font-size:35px;
                                        font-weight:700;
                                        padding:0;
                                    }
                                    .element-icon{
                                        &:before{
                                            padding:7px 0;
                                        }
                                    }
                                    @include hovers{
                                        &:after{
                                            @include transform(translateY(-50%) translateX(0));
                                        }
                                    }
                                }
                            }
                        }
                    }
                    .nav-menu{
                        display:inline-block;
                    }
                    .nav-languages{
                        .wrap-languages{
                            padding: 22px 30px 23px;
                            .lang-letters{
                                left:26px;
                            }
                            .languages-drop{
                                &:before{
                                    right:26px;
                                }
                            }
                        }
                    }
                    .nav-client{
                        .wrap-client{
                            padding: 22px 30px 23px;
                        }
                    }
                }
            }
        }
    }
    @include small-desktop{
        .wrap-nav{
            .nav-main-zone{
                .wrap-zone{
                    padding-right:0;
                    .main-zone-box{
                        width:100%;
                        .wrap-box{
                            .nav-list{
                                width:500px;
                                .nav-element{
                                    &:before{
                                        display:none;
                                    }
                                }
                            }
                        }
                    }
                    .resp-reserve{
                        display:inline-block;
                    }
                }
            }
        }
    }
    @include full-tablet{
        .wrap-nav{
            .nav-main-zone{
                .wrap-zone{
                    .nav-menu{
                        &.toclose{
                            .wrap-menu{
                                .menu-text{
                                    bottom:49%;
                                    left:50%;
                                    @include transform(translateY(50%) translateX(-50%));
                                }
                            }
                        }
                        .wrap-menu{
                            padding:20px 30px;
                            .menu-text{
                                top:auto;
                                bottom:0;
                                left:50%;
                                @include transform(translateX(-50%));
                                font-size:14px;
                            }
                        }
                    }
                    .nav-languages{
                        .wrap-languages{
                            .languages-drop{
                                width:110px;
                                .wrap-drop{
                                    .languages-list{
                                        .language-element{
                                            .wrap-element{
                                                padding: 12px 0 10px;
                                                .language-text{
                                                    font-size:14px;
                                                }
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
    @include medium-tablet{
        top:auto;
        bottom:0;
        .wrap-nav{
            .nav-main-zone{
                .wrap-zone{
                    border-top:1px solid rgba(#444444, 0.4);
                    border-bottom:none;
                    text-align:left;
                    .nav-logo{
                        display:none;
                    }
                    .main-zone-box{
                        top:0;
                        bottom:81px;
                        .wrap-box{
                            .nav-list{
                                padding: 80px 0 40px;
                                width:440px;
                                .nav-element{
                                    padding: 12px 0 9px;
                                }
                            }
                        }
                    }
                    .resp-reserve{
                        position:absolute;
                        right:0;
                        top:0;
                        border-left:1px solid #fff;
                        .wrap-reserve{
                            width:260px;
                            padding: 30px 0 28px;
                            .resderve-text{
                                font-size:25px;
                            }
                        }
                    }
                    .nav-languages{
                        .wrap-languages{
                            padding: 25px 30px 20px;
                            &:before{
                                display:none;
                            }
                            .lang-letters{
                                top:22px;
                            }
                            .languages-drop{
                                top:auto;
                                bottom:100%;
                                text-align:right;
                                &:before{
                                    bottom:11px;
                                    top:auto;
                                    @include css-triangle(rgba(68, 68, 68, 0.8), down, 6px);
                                    border-bottom:none;
                                }
                                .wrap-drop{
                                    margin-top:0;
                                    margin-bottom:15px;
                                    .languages-list{
                                        .language-element{
                                            .wrap-element{
                                                padding: 15px 0 13px;
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
    @include small-tablet{
        .wrap-nav{
            .nav-main-zone{
                .wrap-zone{
                    .main-zone-box{
                        bottom:71px;
                        height: calc(100% - 71px);
                        .wrap-box{
                            .nav-list{
                                width:320px;
                                .nav-element{
                                    .element-text{
                                        font-size:30px;
                                    }
                                }
                            }
                        }
                    }
                    .nav-menu{
                        .wrap-menu{
                            padding: 20px 30px;
                        }
                    }
                    .nav-languages{
                        position:absolute;
                        bottom:100%;
                        right:-30px;
                        .wrap-languages{
                            padding: 17px 30px 18px;
                            &:before{
                                display:block;
                                bottom: 10px;
                            }
                            &:after{
                                display:none;
                            }
                            .languages-drop{
                                bottom:auto;
                                top:100%;
                                right:20px;
                                &:before{
                                    top:4px;
                                    right:23px;
                                    border-bottom: 6px solid rgba(68, 68, 68, 0.8);
                                    border-top:none;
                                    margin-top:0;
                                }
                                .wrap-drop{
                                    margin-top:10px;
                                    margin-bottom:0;
                                }
                            }
                        }
                    }
                    .nav-client{
                        .wrap-client{
                            padding: 17px 30px 18px;
                        }
                        &.active{
                            .wrap-client{
                                .client-text{
                                    bottom:6px;
                                }
                            }
                        }
                        &.inactive{
                            .wrap-client{
                                .client-text{
                                    bottom: 9px;
                                }
                            }
                        }
                    }
                    .resp-reserve{
                        width:50%;
                        .wrap-reserve{
                            width:100%;
                            padding: 26px 0 24px;
                            .reserve-text{
                                font-size:20px;
                            }
                        }
                    }
                }
            }
        }
    }
    @include mobile{
        .wrap-nav{
            .nav-main-zone{
                .wrap-zone{
                    .main-zone-box{
                        .wrap-box{
                            .nav-list{
                                width:280px;
                                .nav-element{
                                    .element-text{
                                        font-size:27px;
                                    }
                                }
                            }
                        }
                    }
                    .nav-menu{
                        .wrap-menu{
                            padding: 20px 25px;
                        }
                    }
                    .nav-languages{
                        right:-20px;
                        .wrap-languages{
                            padding: 17px 25px 18px;
                            .lang-letters{
                                left:23px;
                                top:17px;
                            }
                            .languages-drop{
                                right: 13px;
                            }
                        }
                    }
                    .nav-client{
                        .wrap-client{
                            padding: 17px 25px 18px;
                        }
                    }
                    .resp-reserve{
                        .wrap-reserve{
                            padding: 26px 0 24px;
                            .reserve-text{
                                font-size:20px;
                            }
                        }
                    }
                }
            }
        }
    }
}
.web-subnav{
    .wrap-nav{
        .nav-zone{
            position:fixed;
            z-index:101;
            left:0;
            top:88px;
            width:50%;
            height:calc(100% - 88px);
            background-color:#fff;
            overflow:hidden;
            @include transform(translateX(-100%));
            @include transition($Mtransition);
            opacity:0;
            &.active{
                @include transform(translateX(0));
                opacity:1;
            }
            .wrap-zone{
                font-size:0;
                text-align:center;
                height: 100%;
                overflow-y: auto;
                &:before{
                    content:'';
                    position:relative;
                    display:inline-block;
                    vertical-align:middle;
                    height:100%;
                    width:0;
                    opacity:0;
                }
                .zone-box{
                    display:inline-block;
                    vertical-align:middle;
                    width:600px;
                    padding:80px 0;
                    text-align:left;
                    .wrap-box{
                        .box-header{
                            .wrap-header{
                                position:relative;
                                padding:20px 0;
                                .header-title{
                                    font-family:$corp-font1;
                                    font-size:15px;
                                    font-weight:500;
                                    color:rgba($color-basic, 0.7);
                                    text-transform:uppercase;
                                    letter-spacing:0.4px;
                                }
                                .header-btn{
                                    position:absolute;
                                    bottom:calc(100% + 20px);
                                    left:0;
                                }
                            }
                        }
                        .box-list{
                            .list-element{
                                .wrap-element{
                                    position:relative;
                                    padding:20px 0 10px;
                                    border-top:1px solid rgba($color-corp, 0.4);
                                    &:before{
                                        position:absolute;
                                        top:50%;
                                        right:20px;
                                        @include transform(translateY(-50%) translateX(-10px));
                                        font-size:30px;
                                        color:$color-corp;
                                        opacity:0;
                                        @include transition($Stransition);
                                    }
                                    .element-text{
                                        font-family:$corp-font1;
                                        font-size:36px;
                                        font-weight:700;
                                        color:$color-basic;
                                        text-transform:uppercase;
                                        @include transition($Stransition);
                                    }
                                    .element-subtext{
                                        font-family:$corp-font1;
                                        font-size:15px;
                                        font-weight:500;
                                        color:rgba($color-basic, 0.7);
                                        text-transform:uppercase;
                                        @include transition($Stransition);
                                        padding-top:5px;
                                    }
                                }
                                @include hovers{
                                    .wrap-element{
                                        &:before{
                                            opacity:1;
                                            @include transform(translateY(-50%) translateX(0));
                                        }
                                        .element-text{
                                            color:$color-corp;
                                        }
                                        .element-subtext{
                                            padding-left:10px;
                                            color:rgba($color-basic, 1);
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
    @include full-desktop{
        .wrap-nav{
            .nav-zone{
                top:81px;
                height:calc(100% - 81px);
            }
        }
    }
    @include medium-desktop{
        .wrap-nav{
            .nav-zone{
                .wrap-zone{
                    .zone-box{
                        width:440px;
                        .wrap-box{
                            .box-header{
                                .wrap-header{
                                    .header-title{
                                        font-size:14px;
                                    }
                                }
                            }
                            .box-list{
                                .list-element{
                                    .wrap-element{
                                        padding:15px 0 12px;
                                        .element-text{
                                            font-size:35px;
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
    @include small-desktop{
        .wrap-nav{
            .nav-zone{
                width:100%;
                .wrap-zone{
                    .zone-box{
                        width:500px;
                        .wrap-box{
                            .box-list{
                                .list-element{
                                    .wrap-element{
                                        .element-text{
                                            font-size:40px;
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
    @include medium-tablet{
        .wrap-nav{
            .nav-zone{
                top:auto;
                bottom:81px;
                .wrap-zone{
                    .zone-box{
                        width:440px;
                        .wrap-box{
                            .box-list{
                                .list-element{
                                    .wrap-element{
                                        .element-text{
                                            font-size:35px;
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
    @include small-tablet{
        .wrap-nav{
            .nav-zone{
                bottom:71px;
                height:calc(100% - 71px);
                .wrap-zone{
                    .zone-box{
                        width:320px;
                        .wrap-box{
                            .box-list{
                                .list-element{
                                    .wrap-element{
                                        padding: 12px 0 9px;
                                        .element-text{
                                            font-size:30px;
                                        }
                                        .element-subtext{
                                            font-size:13px;
                                            padding-top:0;
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
    @include mobile{
        .wrap-nav{
            .nav-zone{
                .wrap-zone{
                    .zone-box{
                        width:280px;
                        .wrap-box{
                            .box-list{
                                .list-element{
                                    .wrap-element{
                                        .element-text{
                                            font-size:27px;
                                        }
                                        .element-subtext{
                                            font-size:12px;
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}

.nav-images{
    position:fixed;
    z-index:100;
    top:88px;
    right:0;
    width:100%;
    height:calc(100% - 88px);
    @include transform(translateX(100%));
    opacity:0;
    overflow:hidden;
    @include transition($Mtransition);
    &.active{
        @include transform(translateX(0));
        opacity:1;
        background-color:#fff;
    }
    .wrap-placeholder{
        position:relative;
        height:100%;
        width:50%;
        margin:0 0 0 auto;
        background-color:#fff;
        .nav-placeholder-static{
            position:absolute;
            top:0;
            left:0;
            width:100%;
            height:100%;
            background-position:50% 50%;
            background-repeat:no-repeat;
            background-size:cover;
            @include transition($Stransition);
        }
        .nav-placeholder{
            position:absolute;
            top:0;
            left:0;
            width:100%;
            height:100%;
            opacity:0;
            background-position:50% 50%;
            background-repeat:no-repeat;
            background-size:cover;
            @include transition($Stransition);
        }
    }
    @include full-desktop{
        top:81px;
        height:calc(100% - 81px);
    }
    @include small-desktop{
        display:none;
    }
}

.resp-logo{
    display:none;
    position:absolute;
    z-index:1;
    top:25px;
    left:50%;
    @include transform(translateX(-50%));
    .logo{
        display:block;
        max-width:200px;
        width:100%;
        height:auto;
    }
    @include medium-tablet{
        display:block;
    }
}

.main-video{
    display:none;
    position: absolute;
    z-index: 1;
    top:0;
    left:0;
    height: 100%;
    width:100%;
    background-size: cover;
    background-position: 50% 50%;
    pointer-events: none;
    .wrap-video{
        position: absolute;
        height: 100%;
        width: 100%;
        overflow: hidden;
        .video-element{
            position: absolute;
            left: 50%;
            top: 50%;
            @include transform(translateY(-50%) translateX(-50%));
            min-width: 100%;
            min-height: 100%;
            opacity:0;
            @include transition($Stransition);
        }
    }
}

.pop-video{
    position:fixed;
    z-index:99;
    top:0;
    left:0;
    width:100%;
    height:0;
    overflow:hidden;
    @include transition($Mtransition);
    &.open{
        height:100%;
    }
    .wrap-video{
        position:relative;
        height:100%;
        .back-mask{
            position:absolute;
            top:0;
            left:0;
            width:100%;
            height:100%;
            background-color:rgba(#000, 0.75);
            cursor:zoom-out;
        }
        .close-video{
            position:absolute;
            top:40px;
            right:50px;
            cursor:pointer;
            border-color:#fff;
            .icon-cerrar{
                position:absolute;
                top:50%;
                left:50%;
                @include transform(translateY(-50%) translateX(-50%));
                &:before{
                    content:'\e902';
                    font-family:'icomoon';
                    font-size:16px;
                    color:#fff;
                    @include transition($Stransition);
                }
            }
            @include hovers{
                .icon-cerrar{
                    &:before{
                        color:#fff;
                    }
                }
            }
        }
        .video-header{
            .wrap-header{
                padding:30px 0;
                text-align:center;
                .video-title{
                    font-family:$corp-font1;
                    font-size:27px;
                    font-weight:400;
                    color:#fff;
                    @include space(40em);
                }
            }
        }
        .video-content{
            position:absolute;
            top:50%;
            left:50%;
            @include transform(translateY(-50%) translateX(-50%));
            border:5px solid #fff;
            .video-element{
                display:block;
                margin:0 auto;
                height:605px;
                width:1075px;
            }
        }
    }
    @include full-desktop{
         .wrap-video{
             .close-video{
                 top:35px;
                 right:40px;
             }
             .video-header{
                 .wrap-header{
                     .video-title{
                         font-size:24px;
                     }
                 }
             }
             .video-content{
                 .video-element{
                     height: 560px;
                     width: 995px;
                 }
             }
         }
    }
    @include small-desktop{
            .wrap-video{
                .video-header{
                    .wrap-header{
                        padding:50px 0;
                        .video-title{
                            font-size:24px;
                        }
                    }
                }
                .video-content{
                    .video-element{
                        height: 485px;
                        width: 860px;
                    }
                }
            }
    }
    @include full-tablet{
            .wrap-video{
                .video-content{
                   .video-element{
                       height: 360px;
                       width: 640px;
                   }
                
                }
            }
        
    }
    @include medium-tablet{

            .wrap-video{
                .close-video{
                    top:20px;
                    right:20px;
                    width:35px;
                    height:35px;
                    .icon-cerrar{
                        &:before{
                            font-size:14px;
                        }
                    }
                }
                .video-header{
                    .wrap-header{
                        padding:25px 0;
                    }
                }
                .video-content{
                    .video-element{
                        height: 252px;
                        width: 448px;
                    }
                }
            }
        
    }
    @include small-tablet{

            .wrap-video{
                .close-video{
                    top:15px;
                    right:15px;
                    width:30px;
                    height:30px;
                    .icon-cerrar{
                        &:before{
                            font-size:12px;
                        }
                    }
                }
                .video-header{
                    .wrap-header{
                        padding:20px 0;
                        .video-title{
                            font-size:20px;
                        }
                    }
                }
                .video-content{
                    .video-element{
                        height: 191px;
                        width: 340px;
                    }
                }
            }
        
    }
    @include mobile{

            .wrap-video{
                .video-content{
                    .video-element{
                        height: 160px;
                        width: 285px;
                    }
                }
            }
        
    }
}

.s-info{
    &.environment{
        @include small-desktop{
            .m-hotel-info__wrap-title{
                display:none;
            }
        }
    }
    .slider-counter{
        position:absolute;
        z-index:1;
        bottom:50%;
        @include transform(translateY(50%));
        left:140px;
        @include small-desktop{
            top:100%;
            left:50%;
            @include transform(translateX(-50%));
        }
    }
}
.slider-counter{
    .wrap-counter{
        font-size:0;
        background-color:$color-corp;
        padding: 5px 15px 3px;
        .counter-select{
            display:inline-block;
            vertical-align:top;
            font-family:$corp-font1;
            font-size:14px;
            font-weight:500;
            color:#fff;
            text-transform:uppercase;
            @include space(20em);
        }
        .counter-separator{
            display:inline-block;
            vertical-align:top;
            font-family:$corp-font1;
            font-size:14px;
            font-weight:500;
            color:#fff;
            text-transform:uppercase;
            @include space(20em);
            padding:0 2px;
        }
        .counter-total{
            display:inline-block;
            vertical-align:top;
            font-family:$corp-font1;
            font-size:14px;
            font-weight:500;
            color:#fff;
            text-transform:uppercase;
            @include space(20em);
        }
    }
}

.wrap-motor-field{
    border:none!important;
    border-bottom:1px solid rgba($color-basic, 0.7)!important;
    @include transition($Stransition);
    &:after{
        height:37px!important;
        width:35px!important;
        line-height: 39px!important;
    }
    .motor-field{
        height:35px!important;
        background-color:transparent;
    }
    @include hovers{
        &:hover{
            background-color:rgba($color-corp, 0.1);
        }
    }
}

.employment-jobs{
    .wrap-jobs{
        text-align:left;
        .jobs-header{
            padding-top:15px;
            padding-bottom:30px;
            overflow:hidden;
            .jobs-title{
                float:left;
                font-family:$corp-font3;
                font-size:32px;
                color:$color-title;
                @include line(28, 24);
            }
        }
        .jobs-list{
            .wrap-list{
                a{
                    &:last-child{
                        .wrap-element{
                            border-bottom:1px solid rgba($color-basic, 0.3);
                        }
                    }
                }
                .wrap-element{
                    position:relative;
                    padding:25px 40px 25px 0;
                    font-size:0;
                    overflow:hidden;
                    border-top:1px solid rgba($color-basic, 0.5);
                    @include transition($Stransition);
                    &.nojob{
                        pointer-events:none;
                        .main-job{
                            width:100%;
                        }
                    }
                    .main-job{
                        display:inline-block;
                        vertical-align:middle;
                        width:50%;
                        .user-icon{
                            display:inline-block;
                            vertical-align:middle;
                            padding-right:25px;
                            &:before{
                                content:'\e91b';
                                display:inline-block;
                                vertical-align:middle;
                                font-family:'icomoon';
                                font-size:17px;
                                color:$color-corp;
                            }
                        }
                        .job-title{
                            display:inline-block;
                            vertical-align:middle;
                            font-family:$corp-font1;
                            font-size:18px;
                            font-weight:400;
                            color:$color-basic;
                            @include transition($Stransition);
                            text-transform:uppercase;
                            @include space(50em);
                            @include line(23, 20);
                            &:before{
                                content:'';
                                display:inline-block;
                                vertical-align:middle;
                                width:5px;
                                height:5px;
                                border-radius:50%;
                                background-color:$color-basic;
                                margin-right:7px;
                            }
                        }
                    }
                    .job-specs{
                        display:inline-block;
                        vertical-align:middle;
                        width:calc(50% - 20px);
                        font-size:0;
                        .local-job{
                            display:inline-block;
                            vertical-align:middle;
                            width:50%;
                            .local-text{
                                display:inline-block;
                                vertical-align:middle;
                                font-family:$corp-font2;
                                font-size:15px;
                                color:$color-basic;
                                font-weight:400;
                                text-transform:uppercase;
                                @include space(50em);
                                @include line(17, 15);
                                &:before{
                                    content:'\e913';
                                    display:inline-block;
                                    vertical-align:middle;
                                    font-family:'icomoon';
                                    font-size:12px;
                                    color:$color-corp;
                                    margin-right:10px;
                                }
                            }
                        }
                        .location-job{
                            display:inline-block;
                            vertical-align:middle;
                            width:50%;
                            .location-text{
                                display:inline-block;
                                vertical-align:middle;
                                font-family:$corp-font2;
                                font-size:15px;
                                color:$color-basic;
                                font-weight:400;
                                text-transform:uppercase;
                                @include space(50em);
                                @include line(17, 15);
                                &:before{
                                    content:'\e907';
                                    display:inline-block;
                                    vertical-align:middle;
                                    font-family:'icomoon';
                                    font-size:12px;
                                    color:$color-corp;
                                    margin-right:10px;
                                }
                            }
                        }
                    }
                    .arrow-icon{
                        position:absolute;
                        right:10px;
                        top:50%;
                        @include transform(translateY(-50%));
                        @include transition($Stransition);
                        &:before{
                            content:'\e90a';
                            font-family:'icomoon';
                            font-size:18px;
                            color:rgba($color-basic, 0.7);
                            @include transition($Stransition);
                        }
                    }
                    @include hovers{
                        &:hover{
                            background-color:#f3f3f3;
                            .main-job{
                                .job-title{
                                    color:$color-title;
                                }
                            }
                            .arrow-icon{
                                right:5px;
                                &:before{
                                    color:$color-corp;
                                }
                            }
                        }
                    }
                }
            }
        }
        .end-jobs{
            padding:30px 0;
            .end-text{
                font-family:$corp-font3;
                font-size:22px;
                color:$color-basic;
                font-weight:400;
                text-transform:uppercase;
                @include line(28, 24);
            }
        }
    }
    @include small-desktop{
        .wrap-jobs{
            .jobs-list{
                .wrap-list{
                    .wrap-element{
                        .job-specs{
                            .local-job{
                                display:block;
                                padding-bottom:5px;
                                padding-right:0;
                                width:100%;
                            }
                            .location-job{
                                display:block;
                            }
                        }
                    }
                }
            }
        }
    }
    @include full-tablet{
        .wrap-jobs{
            .jobs-list{
                .wrap-list{
                    .wrap-element{
                        .arrow-icon{
                            border-radius:50%;
                            border:1px solid rgba($color-basic, 0.5);
                            padding: 8px;
                            &:before{
                                font-size:10px;
                            }
                        }
                    }
                }
            }
        }
    }
    @include medium-tablet{
        .wrap-jobs{
            .jobs-list{
                .wrap-list{
                    .wrap-element{
                        .main-job{
                            display:block;
                            width:100%;
                            .user-icon{
                                padding-right:10px;
                            }
                            .job-title{
                                font-size:18px;
                            }
                        }
                        .job-specs{
                            display:block;
                            width:100%;
                            padding-left: 40px;
                            &:before{
                                content:'';
                                display:block;
                                width:20px;
                                height:1px;
                                margin:10px 0;
                                background-color:rgba($color-basic, 0.5);
                            }
                        }
                    }
                }
            }
        }
    }
    @include small-tablet{
        .wrap-jobs{
            .jobs-header{
                padding-bottom: 30px;
                .jobs-title{
                    float:initial;
                    display:block;
                }
                .wrap-select{
                    float:initial;
                    width:100%;
                    margin-top:20px;
                }
            }
            .jobs-list{
                .wrap-list{
                    .wrap-element{
                        .arrow-icon{
                            top:35px;
                            right:5px;
                        }
                    }
                }
            }
        }
    }
}

.jobcard-section{
    padding:0 0 80px;
    .jobcard-list{
        .jobcard-element{
            .wrap-jobcard{
                padding:30px 0 40px;
                overflow:hidden;
                border-bottom:1px solid rgba($color-basic, 0.3);
                .jobcard-title{
                    float:left;
                    font-family:$corp-font3;
                    font-size:32px;
                    color:$color-title;
                }
                .job-btn{
                    float:right;
                    min-width:150px;
                    opacity:0.5;
                    .btn-main-link{
                        padding: 10px 20px 9px;
                    }
                    @include hovers{
                        &:hover{
                            opacity:1;
                        }
                    }
                }
            }
            .jobcard-zone{
                padding:30px 0;
                border-bottom:1px solid rgba($color-basic, 0.3);
                .zone-local{
                    position:relative;
                    display:inline-block;
                    vertical-align:middle;
                    font-family:$corp-font1;
                    font-size:15px;
                    font-weight:500;
                    color:$color-basic;
                    text-transform:uppercase;
                    @include space(50em);
                    padding-right:45px;
                    padding-left:20px;
                    &:before{
                        content:'\e913';
                        position:absolute;
                        left:0;
                        top:1px;
                        font-family:'icomoon';
                        font-size:12px;
                        color:rgba($color-corp, 0.8);
                    }
                }
                .zone-location{
                    position:relative;
                    display:inline-block;
                    vertical-align:middle;
                    font-family:$corp-font1;
                    font-size:15px;
                    font-weight:500;
                    color:$color-basic;
                    text-transform:uppercase;
                    @include space(50em);
                    padding-left:20px;
                    &:before{
                        content:'\e907';
                        position:absolute;
                        left:0;
                        top:1px;
                        font-family:'icomoon';
                        font-size:12px;
                        color:rgba($color-corp, 0.8);
                    }
                }
            }
            .wrap-list{
                position:relative;
                overflow:hidden;
                padding:50px 0;
                border-bottom:1px solid rgba($color-basic, 0.3);
                .list-title{
                    font-family:$corp-font1;
                    font-size:20px;
                    color:$color-title;
                    font-weight:400;
                    @include space(20em);
                    text-transform:uppercase;
                }
                .list-btn{
                    display:none;
                    position:absolute;
                    top:0;
                    right:0;
                    width:70px;
                    height:95px;
                    &:before{
                        content:'\e315';
                        position:absolute;
                        top:50%;
                        left:50%;
                        @include transform(translateY(-50%) translateX(-50%));
                        @include transition($Stransition);
                        font-family:'icomoon';
                        font-size:12px;
                        color:rgba($color-basic, 0.5);
                    }
                    &:after{
                        content:'';
                        position:absolute;
                        top:0;
                        left:0;
                        width:100%;
                        height:5px;
                        background-color:$color-basic;
                        @include transform(translateY(-100%));
                        @include transition($Stransition);
                    }
                }
                .to-hide-list{
                    overflow:hidden;
                }
                .ficha-list{
                    @include transition($Stransition);
                }
                ul{
                    padding-left:50px;
                    padding-top:20px;
                    li{
                        position:relative;
                        padding-left:15px;
                        padding-bottom:10px;
                        &:last-child{
                            padding-bottom:0;
                        }
                        p{
                            font-family:$corp-font2;
                            font-size:16px;
                            color:$color-basic;
                            @include space(50em);
                            @include line(26, 16);
                        }
                        &:before{
                            content:'\e937';
                            position:absolute;
                            left:0;
                            top:8px;
                            font-family:'icomoon';
                            font-size:7px;
                            color:rgba($color-corp, 0.7);
                            
                        }
                    }
                }
            }
        }
    }
    .jobcard-form{
        max-width:1100px;
        .form-head{
            padding:50px 0 30px;
            overflow:hidden;
            .form-title{
                float:left;
                width:330px;
                font-family:$corp-font3;
                font-size:32px;
                color:$color-title;
                @include line(28, 24);
            }
            .form-title-text{
                position:relative;
                float:left;
                width:calc(100% - 330px);
                font-family:$corp-font2;
                font-size:15px;
                color:$color-basic;
                @include line(20, 16);
                @include space(50em);
                max-width:440px;
                margin-top:13px;
                &:before{
                    content:'';
                    position:absolute;
                    left:-55px;
                    top:9px;
                    width:20px;
                    height:1px;
                    background-color:rgba($color-basic, 0.7);
                }
            }
        }
        .wrap-form{
            overflow:hidden;
            font-size:0;
            .wrap-fields{
                display:inline-block;
                vertical-align:top;
                width:330px;
                padding-right:35px;
                .field-element{
                    margin-bottom:15px;
                    &:last-child{
                        margin-bottom:0;
                    }
                    &.must-field{
                        position:relative;
                        padding-left:20px;
                        &:before{
                            content:'';
                            position:absolute;
                            left:5px;
                            top:17px;
                            width:5px;
                            height:5px;
                            background-color:rgba($color-corp, 0.8);
                            border-radius:50%;
                        }
                    }
                    &.captcha{
                        font-size:0;
                        .wrap-number{
                            display:inline-block;
                            vertical-align:middle;
                            width:110px;
                            .captcha-number{
                                font-family:$corp-font1;
                                font-size:16px;
                                color:rgba($color-basic, 0.5);
                                @include space(20em);
                                text-transform:uppercase;
                            }
                        }
                        .wrap-input{
                            display:inline-block;
                            vertical-align:middle;
                            width:calc(100% - 110px);
                        }
                    }
                    &.cv{
                        font-size:0;
                        .wrap-text{
                            display:inline-block;
                            vertical-align:middle;
                            width:110px;
                            .cv-text{
                                font-family:$corp-font1;
                                font-size:14px;
                                font-weight:500;
                                color:rgba($color-basic, 0.8);
                                @include space(20em);
                                text-transform:uppercase;
                            }
                        }
                        .wrap-input{
                            display:inline-block;
                            vertical-align:middle;
                            width:calc(100% - 110px);
                            .main-input{
                                display:none;
                            }
                            label{
                                cursor:pointer;
                                display:block;
                                font-family:$corp-font1;
                                font-size:15px;
                                font-weight:500;
                                color:rgba($color-basic, 0.5);
                                text-transform:uppercase;
                                @include space(20em);
                                @include line(18, 16);
                                margin: 10px 25px 10px 14px;
                                text-overflow: ellipsis;
                                overflow: hidden;
                                height:16px;
                            }
                        }
                    }
                    .wrap-input{
                        position:relative;
                        border-color:rgba($color-basic, 0.3);
                        &:after{
                            position:absolute;
                            top:50%;
                            right:10px;
                            @include transform(translateY(-50%));
                            font-family:'icomoon';
                            font-size:14px;
                            color:rgba($color-corp, 0.5);
                        }
                        &.user{
                            &:after{
                                content:'\e91b';
                            }
                        }
                        &.email{
                            &:after{
                                content:'\e931';
                            }
                        }
                        &.phone{
                            &:after{
                                content:'\e934';
                            }
                        }
                        &.lock{
                            &:after{
                                content:'\e91e';
                            }
                        }
                        &.file{
                            &:after{
                                content:'\e91d';
                            }
                        }
                        .main-input{
                            font-size:14px;
                            color:rgba($color-basic, 0.8);
                            @include input-placeholder{
                                font-size:14px;
                                color:rgba($color-basic, 0.5);
                            }
                        }
                    }
                }
            }
            .wrap-textarea{
                display:inline-block;
                vertical-align:top;
                width:calc(100% - 330px);
                border:1px solid rgba($color-basic, 0.3);
                .form-textarea{
                    width:100%;
                    height:245px;
                    background-color:transparent;
                    padding:10px 15px;
                    font-family:$corp-font1;
                    font-size:14px;
                    color:rgba($color-basic, 0.8);
                    border-radius:5px;
                    outline: none;
                    resize: none;
                    overflow: hidden;
                    @include space(20em);
                    @include line(18, 16);
                    font-weight:500;
                    @include input-placeholder{
                        font-family:$corp-font1;
                        font-size:14px;
                        color:rgba($color-basic, 0.5);
                        text-transform:uppercase;
                        @include space(20em);
                        @include line(18, 16);
                        font-weight:500;
                    }
                }
            }
            .form-foot{
                width:calc(100% - 330px);
                padding:20px 0;
                overflow:hidden;
                margin:0 0 0 auto;
                .check-zone{
                    float:left;
                    min-width:50%;
                    .must-text{
                            position: relative;
                            display: block;
                            font-family:$corp-font2;
                            font-size: 14px;
                            font-weight:400;
                            color: $color-basic;
                            margin-top:5px;
                            padding-left: 20px;
                            line-height: 125%;
                            letter-spacing: 0.05em;
                        &:after{
                            content: '';
                            position: absolute;
                            border-radius: 50%;
                            left: 5px;
                            top: calc(50% - 2.5px);
                            width: 5px;
                            height: 5px;
                            background-color: $color-basic;
                        }
                    }
                }
                .form-btn{
                    float:right;
                    opacity:0.5;
                    .btn-main__text{
                        width: 100%;
                        background-color: transparent;
                        border: none;
                    }
                    @include hovers{
                        &:hover{
                            opacity:1;
                        }
                    }
                }
            }
        }
    }
    @include medium-tablet{
        .jobcard-list{
            .jobcard-element{
                .wrap-jobcard{
                    text-align:center;
                    padding: 0 0 20px;
                    .job-btn{
                        float:none;
                        margin-bottom:30px;
                    }
                    .jobcard-title{
                        float:none;
                        display:block;
                    }
                }
                .jobcard-zone{
                    text-align:center;
                    padding:20px 0;
                }
                .wrap-list{
                    padding:30px 0;
                    ul{
                        padding-left:0;
                        li{
                            p{
                                font-size:15px;
                            }
                        }
                    }
                }
            }
        }
        .jobcard-form{
            .form-head{
                text-align: center;
                .form-title{
                    float:none;
                    width:100%;
                }
                .form-title-text{
                    float:none;
                    width:100%;
                    margin:15px auto 0;
                    &:before{
                        display:none;
                    }
                }
            }
            .wrap-form{
                .wrap-fields{
                    width:100%;
                    padding-right:0;
                    padding-bottom:15px;
                }
                .wrap-textarea{
                    width:100%;
                }
                .form-foot{
                    width:100%;
                    text-align:center;
                    .check-zone{
                        float:none;
                        width:100%;
                        text-align:left;
                        padding-bottom:15px;
                    }
                    .form-btn{
                        float:none;
                    }
                }
            }
        }
    }
}

.fixed-footer{
    position:fixed;
    z-index:99;
    bottom:0;
    left:0;
    width:100%;
    @include transform(translateY(100%));
    @include transition($Stransition);
    background-color:$color-corp;
    &.active{
        @include transform(translateY(0%));
    }
    .wrap-fixed{
        overflow:hidden;
        max-width:1800px;
        padding:0 30px;
        margin:0 auto;
        .footer-box{
            font-size:0;
            &:first-child{
                float:left;
            }
            &:nth-child(2){
                float:right;
            }
            .footer-element{
                display:inline-block;
                vertical-align:top;
                .element-text{
                    padding: 13px 40px 10px;
                    position:relative;
                    display:inline-block;
                    vertical-align:middle;
                    font-family:$corp-font1;
                    font-size:13px;
                    font-weight:500;
                    text-transform:uppercase;
                    color:#fff;
                    @include space(150em);
                    cursor:pointer;
                    @include transition($Stransition);
                    &.separator{
                        &:before{
                            content:'';
                            position:absolute;
                            top:50%;
                            @include transform(translateY(-50%));
                            right:0;
                            width:1px;
                            height:10px;
                            background-color:#fff;
                        }
                    }
                    &:after{
                        display:inline-block;
                        vertical-align:middle;
                        font-family:'icomoon';
                        font-size:15px;
                        color:#fff;
                        margin-left:10px;
                        margin-bottom:2px;
                    }
                    &.transfer{
                        &:after{
                            content:'\e93c';
                            font-size:14px;
                        }
                    }
                    &.vuelo{
                        &:after{
                            content:'\e91f';
                            font-size:15px;
                        }
                    }
                    &.agencias{
                        &:after{
                            content:'\e91b';
                            font-size:12px;
                        }
                    }
                    &.prensa{
                        &:after{
                            content:'\e90c';
                            font-size:12px;
                        }
                    }
                    &.top{
                        &:after{
                            content:'\e908';
                            font-size:15px;
                        }
                    }
                    @include hovers{
                        &:hover{
                            background-color:rgba(#000, 0.2);
                        }
                    }
                }
            }
        }
    }
    @include small-desktop{
        .wrap-fixed{
            padding:0;
        }
    }
    @include full-tablet{
        .wrap-fixed{
            .footer-box{
                .footer-element{
                    .element-text{
                        padding: 13px 25px 10px;
                    }
                }
            }
        }
    }
    @include medium-tablet{
        position:relative;
        z-index:0;
        @include transform(none);
        border-top:1px solid rgba(255,255,255,0.7);
        .wrap-fixed{
            padding:20px 0;
            text-align:center;
            .footer-box{
                float:initial!important;
                &:first-child{
                    .footer-element{
                        &:after{
                            display:block!important;
                        }
                    }
                }
                .footer-element{
                    position:relative;
                    display:block;
                    &:after{
                        content:'';
                        position:absolute;
                        bottom:0;
                        left:50%;
                        @include transform(translateX(-50%));
                        border-top:1px solid rgba(255,255,255,0.7);
                        width:240px;
                        height:1px;
                    }
                    &:last-child{
                        &:after{
                            display:none;
                        }
                    }
                    .element-text{
                        color:#fff;
                        font-weight:500;
                        padding: 20px 40px;
                        &:before{
                            display:none;
                        }
                        &:after{
                            color:#fff;
                            display:block;
                            margin:10px 0 0;
                        }
                    }
                }
            }
        }
    }
}

.awards-module{
    padding: 70px 0;
    .awards-header{
        .wrap-header{
            .awards-title{
                font-family:$corp-font3;
                font-size:45px;
                font-weight: 400;
                line-height: 1.1;
                color:$color-title;
            }
            .awards-subtitle{
                font-family:$corp-font2;
                font-size: 16px;
                color:$color-basic;
                font-weight: 500;
                line-height: 1.2;
                letter-spacing: 0.4px;
                padding-top:5px;
                padding-left: 5px;
            }
        }
    }
    .awards-content{
        .wrap-content{
            padding-top:10px;
            .comments-box{
                .wrap-box{
                    .box-element{
                        font-size:0;
                        padding:20px 0;
                        margin-bottom: 20px;
                        .box-title{
                            font-family:$corp-font1;
                            font-size:16px;
                            font-weight:500;
                            color:#fff;
                            background-color:#d4bc3a;
                            background: -moz-linear-gradient(left, rgba(212,188,58,1) 0%, rgba(255,255,255,0) 100%);
                            background: -webkit-linear-gradient(left, rgba(212,188,58,1) 0%,rgba(255,255,255,0) 100%);
                            background: linear-gradient(to right, rgba(212,188,58,1) 0%,rgba(255,255,255,0) 100%);
                            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4bc3a', endColorstr='#00ffffff',GradientType=1 );
                            padding:12px 0 9px 28px;
                            text-transform:uppercase;
                            @include space(50em);
                            border-radius:8px;
                        }
                        .value-box{
                            display:inline-block;
                            vertical-align:top;
                            text-align:center;
                            width:220px;
                            padding:30px 20px 0 0;
                            .value-img{
                                display:block;
                                width:120px;
                                height:auto;
                                margin:0 auto;
                            }
                            .value-num{
                                display:inline-block;
                                padding-top:10px;
                                font-family:$corp-font1;
                                font-size:16px;
                                font-weight:700;
                                color:#fff;
                                background-color:#d4bc3a;
                                padding:5px;
                                width: 90px;
                                text-align: center;
                                border-bottom-right-radius:2px;
                                border-bottom-left-radius:2px;
                            }
                        }
                        .users-box{
                            display:inline-block;
                            vertical-align:top;
                            width:calc(100% - 220px);
                            padding:30px 0 0 20px;
                            .users-title{
                                font-family:$corp-font1;
                                font-size:14px;
                                font-weight:500;
                                color:$color-basic;
                                padding-bottom:7px;
                                margin-bottom:10px;
                                border-bottom:1px solid rgba($color-basic, 0.5);
                                text-transform:uppercase;
                            }
                            .users-element{
                                position:relative;
                                padding-bottom:15px;
                                margin-bottom:15px;
                                font-size:0;
                                padding-left:12px;
                                border-bottom:1px solid rgba($color-basic, 0.5);
                                &:last-child{
                                    border-bottom:none;
                                    margin-bottom:0;
                                }
                                &:before{
                                    content:'\e937';
                                    font-family:'icomoon';
                                    font-size:9px;
                                    color:$color-corp;
                                    position:absolute;
                                    top:5px;
                                    left:0;
                                }
                                .element-header{
                                    display:inline-block;
                                    vertical-align:top;
                                    width:200px;
                                    .element-name{
                                        font-family:$corp-font2;
                                        font-size:16px;
                                        font-weight:600;
                                        color:$color-basic;
                                        @include space(20em);
                                        @include line(20 ,16);
                                    }
                                    .stars{
                                        padding-top:2px;
                                        font-size:0;
                                        &.last-half{
                                            .value-star{
                                                &:last-child{
                                                    &:before{
                                                        content:'\e93d';
                                                    }
                                                }
                                            }
                                        }
                                        .value-star{
                                            display:inline-block;
                                            vertical-align:top;
                                            padding:0 1px;
                                            &:first-child{
                                                padding-left:0;
                                            }
                                            &:before{
                                                content:'\e906';
                                                display:inline-block;
                                                vertical-align:top;
                                                font-family:'icomoon';
                                                font-size:14px;
                                                color:rgba($color-corp, 0.7);
                                            }
                                        }
                                    }
                                }
                                .element-content{
                                    display:inline-block;
                                    vertical-align:top;
                                    width:calc(100% - 200px);
                                    .element-text{
                                        font-family:$corp-font2;
                                        font-size:15px;
                                        font-weight:400;
                                        color:$color-basic;
                                        @include space(20em);
                                        @include line(20 ,16);
                                    }
                                }
                            }
                        }
                    }
                }
            }
            .certificates-box{
                .wrap-box{
                    padding-top:20px;
                    .certificates-title{
                        font-family: $corp-font3;
                        font-size: 30px;
                        font-weight: 400;
                        line-height: 1.2;
                        color: rgba($color-title, 0.8);
                        padding-bottom:15px;
                        border-bottom:1px solid rgba($color-basic, 0.5);
                        &:before{
                            content:'\e910';
                            display:inline-block;
                            font-family:'icomoon';
                            font-size:25px;
                            color:#d4bc3a;
                            padding-right:10px;
                        }
                    }
                    .certificates-slider{
                        margin-top:30px;
                        &:before{
                            content:'';
                            position:absolute;
                            left:33.33%;
                            top:50%;
                            @include transform(translateY(-50%));
                            width:1px;
                            height:50px;
                            background-color:rgba($color-basic, 0.5);
                        }
                        &:after{
                            content:'';
                            position:absolute;
                            left:66.66%;
                            top:50%;
                            @include transform(translateY(-50%));
                            width:1px;
                            height:50px;
                            background-color:rgba($color-basic, 0.5);
                        }
                        .btn-slide-control{
                            position:absolute;
                            z-index:1;
                            top:50%;
                            @include transform(translateY(-50%));
                            .btn-slide-control__btn{
                                &:after{
                                    font-size:30px;
                                }
                            }
                            &.btn-slide-control--prev{
                                right:0;
                            }
                            &.btn-slide-control--next{
                                prev:0;
                            }
                        }
                        .certificate-element{
                            .wrap-element{
                                padding:0 20px;
                                .certificate-img{
                                    display:block;
                                    max-width:200px;
                                    margin:0 auto;
                                    height:auto;
                                    width:100%;
                                }
                            }
                        }
                    }
                }
            }
        }
    }
    @media (max-width: 1389px) {
        .awards-header{
            .wrap-header{
                .awards-title{
                    font-size:40px;
                }
            }
        }
    }
    @media (max-width: 1259px) {
        .awards-header{
            .wrap-header{
                text-align:center;
                .awards-subtitle{
                    position:relative;
                }
            }
        }
        .awards-content{
            .wrap-content{
                .comments-box{
                    .wrap-box{
                        .box-element{
                            .box-title{
                                text-align:center;
                                padding-left:0;
                                background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(212,188,58,0.85) 30%, rgba(212,188,58,1) 50%, rgba(212,188,58,0.85) 70%, rgba(255,255,255,0) 100%);
                                background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(212,188,58,0.85) 30%,rgba(212,188,58,1) 50%,rgba(212,188,58,0.85) 70%,rgba(255,255,255,0) 100%);
                                background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(212,188,58,0.85) 30%,rgba(212,188,58,1) 50%,rgba(212,188,58,0.85) 70%,rgba(255,255,255,0) 100%);
                                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 );
                            }
                        }
                    }
                }
                .certificates-box{
                    .wrap-box{
                        .certificates-title{
                            text-align:center;
                        }
                    }
                }
            }
        }
    }
    @media (max-width: 969px) {
        .awards-header{
            .wrap-header{
                .awards-title{
                    font-size:35px;
                }
                .awards-subtitle{
                    font-size:15px;
                }
            }
        }
        .awards-content{
            .wrap-content{
                .comments-box{
                    .wrap-box{
                        .box-element{
                            .users-box{
                                padding: 30px 0 0 0px;
                                .users-element{
                                    .element-header{
                                        width:100%;
                                        font-size:0;
                                        .element-name{
                                            display:inline-block;
                                            vertical-align:middle;
                                            padding-right:5px;
                                        }
                                        .stars{
                                            display:inline-block;
                                            vertical-align:middle;
                                        }
                                    }
                                    .element-content{
                                        width:100%;
                                        .element-text{
                                            padding-top:5px;
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
                .certificates-box{
                    .wrap-box{
                        .certificates-slider{
                            &:before{
                                left:50%;
                            }
                            &:after{
                                display:none;
                            }
                        }
                    }
                }
            }
        }
    }
    @media (max-width: 767px) {
        .awards-header{
            .wrap-header{
                .awards-subtitle{
                    padding:5px 20px 20px;
                    &:after{
                        bottom:-5px;
                    }
                }
            }
        }
        .awards-content{
            .wrap-content{
                .certificates-box{
                    .wrap-box{
                        .certificates-title{
                            font-size:25px;
                        }
                        .certificates-slider{
                            max-width:400px;
                            margin:30px auto 0;
                        }
                    }
                }
                .comments-box{
                    .wrap-box{
                        .box-element{
                            padding: 30px 0 20px;
                            .value-box{
                                display:block;
                                width: auto;
                                padding: 30px 0 0 0;
                                margin: 0 auto;
                            }
                            .users-box{
                                display:block;
                                width: auto;
                                padding: 30px 0 0 0;
                                text-align:center;
                                .users-element{
                                    padding-left:0;
                                    &:before{
                                        display:none;
                                    }
                                    .element-header{
                                        .element-name{
                                            padding-right:0;
                                            display:block;
                                        }
                                        .stars{
                                            display:block;
                                            padding-top:5px;
                                        }
                                    }
                                    .element-content{
                                        .element-text{
                                            padding:5px 20px 0;
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
    @media (max-width: 539px) {
        padding:40px 0 70px;
        .awards-content{
            .wrap-content{
                .comments-box{
                    .wrap-box{
                        .box-element{
                            .box-title{
                                background:none;
                                background-color:#d4bc3a;
                            }
                            .users-box{
                                .users-element{
                                    .element-content{
                                        .element-text{
                                            padding: 5px 0 0;
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
                .certificates-box{
                    .wrap-box{
                        .certificates-title{
                            font-size:20px;
                        }
                    }
                }
            }
        }
    }
}

.m-offer-card__wrap-list{
    ul{
        li{
            border-bottom: 1px solid rgba($color-basic, 0.7);
            position: relative;
            font-family: "Open Sans", sans-serif;
            font-size: 16px;
            color: #707070;
            font-weight: 400;
            line-height: 1.7;
            padding: 15px 16;
            letter-spacing: 0.2px;
            p{
                font-family: "Open Sans", sans-serif;
                font-size: 16px;
                color: #707070;
                font-weight: 400;
                line-height: 1.7;
                letter-spacing: 0.2px;
            }
        }
    }
    @include medium-tablet{
        ul{
            li{
                text-align:center;
            }
        }
    }
}

.checkbox-zone{
    font-size:0;
    .checkbox-input{
        display:none;
    }
    .checkbox-box{
        position:relative;
        display:inline-block;
        vertical-align:top;
        width:15px;
        height:15px;
        border:1px solid rgba(112, 112, 112, 0.5);
        cursor:pointer;
        &:before{
            content:'\e91c';
            position:absolute;
            top:50%;
            left:50%;
            @include transform(translateY(-50%) translateX(-50%));
            font-family:'icomoon';
            font-size:6px;
            color:$color-corp;
            opacity:0;
            @include transition($Stransition);
        }
        &.active{
            &:before{
                opacity:1;
            }
        }
    }
    .checkbox-text{
        display:inline-block;
        vertical-align:top;
        width: calc(100% - 15px);
        font-family: "Open Sans", sans-serif;
        font-size: 14px;
        font-weight:400;
        color: #707070;
        line-height: 125%;
        letter-spacing: 0.05em;
        padding-left:5px;
    }
}
.s-location{
    .checkbox-zone{
        padding-bottom:10px;
    }
}
.s-faq, .s-job{
    min-height:calc(100vh - 190px);
}

.ages-box{
    position:absolute;
    z-index:-1;
    top:0;
    right:calc(100% + 20px);
    background-color:#fff;
    padding:10px;
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
    @include transform(translateX(100%) scale(0.5));
    transform-origin:right top;
    @include transition($Stransition);
    &.active{
        @include transform(translateX(0) scale(1));
    }
    &:before{
        content:'';
        @include css-triangle(rgba($color-basic, 0.3), right, 8px);
        position:absolute;
        top:9px;
        right:0;
    }
    &:after{
        content:'';
        @include css-triangle(#fff, right, 6px);
        position:absolute;
        top:10px;
        right:0;
    }
    .close-tag{
        position:absolute;
        bottom:100%;
        right:0;
        font-size:0;
        padding:1px 5px;
        background-color:#fff;
        box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
        @include transition($Stransition);
        cursor:pointer;
        .close-text{
            display:inline-block;
            vertical-align:middle;
            font-family:$corp-font1;
            font-size:8px;
            font-weight:700;
            color:$color-basic;
            text-transform:uppercase;
            padding-right:5px;
            @include transition($Stransition);
        }
        .close-icon{
            @include transition($Stransition);
            display:inline-block;
            vertical-align:middle;
            font-size:15px;
            color:$color-basic;
        }
        @include hovers{
            background-color:$color-basic;
            .close-text{
                color:#fff;
            }
            .close-icon{
                color:#fff;
            }
        }
    }
    .wrap-ages-box{
        width:100px;
        padding:15px 10px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        border: 1px solid rgba($color-basic, 0.5);
        .age-element{
            padding-bottom:10px;
            &:last-child{
                padding-bottom:0;
            }
            .age-header{
                font-size:0;
                padding-bottom:5px;
                .age-title{
                    display:inline-block;
                    vertical-align:baseline;
                    font-family:$corp-font1;
                    font-size:12px;
                    font-weight:600;
                    color:$color-basic;
                    text-transform:uppercase;
                }
                .age-subtitle{
                    display:inline-block;
                    vertical-align:baseline;
                    font-family:$corp-font1;
                    font-size:10px;
                    font-weight:400;
                    color:$color-basic;
                    text-transform:uppercase;
                    padding-left:5px;
                }
            }
        }
    }
}

.client-module{
    padding-top:90px;
    .wrap-module{
        padding-top:75px;
        padding-bottom:60px;
        min-height: calc(100vh - 332px);
        .module-head{
            .wrap-head{
                padding:60px 0 40px;
                border-bottom:1px solid rgba($color-basic, 0.7);
                .resp-link{
                    display:none;
                    .link-text{
                        
                    }
                }
                .head-title{
                    font-family:$corp-font3;
                    font-size:36px;
                    font-weight:400;
                    color:$color-title;
                }
                .head-subtitle{
                    font-family:$corp-font1;
                    font-size:15px;
                    font-weight:500;
                    color:rgba($color-basic, 0.7);
                    text-transform:uppercase;
                    line-height: 1.4;
                    letter-spacing: 1px;
                    padding-top:8px;
                }
            }
        }
        .module-content{
            .wrap-content{
                .reserve-element{
                    padding:45px 0;
                    border-bottom:1px solid rgba($color-basic, 0.7);
                    .wrap-element{
                        position:relative;
                        width:calc(100% - 260px);
                        padding-left:260px;
                        .reserve-head{
                            .wrap-head{
                                padding-bottom:15px;
                                font-size:0;
                                .reserve-img{
                                    position:absolute;
                                    top:0;
                                    left:0;
                                    width:225px;
                                    height:150px;
                                    overflow:hidden;
                                    .img{
                                        position:absolute;
                                        top:50%;
                                        left:50%;
                                        @include transform(translateY(-50%) translateX(-50%));
                                        height:105%;
                                        width:auto;
                                    }
                                }
                                .wrap-text{
                                    display:inline-block;
                                    vertical-align:middle;
                                    width:calc(100% - 225px);
                                    .reserve-title{
                                        display:inline-block;
                                        vertical-align:middle;
                                        font-family:$corp-font1;
                                        font-size:24px;
                                        font-weight:500;
                                        color:$color-title;
                                        @include space(30em);
                                    }
                                    .reserve-stars{
                                        display:inline-block;
                                        vertical-align:middle;
                                        padding-left:10px;
                                        font-size:0;
                                        .icon-estrella{
                                            display:inline-block;
                                            vertical-align:top;
                                            padding:0 2.5px;
                                            &:before{
                                                font-size:10px;
                                                color:$color-corp;
                                            }
                                        }
                                    }
                                }
                            }
                        }
                        .reserve-dates{
                            .wrap-dates{
                                padding:10px 0 20px;
                                font-size:0;
                                border-top:1px solid rgba($color-basic, 0.4);
                                border-bottom:1px solid rgba($color-basic, 0.4);
                                .date-element{
                                    display:inline-block;
                                    vertical-align:top;
                                    padding-top:10px;
                                    &:first-child{
                                        .wrap-date{
                                            padding-left:0;
                                        }
                                    }
                                    &:nth-last-child(2){
                                        .wrap-date{
                                            margin-right:20px;
                                        }
                                    }
                                    &:last-child{
                                        .wrap-date{
                                            padding-left:0;
                                            padding-right:0;
                                            &:after{
                                                display:none;
                                            }
                                        }
                                    }
                                    .wrap-date{
                                        position:relative;
                                        font-size:0;
                                        padding:0 20px;
                                        &:after{
                                            content:'';
                                            position:absolute;
                                            top:50%;
                                            right:0;
                                            @include transform(translateY(-50%) translateX(50%));
                                            width:1px;
                                            height:12px;
                                            background-color:rgba($color-basic, 0.7);
                                        }
                                        .date-title{
                                            display:inline-block;
                                            vertical-align:middle;
                                            font-family:$corp-font1;
                                            font-size:16px;
                                            font-weight:400;
                                            color:$color-basic;
                                            @include space(20em);
                                        }
                                        .date-arrow{
                                            display:inline-block;
                                            vertical-align:middle;
                                            font-family:$corp-font1;
                                            font-size:16px;
                                            font-weight:400;
                                            color:rgba($color-basic, 0.4);
                                            @include space(20em);
                                            padding:0 10px;
                                        }
                                        .date-info{
                                            display:inline-block;
                                            vertical-align:middle;
                                            font-family:$corp-font1;
                                            font-size:18px;
                                            font-weight:500;
                                            color:$color-basic;
                                            @include space(20em);
                                        }
                                    }
                                }
                            }
                        }
                        .reserve-info{
                            .wrap-info{
                                padding-top:20px;
                                font-size:0;
                                .info-box{
                                    display:inline-block;
                                    vertical-align:top;
                                    width:calc(100% - 250px);
                                    padding-right:35px;
                                    .wrap-box{
                                        .info-name{
                                            font-family:$corp-font1;
                                            font-size:17px;
                                            font-weight:700;
                                            color:$color-corp;
                                            text-transform:uppercase;
                                            @include space(20em);
                                            padding-bottom:10px;
                                        }
                                        .info-product{
                                            font-family:$corp-font1;
                                            font-size:22px;
                                            font-weight:700;
                                            color:$color-basic;
                                            text-transform:uppercase;
                                            @include space(5em);
                                            @include line(24, 22);
                                            padding-bottom:10px;
                                        }
                                        .info-extra{
                                            font-family:$corp-font1;
                                            font-size:18px;
                                            font-weight:400;
                                            color:$color-basic;
                                            @include space(20em);
                                            padding-bottom:15px;
                                        }
                                        .wrap-btns{
                                            font-size:0;
                                            .btn-info{
                                                display:inline-block;
                                                vertical-align:top;
                                                position:relative;
                                                padding:5px 0;
                                                border-bottom:1px solid rgba($color-corp, 0.7);
                                                cursor:pointer;
                                                background-color:transparent;
                                                &:after{
                                                    content:'';
                                                    position:absolute;
                                                    bottom:-1px;
                                                    left:0;
                                                    width:0%;
                                                    height:1px;
                                                    background-color:$color-corp;
                                                    @include transition($Stransition);
                                                }
                                                &.conditions{
                                                    padding:5px 0;
                                                    margin-right:30px;
                                                    border-radius:2px;
                                                    @include transition($Stransition);
                                                    &:before{
                                                        content:'\e902';
                                                        position:absolute;
                                                        top:50%;
                                                        right:10px;
                                                        @include transform(translateY(-50%));
                                                        font-family:'icomoon';
                                                        font-size:9px;
                                                        color:#fff;
                                                        opacity:0;
                                                        @include transition($Stransition);
                                                    }
                                                    &.active{
                                                        padding:5px 35px 3px 15px;
                                                        background-color:$color-corp;
                                                        opacity:0.7;
                                                        &:before{
                                                            opacity:1;
                                                        }
                                                        .btn-info-text{
                                                            color:#fff;
                                                            display:none;
                                                            &.toclose{
                                                                display:inline-block;
                                                            }
                                                        }
                                                        @include hovers{
                                                            opacity:1;
                                                        }
                                                    }
                                                }
                                                .btn-info-text{
                                                    font-family:$corp-font1;
                                                    font-size:14px;
                                                    font-weight:700;
                                                    color:rgba($color-corp, 0.7);
                                                    @include space(50em);
                                                    @include transition($Stransition);
                                                    &.toclose{
                                                        display:none;
                                                    }
                                                }
                                                @include hovers{
                                                    &:after{
                                                        width:100%;
                                                    }
                                                    .btn-info-text{
                                                        color:$color-corp;
                                                    }
                                                }
                                            }
                                        }
                                    }
                                }
                                .price-box{
                                    display:inline-block;
                                    vertical-align:top;
                                    width:250px;
                                    .wrap-box{
                                        position:relative;
                                        .price-info{
                                            text-align:right;
                                            .wrap-price{
                                                font-size:0;
                                                padding-bottom:12px;
                                                .price{
                                                    display:inline-block;
                                                    vertical-align:baseline;
                                                    font-family:$corp-font1;
                                                    font-size:52px;
                                                    font-weight:700;
                                                    color:$color-title;
                                                    small{
                                                        font-size:35px;
                                                    }
                                                }
                                                .coin{
                                                    display:inline-block;
                                                    vertical-align:baseline;
                                                    font-family:$corp-font1;
                                                    font-size:35px;
                                                    font-weight:700;
                                                    color:$color-title;
                                                }
                                            }
                                            .wrap-discounts{
                                                font-size:0;
                                                padding-bottom:12px;
                                                .discount-element{
                                                    display:inline-block;
                                                    vertical-align:middle;
                                                    padding:0 8px;
                                                    &.discount-price{
                                                        .past-price{
                                                            opacity:0.7;
                                                            color:$color-basic;
                                                            text-decoration: line-through;
                                                        }
                                                    }
                                                    &.discount-minus{
                                                        .minus-price{
                                                            color:$color-corp;
                                                        }
                                                    }
                                                    &.discount-percent{
                                                        opacity:0.7;
                                                        padding:5px 12px;
                                                        border-radius:4px;
                                                        background-color:$color-corp;
                                                        color:#fff;
                                                        margin-left:8px;
                                                    }
                                                    .past-price{
                                                        font-family:$corp-font1;
                                                        font-size:17px;
                                                        font-weight:700;
                                                        @include space(-50em);
                                                    }
                                                    .minus-price{
                                                        font-family:$corp-font1;
                                                        font-size:17px;
                                                        font-weight:700;
                                                        @include space(-50em);
                                                    }
                                                    .percent-price{
                                                        font-family:$corp-font1;
                                                        font-size:17px;
                                                        font-weight:700;
                                                        @include space(-50em);
                                                    }
                                                }
                                            }
                                            .wrap-stand{
                                                font-size:0;
                                                .stand-price{
                                                    display:inline-block;
                                                    vertical-align:top;
                                                    font-family:$corp-font1;
                                                    font-size:16px;
                                                    font-weight:400;
                                                    color:$color-basic;
                                                    @include space(20em);
                                                    padding-right:5px;
                                                }
                                                .stand-text{
                                                    display:inline-block;
                                                    vertical-align:top;
                                                    font-family:$corp-font1;
                                                    font-size:16px;
                                                    font-weight:400;
                                                    color:$color-basic;
                                                    @include space(20em);
                                                }
                                            }
                                        }
                                        .price-btns{
                                            position:absolute;
                                            top:0;
                                            right:-60px;
                                            @include transform(translateX(100%));
                                            text-align:center;
                                            width:200px;
                                            .price-btn{
                                                margin-bottom:20px;
                                                border:none;
                                                background-color:$color-basic;
                                                .btn-main__text{
                                                    color:#fff;
                                                    line-height:2;
                                                }
                                                @include hovers{
                                                    background-color:$color-corp;
                                                }
                                            }
                                            .btn-cancel{
                                                position:relative;
                                                display:inline-block;
                                                &:after{
                                                    content:'';
                                                    position:absolute;
                                                    left:0;
                                                    bottom:0;
                                                    width:0;
                                                    height:1px;
                                                    background-color:$color-corp;
                                                    @include transition($Stransition);
                                                }
                                                .btn-cancel-link{
                                                    display:inline-block;
                                                    padding:5px 0;
                                                    font-family:$corp-font1;
                                                    font-size:14px;
                                                    font-weight:700;
                                                    color:$color-basic;
                                                    text-transform:uppercase;
                                                    @include space(50em);
                                                    @include transition($Stransition);
                                                }
                                                @include hovers{
                                                    .btn-cancel-link{
                                                        color:$color-corp;
                                                    }
                                                    &:after{
                                                        width:100%;
                                                    }
                                                }
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
        .reserve-conditions{
            width: calc(100% - 260px);
            padding-top:0;
            padding-left: 260px;
            height:0;
            overflow:hidden;
            @include transition($Stransition);
            &.open{
                padding-top:30px;
            }
            .wrap-conditions{
                position:relative;
                border-radius:4px;
                border:1px solid rgba($color-basic, 0.7);
                padding:0 70px;
                &:before{
                    content:'\e937';
                    position:absolute;
                    bottom:calc(100% - 3px);
                    left:55px;
                    font-family:'icomoon';
                    font-size:24px;
                    color:rgba($color-basic, 0.7);
                    @include transform(rotate(-90deg));
                }
                &:after{
                    content:'\e937';
                    position:absolute;
                    bottom:calc(100% - 5px);
                    left:55px;
                    font-family:'icomoon';
                    font-size:24px;
                    color:#fff;
                    @include transform(rotate(-90deg));
                }
                .close-conditions{
                    position:absolute;
                    top:20px;
                    right:20px;
                    width:30px;
                    height:30px;
                    cursor:pointer;
                    border-color:$color-basic;
                    .icon-cerrar{
                        position:absolute;
                        top:50%;
                        left:50%;
                        @include transform(translateY(-50%) translateX(-50%));
                        &:before{
                            font-size:12px;
                            color:$color-basic;
                            @include transition($Stransition);
                        }
                    }
                    @include hovers{
                        background-color:$color-basic;
                        .icon-cerrar{
                            &:before{
                                color:#fff;
                            }
                        }
                    }
                }
                .conditions-section{
                    padding:40px 0;
                    border-bottom:1px solid rgba($color-basic, 0.7);
                    &:last-child{
                        border-bottom:none;
                    }
                    p{
                        display:inline-block;
                        vertical-align:top;
                        font-family:$corp-font1;
                        font-size:18px;
                        font-weight:400;
                        color:$color-basic;
                        @include space(20em);
                        @include line(22, 18);
                        padding-top:10px;
                        strong{
                            display:inline-block;
                            vertical-align:top;
                            font-family:$corp-font1;
                            font-size:18px;
                            font-weight:700;
                            color:$color-basic;
                            @include space(20em);
                            padding-right:5px;
                        }
                    }
                    .section-title{
                        font-family:$corp-font1;
                        font-size:20px;
                        font-weight:700;
                        color:$color-title;
                        text-transform:uppercase;
                        @include space(5em);
                    }
                    .conditions-list{
                        padding-top:20px;
                        .list-element{
                            position:relative;
                            padding-left:12px;
                            margin-bottom:10px;
                            font-size:0;
                            &:last-child{
                                margin-bottom:0;
                            }
                            &:before{
                                content:'\e91c';
                                position:absolute;
                                top:17px;
                                left:0;
                                font-family:'icomoon';
                                font-size:6px;
                                color:rgba($color-corp, 0.7);
                            }
                            .element-title{
                                display:inline-block;
                                vertical-align:top;
                                font-family:$corp-font1;
                                font-size:18px;
                                font-weight:700;
                                color:$color-basic;
                                @include space(20em);
                                padding-right:5px;
                            }
                            .element-text{
                                display:inline-block;
                                vertical-align:top;
                                font-family:$corp-font1;
                                font-size:18px;
                                font-weight:400;
                                color:$color-basic;
                                @include space(20em);
                                @include line(22, 18);
                            }
                        }
                    }
                }
            }
        }
    }
    @include full-desktop{
        padding-top:80px;
        .wrap-module{
            min-height: calc(100vh - 322px);
            .reserve-conditions{
                .wrap-conditions{
                    padding: 0 40px;
                }
            }
        }
    }
    @include medium-desktop{
        .wrap-module{
            min-height:initial;
            .reserve-conditions{
                width:100%;
            }
            .module-content{
                .wrap-content{
                    .reserve-element{
                        .wrap-element{
                            width:100%;
                            .reserve-info{
                                .wrap-info{
                                    .info-box{
                                        width:calc(100% - 320px);
                                    }
                                    .price-box{
                                        width:320px;
                                        .wrap-box{
                                            .price-btns{
                                                position:relative;
                                                right:0;
                                                @include transform(none);
                                                margin:25px 0 0 auto;
                                                .price-btn{
                                                    margin-bottom:0;
                                                }
                                                .btn-cancel{
                                                    position:absolute;
                                                    top:50%;
                                                    right:calc(100% + 45px);
                                                    @include transform(translateY(-50%));
                                                }
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
    @include small-desktop{
        .wrap-module{
            .reserve-conditions{
                padding-left:0;
            }
            .module-content{
                .wrap-content{
                    .reserve-element{
                        padding:80px 0 35px;
                        &:first-child{
                            padding-top:25px;
                        }
                        .wrap-element{
                            padding-left:0;
                            .reserve-head{
                                .wrap-head{
                                    font-size:0;
                                    padding-bottom:25px;
                                    .reserve-img{
                                        display:inline-block;
                                        vertical-align:middle;
                                        position:relative;
                                        width:135px;
                                        height:90px;
                                    }
                                    .wrap-text{
                                        width:calc(100% - 135px);
                                        .reserve-title{
                                            padding-left:25px;
                                        }
                                    }
                                }
                            }
                            .reserve-info{
                                .wrap-info{
                                    .info-box{
                                        .wrap-box{
                                            .info-product{
                                                max-width:355px;
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
    @include full-tablet{
        .wrap-module{
            .module-head{
                .wrap-head{
                    padding: 45px 0 30px;
                    text-align:center;
                }
            }
        }
    }
    @include medium-tablet{
        padding-top:0;
        .wrap-module{
            padding-top:0;
            .reserve-conditions{
                .wrap-conditions{
                    padding:0 25px;
                    &:before, &:after{
                        font-size:20px;
                    }
                    .conditions-section{
                        padding:35px 0;
                    }
                }
            }
            .module-head{
                .wrap-head{
                    padding: 35px 0;
                    text-align:center;
                    .head-title{
                        font-size:26px;
                    }
                }
            }
            .module-content{
                .wrap-content{
                    .reserve-element{
                        .wrap-element{
                            .reserve-head{
                                .wrap-head{
                                    .wrap-text{
                                        .reserve-stars{
                                            display:block;
                                            padding-left:25px;
                                            padding-top:5px;
                                        }
                                    }
                                }
                            }
                            .reserve-dates{
                                .wrap-dates{
                                    .date-element{
                                        .wrap-date{
                                            padding:0 20px;
                                            &:after{
                                                height:40px;
                                            }
                                            .date-title{
                                                display:block;
                                            }
                                            .date-arrow{
                                                display:none;
                                            }
                                            .date-info{
                                                display:block;
                                                padding-top:5px;
                                            }
                                        }
                                    }
                                }
                            }
                            .reserve-info{
                                .wrap-info{
                                    .info-box{
                                        display:block;
                                        width:100%;
                                        padding-right:0;
                                        .wrap-box{
                                            text-align:center;
                                            .info-product{
                                                margin:0 auto;
                                            }
                                        }
                                    }
                                    .price-box{
                                        display:block;
                                        width:100%;
                                        padding-top:30px;
                                        .wrap-box{
                                            padding-top:30px;
                                            text-align:center;
                                            border-top:1px solid rgba($color-basic, 0.4);
                                            .price-info{
                                                text-align:center;
                                            }
                                            .price-btns{
                                                margin:25px auto 0;
                                                .btn-cancel{
                                                    position:relative;
                                                    top:0;
                                                    right:0;
                                                    @include transform(none);
                                                    margin-top:20px;
                                                }
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
    @include small-tablet{
        .wrap-module{
            .module-head{
                .wrap-head{
                    .resp-link{
                        display:block;
                        padding-bottom:15px;
                        font-size:0;
                        .link-text{
                            position:relative;
                            display:inline-block;
                            vertical-align:top;
                            width:50%;
                            font-family:$corp-font1;
                            font-size:14px;
                            font-weight:500;
                            color:rgba($color-corp, 0.7);
                            text-transform:uppercase;
                            @include space(20em);
                            padding:0 15px;
                            &.active{
                                text-decoration:underline;
                                color:$color-corp;
                            }
                            &:first-child{
                                text-align:right;
                                padding-left:0;
                                &:before{
                                    content:'';
                                    position:absolute;
                                    top:50%;
                                    right:0;
                                    width:1px;
                                    height:10px;
                                    @include transform(translateY(-50%));
                                    background-color:rgba($color-corp, 0.7);
                                }
                            }
                            &:nth-child(2){
                                text-align:left;
                                padding-right:0;
                            }
                        }
                    }
                }
            }
            .reserve-conditions{
                .wrap-conditions{
                    padding:0 15px;
                    .close-conditions{
                        top:15px;
                        right:15px;
                    }
                    .conditions-section{
                        padding:25px 0;
                        &:nth-child(2){
                            padding-top:40px;
                        }
                        p{
                            font-size:15px;
                            strong{
                                font-size:15px;
                            }
                        }
                        .section-title{
                            font-size:18px;
                        }
                        .conditions-list{
                            padding-top:15px;
                            .list-element{
                                &:before{
                                    top:4px;
                                }
                                .element-title{
                                    font-size:15px;
                                }
                                .element-text{
                                    font-size:15px;
                                }
                            }
                        }
                    }
                }
            }
            .module-head{
                .wrap-head{
                    padding: 35px 0 20px;
                }
            }
            .module-content{
                .wrap-content{
                    .reserve-element{
                        padding:60px 0 30px;
                        .wrap-element{
                            .reserve-head{
                                .wrap-head{
                                    padding-bottom:15px;
                                    .reserve-img{
                                        width:70px;
                                        height:70px;
                                    }
                                    .wrap-text{
                                        width:calc(100% - 70px);
                                        .reserve-title{
                                            font-size:20px;
                                            @include line(20, 20);
                                            padding-left:15px;
                                        }
                                        .reserve-stars{
                                            padding-left:15px;
                                        }
                                    }
                                }
                            }
                            .reserve-dates{
                                .wrap-dates{
                                    padding:15px 0;
                                    .date-element{
                                        width:50%;
                                        text-align:center;
                                        &:first-child{
                                            .wrap-date{
                                                padding-left:15px;
                                            }
                                        }
                                        &:nth-child(2){
                                            .wrap-date{
                                                &:after{
                                                    display:none;
                                                }
                                            }
                                        }
                                        &:nth-last-child(2){
                                            .wrap-date{
                                                margin-right:0;
                                            }
                                        }
                                        &:last-child{
                                            .wrap-date{
                                                padding-right:15px;
                                                padding-left:15px;
                                            }
                                        }
                                        .wrap-date{
                                            padding:0 15px;
                                            &:after{
                                                height:30px;
                                            }
                                            .date-title{
                                                font-size:14px;
                                            }
                                            .date-info{
                                                font-size:14px;
                                                @include space(0);
                                                padding-top:3px;
                                            }
                                        }
                                    }
                                }
                            }
                            .reserve-info{
                                .wrap-info{
                                    .info-box{
                                        .wrap-box{
                                            .info-name{
                                                font-size:15px;
                                                padding-bottom: 8px;
                                            }
                                            .info-product{
                                                font-size:20px;
                                                @include line(24, 20);
                                                padding-bottom: 8px;
                                            }
                                            .info-extra{
                                                font-size:14px;
                                            }
                                        }
                                    }
                                    .price-box{
                                        padding-top:25px;
                                        .wrap-box{
                                            padding-top:25px;
                                            .price-info{
                                                .wrap-price{
                                                    .price{
                                                        font-size:46px;
                                                        small{
                                                            font-size:31px;
                                                        }
                                                    }
                                                    .coin{
                                                        font-size:31px;
                                                    }
                                                }
                                                .wrap-discounts{
                                                    .discount-element{
                                                        .past-price{
                                                            font-size:15px;
                                                        }
                                                        .minus-price{
                                                            font-size:15px;
                                                        }
                                                        .percent-price{
                                                            font-size:15px;
                                                        }
                                                    }
                                                }
                                                .wrap-stand{
                                                    .stand-price{
                                                        font-size:14px;
                                                    }
                                                    .stand-text{
                                                        font-size:14px;
                                                    }
                                                }
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
    @include mobile{
        padding-top: 60px;
    }
}

.user-page{
    padding-top:90px;
    .user-wrapper{
        padding:75px 70px 120px;
        .user-head{
            .wrap-head{
                padding:35px 0;
                font-size:0;
                .resp-link{
                    display:none;
                    .link-text{
                        
                    }
                }
                .user-icon{
                    position:relative;
                    display:inline-block;
                    vertical-align:middle;
                    width:55px;
                    height:55px;
                    border:2px solid rgba($color-corp, 0.7);
                    border-radius:50%;
                    &:before{
                        position:absolute;
                        top:50%;
                        left:50%;
                        @include transform(translateY(-50%) translateX(-50%));
                        font-size:28px;
                        color:rgba($color-corp, 0.7);
                    }
                }
                .user-credentials{
                    display:inline-block;
                    vertical-align:middle;
                    padding-left:20px;
                    .user-name{
                        font-family:$corp-font1;
                        font-size:24px;
                        font-weight:400;
                        color:$color-title;
                        @include space(5em);
                    }
                    .user-mail{
                        font-family:$corp-font1;
                        font-size:16px;
                        font-weight:400;
                        color:$color-basic;
                        @include space(20em);
                        padding-top:5px;
                    }
                }
            }
        }
        .user-content{
            .wrap-content{
                font-size:0;
                margin:0 -15px;
                .user-info{
                    display:inline-block;
                    vertical-align:top;
                    width:50%;
                    padding:0 15px;
                    .wrap-info{
                        position:relative;
                        padding:35px 50px 55px;
                        border:1px solid rgba($color-basic, 0.7);
                        border-radius:4px;
                        .info-head{
                            padding-bottom:15px;
                            border-bottom:1px solid rgba($color-basic, 0.7);
                            .info-title{
                                font-family:$corp-font1;
                                font-size:16px;
                                font-weight:700;
                                color:$color-title;
                                text-transform:uppercase;
                                @include space(50em);
                            }
                        }
                        .info-form{
                            .wrap-form{
                                padding-top:40px;
                                font-size:0;
                                margin:0 -17px;
                                .form-field{
                                    display:inline-block;
                                    vertical-align:top;
                                    width:50%;
                                    padding:0 17px 25px;
                                    .field-title{
                                        font-family:$corp-font1;
                                        font-size:18px;
                                        font-weight:400;
                                        color:$color-basic;
                                        @include space(20em);
                                        padding-bottom:10px;
                                    }
                                    .wrap-birth{
                                        margin:0 -4px;
                                        font-size:0;
                                        .wrap-select{
                                            &:after{
                                                right: 10px;
                                            }
                                        }
                                        .day{
                                            display:inline-block;
                                            vertical-align:top;
                                            margin:0 4px;
                                            width:calc(25% - 8px);
                                        }
                                        .month{
                                            display:inline-block;
                                            vertical-align:top;
                                           width:calc(45% - 8px);
                                            margin:0 4px;
                                        }
                                        .year{
                                            display:inline-block;
                                            vertical-align:top;
                                            width:calc(30% - 8px);
                                        }
                                    }
                                    input{
                                        @include transition($Stransition);
                                        @include hovers{
                                            box-shadow:2px 2px 2px rgba($color-corp, 0.7);
                                        }
                                    }
                                }
                                .wrap-check{
                                    padding:0 17px;
                                    width:100%;
                                }
                                .btn-user{
                                    position:absolute;
                                    top:100%;
                                    left:50%;
                                    @include transform(translateX(-50%) translateY(-50%));
                                    padding:0;
                                    background-color:#fff;
                                    border:none;
                                    background-color:$color-basic;
                                    .btn-main__text{
                                        line-height:3;
                                        color:#fff;
                                    }
                                    @include hovers{
                                        background-color:$color-corp;
                                    }
                                }
                                .checkbox-zone{
                                    padding-left:17px;
                                }
                            }
                        }
                    }
                }
                .user-mod{
                    display:inline-block;
                    vertical-align:top;
                    width:50%;
                    padding:0 15px;
                    .wrap-mod{
                        position:relative;
                        padding:35px 50px 0;
                        border:1px solid rgba($color-basic, 0.7);
                        border-radius:4px;
                        .mod-head{
                            padding-bottom:15px;
                            border-bottom:1px solid rgba($color-basic, 0.7);
                            .mod-title{
                                font-family:$corp-font1;
                                font-size:16px;
                                font-weight:700;
                                color:$color-title;
                                text-transform:uppercase;
                                @include space(50em);
                            }
                        }
                        .mod-form{
                            max-width:50%;
                            margin:0 auto;
                            .wrap-form{
                                margin:0 -17px;
                                padding: 104px 0;
                                .form-field{
                                    padding:0 17px 25px;
                                    .field-title{
                                        font-family:$corp-font1;
                                        font-size:18px;
                                        font-weight:400;
                                        color:$color-basic;
                                        @include space(20em);
                                        padding-bottom:10px;
                                    }
                                    input{
                                        @include transition($Stransition);
                                        @include hovers{
                                            box-shadow:2px 2px 2px rgba($color-corp, 0.7);
                                        }
                                    }
                                }
                                .mod-btn{
                                    position:absolute;
                                    top:100%;
                                    left:50%;
                                    @include transform(translateX(-50%) translateY(-50%));
                                    padding:0;
                                    background-color:#fff;
                                    border:none;
                                    background-color:$color-basic;
                                    .btn-main__text{
                                        line-height:3;
                                        color:#fff;
                                    }
                                    @include hovers{
                                        background-color:$color-corp;
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
    @include full-desktop{
        padding-top:80px;
        .user-wrapper{
            .user-content{
                .wrap-content{
                    .user-info{
                        width:calc(100% - 490px);
                    }
                    .user-mod{
                        width:490px;
                        .wrap-mod{
                            .mod-form{
                                max-width:295px;
                            }
                        }
                    }
                }
            }
        }
    }
    @include medium-desktop{
        .user-wrapper{
            .user-content{
                .wrap-content{
                    .user-info{
                        width:calc(100% - 425px);
                        .wrap-info{
                            .info-form{
                                .wrap-form{
                                    margin: 0 -15px;
                                    .form-field{
                                        padding: 0 15px 25px;
                                    }
                                }
                            }
                        }
                    }
                    .user-mod{
                        width:425px;
                    }
                }
            }
        }
    }
    @include medium-desktop{
        .user-wrapper{
            .user-content{
                .wrap-content{
                    margin:0;
                    .user-info{
                        width:100%;
                        padding:0;
                        .wrap-info{
                            padding:35px 35px 55px;
                        }
                    }
                    .user-mod{
                        width:100%;
                        padding:0;
                        .wrap-mod{
                            padding:35px 35px 0;
                            .mod-form{
                                max-width:initial;
                                .wrap-form{
                                    padding:40px 0 55px;
                                    font-size:0;
                                    margin:0 -15px;
                                    .form-field{
                                        display:inline-block;
                                        padding: 0 15px 25px;
                                        width:50%;
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
    @include full-tablet{
        .user-wrapper{
            padding: 75px 40px 140px;
            .user-content{
                .wrap-content{
                    .user-info{
                        .wrap-info{
                            .info-form{
                                .wrap-form{
                                    margin: 0 -10px;
                                    .form-field{
                                        padding: 0 10px 25px;
                                    }
                                }
                            }
                        }
                    }
                    .user-mod{
                        .wrap-mod{
                            .mod-form{
                                .wrap-form{
                                    margin:0 -10px;
                                    .form-field{
                                        padding: 0 10px 25px;
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
    @include medium-tablet{
        padding-top:0;
        .user-wrapper{
            padding-top:0;
            .user-head{
                .wrap-head{
                    padding:25px 0;
                }
            }
            .user-content{
                .wrap-content{
                    .user-info{
                        .wrap-info{
                            padding:25px 35px 55px;
                            .info-head{
                                text-align:center;
                            }
                            .info-form{
                                .wrap-form{
                                    margin:0;
                                    padding-top:25px;
                                    .form-field{
                                        display:block;
                                        width:100%;
                                        max-width:295px;
                                        margin:0 auto;
                                        padding:0 0 15px;
                                        .field-title{
                                            font-size:16px;
                                        }
                                    }
                                    .wrap-check{
                                        padding:0;
                                        max-width:235px;
                                        margin:5px auto 0;
                                    }
                                    .checkbox-zone{
                                        padding-left:0;
                                        margin:0 auto;
                                        max-width:295px;
                                    }
                                }
                            }
                        }
                    }
                    .user-mod{
                        .wrap-mod{
                            padding:25px 35px 0;
                            .mod-head{
                                text-align:center;
                            }
                            .mod-form{
                                .wrap-form{
                                    margin:0;
                                    padding:25px 0 35px;
                                    .form-field{
                                        display:block;
                                        width:100%;
                                        max-width:295px;
                                        margin:0 auto;
                                        padding:0 0 15px;
                                        .field-title{
                                            font-size:16px;
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
    @include small-tablet{
        padding-top:70px;
        .user-wrapper{
            padding-top:65px;
            .user-head{
                .wrap-head{
                    text-align:center;
                    padding: 15px 0 20px;
                    .resp-link{
                        display:block;
                        padding-bottom:15px;
                        font-size:0;
                        .link-text{
                            position:relative;
                            display:inline-block;
                            vertical-align:top;
                            width:50%;
                            font-family:$corp-font1;
                            font-size:14px;
                            font-weight:500;
                            color:rgba($color-corp, 0.7);
                            text-transform:uppercase;
                            @include space(20em);
                            padding:0 15px;
                            &.active{
                                text-decoration:underline;
                                color:$color-corp;
                            }
                            &:first-child{
                                text-align:right;
                                padding-left:0;
                                &:before{
                                    content:'';
                                    position:absolute;
                                    top:50%;
                                    right:0;
                                    width:1px;
                                    height:10px;
                                    @include transform(translateY(-50%));
                                    background-color:rgba($color-corp, 0.7);
                                }
                            }
                            &:nth-child(2){
                                text-align:left;
                                padding-right:0;
                            }
                        }
                    }
                    .user-icon{
                        width: 32px;
                        height: 32px;
                        border-width:1px;
                        &:before{
                            font-size:18px;
                        }
                    }
                    .user-credentials{
                        display:block;
                        padding-left:0;
                        padding-top:12px;
                        .user-name{
                            font-size:22px;
                        }
                        .user-mail{
                            font-size:14px;
                        }
                    }
                }
            }
            .user-content{
                .wrap-content{
                    .user-info{
                        .wrap-info{
                            padding: 25px 20px 45px;
                            .info-form{
                                .wrap-form{
                                    padding-top:20px;
                                }
                            }
                        }
                    }
                    .user-mod{
                        .wrap-mod{
                            padding: 25px 20px 0;
                            .mod-form{
                                .wrap-form{
                                    padding:20px 0 35px;
                                }
                            }
                        }
                    }
                }
            }
        }
    }
    @include mobile{
        padding-top:60px;
        .user-wrapper{
            .user-head{
                .wrap-head{
                    .resp-link{
                        .link-text{
                            padding:0 12px;
                            font-size:13px;
                        }
                    }
                }
            }
            .user-content{
                .wrap-content{
                    .user-info{
                        .wrap-info{
                            border:none;
                            padding:20px 0px 45px;
                            &:before{
                                content:'';
                                position:absolute;
                                top:0;
                                left:50%;
                                @include transform(translateX(-50%));
                                width:30px;
                                height:1px;
                                background-color:rgba($color-corp, 0.4);
                            }
                        }
                    }
                    .user-mod{
                        .wrap-mod{
                            border:none;
                            padding:27px 0px 0;
                            &:before{
                                content:'';
                                position:absolute;
                                top:0;
                                left:50%;
                                @include transform(translateX(-50%));
                                width:30px;
                                height:1px;
                                background-color:rgba($color-corp, 0.4);
                            }
                        }
                    }
                }
            }
        }
    }
}

.login-nav{
    position:fixed;
    z-index:2;
    bottom:0;
    left:0;
    width:100%;
    .wrap-nav{
        background-color:$color-corp;
        padding:14px 0 12px;
        .nav-list{
            font-size:0;
            text-align:center;
            .nav-element{
                display:inline-block;
                vertical-align:top;
                &.active{
                    .wrap-element{
                        .element-link{
                            color:#fff;
                            &:before{
                                width:100%;
                            }
                        }
                    }
                }
                &:last-child{
                    .wrap-element{
                        &:before{
                            display:none;
                        }
                    }
                }
                .wrap-element{
                    position:relative;
                    padding:0 12px;
                    &:before{
                        content:'';
                        position:absolute;
                        top:50%;
                        right:0;
                        height:10px;
                        width:1px;
                        background-color:rgba(#fff, 0.4);
                        @include transform(translateY(-50%));
                    }
                    .element-link{
                        position:relative;
                        font-family:$corp-font3;
                        font-size:11px;
                        font-weight:400;
                        color:rgba(#fff, 0.4);
                        text-transform:uppercase;
                        padding-bottom:3px;
                        @include transition($Stransition);
                        cursor:pointer;
                        &:before{
                            content:'';
                            position:absolute;
                            bottom:0;
                            left:0;
                            height:1px;
                            width:0;
                            background-color:#fff;
                            @include transition($Stransition);
                        }
                    }
                }
                @include hovers{
                    .wrap-element{
                        .element-link{
                            color:#fff;
                            &:before{
                                width:100%;
                            }
                        }
                    }
                }
            }
        }
    }
    @include full-tablet{
        bottom:80px;
    }
    @include small-tablet{
        bottom:70px;
    }
}

.login-page{
    .wrap-login{
        overflow:hidden;
        .login-data{
            position:relative;
            float:right;
            height:calc(100vh - 195px);
            width:50%;
            .wrap-data{
                position:absolute;
                width:360px;
                top:calc(50% - 40px);
                left:50%;
                @include transform(translateY(-50%) translateX(-50%));
                .form-box{
                    opacity:0;
                    @include transition($Stransition);
                    &.inactive{
                        display:none;
                    }
                    &.active{
                        opacity:1;
                    }
                    .wrap-form{
                        .form-header{
                            padding-bottom:25px;
                            text-align:center;
                            height:89px;
                            .form-title{
                                font-family:$corp-font3;
                                font-size:36px;
                                font-weight:400;
                                color:$color-title;
                                @include line(36, 34);
                            }
                            .form-subtitle{
                                font-family:$corp-font1;
                                font-size:15px;
                                font-weight:500;
                                text-transform:uppercase;
                                color:$color-basic;
                                @include space(10em);
                                @include line(20, 15);
                                padding-top:10px;
                            }
                        }
                        .form-content{
                            position:relative;
                            height:280px;
                            border-top:1px solid rgba($color-basic, 0.7);
                            border-bottom:1px solid rgba($color-basic, 0.7);
                            .wrap-content{
                                position:absolute;
                                top:50%;
                                @include transform(translateY(-50%));
                                width:calc(100% - 60px);
                                left:30px;
                                .form-field{
                                    padding:7px 0;
                                    .field-title{
                                        font-family:$corp-font1;
                                        font-size:12px;
                                        font-weight:500;
                                        color:$color-basic;
                                        text-transform:uppercase;
                                        padding-bottom:5px;
                                        @include space(20em);
                                    }
                                    .wrap-input{
                                        .input-text{
                                            text-transform:none;
                                        }
                                    }
                                }
                                .form-btn{
                                    text-align:center;
                                    padding-top:20px;
                                    .btn-corp{
                                        background-color:$color-basic;
                                        padding:0;
                                        border:none;
                                        .btn-main__text{
                                            color:#fff;
                                            line-height:3;
                                        }
                                        @include hovers{
                                            background-color:$color-corp;
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
                .form-nav{
                    .wrap-nav{
                        padding-top:30px;
                        text-align:center;
                        font-size:0;
                        .nav-element{
                            position:relative;
                            display:inline-block;
                            vertical-align:top;
                            padding:0 15px;
                            &:before{
                                content:'';
                                position:absolute;
                                left:0;
                                top:50%;
                                @include transform(translateY(-50%));
                                width:1px;
                                height:10px;
                                background-color:rgba($color-basic, 0.7);
                            }
                            &:first-child{
                                padding-left:0;
                                &:before{
                                    display:none;
                                }
                            }
                            &:last-child{
                                padding-right:0;
                            }
                            .nav-text{
                                position:relative;
                                display:inline-block;
                                padding:3px 0;
                                font-family:$corp-font1;
                                font-size:14px;
                                font-weight:400;
                                color:rgba($color-basic, 0.7);
                                cursor:pointer;
                                @include space(20em);
                                @include transition($Stransition);
                                &:before{
                                    content:'';
                                    position:absolute;
                                    bottom:0;
                                    left:0;
                                    width:0;
                                    height:1px;
                                    background-color:$color-corp;
                                    @include transition($Stransition);
                                }
                                &.active{
                                    color:$color-corp;
                                    &:before{
                                        width:100%;
                                    }
                                }
                                @include hovers{
                                    color:$color-corp;
                                    &:before{
                                        width:100%;
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
        .login-advantages{
            float:left;
            width:50%;
            background-color:#EFECE9;
            .wrap-advantages{
                font-size:0;
                text-align:center;
                &:before{
                    content:'';
                    display:inline-block;
                    vertical-align:middle;
                    width:0;
                    height:calc(100vh - 195px);
                    opacity:0;
                }
                .advantages-box{
                    display:inline-block;
                    vertical-align:middle;
                    .wrap-box{
                        text-align:center;
                        .advantages-header{
                            padding-bottom:60px;
                            max-width:400px;
                            margin:0 auto;
                            .advantages-title{
                                font-family:$corp-font3;
                                font-size:36px;
                                font-weight:400;
                                color:$color-title;
                                @include line(36, 34);
                            }
                            .advantages-subtitle{
                                font-family:$corp-font1;
                                font-size:15px;
                                font-weight:500;
                                color:$color-basic;
                                text-transform:uppercase;
                                @include space(10em);
                                @include line(20, 15);
                                padding-top:10px;
                            }
                        }
                        .advantages-content{
                            max-width:360px;
                            margin:0 auto;
                            .btn-circle{
                                position:absolute;
                                bottom:calc(100% + 10px);
                                &.btn-circle--arrow-left{
                                    left:calc(50% - 5px);
                                    @include transform(translateX(-100%));
                                }
                                &.btn-circle--arrow-right{
                                    right:calc(50% - 5px);
                                    @include transform(translateX(100%));
                                }
                            }
                            .advantages-element{
                                .wrap-element{
                                    padding:15px 0;
                                    border-top:1px solid rgba($color-basic, 0.7);
                                    .element-title{
                                        font-family:$corp-font1;
                                        font-size:24px;
                                        font-weight:400;
                                        color:$color-basic;
                                        @include space(20em);
                                        @include line(29, 24);
                                    }
                                    .element-subtitle{
                                        font-family:$corp-font1;
                                        font-size:15px;
                                        font-weight:400;
                                        color:$color-basic;
                                        @include space(10em);
                                        @include line(18, 15);
                                    }
                                }
                            }
                            .advantages-btn{
                                text-align:center;
                                padding-top:30px;
                                border-top:1px solid rgba($color-basic, 0.7);
                            }
                        }
                    }
                }
            }
        }
    }
    @include full-desktop{
        .wrap-login{
            .login-advantages{
                .wrap-advantages{
                    &:before{
                        height:calc(100vh - 195px);
                    }
                }
            }
            .login-data{
                height:calc(100vh - 195px);
            }
        }
    }
    @include full-tablet{
        .wrap-login{
            .login-data{
                float:initial;
                width:100%;
                height:auto;
                padding:60px 0;
                .wrap-data{
                    position:relative;
                    margin:0 auto;
                    left:0;
                    top:0;
                    @include transform(none);
                }
            }
            .login-advantages{
                float:initial;
                width:100%;
                .wrap-advantages{
                    padding:60px 0;
                    &:before{
                        display:none;
                    }
                    .advantages-box{
                        display:block;
                    }
                }
            }
        }
    }
    @include medium-tablet{
        .wrap-login{
            padding-top:0;
            .login-data{
                padding:40px 0;
            }
            .login-advantages{
                .wrap-advantages{
                    padding:40px 0;
                }
            }
        }
    }
    @include small-tablet{
        .wrap-login{
            .login-data{
                padding: 30px 0;
                .wrap-data{
                    width:320px;
                    .form-box{
                        .wrap-form{
                            .form-header{
                                padding-bottom:10px;
                                height:60px;
                                .form-title{
                                    font-size:24px;
                                }
                                .form-subtitle{
                                    padding-top:5px;
                                    font-size:14px;
                                }
                            }
                            .form-content{
                                height:260px;
                                .wrap-content{
                                    left:15px;
                                    width:calc(100% - 30px);
                                }
                            }
                        }
                    }
                    .form-nav{
                        .wrap-nav{
                            padding-top:20px;
                            .nav-element{
                                display:block;
                                padding:5px 0!important;
                                &:before{
                                    display:none;
                                }
                            }
                        }
                    }
                }
            }
            .login-advantages{
                .wrap-advantages{
                    padding:30px 0;
                    .advantages-box{
                        .wrap-box{
                            .advantages-header{
                                padding-bottom:50px;
                                max-width:320px;
                                .advantages-title{
                                    font-size:24px;
                                    @include line(36, 34);
                                }
                                .advantages-subtitle{
                                    padding-top:5px;
                                    font-size:14px;
                                }
                            }
                            .advantages-content{
                                max-width:320px;
                            }
                        }
                    }
                }
            }
        }
    }
    @include mobile{
        .wrap-login{
            .login-data{
                .wrap-data{
                    width:280px;
                    .form-box{
                        .wrap-form{
                            .form-content{
                                .wrap-content{
                                    width:100%;
                                    left:0;
                                }
                            }
                        }
                    }
                }
            }
            .login-advantages{
                .wrap-advantages{
                    .advantages-box{
                        .wrap-box{
                            .advantages-header{
                                max-width:280px;
                            }
                            .advantages-content{
                                max-width:280px;
                                .advantages-element{
                                    .wrap-element{
                                        .element-title{
                                            font-size:22px;
                                        }
                                        .element-subtitle{
                                            font-size:14px;
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}

.offer-popup{
    position:fixed;
    z-index:99999;
    top:0;
    left:0;
    right:0;
    width:100%;
    height:100%;
    opacity:0;
    pointer-events:none;
    @include transform(translateY(-100%) translateZ(0));
    @include transition($Mtransition);
    will-change:transform;
    &.open{
        opacity:1;
        pointer-events:auto;
        @include transform(translateY(0%) translateZ(0));
        .popup-box{
            @include transform(translateY(-50%) translateX(-50%) scale(1));
            opacity:1;
            transition-delay:0.3s;
            -webkit-transition-delay:0.3s;
            -moz-transition-delay:0.3s;
            -ms-transition-delay:0.3s;
            -o-transition-delay:0.3s;
        }
    }
    .popup-backmask{
        position:absolute;
        top:0;
        left:0;
        right:0;
        bottom:0;
        width:100%;
        height:100%;
        background-color:rgba(#000, 0.7);
        cursor:zoom-out;
    }
    .popup-box{
        position:absolute;
        top:50%;
        left:50%;
        @include transform(translateY(-100%) translateX(-50%) scale(0.5));
        opacity:0;
        @include transition($Mtransition);
        transition-delay:0s;
        -webkit-transition-delay:0s;
        -moz-transition-delay:0s;
        -ms-transition-delay:0s;
        -o-transition-delay:0s;
        will-change:transform;
        width:1000px;
        .wrap-box{
            position:relative;
            font-size:0;
            background-color:#fff;
            .box-img{
                display:inline-block;
                vertical-align:middle;
                width:50%;
                .wrap-img{
                    position:relative;
                    min-height:490px;
                    .img{
                        position:absolute;
                        top:0;
                        left:0;
                        width:100%;
                        height:100%;
                        background-position:50% 50%;
                        background-size:cover;
                        background-repeat:no-repeat;
                    }
                }
            }
            .box-info{
                display:inline-block;
                vertical-align:middle;
                width:50%;
                max-height:490px;
                overflow-y:auto;
                .wrap-info{
                    padding:40px;
                    text-align:center;
                    .close-info{
                        position:absolute;
                        top:-10px;
                        right:0;
                        @include transform(translateY(-100%));
                        width:30px;
                        height:30px;
                        border-radius:50%;
                        border:2px solid #fff;
                        cursor:pointer;
                        @include transition($Stransition);
                        &:before{
                            position:absolute;
                            top:50%;
                            left:50%;
                            @include transform(translateY(-50%) translateX(-50%));
                            font-size:15px;
                            color:#fff;
                            @include transition($Stransition);
                        }
                        @include hovers{
                            background-color:#fff;
                            &:before{
                                color:$color-corp;
                            }
                        }
                    }
                    .info-tag{
                        position:absolute;
                        top:0;
                        right:25%;
                        @include transform(translateX(50%));
                        font-family:$corp-font1;
                        font-size:12px;
                        font-weight:700;
                        color:#fff;
                        text-transform:uppercase;
                        @include space(20em);
                        padding:7px 24px;
                        background-color:$color-corp;
                    }
                    .info-header{
                        .wrap-info-header{
                            padding-bottom:20px;
                            border-bottom:1px solid rgba($color-basic, 0.7);
                            .info-header-title{
                                font-family:$corp-font2;
                                font-size:30px;
                                font-weight:700;
                                color:$color-corp;
                                text-transform:uppercase;
                                @include space(20em);
                            }
                            .info-header-subtitle{
                                font-family:$corp-font1;
                                font-size:17px;
                                font-weight:400;
                                color:$color-basic;
                                @include space(20em);
                                @include line(22,18);
                                padding-top:5px;
                            }
                        }
                    }
                    .info-date{
                        .wrap-info-date{
                            padding:15px 0;
                            border-bottom:1px solid rgba($color-basic, 0.7);
                            .date{
                                font-family:$corp-font1;
                                font-size:18px;
                                font-weight:500;
                                color:$color-basic;
                                @include space(20em);
                                @include line(22,18);
                            }
                        }
                    }
                    .info-content{
                        .wrap-info-content{
                            .info-text{
                                font-family:$corp-font1;
                                font-size:17px;
                                font-weight:400;
                                color:$color-corp;
                                @include space(20em);
                                @include line(22,18);
                                padding-top:15px;
                            }
                            .info-price{
                                display:inline-block;
                                .wrap-price{
                                    font-size:0;
                                    padding-top:20px;
                                    .since{
                                        display:block;
                                        font-family:$corp-font1;
                                        font-size:17px;
                                        font-weight:700;
                                        color:$color-basic;
                                        text-transform:uppercase;
                                        padding-right:20px;
                                        @include space(20em);
                                        margin-bottom:-5px;
                                    }
                                    .number-box{
                                        display:inline-block;
                                        vertical-align:middle;
                                        font-size:0;
                                        padding-top:5px;
                                        .number{
                                            display:inline-block;
                                            vertical-align:baseline;
                                            font-family:$corp-font1;
                                            font-size:75px;
                                            font-weight:500;
                                            color:$color-corp;
                                            text-transform:uppercase;
                                            @include space(-5em);
                                        }
                                        .coin{
                                            display:inline-block;
                                            vertical-align:baseline;
                                            font-family:$corp-font1;
                                            font-size:50px;
                                            font-weight:500;
                                            color:$color-corp;
                                            text-transform:uppercase;
                                            @include space(-5em);
                                        }
                                    }
                                }
                            }
                        }
                    }
                    .info-foot{
                        .wrap-info-foot{
                            padding-top:20px;
                            .info-btn{
                                margin:0 10px;
                                .btn-corp-link{
                                    min-width:185px;
                                    border-width:2px;
                                }
                            }
                        }
                    }
                }
            }
        }
    }
    @include small-desktop{
        .popup-box{
            width:560px;
            .wrap-box{
                border-radius:4px;
                .box-img{
                    display:none;
                }
                .box-info{
                    width:100%;
                    .wrap-info{
                        padding:60px 40px 40px;
                        .info-tag{
                            right:50%;
                        }
                    }
                }
            }
        }
    }
    @include medium-tablet{
        .popup-box{
            width:300px;
            .wrap-box{
                .box-info{
                    .wrap-info{
                        padding:50px 15px 25px;
                        .info-tag{
                            font-size:11px;
                            min-width:150px;
                            text-align:center;
                            padding:7px 15px;
                        }
                        .info-header{
                            .wrap-info-header{
                                padding-bottom:15px;
                                .info-header-title{
                                    font-size:22px;
                                }
                                .info-header-subtitle{
                                    font-size:15px;
                                }
                            }
                        }
                        .info-date{
                            .wrap-info-date{
                                padding:10px 0;
                                .date{
                                    font-size:16px;
                                }
                            }
                        }
                        .info-content{
                            .wrap-info-content{
                                .info-price{
                                    &:after{
                                        margin:10px auto 0;
                                    }
                                    .wrap-price{
                                        padding-top:15px;
                                        .number-box{
                                            .number{
                                                font-size:65px;
                                            }
                                            .coin{
                                                font-size:45px;
                                            }
                                        }
                                    }
                                }
                                .info-text{
                                    font-size:16px;
                                }
                            }
                        }
                        .info-foot{
                            .wrap-info-foot{
                                padding-top:20px;
                                .info-btn{
                                    &:nth-child(2){
                                        margin-top:10px;
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
    @include small-tablet{
        .popup-box{
            .wrap-box{
                .box-info{
                    .wrap-info{
                        .info-content{
                            .wrap-info-content{
                                .info-price{
                                    &:after{
                                       content:none;
                                    }
                                }
                                .info-text{
                                    display:none;
                                }
                            }
                        }
                        .info-foot{
                            .wrap-info-foot{
                                padding-top:15px;
                            }
                        }
                    }
                }
            }
        }
    }
    @include mobile{
        .popup-box{
            .wrap-box{
                .box-info{
                    .wrap-info{
                        .info-foot{
                            .wrap-info-foot{
                                .info-btn{
                                    .btn-corp-link{
                                        padding:11px 20px 9px;
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}

.new-test{
    .test{
        display:none;
    }
}

.responsive-resize{
    background-color:#cbcbcb;
    @include transition($Mtransition);
}
.info-message{
    position:absolute;
    z-index:2;
    top:50%;
    left:50%;
    @include transform(translateY(-100%) translateX(-50%) scale(1));
    width:350px;
    background-color:rgba(#000, 0.7);
    box-shadow:4px 4px 4px rgba(#000, 0.4);
    @include transition($Stransition);
    &.close{
        opacity:0;
        top:calc(50% - 50px);
        pointer-events:none;
        @include transform(translateY(-100%) translateX(-50%) scale(0.8));
    }
    .wrap-info-message{
        position:relative;
        padding:35px 25px 20px;
        border:3px solid #fff;
        text-align:center;
        .info-message-close{
            position:absolute;
            top:0;
            right:0;
            font-size:18px;
            color:#fff;
            padding:5px;
            cursor:pointer;
            @include transition($Stransition);
            @include hovers{
                color:$color-corp;
                background-color:#fff;
            }
        }
        .info-message-icon{
            position:absolute;
            top:-20px;
            left:calc(50% - 20px);
            width:40px;
            height:40px;
            background-color:#fff;
            font-size:20px;
            color:$color-corp;
            border-radius:50%;
            -webkit-animation: zoom-shake 5s ease-out infinite;
            -moz-animation: zoom-shake 5s ease-out infinite;
            -o-animation: zoom-shake 5s ease-out infinite;
            animation: zoom-shake 5s ease-out infinite;
            &:before{
                position:absolute;
                top:50%;
                left:50%;
                @include transform(translateY(-50%) translateX(-50%));
            }
        }
        .info-message-title{
            font-family:$corp-font3;
            font-size:18px;
            font-weight:700;
            color:#fff;
            text-transform:uppercase;
            @include space(50em);
            padding-bottom:10px;
        }
        .info-message-text{
            font-family:$corp-font2;
            font-size:14px;
            font-weight:400;
            color:#fff;
            @include space(20em);
            @include line(18,14);
        }
    }
    @include medium-tablet{
        @include transform(translateY(-50%) translateX(-50%));
        width:300px;
        &.close{
            @include transform(translateY(-50%) translateX(-50%) scale(0.8));
        }
        .wrap-info-message{
            padding:30px 20px 15px;
            .info-message-icon{
                top:-17px;
                left:calc(50% - 17px);
                width:35px;
                height:35px;
            }
            .info-message-title{
                font-size:16px;
            }
            .info-message-text{
                font-size:13px;
            }
        }
    }
}

.notification-box{
    position:fixed;
    z-index:10;
    top:0;
    left:0;
    width:100%;
    @include transition($Stransition);
    &.closed{
        opacity:0;
        pointer-events:none;
    }
    .wrap-notification-box{
        padding:15px 10px;
        background-color:rgba($color-corp, 0.8);
        border-bottom:1px solid #fff;
    }
    @media(min-width:768px){
        .wrap-notification-box{
            padding:15px 25px;
        }
    }
    @media(min-width:1024px){
        left:50px;
        top:50%;
        @include transform(translateY(-50%));
        width:auto;
        max-width:350px;
        .wrap-notification-box{
            padding:20px 25px;
            border:1px solid #fff;
            border-radius:4px;
            box-shadow:4px 4px 4px rgba(#000, 0.3);
        }
    }
    @media(min-width:1280px){
        bottom:120px;
        top:auto;
        @include transform(none);
        max-width:400px;
    }
}
.notification-box-header{
    .wrap-notification-header{
        padding-bottom:10px;
        .notification-header-title{
            font-family:$corp-font1;
            font-size:16px;
            font-weight:700;
            color:#fff;
            @include space(50em);
            @include line(18,16);
        }
    }
    @media(min-width:1024px){
        .wrap-notification-header{
            padding-bottom:15px;
        }
    }
    @media(min-width:1280px){
        .wrap-notification-header{
            .notification-header-title{
                font-size:18px;
            }
        }
    }
}
.notification-box-info{
    .wrap-notification-info{
        .notification-info-text{
            font-family:$corp-font2;
            font-size:14px;
            font-weight:400;
            color:#fff;
            @include space(25em);
            @include line(18,14);
        }
    }
}
.notification-box-btns{
    .wrap-notification-btns{
        padding-top:10px;
        .notification-btn{
            display:inline-block;
            vertical-align:top;
            margin:0 5px;
            border:1px solid #fff;
            border-radius:4px;
            cursor:pointer;
            @include transition($Stransition);
            &:first-child{
                margin-left:0;
            }
            .notification-btn-text{
                display:block;
                font-family:$corp-font2;
                font-size:12px;
                font-weight:400;
                color:#fff;
                text-transform:uppercase;
                padding:5px 15px;
                @include transition($Stransition);
            }
            @include hovers{
                background-color:#fff;
                .notification-btn-text{
                    color:#444;
                    font-weight:700;
                }
            }
        }
    }
    @media(min-width:1024px){
        .wrap-notification-btns{
            padding-top:15px;
            .notification-btn{
                .notification-btn-text{
                    padding:7px 20px;
                }
            }
        }
    }
}
.client-bar{
    position:fixed;
    z-index:4;
    top:88px;
    left:0;
    width:100%;
    background-color:rgba(#000, 0.8);
    padding:0 50px;
    @include transition($Mtransition);
    &.adjust{
        top:0;
    }
    .wrap-bar{
        position:relative;
        height:75px;
        .client-login{
            position:absolute;
            left:0;
            top:50%;
            @include transform(translateY(-50%));
            font-size:0;
            .client-icon{
                display:inline-block;
                vertical-align:middle;
                position:relative;
                width:40px;
                height:40px;
                border:2px solid #fff;
                border-radius:50%;
                padding: 7px 9px;
                &:before{
                    display:inline-block;
                    color:#fff;
                    font-size:19px;
                    -webkit-animation: zoom-shake 3s ease-out infinite;
                    -moz-animation: zoom-shake 3s ease-out infinite;
                    -o-animation: zoom-shake 3s ease-out infinite;
                    animation: zoom-shake 3s ease-out infinite;
                }
            }
            .client-name{
                display:inline-block;
                vertical-align:middle;
                font-family:$corp-font1;
                font-size:18px;
                font-weight:400;
                color:#fff;
                @include space(20em);
                padding-left:15px;
            }
        }
        .close-bar{
            position:absolute;
            right:0;
            top:50%;
            @include transform(translateY(-50%));
            font-size:0;
            .close-text{
                position:relative;
                display:inline-block;
                vertical-align:middle;
                font-family:$corp-font1;
                font-size:14px;
                font-weight:500;
                text-transform:uppercase;
                color:#fff;
                padding:0 15px;
                &.text-link{
                    &:after{
                        content:'';
                        position:absolute;
                        bottom:-3px;
                        width:0;
                        height:1px;
                        left:15px;
                        background-color:#fff;
                        @include transition($Stransition);
                    }
                    &.active{
                        &:after{
                            width:calc(100% - 30px);
                        }
                    }
                }
                &.no-bar{
                    &:before{
                        display:none;
                    }
                }
                &:before{
                    content:'';
                    position:absolute;
                    top:50%;
                    left:0;
                    @include transform(translateY(-50%));
                    width:1px;
                    height:10px;
                    background-color:rgba(#fff, 0.5);
                }
                @include hovers{
                    &:after{
                        width:calc(100% - 30px);
                    }
                    + .close-icon{
                        border-color:transparent;
                        &:before, &:after{
                            @include transform(skew(30deg) translateX(0%) translateZ(0));
                            opacity:1;
                        }
                        .icon-cerrar{
                            &:before{
                                color:$color-corp;
                            }
                        }
                    }
                }
            }
            .btn-close{
                border-color:#fff;
                color:#fff;
                position:relative;
                .icon-cerrar{
                    position:absolute;
                    top:50%;
                    left:50%;
                    @include transform(translateY(-50%) translateX(-50%));
                    &:before{
                        color:#fff;
                        font-size:18px;
                    }
                }
            }
        }
    }
    @include full-desktop{
        top:80px;
        padding:0 45px;
    }
    @include full-tablet{
        padding: 0 37px;
    }
    @include medium-tablet{
        top:0;
        padding: 0 23px;
    }
    @include small-tablet{
        padding: 0 18px;
        .wrap-bar{
            height:65px;
            .client-login{
                .client-name{
                    font-size:15px;
                }
                .client-icon{
                    width:35px;
                    height:35px;
                    padding: 5px 8px;
                    &:before{
                        font-size:16px;
                    }
                }
            }
            .close-bar{
                .close-text{
                    display:none;
                }
                .close-icon{
                    width:35px;
                    height:35px;
                    .icon-cerrar{
                        &:before{
                            font-size:12px;
                        }
                    }
                }
            }
        }
    }
    @include full-tablet{
        .wrap-bar{
            .close-bar{
                .close-text{
                    &.sesion{
                        display:none;
                    }
                }
            }
        }
    }
    @include medium-tablet{
        .wrap-bar{
            .close-bar{
                .close-text{
                    font-size:13px;
                }
            }
        }
    }
}

.client-module{
    padding-top:90px;
    .wrap-module{
        padding-top:75px;
        padding-bottom:80px;
        min-height: calc(100vh - 332px);
        .module-head{
            .wrap-head{
                padding:60px 0 40px;
                border-bottom:1px solid $color-basic;
                .resp-link{
                    display:none;
                    .link-text{
                        
                    }
                }
                .head-title{
                    font-family:$corp-font3;
                    font-size:36px;
                    font-weight:500;
                    color:$color-title;
                    @include space(20em);
                }
                .head-subtitle{
                    font-family:$corp-font1;
                    font-size:16px;
                    font-weight:700;
                    color:$color-basic;
                    text-transform:uppercase;
                    @include space(100em);
                    padding-top:8px;
                }
            }
        }
        .module-content{
            .wrap-content{
                .reserve-element{
                    padding:45px 0;
                    border-bottom:1px solid $color-basic;
                    &.cancelled{
                        background-color:#EFECE9;
                        .wrap-element{
                            .reserve-info{
                                .wrap-info{
                                    .price-box{
                                        .wrap-box{
                                            .price-btns{
                                                pointer-events:none;
                                                .price-btn{
                                                    .btn-corp-text{
                                                        border:none;
                                                        background-color:red;
                                                        color:#fff;
                                                        pointer-events:none;
                                                    }
                                                }
                                                .btn-cancel{
                                                    display:none;
                                                }
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                    .wrap-element{
                        position:relative;
                        width:calc(100% - 260px);
                        padding-left:260px;
                        .reserve-head{
                            .wrap-head{
                                padding-bottom:15px;
                                font-size:0;
                                .reserve-img{
                                    position:absolute;
                                    top:0;
                                    left:0;
                                    width:225px;
                                    height:150px;
                                    overflow:hidden;
                                    .img{
                                        position:absolute;
                                        top:50%;
                                        left:50%;
                                        @include transform(translateY(-50%) translateX(-50%));
                                        height:105%;
                                        width:auto;
                                    }
                                }
                                .wrap-text{
                                    display:inline-block;
                                    vertical-align:middle;
                                    width:calc(100% - 225px);
                                    .reserve-title{
                                        display:inline-block;
                                        vertical-align:middle;
                                        font-family:$corp-font1;
                                        font-size:24px;
                                        font-weight:400;
                                        color:$color-basic;
                                        @include space(30em);
                                    }
                                    .reserve-stars{
                                        display:inline-block;
                                        vertical-align:middle;
                                        padding-left:10px;
                                        font-size:0;
                                        .icon-estrella{
                                            display:inline-block;
                                            vertical-align:top;
                                            padding:0 2.5px;
                                            &:before{
                                                font-size:10px;
                                                color:$color-corp;
                                            }
                                        }
                                    }
                                }
                            }
                        }
                        .reserve-dates{
                            .wrap-dates{
                                padding:10px 0 20px;
                                font-size:0;
                                border-top:1px solid $color-basic;
                                border-bottom:1px solid $color-basic;
                                .date-element{
                                    display:inline-block;
                                    vertical-align:top;
                                    padding-top:10px;
                                    &:first-child{
                                        .wrap-date{
                                            padding-left:0;
                                        }
                                    }
                                    &:nth-last-child(2){
                                        .wrap-date{
                                            margin-right:20px;
                                        }
                                    }
                                    &:last-child{
                                        .wrap-date{
                                            padding-left:0;
                                            padding-right:0;
                                            &:after{
                                                display:none;
                                            }
                                        }
                                    }
                                    .wrap-date{
                                        position:relative;
                                        font-size:0;
                                        padding:0 20px;
                                        &:after{
                                            content:'';
                                            position:absolute;
                                            top:50%;
                                            right:0;
                                            @include transform(translateY(-50%) translateX(50%));
                                            width:1px;
                                            height:12px;
                                            background-color:$color-basic;
                                        }
                                        .date-title{
                                            display:inline-block;
                                            vertical-align:middle;
                                            font-family:$corp-font1;
                                            font-size:18px;
                                            font-weight:500;
                                            color:$color-basic;
                                            @include space(20em);
                                        }
                                        .date-arrow{
                                            display:inline-block;
                                            vertical-align:middle;
                                            font-family:$corp-font1;
                                            font-size:18px;
                                            font-weight:400;
                                            color:$color-basic;
                                            @include space(20em);
                                            padding:0 10px;
                                        }
                                        .date-info{
                                            display:inline-block;
                                            vertical-align:middle;
                                            font-family:$corp-font1;
                                            font-size:18px;
                                            font-weight:500;
                                            color:$color-basic;
                                            @include space(20em);
                                        }
                                    }
                                }
                            }
                        }
                        .reserve-info{
                            .wrap-info{
                                padding-top:20px;
                                font-size:0;
                                .info-box{
                                    display:inline-block;
                                    vertical-align:top;
                                    width:calc(100% - 250px);
                                    padding-right:35px;
                                    .wrap-box{
                                        .info-name{
                                            font-family:$corp-font1;
                                            font-size:17px;
                                            font-weight:700;
                                            color:$color-title;
                                            text-transform:uppercase;
                                            @include space(20em);
                                            padding-bottom:10px;
                                        }
                                        .info-product{
                                            font-family:$corp-font1;
                                            font-size:22px;
                                            font-weight:700;
                                            color:$color-basic;
                                            text-transform:uppercase;
                                            @include space(5em);
                                            @include line(24, 22);
                                            padding-bottom:10px;
                                        }
                                        .info-extra{
                                            font-family:$corp-font1;
                                            font-size:18px;
                                            font-weight:400;
                                            color:$color-basic;
                                            @include space(20em);
                                            padding-bottom:15px;
                                        }
                                        .wrap-btns{
                                            font-size:0;
                                            .btn-info{
                                                display:inline-block;
                                                vertical-align:top;
                                                position:relative;
                                                padding:5px 0;
                                                border-bottom:1px solid $color-basic;
                                                cursor:pointer;
                                                &:after{
                                                    content:'';
                                                    position:absolute;
                                                    bottom:-1px;
                                                    left:0;
                                                    width:0%;
                                                    height:1px;
                                                    background-color:$color-corp;
                                                    @include transition($Stransition);
                                                }
                                                &.conditions{
                                                    padding:5px 0;
                                                    margin-right:30px;
                                                    border-radius:2px;
                                                    @include transition($Stransition);
                                                    &:before{
                                                        content:'\e91b';
                                                        position:absolute;
                                                        top:50%;
                                                        right:10px;
                                                        @include transform(translateY(-50%));
                                                        font-family:'icomoon';
                                                        font-size:9px;
                                                        color:#fff;
                                                        opacity:0;
                                                        @include transition($Stransition);
                                                    }
                                                    &.active{
                                                        padding:5px 35px 3px 15px;
                                                        background-color:$color-corp;
                                                        opacity:0.7;
                                                        &:before{
                                                            opacity:1;
                                                        }
                                                        .btn-info-text{
                                                            color:#fff;
                                                            display:none;
                                                            &.toclose{
                                                                display:inline-block;
                                                            }
                                                        }
                                                        @include hovers{
                                                            opacity:1;
                                                        }
                                                    }
                                                }
                                                .btn-info-text{
                                                    font-family:$corp-font1;
                                                    font-size:14px;
                                                    font-weight:700;
                                                    color:$color-basic;
                                                    @include space(50em);
                                                    @include transition($Stransition);
                                                    &.toclose{
                                                        display:none;
                                                    }
                                                }
                                                @include hovers{
                                                    &:after{
                                                        width:100%;
                                                    }
                                                    .btn-info-text{
                                                        color:$color-corp;
                                                    }
                                                }
                                            }
                                        }
                                    }
                                }
                                .price-box{
                                    display:inline-block;
                                    vertical-align:top;
                                    width:250px;
                                    .wrap-box{
                                        position:relative;
                                        .price-info{
                                            text-align:right;
                                            .wrap-price{
                                                font-size:0;
                                                padding-bottom:12px;
                                                .price{
                                                    display:inline-block;
                                                    vertical-align:baseline;
                                                    font-family:$corp-font1;
                                                    font-size:52px;
                                                    font-weight:700;
                                                    color:$color-basic;
                                                    small{
                                                        font-size:35px;
                                                    }
                                                }
                                                .coin{
                                                    display:inline-block;
                                                    vertical-align:baseline;
                                                    font-family:$corp-font1;
                                                    font-size:35px;
                                                    font-weight:700;
                                                    color:$color-basic;
                                                }
                                            }
                                            .wrap-discounts{
                                                font-size:0;
                                                padding-bottom:12px;
                                                .discount-element{
                                                    display:inline-block;
                                                    vertical-align:middle;
                                                    padding:0 8px;
                                                    &.discount-price{
                                                        .past-price{
                                                            opacity:0.7;
                                                            color:$color-basic;
                                                            text-decoration: line-through;
                                                        }
                                                    }
                                                    &.discount-minus{
                                                        .minus-price{
                                                            color:$color-corp;
                                                        }
                                                    }
                                                    &.discount-percent{
                                                        opacity:0.7;
                                                        padding:5px 12px;
                                                        border-radius:4px;
                                                        background-color:$color-corp;
                                                        color:#fff;
                                                        margin-left:8px;
                                                    }
                                                    .past-price{
                                                        font-family:$corp-font1;
                                                        font-size:17px;
                                                        font-weight:700;
                                                        @include space(-50em);
                                                    }
                                                    .minus-price{
                                                        font-family:$corp-font1;
                                                        font-size:17px;
                                                        font-weight:700;
                                                        @include space(-50em);
                                                    }
                                                    .percent-price{
                                                        font-family:$corp-font1;
                                                        font-size:17px;
                                                        font-weight:700;
                                                        @include space(-50em);
                                                    }
                                                }
                                            }
                                            .wrap-stand{
                                                font-size:0;
                                                .stand-price{
                                                    display:inline-block;
                                                    vertical-align:top;
                                                    font-family:$corp-font1;
                                                    font-size:16px;
                                                    font-weight:400;
                                                    color:$color-basic;
                                                    @include space(20em);
                                                    padding-right:5px;
                                                }
                                                .stand-text{
                                                    display:inline-block;
                                                    vertical-align:top;
                                                    font-family:$corp-font1;
                                                    font-size:16px;
                                                    font-weight:400;
                                                    color:$color-basic;
                                                    @include space(20em);
                                                }
                                            }
                                        }
                                        .price-btns{
                                            position:absolute;
                                            top:0;
                                            right:-40px;
                                            @include transform(translateX(100%));
                                            text-align:center;
                                            width:200px;
                                            .price-btn{
                                                margin-bottom:20px;
                                                .btn-corp-text{
                                                    min-width:200px;
                                                }
                                            }
                                            .btn-cancel{
                                                position:relative;
                                                display:inline-block;
                                                &:after{
                                                    content:'';
                                                    position:absolute;
                                                    left:0;
                                                    bottom:0;
                                                    width:0;
                                                    height:1px;
                                                    background-color:red;
                                                    @include transition($Stransition);
                                                }
                                                .btn-cancel-link{
                                                    display:inline-block;
                                                    padding:5px 0;
                                                    font-family:$corp-font1;
                                                    font-size:14px;
                                                    font-weight:700;
                                                    color:red;
                                                    text-transform:uppercase;
                                                    @include space(50em);
                                                }
                                                @include hovers{
                                                    &:after{
                                                        width:100%;
                                                    }
                                                }
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
        .reserve-conditions{
            width: calc(100% - 260px);
            padding-top:0;
            padding-left: 260px;
            height:0;
            overflow:hidden;
            @include transition($Stransition);
            &.open{
                padding-top:20px;
            }
            .wrap-conditions{
                position:relative;
                border-radius:4px;
                border:1px solid $color-basic;
                padding:0 70px;
                .close-conditions{
                    position:absolute;
                    top:20px;
                    right:20px;
                    width:30px;
                    height:30px;
                    cursor:pointer;
                    &:before{
                        color:#fff;
                    }
                    @include hovers{
                        .icon-cerrar{
                            &:before{
                                color:#fff;
                            }
                        }
                    }
                }
                .conditions-section{
                    padding:40px 0;
                    border-bottom:1px solid $color-basic;
                    &:last-child{
                        border-bottom:none;
                    }
                    p{
                        display:inline-block;
                        vertical-align:top;
                        font-family:$corp-font1;
                        font-size:18px;
                        font-weight:400;
                        color:$color-basic;
                        @include space(20em);
                        @include line(22, 18);
                        padding-top:10px;
                        strong{
                            display:inline-block;
                            vertical-align:top;
                            font-family:$corp-font1;
                            font-size:18px;
                            font-weight:700;
                            color:$color-basic;
                            @include space(20em);
                            padding-right:5px;
                        }
                    }
                    .section-title{
                        font-family:$corp-font1;
                        font-size:20px;
                        font-weight:700;
                        color:$color-title;
                        text-transform:uppercase;
                        @include space(5em);
                    }
                    .conditions-list{
                        padding-top:20px;
                        .list-element{
                            position:relative;
                            padding-left:12px;
                            margin-bottom:10px;
                            font-size:0;
                            &:last-child{
                                margin-bottom:0;
                            }
                            &:before{
                                content:'\e91d';
                                position:absolute;
                                top:16px;
                                left:0;
                                font-family:'icomoon';
                                font-size:6px;
                                color:$color-basic;
                            }
                            .element-title{
                                display:inline-block;
                                vertical-align:top;
                                font-family:$corp-font1;
                                font-size:18px;
                                font-weight:700;
                                color:$color-basic;
                                @include space(20em);
                                padding-right:5px;
                            }
                            .element-text{
                                display:inline-block;
                                vertical-align:top;
                                font-family:$corp-font1;
                                font-size:18px;
                                font-weight:400;
                                color:$color-basic;
                                @include space(20em);
                                @include line(22, 18);
                            }
                        }
                    }
                }
            }
        }
    }
    @include full-desktop{
        padding-top:80px;
        .wrap-module{
            min-height: calc(100vh - 322px);
            .reserve-conditions{
                .wrap-conditions{
                    padding: 0 40px;
                }
            }
        }
    }
    @include medium-desktop{
        .wrap-module{
            min-height:initial;
            .reserve-conditions{
                width:100%;
            }
            .module-content{
                .wrap-content{
                    .reserve-element{
                        .wrap-element{
                            width:100%;
                            .reserve-info{
                                .wrap-info{
                                    .info-box{
                                        width:calc(100% - 320px);
                                    }
                                    .price-box{
                                        width:320px;
                                        .wrap-box{
                                            .price-btns{
                                                position:relative;
                                                right:0;
                                                @include transform(none);
                                                margin:25px 0 0 auto;
                                                .price-btn{
                                                    margin-bottom:0;
                                                }
                                                .btn-cancel{
                                                    position:absolute;
                                                    top:50%;
                                                    right:calc(100% + 45px);
                                                    @include transform(translateY(-50%));
                                                }
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
    @include small-desktop{
        .wrap-module{
            .reserve-conditions{
                padding-left:0;
            }
            .module-content{
                .wrap-content{
                    .reserve-element{
                        padding:25px 0 35px;
                        .wrap-element{
                            padding-left:0;
                            .reserve-head{
                                .wrap-head{
                                    font-size:0;
                                    padding-bottom:25px;
                                    .reserve-img{
                                        display:inline-block;
                                        vertical-align:middle;
                                        position:relative;
                                        width:135px;
                                        height:90px;
                                    }
                                    .wrap-text{
                                        width:calc(100% - 135px);
                                        .reserve-title{
                                            padding-left:25px;
                                        }
                                    }
                                }
                            }
                            .reserve-info{
                                .wrap-info{
                                    .info-box{
                                        .wrap-box{
                                            .info-product{
                                                max-width:355px;
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
    @include full-tablet{
        .wrap-module{
            padding-top:0;
            .module-head{
                .wrap-head{
                    padding: 45px 0 30px;
                    text-align:center;
                }
            }
        }
    }
    @include medium-tablet{
        .wrap-module{
            .reserve-conditions{
                .wrap-conditions{
                    padding:0 25px;
                    &:before, &:after{
                        font-size:20px;
                    }
                    .conditions-section{
                        padding:35px 0;
                    }
                }
            }
            .module-head{
                .wrap-head{
                    padding: 35px 0;
                    text-align:center;
                    .head-title{
                        font-size:26px;
                    }
                }
            }
            .module-content{
                .wrap-content{
                    .reserve-element{
                        .wrap-element{
                            .reserve-head{
                                .wrap-head{
                                    .wrap-text{
                                        .reserve-stars{
                                            display:block;
                                            padding-left:25px;
                                            padding-top:5px;
                                        }
                                    }
                                }
                            }
                            .reserve-dates{
                                .wrap-dates{
                                    .date-element{
                                        .wrap-date{
                                            padding:0 20px;
                                            &:after{
                                                height:40px;
                                            }
                                            .date-title{
                                                display:block;
                                            }
                                            .date-arrow{
                                                display:none;
                                            }
                                            .date-info{
                                                display:block;
                                                padding-top:5px;
                                            }
                                        }
                                    }
                                }
                            }
                            .reserve-info{
                                .wrap-info{
                                    .info-box{
                                        display:block;
                                        width:100%;
                                        padding-right:0;
                                    }
                                    .price-box{
                                        display:block;
                                        width:100%;
                                        padding-top:30px;
                                        .wrap-box{
                                            padding-top:30px;
                                            text-align:center;
                                            border-top:1px solid $color-basic;
                                            .price-info{
                                                text-align:center;
                                            }
                                            .price-btns{
                                                margin:25px auto 0;
                                                .btn-cancel{
                                                    position:relative;
                                                    top:0;
                                                    right:0;
                                                    @include transform(none);
                                                    margin-top:20px;
                                                }
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
    @include small-tablet{
        padding-top:70px;
        .wrap-module{
            .module-head{
                .wrap-head{
                    .resp-link{
                        display:block;
                        padding-bottom:15px;
                        font-size:0;
                        .link-text{
                            position:relative;
                            display:inline-block;
                            vertical-align:top;
                            width:50%;
                            font-family:$corp-font1;
                            font-size:14px;
                            font-weight:500;
                            color:rgba($color-corp, 0.7);
                            text-transform:uppercase;
                            @include space(20em);
                            padding:0 15px;
                            &.active{
                                text-decoration:underline;
                                color:$color-corp;
                            }
                            &:first-child{
                                text-align:right;
                                padding-left:0;
                                &:before{
                                    content:'';
                                    position:absolute;
                                    top:50%;
                                    right:0;
                                    width:1px;
                                    height:10px;
                                    @include transform(translateY(-50%));
                                    background-color:rgba($color-corp, 0.7);
                                }
                            }
                            &:nth-child(2){
                                text-align:left;
                                padding-right:0;
                            }
                        }
                    }
                }
            }
            .reserve-conditions{
                .wrap-conditions{
                    padding:0 15px;
                    .close-conditions{
                        top:15px;
                        right:15px;
                    }
                    .conditions-section{
                        padding:25px 0;
                        &:nth-child(2){
                            padding-top:40px;
                        }
                        p{
                            font-size:15px;
                            strong{
                                font-size:15px;
                            }
                        }
                        .section-title{
                            font-size:18px;
                        }
                        .conditions-list{
                            padding-top:15px;
                            .list-element{
                                &:before{
                                    top:4px;
                                }
                                .element-title{
                                    font-size:15px;
                                }
                                .element-text{
                                    font-size:15px;
                                }
                            }
                        }
                    }
                }
            }
            .module-head{
                .wrap-head{
                    padding: 35px 0 20px;
                }
            }
            .module-content{
                .wrap-content{
                    .reserve-element{
                        padding:15px 0 30px;
                        .wrap-element{
                            .reserve-head{
                                .wrap-head{
                                    padding-bottom:15px;
                                    .reserve-img{
                                        width:70px;
                                        height:70px;
                                    }
                                    .wrap-text{
                                        width:calc(100% - 70px);
                                        .reserve-title{
                                            font-size:20px;
                                            @include line(20, 20);
                                            padding-left:15px;
                                        }
                                        .reserve-stars{
                                            padding-left:15px;
                                        }
                                    }
                                }
                            }
                            .reserve-dates{
                                .wrap-dates{
                                    padding:15px 0;
                                    .date-element{
                                        width:50%;
                                        text-align:center;
                                        &:first-child{
                                            .wrap-date{
                                                padding-left:15px;
                                            }
                                        }
                                        &:nth-child(2){
                                            .wrap-date{
                                                &:after{
                                                    display:none;
                                                }
                                            }
                                        }
                                        &:nth-last-child(2){
                                            .wrap-date{
                                                margin-right:0;
                                            }
                                        }
                                        &:last-child{
                                            .wrap-date{
                                                padding-right:15px;
                                                padding-left:15px;
                                            }
                                        }
                                        .wrap-date{
                                            padding:0 15px;
                                            &:after{
                                                height:30px;
                                            }
                                            .date-title{
                                                font-size:14px;
                                            }
                                            .date-info{
                                                font-size:14px;
                                                @include space(0);
                                                padding-top:3px;
                                            }
                                        }
                                    }
                                }
                            }
                            .reserve-info{
                                .wrap-info{
                                    .info-box{
                                        .wrap-box{
                                            .info-name{
                                                font-size:15px;
                                                padding-bottom: 8px;
                                            }
                                            .info-product{
                                                font-size:20px;
                                                @include line(24, 20);
                                                padding-bottom: 8px;
                                            }
                                            .info-extra{
                                                font-size:14px;
                                            }
                                        }
                                    }
                                    .price-box{
                                        padding-top:25px;
                                        .wrap-box{
                                            padding-top:25px;
                                            .price-info{
                                                .wrap-price{
                                                    .price{
                                                        font-size:46px;
                                                        small{
                                                            font-size:31px;
                                                        }
                                                    }
                                                    .coin{
                                                        font-size:31px;
                                                    }
                                                }
                                                .wrap-discounts{
                                                    .discount-element{
                                                        .past-price{
                                                            font-size:15px;
                                                        }
                                                        .minus-price{
                                                            font-size:15px;
                                                        }
                                                        .percent-price{
                                                            font-size:15px;
                                                        }
                                                    }
                                                }
                                                .wrap-stand{
                                                    .stand-price{
                                                        font-size:14px;
                                                    }
                                                    .stand-text{
                                                        font-size:14px;
                                                    }
                                                }
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
    @include mobile{
        padding-top: 60px;
    }
}

.user-page{
    padding-top:90px;
    .user-wrapper{
        padding:75px 0 120px;
        .user-head{
            .wrap-head{
                padding:50px 0 35px;
                font-size:0;
                .resp-link{
                    display:none;
                    .link-text{
                        
                    }
                }
                .user-icon{
                    position:relative;
                    display:inline-block;
                    vertical-align:middle;
                    width:55px;
                    height:55px;
                    border:2px solid $color-title;
                    border-radius:50%;
                    &:before{
                        position:absolute;
                        top:50%;
                        left:50%;
                        @include transform(translateY(-50%) translateX(-50%));
                        font-size:26px;
                        color:$color-title;
                    }
                }
                .user-credentials{
                    display:inline-block;
                    vertical-align:middle;
                    padding-left:20px;
                    .user-name{
                        font-family:$corp-font1;
                        font-size:24px;
                        font-weight:400;
                        color:$color-title;
                        @include space(5em);
                    }
                    .user-mail{
                        font-family:$corp-font1;
                        font-size:16px;
                        font-weight:400;
                        color:$color-basic;
                        @include space(20em);
                        padding-top:5px;
                    }
                }
            }
        }
        .user-content{
            .wrap-content{
                font-size:0;
                margin:0 -15px;
                .user-info{
                    display:inline-block;
                    vertical-align:top;
                    width:50%;
                    padding:0 15px;
                    .wrap-info{
                        position:relative;
                        padding:35px 50px;
                        border:1px solid $color-basic;
                        border-radius:4px;
                        .info-head{
                            padding-bottom:15px;
                            border-bottom:1px solid $color-basic;
                            .info-title{
                                font-family:$corp-font1;
                                font-size:16px;
                                font-weight:700;
                                color:$color-title;
                                text-transform:uppercase;
                                @include space(50em);
                            }
                        }
                        .info-form{
                            .wrap-form{
                                padding-top:40px;
                                font-size:0;
                                margin:0 -17px;
                                .form-field{
                                    display:inline-block;
                                    vertical-align:top;
                                    width:50%;
                                    padding:0 17px 25px;
                                    .field-title{
                                        font-family:$corp-font1;
                                        font-size:18px;
                                        font-weight:400;
                                        color:$color-basic;
                                        @include space(20em);
                                        padding-bottom:10px;
                                    }
                                    .wrap-birth{
                                        margin:0 -3px;
                                        font-size:0;
                                        .input-element{
                                            display:inline-block;
                                            vertical-align:top;
                                            width:30%;
                                            padding:0 3px;
                                            &.year{
                                                width:40%;
                                            }
                                            .wrap-input-element{
                                                &:before{
                                                    right:10px;
                                                }
                                                &:after{
                                                    right:35px;
                                                }
                                                .input-element-text{
                                                    left:5px;
                                                    padding:5px;
                                                }
                                                .input-element-field{
                                                    padding:0 35px 0 10px;
                                                }
                                            }
                                        }
                                    }
                                    input{
                                        @include transition($Stransition);
                                        @include hovers{
                                            box-shadow:2px 2px 2px rgba($color-corp, 0.4);
                                        }
                                    }
                                }
                                .wrap-check{
                                    padding:0 17px;
                                    width:100%;
                                }
                                .btn-user{
                                    position:absolute;
                                    top:100%;
                                    left:50%;
                                    @include transform(translateX(-50%) translateY(-50%));
                                    padding:0;
                                    background-color:#fff;
                                }
                            }
                        }
                    }
                }
                .user-mod{
                    display:inline-block;
                    vertical-align:top;
                    width:50%;
                    padding:0 15px;
                    .wrap-mod{
                        position:relative;
                        padding:35px 50px 0;
                        border:1px solid $color-basic;
                        border-radius:4px;
                        min-height:443px;
                        .mod-head{
                            padding-bottom:15px;
                            border-bottom:1px solid $color-basic;
                            .mod-title{
                                font-family:$corp-font1;
                                font-size:16px;
                                font-weight:700;
                                color:$color-title;
                                text-transform:uppercase;
                                @include space(50em);
                            }
                        }
                        .mod-form{
                            max-width:50%;
                            margin:0 auto;
                            .wrap-form{
                                margin:0 -17px;
                                padding:77px 0 78px;
                                .form-field{
                                    padding:0 17px 25px;
                                    .field-title{
                                        font-family:$corp-font1;
                                        font-size:18px;
                                        font-weight:400;
                                        color:$color-basic;
                                        @include space(20em);
                                        padding-bottom:10px;
                                    }
                                    input{
                                        @include transition($Stransition);
                                        @include hovers{
                                            box-shadow:2px 2px 2px rgba($color-corp, 0.4);
                                        }
                                    }
                                }
                                .mod-btn{
                                    position:absolute;
                                    top:100%;
                                    left:50%;
                                    @include transform(translateX(-50%) translateY(-50%));
                                    padding:0;
                                    background-color:#fff;
                                }
                            }
                        }
                    }
                }
            }
        }
    }
    @include full-desktop{
        padding-top:80px;
        .user-wrapper{
            .user-content{
                .wrap-content{
                    .user-info{
                        width:calc(100% - 490px);
                    }
                    .user-mod{
                        width:490px;
                        .wrap-mod{
                            .mod-form{
                                max-width:295px;
                            }
                        }
                    }
                }
            }
        }
    }
    @include medium-desktop{
        .user-wrapper{
            .user-content{
                .wrap-content{
                    .user-info{
                        width:calc(100% - 425px);
                        .wrap-info{
                            .info-form{
                                .wrap-form{
                                    margin: 0 -15px;
                                    .form-field{
                                        padding: 0 15px 25px;
                                    }
                                }
                            }
                        }
                    }
                    .user-mod{
                        width:425px;
                    }
                }
            }
        }
    }
    @include small-desktop{
        .user-wrapper{
            .user-content{
                .wrap-content{
                    margin:0;
                    .user-info{
                        width:100%;
                        padding:0;
                        .wrap-info{
                            padding:35px 35px;
                        }
                    }
                    .user-mod{
                        width:100%;
                        margin-top:50px;
                        padding:0;
                        .wrap-mod{
                            padding:35px 35px 0;
                            min-height:auto;
                            .mod-form{
                                max-width:initial;
                                .wrap-form{
                                    padding:40px 0 55px;
                                    font-size:0;
                                    margin:0 -15px;
                                    .form-field{
                                        display:inline-block;
                                        padding: 0 15px 25px;
                                        width:50%;
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
    @include full-tablet{
        .user-wrapper{
            padding:0 0 220px;
            .user-content{
                .wrap-content{
                    .user-info{
                        .wrap-info{
                            .info-form{
                                .wrap-form{
                                    margin: 0 -10px;
                                    .form-field{
                                        padding: 0 10px 25px;
                                    }
                                }
                            }
                        }
                    }
                    .user-mod{
                        .wrap-mod{
                            .mod-form{
                                .wrap-form{
                                    margin:0 -10px;
                                    .form-field{
                                        padding: 0 10px 25px;
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
    @include medium-tablet{
        .user-wrapper{
            .user-head{
                .wrap-head{
                    padding:25px 0;
                }
            }
            .user-content{
                .wrap-content{
                    .user-info{
                        .wrap-info{
                            padding:25px 35px;
                            .info-head{
                                text-align:center;
                            }
                            .info-form{
                                .wrap-form{
                                    margin:0;
                                    padding-top:25px;
                                    .form-field{
                                        display:block;
                                        width:100%;
                                        max-width:295px;
                                        margin:0 auto;
                                        padding:0 0 15px;
                                        .field-title{
                                            font-size:16px;
                                        }
                                    }
                                    .wrap-check{
                                        padding:0;
                                        max-width:235px;
                                        margin:5px auto 0;
                                    }
                                }
                            }
                        }
                    }
                    .user-mod{
                        .wrap-mod{
                            padding:25px 35px 0;
                            .mod-head{
                                text-align:center;
                            }
                            .mod-form{
                                .wrap-form{
                                    margin:0;
                                    padding:25px 0 35px;
                                    .form-field{
                                        display:block;
                                        width:100%;
                                        max-width:295px;
                                        margin:0 auto;
                                        padding:0 0 15px;
                                        .field-title{
                                            font-size:16px;
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
    @include small-tablet{
        padding-top:70px;
        .user-wrapper{
            .user-head{
                .wrap-head{
                    text-align:center;
                    padding: 15px 0 20px;
                    .resp-link{
                        display:block;
                        padding-bottom:30px;
                        font-size:0;
                        .link-text{
                            position:relative;
                            display:inline-block;
                            vertical-align:top;
                            width:50%;
                            font-family:$corp-font1;
                            font-size:14px;
                            font-weight:500;
                            color:rgba($color-basic, 0.7);
                            text-transform:uppercase;
                            @include space(20em);
                            padding:0 15px;
                            &.active{
                                text-decoration:underline;
                                color:$color-corp;
                            }
                            &:first-child{
                                text-align:right;
                                padding-left:0;
                                &:before{
                                    content:'';
                                    position:absolute;
                                    top:50%;
                                    right:0;
                                    width:1px;
                                    height:10px;
                                    @include transform(translateY(-50%));
                                    background-color:$color-basic;
                                }
                            }
                            &:nth-child(2){
                                text-align:left;
                                padding-right:0;
                            }
                        }
                    }
                    .user-icon{
                        width: 32px;
                        height: 32px;
                        border-width:1px;
                        &:before{
                            font-size:18px;
                        }
                    }
                    .user-credentials{
                        display:block;
                        padding-left:0;
                        padding-top:12px;
                        .user-name{
                            font-size:22px;
                        }
                        .user-mail{
                            font-size:14px;
                        }
                    }
                }
            }
            .user-content{
                .wrap-content{
                    .user-info{
                        .wrap-info{
                            padding:25px 20px;
                            .info-form{
                                .wrap-form{
                                    padding-top:20px;
                                }
                            }
                        }
                    }
                    .user-mod{
                        .wrap-mod{
                            padding: 25px 20px 0;
                            .mod-form{
                                .wrap-form{
                                    padding:20px 0 35px;
                                }
                            }
                        }
                    }
                }
            }
        }
    }
    @include mobile{
        padding-top:60px;
        .user-wrapper{
            .user-head{
                .wrap-head{
                    .resp-link{
                        .link-text{
                            padding:0 12px;
                            font-size:13px;
                        }
                    }
                }
            }
            .user-content{
                .wrap-content{
                    .user-info{
                        .wrap-info{
                            border:none;
                            padding:20px 0px;
                            &:before{
                                content:'';
                                position:absolute;
                                top:0;
                                left:50%;
                                @include transform(translateX(-50%));
                                width:30px;
                                height:1px;
                                background-color:rgba($color-corp, 0.4);
                            }
                        }
                    }
                    .user-mod{
                        .wrap-mod{
                            border:none;
                            padding:27px 0px 0;
                            &:before{
                                content:'';
                                position:absolute;
                                top:0;
                                left:50%;
                                @include transform(translateX(-50%));
                                width:30px;
                                height:1px;
                                background-color:rgba($color-corp, 0.4);
                            }
                        }
                    }
                }
            }
        }
    }
}

.registry-page{
    font-size:0;
    .container{
        font-size:0;
        text-align:center;
        &:before{
            content:'';
            display:inline-block;
            vertical-align:middle;
            width:0;
            height:calc(100vh - 130px);
            opacity:0;
        }
    }
    .registry-wrapper{
        padding:40px 0 75px;
        max-width:640px;
        margin:0 auto;
        display:inline-block;
        vertical-align:middle;
        width:100%;
        .registry-head{
            .wrap-head{
                padding:35px 0 30px;
                font-size:0;
                text-align:center;
                .registry-icon{
                    position:relative;
                    display:inline-block;
                    vertical-align:middle;
                    width:55px;
                    height:55px;
                    border:2px solid $color-corp;
                    border-radius:50%;
                    &:before{
                        position:absolute;
                        top:50%;
                        left:50%;
                        @include transform(translateY(-50%) translateX(-50%));
                        font-size:33px;
                        color:$color-corp;
                    }
                }
                .registry-title{
                    font-family:$corp-font3;
                    font-size:36px;
                    font-weight:500;
                    color:$color-title;
                    @include space(5em);
                    padding-top:20px;
                }
            }
        }
        .registry-content{
            .wrap-content{
                font-size:0;
                margin:0 -15px;
                .registry-form{
                    .wrap-form{
                        font-size:0;
                        margin:0 -17px;
                        .form-field{
                            display:inline-block;
                            vertical-align:top;
                            width:50%;
                            padding:0 17px 15px;
                            .field-title{
                                font-family:$corp-font1;
                                font-size:12px;
                                font-weight:700;
                                color:$color-basic;
                                @include space(50em);
                                text-transform:uppercase;
                                padding-bottom:5px;
                                text-align:left;
                            }
                            .wrap-input{
                                .input-text{
                                    text-transform:none;
                                }
                            }
                            .wrap-birth{
                                margin:0 -3px;
                                font-size:0;
                                .input-element{
                                    display:inline-block;
                                    vertical-align:top;
                                    width:30%;
                                    padding:0 3px;
                                    &.year{
                                        width:40%;
                                    }
                                    .wrap-input-element{
                                        &:before{
                                            right:10px;
                                        }
                                        &:after{
                                            right:35px;
                                        }
                                        .input-element-text{
                                            left:5px;
                                            padding:5px;
                                        }
                                        .input-element-field{
                                            padding:0 35px 0 10px;
                                        }
                                    }
                                }
                            }
                            input{
                                @include transition($Stransition);
                                @include hovers{
                                    box-shadow:2px 2px 2px rgba($color-corp, 0.4);
                                }
                            }
                        }
                        .btn-registry{
                            display:table;
                            margin:10px auto 0;
                        }
                        .form-foot{
                            .wrap-foot{
                                font-size:0;
                                padding-top:25px;
                                text-align: center;
                                .must-fields{
                                    position:relative;
                                    display:inline-block;
                                    vertical-align:middle;
                                    width:50%;
                                    padding:0 17px;
                                    text-align:right;
                                    .must-text{
                                        position:relative;
                                        display:inline-block;
                                        font-family:$corp-font1;
                                        font-size:15px;
                                        font-weight:400;
                                        color:$color-basic;
                                        @include space(20em);
                                        padding-left:15px;
                                        &:before{
                                            content:'';
                                            position:absolute;
                                            top:50%;
                                            left:0px;
                                            @include transform(translateY(-50%));
                                            width:7px;
                                            height:7px;
                                            background-color:rgba($color-corp, 0.7);
                                            border-radius:50%;
                                        }
                                    }
                                }
                                .wrap-check{
                                    display:inline-block;
                                    vertical-align:middle;
                                    width:50%;
                                    padding:0 17px;
                                    .legal-text{
                                        text-align:left;
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
        .form-nav{
            margin:0 auto;
            .wrap-nav{
                margin-top:40px;
                padding-top:30px;
                border-top:1px solid $color-basic;
                text-align:center;
                font-size:0;
                .nav-element{
                    position:relative;
                    display:inline-block;
                    vertical-align:top;
                    padding:0 15px;
                    &:before{
                        content:'';
                        position:absolute;
                        left:0;
                        top:50%;
                        @include transform(translateY(-50%));
                        width:1px;
                        height:10px;
                        background-color:$color-basic;
                    }
                    &:first-child{
                        padding-left:0;
                        &:before{
                            display:none;
                        }
                    }
                    &:last-child{
                        padding-right:0;
                    }
                    .nav-text{
                        position:relative;
                        display:inline-block;
                        padding:3px 0;
                        font-family:$corp-font1;
                        font-size:14px;
                        font-weight:400;
                        color:rgba($color-basic, 0.7);
                        cursor:pointer;
                        @include space(20em);
                        @include transition($Stransition);
                        &:before{
                            content:'';
                            position:absolute;
                            bottom:0;
                            left:0;
                            width:0;
                            height:1px;
                            background-color:$color-corp;
                            @include transition($Stransition);
                        }
                        &.active{
                            color:$color-corp;
                            &:before{
                                width:100%;
                            }
                        }
                        @include hovers{
                            color:$color-corp;
                            &:before{
                                width:100%;
                            }
                        }
                    }
                }
            }
        }
    }
    @include full-desktop{
        .container{
            &:before{
                height:calc(100vh - 130px);
            }
        }
    }
    @include full-tablet{
        padding-top:0;
        .container{
            &:before{
                height:calc(100vh - 200px);
            }
        }
    }
    @include medium-tablet{
        .registry-wrapper{
            padding:0 0 150px;
            .registry-head{
                .wrap-head{
                    padding: 35px 0 15px;
                }
            }
            .registry-content{
                max-width:300px;
                margin:0 auto;
                .wrap-content{
                    margin:0;
                    .registry-form{
                        .wrap-form{
                            margin:0;
                            .form-field{
                                width:100%;
                                padding:0 0 15px;
                            }
                            .form-foot{
                                .wrap-foot{
                                    .must-fields{
                                        display:block;
                                        width:100%;
                                        text-align:center;
                                        padding:0 0 15px;
                                    }
                                    .wrap-check{
                                        display:block;
                                        width:100%;
                                        padding:0;
                                        text-align:center;
                                        .legal-text{
                                            width: calc(100% - 80px);
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
    @include small-tablet{
        .registry-wrapper{
            padding: 0 0 130px;
            .registry-head{
                .wrap-head{
                    padding: 25px 0 15px;
                    .registry-icon{
                        width:33px;
                        height:33px;
                        border-width:1px;
                        &:before{
                            font-size:18px;
                        }
                    }
                    .registry-title{
                        padding-top:10px;
                    }
                }
            }
            .registry-content{
                .wrap-content{
                    .registry-form{
                        .wrap-form{
                            .form-foot{
                                .wrap-foot{
                                    .wrap-check{
                                        .legal-text{
                                            width: calc(100% - 50px);
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
            .form-nav{
                .wrap-nav{
                    padding-top:20px;
                    .nav-element{
                        display:block;
                        padding:5px 0!important;
                        &:before{
                            display:none;
                        }
                    }
                }
            }
        }
    }
    @include mobile{
        .registry-wrapper{
            .registry-content{
                .wrap-content{
                    .registry-form{
                        .wrap-form{
                            .form-foot{
                                .wrap-foot{
                                    .wrap-check{
                                        .legal-text{
                                            width: calc(100% - 50px);
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}

.login-nav{
    position:fixed;
    z-index:2;
    bottom:0;
    left:0;
    width:100%;
    .wrap-nav{
        background-color:$color-corp;
        padding:14px 0 12px;
        .nav-list{
            font-size:0;
            text-align:center;
            .nav-element{
                display:inline-block;
                vertical-align:top;
                &.active{
                    .wrap-element{
                        .element-link{
                            color:#fff;
                            &:before{
                                width:100%;
                            }
                        }
                    }
                }
                &:last-child{
                    .wrap-element{
                        &:before{
                            display:none;
                        }
                    }
                }
                .wrap-element{
                    position:relative;
                    padding:0 12px;
                    &:before{
                        content:'';
                        position:absolute;
                        top:50%;
                        right:0;
                        height:10px;
                        width:1px;
                        background-color:rgba(#fff, 0.4);
                        @include transform(translateY(-50%));
                    }
                    .element-link{
                        position:relative;
                        font-family:$corp-font1;
                        font-size:11px;
                        font-weight:400;
                        color:rgba(#fff, 0.4);
                        text-transform:uppercase;
                        padding-bottom:3px;
                        @include transition($Stransition);
                        cursor:pointer;
                        &:before{
                            content:'';
                            position:absolute;
                            bottom:0;
                            left:0;
                            height:1px;
                            width:0;
                            background-color:#fff;
                            @include transition($Stransition);
                        }
                    }
                }
                @include hovers{
                    .wrap-element{
                        .element-link{
                            color:#fff;
                            &:before{
                                width:100%;
                            }
                        }
                    }
                }
            }
        }
    }
    @include full-tablet{
        bottom:80px;
    }
    @include small-tablet{
        bottom:70px;
    }
}

.login-page{
    .wrap-login{
        overflow:hidden;
        .login-data{
            position:relative;
            float:right;
            height:calc(100vh - 90px);
            width:50%;
            @media(min-width:1024px){
                position:fixed;
                bottom:0;
                right:0;
                float:inherit;
            }
            .wrap-data{
                position:absolute;
                width:360px;
                top:50%;
                left:50%;
                @include transform(translateY(-50%) translateX(-50%));
                .form-box{
                    opacity:0;
                    @include transition($Stransition);
                    &.inactive{
                        display:none;
                    }
                    &.active{
                        opacity:1;
                    }
                    .wrap-form{
                        .form-header{
                            padding-bottom:25px;
                            text-align:center;
                            height:89px;
                            .form-title{
                                font-family:$corp-font3;
                                font-size:36px;
                                font-weight:500;
                                color:$color-title;
                                @include space(10em);
                                @include line(36, 34);
                            }
                            .form-subtitle{
                                font-family:$corp-font1;
                                font-size:16px;
                                font-weight:700;
                                color:$color-basic;
                                @include space(100em);
                                @include line(20, 15);
                                text-transform:uppercase;
                                padding-top:10px;
                            }
                            .form-sublink{
                                font-family:$corp-font1;
                                font-size:15px;
                                font-weight:500;
                                color:$color-basic;
                                @include space(10em);
                                @include line(20, 15);
                                padding-top:5px;
                                text-decoration: underline;
                                cursor:pointer;
                                @media(min-width:1024px){
                                    display:none;
                                }
                            }
                        }
                        .form-content{
                            position:relative;
                            height:280px;
                            border-top:1px solid $color-basic;
                            border-bottom:1px solid $color-basic;
                            .wrap-content{
                                position:absolute;
                                top:50%;
                                @include transform(translateY(-50%));
                                width:calc(100% - 60px);
                                left:30px;
                                .form-field{
                                    padding:7px 0;
                                    .field-title{
                                        font-family:$corp-font1;
                                        font-size:15px;
                                        font-weight:500;
                                        color:$color-basic;
                                        text-transform:uppercase;
                                        padding-bottom:5px;
                                        @include space(30em);
                                    }
                                    .wrap-input{
                                        .input-text{
                                            text-transform:none;
                                        }
                                    }
                                }
                                .form-btn{
                                    text-align:center;
                                    padding-top:20px;
                                    .btn-corp{
                                        background-color:transparent;
                                        padding:0;
                                    }
                                }
                            }
                        }
                    }
                }
                .form-nav{
                    .wrap-nav{
                        padding-top:30px;
                        text-align:center;
                        font-size:0;
                        .nav-element{
                            position:relative;
                            display:inline-block;
                            vertical-align:top;
                            padding:0 15px;
                            &:before{
                                content:'';
                                position:absolute;
                                left:0;
                                top:50%;
                                @include transform(translateY(-50%));
                                width:1px;
                                height:10px;
                                background-color:$color-basic;
                            }
                            &:first-child{
                                padding-left:0;
                                &:before{
                                    display:none;
                                }
                            }
                            &:last-child{
                                padding-right:0;
                            }
                            .nav-text{
                                position:relative;
                                display:inline-block;
                                padding:3px 0;
                                font-family:$corp-font1;
                                font-size:14px;
                                font-weight:400;
                                color:$color-basic;
                                cursor:pointer;
                                @include space(20em);
                                @include transition($Stransition);
                                &:before{
                                    content:'';
                                    position:absolute;
                                    bottom:0;
                                    left:0;
                                    width:0;
                                    height:1px;
                                    background-color:$color-corp;
                                    @include transition($Stransition);
                                }
                                &.active{
                                    color:$color-corp;
                                    &:before{
                                        width:100%;
                                    }
                                }
                                @include hovers{
                                    color:$color-corp;
                                    &:before{
                                        width:100%;
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
        .login-advantages{
            float:left;
            width:50%;
            background-color:#EFECE9;
            .wrap-advantages{
                font-size:0;
                text-align:center;
                &:before{
                    content:'';
                    display:inline-block;
                    vertical-align:middle;
                    width:0;
                    height:calc(100vh - 90px);
                    opacity:0;
                }
                .advantages-box{
                    display:inline-block;
                    vertical-align:middle;
                    .wrap-box{
                        text-align:center;
                        .advantages-header{
                            padding-bottom:25px;
                            max-width:400px;
                            margin:0 auto;
                            .advantages-title{
                                font-family:$corp-font1;
                                font-size:34px;
                                font-weight:700;
                                color:$color-corp;
                                text-transform:uppercase;
                                @include space(10em);
                                @include line(53, 34);
                            }
                            .advantages-subtitle{
                                font-family:$corp-font1;
                                font-size:15px;
                                font-weight:500;
                                color:$color-corp;
                                @include space(10em);
                                @include line(20, 15);
                            }
                        }
                        .advantages-content{
                            max-width:360px;
                            margin:0 auto;
                            .advantages-element{
                                .wrap-element{
                                    padding:15px 0;
                                    border-top:1px solid rgba($color-corp, 0.7);
                                    .element-title{
                                        font-family:$corp-font1;
                                        font-size:24px;
                                        font-weight:400;
                                        color:$color-corp;
                                        @include space(20em);
                                        @include line(29, 24);
                                    }
                                    .element-subtitle{
                                        font-family:$corp-font1;
                                        font-size:15px;
                                        font-weight:400;
                                        color:$color-corp;
                                        @include space(10em);
                                        @include line(18, 15);
                                    }
                                }
                            }
                            .advantages-btn{
                                text-align:center;
                                padding-top:30px;
                                border-top:1px solid rgba($color-corp, 0.7);
                            }
                        }
                    }
                }
            }
        }
    }
    @include full-desktop{
        .wrap-login{
            .login-advantages{
                .wrap-advantages{
                    &:before{
                        height:calc(100vh - 80px);
                    }
                }
            }
            .login-data{
                height:calc(100vh - 80px);
            }
        }
    }
    @include full-tablet{
        .wrap-login{
            padding:0;
            .login-data{
                float:initial;
                width:100%;
                height:auto;
                padding:60px 0;
                .wrap-data{
                    position:relative;
                    margin:0 auto;
                    left:0;
                    top:0;
                    @include transform(none);
                    .form-box{
                        .wrap-form{
                            .form-header{
                                height: 110px;
                            }
                        }
                    }
                }
            }
            .login-advantages{
                float:initial;
                width:100%;
                .wrap-advantages{
                    padding:60px 0 200px;
                    &:before{
                        display:none;
                    }
                    .advantages-box{
                        display:block;
                    }
                }
            }
        }
    }
    @include medium-tablet{
        .wrap-login{
            .login-data{
                padding:40px 0;
            }
            .login-advantages{
                .wrap-advantages{
                    padding:40px 0 180px;
                }
            }
        }
    }
    @include small-tablet{
        .wrap-login{
            padding-bottom:70px;
            .login-data{
                padding: 30px 0;
                .wrap-data{
                    width:320px;
                    .form-box{
                        .wrap-form{
                            .form-header{
                                padding-bottom:10px;
                                height:90px;
                                .form-title{
                                    font-size:30px;
                                }
                                .form-subtitle{
                                    padding-top:5px;
                                    font-size:14px;
                                }
                                .form-sublink{
                                    padding-top:5px;
                                    font-size:14px;
                                }
                            }
                            .form-content{
                                height:260px;
                                .wrap-content{
                                    left:15px;
                                    width:calc(100% - 30px);
                                }
                            }
                        }
                    }
                    .form-nav{
                        .wrap-nav{
                            padding-top:20px;
                            .nav-element{
                                display:block;
                                padding:5px 0!important;
                                &:before{
                                    display:none;
                                }
                            }
                        }
                    }
                }
            }
            .login-advantages{
                .wrap-advantages{
                    padding:50px 0 120px;
                    .advantages-box{
                        .wrap-box{
                            .advantages-header{
                                padding-bottom:10px;
                                max-width:320px;
                                .advantages-title{
                                    font-size:24px;
                                    @include line(36, 34);
                                }
                                .advantages-subtitle{
                                    padding-top:5px;
                                    font-size:14px;
                                }
                            }
                            .advantages-content{
                                max-width:320px;
                            }
                        }
                    }
                }
            }
        }
    }
    @include mobile{
        .wrap-login{
            .login-data{
                .wrap-data{
                    width:280px;
                    .form-box{
                        .wrap-form{
                            .form-content{
                                .wrap-content{
                                    width:100%;
                                    left:0;
                                }
                            }
                        }
                    }
                }
            }
            .login-advantages{
                .wrap-advantages{
                    .advantages-box{
                        .wrap-box{
                            .advantages-header{
                                max-width:280px;
                            }
                            .advantages-content{
                                max-width:280px;
                                .advantages-element{
                                    .wrap-element{
                                        .element-title{
                                            font-size:22px;
                                        }
                                        .element-subtitle{
                                            font-size:14px;
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}
.motor-advantages{
    display:inline-block;
    vertical-align:middle;
    .wrap-motor-advantages{
        max-width:620px;
        margin:0 auto;
    }
    @include full-desktop{
        .wrap-motor-advantages{
            max-width:initial;
            padding:80px 70px 40px;
        }
    }
    @include small-desktop{
        .wrap-motor-advantages{
            max-width:initial;
            padding:80px 40px 40px;
        }
    }
    @include full-tablet{
        .wrap-motor-advantages{
            max-width:initial;
            padding:0 40px;
        }
    }
    @include mobile{
        .wrap-motor-advantages{
            max-width:initial;
            padding:0 15px;
        }
    }
}
.motor-advantages-header{
    .wrap-advantages-header{
        padding-bottom:35px;
        text-align:center;
        .advantages-header-title{
            font-family:$corp-font3;
            font-size:36px;
            font-weight:500;
            color:$color-title;
            @include space(20em);
        }
        .advantages-header-subtitle{
            font-family:$corp-font1;
            font-size:16px;
            font-weight:700;
            color:$color-basic;
            @include space(100em);
            @include line(26,18);
            text-transform:uppercase;
            padding-top:8px;
        }
    }
    @include full-desktop{
        .wrap-advantages-header{
            padding-bottom:25px;
        }
    }
    @include small-desktop{
        .wrap-advantages-header{
            padding-bottom:20px;
        }
    }
    @include small-tablet{
        .wrap-advantages-header{
            padding-bottom:15px;
            .advantages-header-title{
                font-size:30px;
            }
            .advantages-header-subtitle{
                font-size:14px;
                @include space(20em);
            }
        }
    }
}
.motor-advantages-content{
    .wrap-advantages-content{
        .motor-advantages-list{
            font-size:0;
            margin:0 -10px;
            display: flex;
            flex-wrap: wrap;
            flex-direction: row;
        }
        .advantages-btn{
            padding-top:30px;
            margin-top:10px;
            text-align:center;
            border-top:1px solid rgba($color-basic, 0.6);
            .btn-corp{
                .btn-corp-link{
                    background-color:rgba($color-corp, 0.8);
                    color:#fff;
                    border-color:transparent;
                }
            }
        }
    }
    @include full-desktop{
        .wrap-advantages-content{
            .motor-advantages-list{
                margin:0;
            }
        }
    }
    @include medium-desktop{
        .wrap-advantages-content{
            .motor-advantages-list{
                margin:0 auto;
                max-width:400px;
            }
        }
    }
    @include full-tablet{
        .wrap-advantages-content{
            .motor-advantages-list{
                max-width:650px;
            }
        }
    }
}
.motor-advantages-element{
    display:inline-block;
    vertical-align:top;
    width:50%;
    display: flex;
    flex: 1 0 auto;
    min-width:50%;
    padding:0 10px;
    .wrap-advantages-element{
        width:100%;
        border-top:1px solid $color-basic;
        padding:35px 10px;
        font-size:0;
        .advantages-element-icon{
            position:relative;
            display:inline-block;
            vertical-align:top;
            width:40px;
            height:40px;
            border-radius:50%;
            border:1px solid $color-basic;
            &:before{
                position:absolute;
                top:50%;
                left:50%;
                @include transform(translateY(-50%) translateX(-50%));
                font-family:'c2t'!important;
                font-size:30px;
                color:$color-basic;
            }
        }
        .advantages-element-info{
            display:inline-block;
            vertical-align:top;
            padding-top:2px;
            padding-left:12px;
            width:calc(100% - 40px);
            .element-info-title{
                font-family:$corp-font1;
                font-size:15px;
                font-weight:500;
                color:$color-basic;
                text-transform:uppercase;
                @include space(20em);
                @include line(18,15);
            }
            .element-info-text{
                font-family:$corp-font1;
                font-size:16px;
                font-weight:400;
                color:$color-basic;
                @include space(5em);
                @include line(18,16);
                padding-top:5px;
            }
        }
    }
    @include full-desktop{
        @media(min-width:1366px){
        .wrap-advantages-element{
            padding: 25px 10px;
            text-align:center;
            .advantages-element-icon{
                width:50px;
                height:50px;
                &:before{
                    font-size:36px;
                }
            }
            .advantages-element-info{
                display:block;
                width:100%;
                padding-left:0;
                padding-top:10px;
            }
        }
        }
    }
    @include medium-desktop{
        width:100%;
        min-width:100%;
        display:block;
        text-align:left;
    }
    @include full-tablet{
        @media(min-width:768px){
        width:50%;
        min-width:50%;
        display:inline-block;
        .wrap-advantages-element{
            padding: 25px 10px;
            text-align:center;
            .advantages-element-icon{
                width:50px;
                height:50px;
                &:before{
                    font-size:36px;
                }
            }
            .advantages-element-info{
                display:block;
                width:100%;
                padding-left:0;
                padding-top:10px;
            }
        }
        }
    }
    @include small-tablet{
        .wrap-advantages-element{
            padding:20px 0;
        }
    }
    @include mobile{
        .wrap-advantages-element{
            .advantages-element-info{
                padding-left:10px;
                .element-info-title{
                    @include space(0);
                }
                .element-info-text{
                    font-size:15px;
                }
            }
        }
    }
}
.sta-menus-air_nav-action-subtn{
    display:none!important;
}

.slash-module{
    position:relative;
    &.hotel{
        .slash-content{
            padding-top:75px;
        }
    }
    .slash-img{
        position: fixed;
        width: 50%;
        right: 0;
        top: 80px;
        bottom: 0;
        height: calc(100% - 80px);
        z-index: 1;
        @media(min-width:1280px){
            &.stop{
                position:absolute!important;
                bottom:0!important;
                right:0!important;
                top:auto!important;
                height: calc(100vh - 90px)!important;
                @include full-desktop{
                    height: calc(100vh - 80px)!important;
                }
            }
        }
        .container{
            padding:40px 40px 70px;
            height:100%;
            .img-gallery{
                height:100%;
                .slick-list, .slick-track{
                    height:100%;
                }
                .img-element{
                    position:relative;
                    height:100%;
                    .wrap-img{
                        position:relative;
                        height:100%;
                        overflow:hidden;
                        .slash-map{
                            position:absolute;
                            top:0;
                            left:0;
                            -webkit-backface-visibility:hidden;
                            height:100%;
                            width:100%;
                        }
                        .img{
                            position:absolute;
                            top:50%;
                            left:50%;
                            @include transform(translateY(-50%) translateX(-50%));
                            -webkit-backface-visibility:hidden;
                            min-height:100%;
                            min-width:100%;
                            object-fit:cover;
                        }
                        .slash-svg-maps{
                            background-color:#AADAFF;
                            position:absolute;
                            top:0;
                            left:0;
                            -webkit-backface-visibility:hidden;
                            height:100%;
                            width:100%;
                            .svg-map{
                                position:absolute;
                                top:calc(50% - 20px);
                                left:0;
                                width:100%;
                                @include transform(translateY(-50%));
                                .map-header{
                                    text-align:center;
                                    max-width:300px;
                                    margin:0 auto;
                                    .map-title{
                                        font-family:$corp-font1;
                                        font-size:32px;
                                        font-weight:700;
                                        color:$color-corp;
                                        text-transform:uppercase;
                                        @include space(30em);
                                        padding-bottom:15px;
                                    }
                                    .map-subtitle{
                                        font-family:$corp-font1;
                                        font-size:17px;
                                        font-weight:400;
                                        color:rgba($color-corp, 0.7);
                                        @include space(20em);
                                        border-top:1px solid rgba($color-corp, 0.4);
                                        padding-top:15px;
                                    }
                                }
                                .map-content{
                                    padding:70px 60px 0;
                                    .wrap-svg{
                                        max-width:600px;
                                        margin:0 auto;
                                        svg{
                                            width:100%;
                                            .map-point{
                                                @include transition($Stransition);
                                                opacity:0;
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                    .img-zoom{
                        position:absolute;
                        bottom:30px;
                        left:50px;
                        &:before, &:after{
                            z-index:0;
                        }
                        .zoom-icon{
                            &:before, &:after{
                                z-index:1;
                            }
                            .iconloyal-flecha_escalado{
                                position:absolute;
                                z-index:2;
                                top:50%;
                                left:50%;
                                @include transform(translateY(-50%) translateX(-50%));
                                &:before{
                                    font-size:13px;
                                    color:#fff;
                                    @include transition($Stransition);
                                }
                            }
                        }
                        .zoom-tag{
                            position:absolute;
                            bottom:calc(100% + 10px);
                            left:50%;
                            @include transform(translateX(-50%) translateY(10px) scale(0.5));
                            opacity:0;
                            @include transition($Stransition);
                            border-radius:4px;
                            text-align:center;
                            min-width:130px;
                            background-color:rgba($color-corp, 0.9);
                            &:after{
                                content:'\e91c';
                                position:absolute;
                                top:calc(100% - 1px);
                                left:50%;
                                @include transform(translateX(-50%) rotate(90deg));
                                font-family:'icomoon';
                                font-size:8px;
                                color:rgba($color-corp, 0.9);
                            }
                            .tag-text{
                                padding:9px 15px;
                                font-family:$corp-font1;
                                font-size:12px;
                                font-weight:700;
                                color:#fff;
                                text-transform:uppercase;
                                @include space(50em);
                            }
                        }
                        @include hovers{
                            .zoom-icon{
                                .iconloyal-flecha_escalado{
                                    &:before{
                                        color:$color-corp;
                                    }
                                }
                            }
                            .zoom-tag{
                                opacity:1;
                                @include transform(translateX(-50%) translateY(0) scale(1));
                            }
                        }
                    }
                }
            }
            .img-counter{
                position:absolute;
                bottom:32px;
                left:50%;
                @include transform(translateX(-50%));
                width:35px;
                height:35px;
                &:before{
                    content:'/';
                    position:absolute;
                    top:50%;
                    left:50%;
                    @include transform(translateY(-50%) translateX(-50%));
                    font-family:$corp-font1;
                    font-size:36px;
                    font-weight:300;
                    color:#fff;
                }
                .count-left{
                    position:absolute;
                    top:0;
                    left:0;
                    font-family:$corp-font1;
                    font-weight:500;
                    font-size:14px;
                    color:#fff;
                    text-transform:uppercase;
                }
                .count-right{
                    position:absolute;
                    bottom:0;
                    right:0;
                    font-family:$corp-font1;
                    font-weight:500;
                    font-size:14px;
                    color:#fff;
                    text-transform:uppercase;
                }
            }
            .client-link{
                position:absolute;
                right:30px;
                bottom:20px;
                cursor:pointer;
                .wrap-client{
                    .iconloyal-client{
                        margin:0 auto;
                        &:before, &:after{
                            z-index:0;
                        }
                        .iconloyal-user{
                            position:absolute;
                            z-index:1;
                            top:50%;
                            left:50%;
                            @include transform(translateY(-50%) translateX(-50%));
                            &:before{
                                font-size:22px;
                                color:#fff;
                                @include transition($Stransition);
                            }
                        }
                    }
                    .client-text{
                        text-align:center;
                        font-family:$corp-font1;
                        font-weight:400;
                        font-size:11px;
                        color:#fff;
                        text-transform:uppercase;
                        padding-top:10px;
                    }
                }
                @include hovers{
                    .wrap-client{
                        .iconloyal-client{
                            border-color:transparent;
                            &:before, &:after{
                                @include transform(skew(30deg) translateX(0%) translateZ(0));
                                opacity:1;
                            }
                            .iconloyal-user{
                                &:before{
                                    color:$color-corp;
                                }
                            }
                        }
                    }
                }
            }
            .module-phrase{
                position:absolute;
                z-index:2;
                top:95px;
                right:44px;
                .wrap-phrase{
                    font-size:0;
                    .phrase-text{
                        display:inline-block;
                        vertical-align:middle;
                        font-family:$corp-font1;
                        font-size:19px;
                        font-weight:700;
                        color:#fff;
                        text-transform:uppercase;
                        @include space(50em);
                        padding-right:20px;
                    }
                    .iconloyal-phrase{
                        position:relative;
                        display:inline-block;
                        vertical-align:middle;
                        width:40px;
                        height:40px;
                        border:2px solid #fff;
                        border-radius:50%;
                        padding: 10px 9px;
                        &:before{
                            display:inline-block;
                            font-size:18px;
                            color:#fff;
                            -webkit-animation: zoom-shake 5s ease-out infinite;
                            -moz-animation: zoom-shake 5s ease-out infinite;
                            -o-animation: zoom-shake 5s ease-out infinite;
                            animation: zoom-shake 5s ease-out infinite;
                        }
                    }
                }
                @include full-desktop{
                    top:90px;
                }
                @include small-desktop{
                    top:125px;
                    right:30px;
                }
                @include full-tablet{
                    top:20px;
                    right:39px;
                }
                @include medium-tablet{
                    right:25px;
                }
                @include small-tablet{
                    top:20px;
                    left:25px;
                    right:auto;
                    .wrap-phrase{
                        position:relative;
                        padding-left:30px;
                        .phrase-text{
                            font-size:15px;
                            padding-right:0;
                            padding-left:15px;
                        }
                        .iconloyal-phrase{
                            position:absolute;
                            left:0;
                            top:50%;
                            @include transform(translateY(-50%));
                            width:30px;
                            height:30px;
                            padding: 6px 5px;
                            &:before{
                                font-size:15px;
                            }
                        }
                    }
                }
                @include mobile{
                    .wrap-phrase{
                        .phrase-text{
                            font-size:14px;
                            padding-left:10px;
                        }
                    }
                }
            }
            .resp-social{
                display:none;
                position:absolute;
                top:15px;
                right:20px;
                .social-icon{
                    display:block;
                    width:30px;
                    height:30px;
                    border:2px solid #fff;
                    border-radius:50%;
                    &:before{
                        position:absolute;
                        top:50%;
                        left:50%;
                        @include transform(translateY(-50%) translateX(-50%));
                        font-size:13px;
                        color:#fff;
                    }
                }
            }
        }
    }
    .slash-content{
        width: 50%;
        margin-right: 50%;
        padding-bottom:70px;
    }
    @include medium-desktop{
        .slash-img{
            top:80px;
            height:calc(100% - 80px);
        }
    }
    @include small-desktop{
        &.hotel{
            .slash-content{
                padding-top:0;
            }
        }
        &.resp-noimg{
            .slash-img{
                display:none;
            }
        }
        .slash-img{
            position:relative;
            top:0;
            height:550px;
            width:100%;
            bottom:auto;
            right:auto;
            .container{
                padding:0;
                .img-gallery{
                    .img-element{
                        .wrap-img{
                            .img{
                                min-width: 100%;
                                height: auto;
                                max-width: 120%;
                            }
                        }
                        .img-zoom{
                            display:none;
                        }
                    }
                }
                .img-counter{
                    bottom:35px;
                    right:35px;
                    left:auto;
                    @include transform(none);
                }
                .client-link{
                    display:none;
                }
            }
        }
        .slash-content{
            width: 100%;
            margin-right: 0;
            .wrap-content{
                padding-bottom:0;
            }
        }
    }
    @include full-tablet{
        padding-top:0;
        &.hotel{
            padding-top: 193px;
        }
        .slash-img{
            height:510px;
        }
    }
    @include medium-tablet{
        &.hotel{
            padding-top: 185px;
        }
        .slash-img{
            height:355px;
            .container{
                .img-counter{
                    right:25px;
                    bottom:25px;
                }
            }
        }
    }
    @include small-tablet{
        &.hotel{
            padding-top: 173px;
        }
        .slash-img{
            height:250px;
            .container{
                .img-counter{
                    right:12px;
                    bottom:12px;
                }
                .resp-social{
                    display:block;
                }
            }
        }
    }
    @include mobile{
        &.hotel{
            padding-top:161px;
        }
        .slash-img{
            height:214px;
        }
    }
}

.loyalty-module{
    .wrap-loyalty{
        position:relative;
        padding-top:110px;
        text-align:center;
        max-width:620px;
        margin:0 auto;
        .loyalty-intro{
            .wrap-intro{
                .intro-title{
                    font-family:$corp-font3;
                    font-size:55px;
                    font-weight:500;
                    color:$color-title;
                }
                .intro-subtitle{
                    padding:30px 0;
                    font-family:$corp-font1;
                    font-size:24px;
                    font-weight:700;
                    color:$color-basic;
                    @include line(30,24);
                }
                .intro-text{
                    padding:30px 15px;
                    font-family:$corp-font1;
                    font-size:17px;
                    font-weight:400;
                    color:$color-basic;
                    @include space(10em);
                    @include line(27,17);
                    border-top:1px solid #A7A6A6;
                }
            }
        }
        .loyalty-info{
            &:last-child{
                .wrap-info{
                    padding-bottom:10px;
                }
            }
            .wrap-info{
                padding:70px 0;
                border-top:1px solid #A7A6A6;
                .info-title{
                    font-family:$corp-font1;
                    font-size:30px;
                    font-weight:700;
                    color:$color-title;
                    @include space(10em);
                }
                .info-text{
                    padding:30px 15px 20px;
                    font-family:$corp-font1;
                    font-size:17px;
                    font-weight:400;
                    color:$color-basic;
                    @include space(10em);
                    @include line(27,17);
                }
                .info-btns{
                    text-align:center;
                    .info-btn{
                        margin:10px 10px 0;
                        .btn-corp-link{
                            min-width:270px;
                            padding:14px 25px 12px;
                        }
                    }
                }
            }
        }
    }
    @include small-desktop{
        .wrap-loyalty{
            padding-top:45px;
        }
    }
    @include medium-tablet{
        .wrap-loyalty{
            padding:45px 45px 0;
            .loyalty-intro{
                .wrap-intro{
                    .intro-title{
                        font-size:60px;
                    }
                    .intro-subtitle{
                        font-size:22px;
                    }
                    .intro-text{
                        font-size:16px;
                    }
                }
            }
            .loyalty-info{
                .wrap-info{
                    padding:40px 0;
                    .info-title{
                        font-size:26px;
                        @include line(30,26);
                    }
                    .info-text{
                        padding:15px;
                        font-size:16px;
                    }
                    .info-btns{
                        .info-btn{
                            margin:10px 0 0;
                        }
                    }
                }
            }
        }
    }
    @include small-tablet{
        .wrap-loyalty{
            padding:45px 30px 0;
            .loyalty-intro{
                .wrap-intro{
                    .intro-title{
                        font-size:45px;
                    }
                    .intro-subtitle{
                        font-size:18px;
                        padding:10px 0 30px;
                    }
                    .intro-text{
                        padding:30px 0;
                    }
                }
            }
            .loyalty-info{
                .wrap-info{
                    padding:35px 0;
                    .info-title{
                        font-size:24px;
                    }
                    .info-text{
                        padding:15px 0;
                    }
                }
            }
        }
    }
}
.loyalty-plans{
    padding-top:60px;
    .wrap-plans{
        border-top:1px solid #A7A6A6;
        padding:70px 0 40px;
        .plans-header{
            .wrap-header{
                text-align:center;
                .header-title{
                    font-family:$corp-font1;
                    font-size:34px;
                    font-weight:700;
                    color:$color-title;
                    text-transform:uppercase;
                    @include space(10em);
                    padding-bottom:10px;
                }
                .header-subtitle{
                    display:inline-block;
                    vertical-align:middle;
                    font-family:$corp-font1;
                    font-size:16px;
                    font-weight:700;
                    color:$color-basic;
                    @include space(20em);
                    @include line(20,15);
                    text-transform:uppercase;
                    padding-right:7px;
                }
                .header-icon{
                    position:relative;
                    display:inline-block;
                    vertical-align:middle;
                    width:20px;
                    height:20px;
                    border-radius:50%;
                    &:before{
                        content:'\e930';
                        position:absolute;
                        top:53%;
                        left:50%;
                        @include transform(translateY(-50%) translateX(-50%));
                        font-family:'icomoon';
                        font-size:21px;
                        color:$color-corp;
                    }
                }
            }
        }
        .plans-content{
            .wrap-content{
                padding:30px 0 0;
                max-width:900px;
                margin:0 auto;
                .plans-table{
                    border-top:1px solid #A7A6A6;
                    border-bottom:1px solid #A7A6A6;
                    &#desktop-table{
                        display:none;
                    }
                    &#devices-table{
                        display:block;
                    }
                    @media(min-width:1024px){
                        &#desktop-table{
                            display:block;
                        }
                        &#devices-table{
                            display:none;
                        }
                    }
                    .table-header{
                        font-size:0;
                        .section-header{
                            display:inline-block;
                            vertical-align:top;
                            width:calc(100% / 6);
                            padding:25px 15px;
                            &.colors{
                                .header-title,.header-subtitle, .header-subtitle .number{
                                    color:#fff;
                                }
                            }
                        }
                        .main-header{
                            position:relative;
                            display:inline-block;
                            vertical-align:top;
                            width:calc(100% / 3);
                            padding:25px 0;
                        }
                        .header-title{
                            font-family:$corp-font1;
                            font-size:16px;
                            font-weight:700;
                            color:$color-title;
                            text-transform:uppercase;
                            @include space(5em);
                            @include line(20,16);
                        }
                        .header-subtitle{
                            font-family:$corp-font1;
                            font-size:16px;
                            font-weight:700;
                            color:$color-basic;
                            @include space(20em);
                            @include line(19,13);
                            text-transform:uppercase;
                            .number{
                                font-size:14px;
                                font-weight:800;
                                padding-left:5px;
                                color:$color-corp;
                            }
                        }
                    }
                    .table-info{
                        .info-list{
                            .list-element{
                                font-size:0;
                                .element-header{
                                    display:inline-block;
                                    vertical-align:top;
                                    width:calc(100% / 3);
                                    padding:0 30px;
                                    background-color:#F7F5F4;
                                    height:68px;
                                    border-top:1px solid #A7A6A6;
                                    font-size:0;
                                    &:before{
                                        content:'';
                                        display:inline-block;
                                        vertical-align:middle;
                                        height:100%;
                                    }
                                    .element-header-title{
                                        position:relative;
                                        display:inline-block;
                                        vertical-align:middle;
                                        font-family:$corp-font1;
                                        font-size:14px;
                                        font-weight:500;
                                        color:$color-title;
                                        @include space(5em);
                                        @include line(19, 14);
                                        &:before{
                                            position:absolute;
                                            top:0;
                                            right:calc(100% + 2px);
                                            display:inline-block;
                                            vertical-align:top;
                                            content:'\e903';
                                            font-family:'icomoon';
                                            font-size:6px;
                                            color:$color-title;
                                            padding-right:2px;
                                            padding-bottom:2px;
                                        }
                                    }
                                }
                                .element-info{
                                    display:inline-block;
                                    vertical-align:top;
                                    width:calc(100% / 1.5);
                                    height:68px;
                                    font-size:0;
                                    border-top:1px solid #A7A6A6;
                                    .info-section{
                                        display:inline-block;
                                        vertical-align:top;
                                        width:calc(100% / 4);
                                        height:100%;
                                        &:nth-child(2), &:nth-child(4){
                                            background-color:#F7F5F4;
                                        }
                                        .section-data{
                                            height:100%;
                                            position:relative;
                                            .iconloyal-null{
                                                position:absolute;
                                                top:50%;
                                                left:50%;
                                                @include transform(translateY(-50%) translateX(-50%));
                                                &:before{
                                                    content:'\e902';
                                                    font-family:'icomoon';
                                                    font-size:10px;
                                                    color:$color-corp;
                                                }
                                            }
                                            .iconloyal-check{
                                                position:absolute;
                                                top:50%;
                                                left:50%;
                                                @include transform(translateY(-50%) translateX(-50%));
                                                width:20px;
                                                height:20px;
                                                border-radius:50%;
                                                &:before{
                                                    position:absolute;
                                                    top:50%;
                                                    left:50%;
                                                    @include transform(translateY(-50%) translateX(-50%));
                                                    content:'\e90f';
                                                    font-family:'icomoon';
                                                    font-size:15px;
                                                    color:$color-basic;
                                                }
                                            }
                                            .data-text{
                                                position:absolute;
                                                top:50%;
                                                left:0;
                                                width:100%;
                                                padding:0 10px;
                                                @include transform(translateY(-50%));
                                                font-family:$corp-font1;
                                                text-align:center;
                                                font-size:12px;
                                                font-weight:500;
                                                color:#747678;
                                                @include line(14, 12);
                                            }
                                            .data-number{
                                                position:absolute;
                                                top:50%;
                                                left:0;
                                                width:100%;
                                                @include transform(translateY(-50%));
                                                text-align:center;
                                                font-family:$corp-font1;
                                                font-size:18px;
                                                font-weight:700;
                                                color:$color-basic;
                                                padding:0 5px;
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
                .content-foot{
                    .wrap-foot{
                        padding-top:40px;
                        font-size:0;
                        .iconloyal-foot{
                            position:relative;
                            display:inline-block;
                            vertical-align:top;
                            width:20px;
                            height:20px;
                            border-radius:50%;
                            width:20px;
                            height:20px;
                            border:1px solid $color-corp;
                            &:before{
                                position:absolute;
                                top:50%;
                                left:50%;
                                @include transform(translateY(-50%) translateX(-50%));
                                font-size:11px;
                                color:$color-corp;
                            }
                        }
                        .foot-content{
                            display:inline-block;
                            vertical-align:top;
                            width:calc(100% - 20px);
                            padding-top:2px;
                            .foot-element{
                                position:relative;
                                padding-left:20px;
                                &:before{
                                    content:'\e937';
                                    position:absolute;
                                    top:5px;
                                    left:10px;
                                    font-family:'icomoon';
                                    font-size:6px;
                                    color:$color-basic;
                                }
                                .element-text{
                                    display:inline-block;
                                    vertical-align:top;
                                    font-family:$corp-font1;
                                    font-size:12px;
                                    font-weight:400;
                                    color:$color-basic;
                                    @include line(20,12);
                                    @include space(20em);
                                    padding-bottom:15px;
                                    .element-link{
                                        position:relative;
                                        display:inline-block;
                                        color:$color-basic;
                                        margin-right:3px;
                                        @include transition($Stransition);
                                        &:before{
                                            content:'';
                                            position:absolute;
                                            top:calc(100% + 2px);
                                            left:0;
                                            width:100%;
                                            height:1px;
                                            background-color:$color-basic;
                                            @include transition($Stransition);
                                        }
                                        @include hovers{
                                            color:$color-corp;
                                            &:before{
                                                background-color:$color-corp;
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
    @include small-desktop{
        .wrap-plans{
            .plans-content{
                .wrap-content{
                    .plans-table{
                        .table-header{
                            .section-header{
                                .header-title{
                                    font-size:15px;
                                }
                            }
                        }
                    }
                }
            }
        }
    }
    @include full-tablet{
        .big-wrapper{
            padding:0;
        }
        .wrap-plans{
            .plans-content{
                max-width:750px;
                margin:0 auto;
                padding:0 45px;
                .wrap-content{
                    .plans-table{
                        border-bottom:none;
                        border-top:none;
                        .plans-table-element{
                            &.active{
                                .table-element-header{
                                    .element-header-icon{
                                        &:before{
                                            content:'\e90a';
                                        }
                                    }
                                }
                                .table-element-content{
                                    max-height:1500px;
                                }
                            }
                            .table-element-header{
                                position:relative;
                                padding:25px 20px;
                                border:1px solid #ADACAC;
                                &.colors{
                                    .element-header-info{
                                        .header-info-title, .header-info-subtitle{
                                            color:#fff;
                                        }
                                    }
                                    .element-header-icon{
                                        border-color:#fff;
                                        &:before{
                                            color:#fff;
                                        }
                                    }
                                }
                                .element-header-info{
                                    padding-right:50px;
                                    .header-info-title{
                                        font-family:$corp-font1;
                                        font-size:16px;
                                        font-weight:800;
                                        color:$color-corp;
                                        text-transform:uppercase;
                                        @include space(5em);
                                        @include line(20,16);
                                    }
                                    .header-info-subtitle{
                                        font-family:$corp-font1;
                                        font-size:13px;
                                        font-weight:400;
                                        color:$color-basic;
                                        text-transform:uppercase;
                                        @include space(20em);
                                        @include line(19,13);
                                        .number{
                                            padding-left:5px;
                                            font-weight:800;
                                            font-size:14px;
                                        }
                                    }
                                }
                                .element-header-icon{
                                    position:absolute;
                                    right:35px;
                                    top:50%;
                                    @include transform(translateY(-50%));
                                    width:35px;
                                    height:35px;
                                    border-radius:50%;
                                    border:2px solid $color-corp;
                                    &:before{
                                        position:absolute;
                                        top:50%;
                                        left:50%;
                                        @include transform(translateY(-50%) translateX(-50%));
                                        font-size:11px;
                                        color:$color-corp;
                                    }
                                }
                            }
                            .table-element-content{
                                overflow:hidden;
                                max-height:0;
                                @include transition($Mtransition);
                            }
                        }
                        .table-header{
                            .main-header{
                                width:100%;
                                padding:25px;
                                &:after{
                                    content:none;
                                }
                            }
                        }
                        .table-info{
                            padding-bottom:25px;
                            .info-list{
                                .list-element{
                                    .element-header{
                                        width:50%;
                                        background-color:transparent;
                                        padding:25px;
                                    }
                                    .element-info{
                                        width:50%;
                                        background-color:#EFECE9;
                                        .info-section{
                                            width:100%;
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
    @include medium-tablet{
        .wrap-plans{
            .plans-content{
                .wrap-content{
                    .plans-table{
                        .table-info{
                            .info-list{
                                .list-element{
                                    .element-header{
                                        width:calc(100% - 135px);
                                    }
                                    .element-info{
                                        width:135px;
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
    @include small-tablet{
        .wrap-plans{
            .plans-content{
                padding:0;
                .wrap-content{
                    .plans-table{
                        .plans-table-element{
                            .table-element-content{
                                padding:0 15px;
                            }
                        }
                        .table-info{
                            .info-list{
                                .list-element{
                                    .element-header{
                                        padding:25px 10px;
                                    }
                                }
                            }
                        }
                    }
                    .content-foot{
                        padding:0 15px;
                    }
                }
            }
        }
    }
}

.offers-fullbanner{
    padding-bottom:60px;
    &.not-all{
        @media(min-width:1280px){
        .wrapper{
            .wrap-offers{
                .offers-content{
                    .wrap-content{
                        .background-box{
                            .wrap-box{
                                .background-newsletter{
                                    z-index:2;
                                }
                            }
                        }
                    }
                }
            }
        }
        }
    }
    .wrapper{
        .wrap-offers{
            .offers-header{
                position:relative;
                padding-bottom:50px;
                text-align:center;
                .header-title{
                    font-family:$corp-font1;
                    font-size:36px;
                    font-weight:700;
                    color:$color-title;
                    text-transform:uppercase;
                }
                .header-subtitle{
                    font-family:$corp-font1;
                    font-size:16px;
                    font-weight:700;
                    color:$color-basic;
                    @include space(20em);
                    text-transform:uppercase;
                    padding-top:15px;
                }
                .header-btn{
                    position: absolute;
                    bottom: 50px;
                    right: 60px;
                }
            }
            .offers-content{
                position:relative;
                overflow:hidden;
                .wrap-content{
                    position:relative;
                    .background-box{
                        position:absolute;
                        top:0;
                        left:0;
                        width:100%;
                        height:calc(100% - 70px);
                        background-color:#F8F8F8;
                        .wrap-box{
                            height:100%;
                            font-size:0;
                            .background-graphic{
                                display:inline-block;
                                vertical-align:top;
                                margin-left:25%;
                                width:50%;
                                height:100%;
                                background-image:url("/static/svg/backmask.svg");
                                background-size:cover;
                                background-position:50% 50%;
                                background-repeat:no-repeat;
                                opacity:0.5;
                            }
                            .background-newsletter{
                                position:relative;
                                display:inline-block;
                                vertical-align:top;
                                width:25%;
                                height:100%;
                                .wrap-newsletter{
                                    position:absolute;
                                    top:50%;
                                    left:50%;
                                    @include transform(translateY(-50%) translateX(-50%) translateZ(0));
                                    width:100%;
                                    max-width:440px;
                                    padding:0 50px;
                                    .newsletter-icon{
                                        position:relative;
                                        display:block;
                                        margin:0 auto 20px;
                                        width:50px;
                                        height:50px;
                                        border-radius:50%;
                                        border:1px solid $color-basic;
                                        &:before{
                                            content:'\e931';
                                            position:absolute;
                                            font-family:'icomoon';
                                            top:50%;
                                            left:50%;
                                            @include transform(translateY(-50%) translateX(-50%) translateZ(0));
                                            font-size:17px;
                                            color:$color-basic;
                                        }
                                    }
                                    .newsletter-title{
                                        font-family:$corp-font1;
                                        font-size:24px;
                                        font-weight:700;
                                        color:$color-title;
                                        text-transform:uppercase;
                                        @include space(5em);
                                        @include line(28, 24);
                                        padding-bottom:15px;
                                        border-bottom:1px solid $color-basic;
                                        text-align:center;
                                    }
                                    .newsletter-text{
                                        font-family:$corp-font1;
                                        font-size:18px;
                                        font-weight:400;
                                        color:$color-basic;
                                        @include space(10em);
                                        @include line(20, 18);
                                        padding-top:15px;
                                        text-align:center;
                                    }
                                    .newsletter-input{
                                        padding-top:35px;
                                        .wrap-input{
                                            position:relative;
                                            border:2px solid $color-basic;
                                            border-radius:4px;
                                            height:42px;
                                            overflow:hidden;
                                            max-width:210px;
                                            margin:0 auto;
                                            .input-email{
                                                display:block;
                                                width:100%;
                                                height:100%;
                                                font-family:$corp-font1;
                                                font-size:12px;
                                                font-weight:500;
                                                color:$color-basic;
                                                @include space(30em);
                                                @include line(14, 12);
                                                text-transform:uppercase;
                                                padding:12px 0 10px 10px;
                                                background-color:transparent;
                                                @include input-placeholder{
                                                    font-family:$corp-font1;
                                                    font-size:12px;
                                                    font-weight:500;
                                                    color:$color-basic;
                                                    @include space(30em);
                                                    @include line(14, 12);
                                                    text-transform:uppercase;
                                                }
                                            }
                                            .button-email{
                                                position:absolute;
                                                top:0;
                                                right:0;
                                                height:100%;
                                                width:35px;
                                                background-color:transparent;
                                                border:none;
                                                border-left:1px solid $color-basic;
                                                &:before{
                                                    content:'\e937';
                                                    position:absolute;
                                                    top:50%;
                                                    right:50%;
                                                    @include transform(translateY(-50%) translateX(50%) translateZ(0));
                                                    font-family:'icomoon';
                                                    font-size:14px;
                                                    color:$color-basic;
                                                }
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                    .offers-gallery{
                        margin:0 -2.5px;
                        .btn-slide-square{
                            top:calc(50% - 35px);
                        }
                        .offers-element{
                            position:relative;
                            padding:5px 2.5px 70px;
                            background-color:#fff;
                            .wrap-element{
                                position:relative;
                                padding-top: 118%;
                                background-size:cover;
                                background-position:50% 50%;
                                background-repeat:no-repeat;
                                .offer-head{
                                    position:absolute;
                                    top:0;
                                    left:0;
                                    width:100%;
                                    .wrap-head{
                                        padding:25px 45px 0;
                                        .offer-title{
                                            font-family:$corp-font1;
                                            font-size:33px;
                                            font-weight:700;
                                            color:#fff;
                                            text-transform:uppercase;
                                            @include space(5em);
                                            @include line(35, 33);
                                            padding-bottom:13px;
                                            border-bottom:1px dashed #fff;
                                        }
                                        .offer-text{
                                            font-family:$corp-font1;
                                            font-size:17px;
                                            font-weight:700;
                                            color:#fff;
                                            @include space(20em);
                                            @include line(20, 17);
                                            text-transform:uppercase;
                                            padding-top:12px;
                                        }
                                    }
                                }
                                .offer-foot{
                                    position:absolute;
                                    bottom:0;
                                    left:0;
                                    width:100%;
                                    .wrap-foot{
                                        padding:0 45px 25px;
                                        .since{
                                            font-family:$corp-font1;
                                            font-size:12px;
                                            font-weight:800;
                                            color:#fff;
                                            text-transform:uppercase;
                                            @include space(80em);
                                            @include line(20, 17);
                                        }
                                        .price{
                                            font-family:$corp-font1;
                                            font-size:60px;
                                            font-weight:700;
                                            color:#fff;
                                            text-transform:uppercase;
                                            small{
                                                font-size:40px;
                                            }
                                        }
                                    }
                                }
                                .offer-moreinfo{
                                    position:absolute;
                                    bottom:35px;
                                    right:15px;
                                    .wrap-moreinfo{
                                        padding:0 30px;
                                        .moreinfo-tag{
                                            position:absolute;
                                            bottom:100%;
                                            left:50%;
                                            @include transform(translateY(5px) translateX(-50%) translateZ(0) scale(0.5));
                                            background-color:rgba($color-corp, 0.9);
                                            border-radius:4px;
                                            min-width:100px;
                                            text-align:center;
                                            opacity:0;
                                            @include transition($Stransition);
                                            &:after{
                                                content:'';
                                                position:absolute;
                                                top:100%;
                                                left:50%;
                                                margin-top:0;
                                                @include transform(translateX(-50%) translateZ(0));
                                                @include css-triangle(rgba($color-corp, 0.9), down, 5px);
                                            }
                                            .tag-text{
                                                font-family:$corp-font1;
                                                font-size:12px;
                                                font-weight:700;
                                                color:#fff;
                                                @include space(80em);
                                                text-transform:uppercase;
                                                padding:7px 0;
                                            }
                                        }
                                        .moreinfo-icon{
                                            position:relative;
                                            display:block;
                                            margin:0 auto;
                                            width:40px;
                                            height:40px;
                                            border-radius:50%;
                                            opacity:0;
                                            @include transition($Stransition);
                                            @include transform(scale(0.5));
                                            transition-delay:0.4s;
                                            -webkit-transition-delay:0.4s;
                                            -moz-transition-delay:0.4s;
                                            -ms-transition-delay:0.4s;
                                            -o-transition-delay:0.4s;
                                            &:before{
                                                content:'\e930';
                                                position:absolute;
                                                top:50%;
                                                left:50%;
                                                @include transform(translateY(-50%) translateX(-50%));
                                                font-family:'icomoon';
                                                font-size:40px;
                                                color:#fff;
                                            }
                                        }
                                    }
                                }
                                @include hovers{
                                    .offer-moreinfo{
                                        .wrap-moreinfo{
                                            .moreinfo-tag{
                                                @include transform(translateY(-10px) translateX(-50%) scale(1));
                                                opacity:1;
                                                transition-delay:0.4s;
                                                -webkit-transition-delay:0.4s;
                                                -moz-transition-delay:0.4s;
                                                -ms-transition-delay:0.4s;
                                                -o-transition-delay:0.4s;
                                            }
                                            .moreinfo-icon{
                                                opacity:1;
                                                @include transform(scale(1));
                                                transition-delay:0s;
                                                -webkit-transition-delay:0s;
                                                -moz-transition-delay:0s;
                                                -ms-transition-delay:0s;
                                                -o-transition-delay:0s;
                                            }
                                        }
                                    }
                                }
                            }
                            .btn-offer{
                                position:absolute;
                                bottom:0;
                                left:50%;
                                @include transform(translateY(-15px) translateX(-50%) translateZ(0));
                                @include transition($Stransition);
                            }
                            @include hovers{
                                .btn-offer{
                                    opacity:1;
                                    @include transform(translateY(0) translateX(-50%) translateZ(0));
                                }
                            }
                        }
                    }
                }
            }
        }
    }
    @include full-desktop{
        .wrapper{
            .wrap-offers{
                .offers-content{
                    .wrap-content{
                        .background-box{
                            .wrap-box{
                                .background-newsletter{
                                    .wrap-newsletter{
                                        padding: 0 36px;
                                        .newsletter-icon{
                                            width:40px;
                                            height:40px;
                                            &:before{
                                                font-size:14px;
                                            }
                                        }
                                        .newsletter-title{
                                            font-size:21px;
                                        }
                                        .newsletter-text{
                                            font-size:16px;
                                        }
                                        .newsletter-input{
                                            padding-top:25px;
                                        }
                                    }
                                }
                            }
                        }
                        .offers-gallery{
                            .offers-element{
                                .wrap-element{
                                    padding-top: 109%;
                                    .offer-head{
                                        .wrap-head{
                                            padding: 15px 40px 0;
                                            .offer-title{
                                                font-size:28px;
                                                @include line(30, 28);
                                            }
                                            .offer-text{
                                                font-size:14px;
                                                @include line(16, 14);
                                            }
                                        }
                                    }
                                    .offer-foot{
                                        .wrap-foot{
                                            padding:0 40px 15px;
                                            .price{
                                                font-size:49px;
                                                small{
                                                    font-size:39px;
                                                }
                                            }
                                        }
                                    }
                                    .offer-moreinfo{
                                        bottom:20px;
                                        .wrap-moreinfo{
                                            .moreinfo-icon{
                                                width:30px;
                                                height:30px;
                                                &:before{
                                                    font-size:30px;
                                                }
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
    @include small-desktop{
        .wrapper{
            .wrap-offers{
                .offers-header{
                    padding-bottom:35px;
                    .header-btn{
                        position:relative;
                        bottom:0;
                        right:0;
                        margin:35px auto 0;
                    }
                }
                .offers-content{
                    .wrap-content{
                        .background-box{
                            .wrap-box{
                                .background-graphic{
                                    margin-left:33.33%;
                                    width:33.33%;
                                }
                                .background-newsletter{
                                    width:33.33%;
                                }
                            }
                        }
                    }
                }
            }
        }
    }
    @include full-tablet{
        .wrapper{
            .wrap-offers{
                .offers-content{
                    .wrap-content{
                        .background-box{
                            .wrap-box{
                                .background-graphic{
                                    margin-left:0;
                                    width:50%;
                                }
                                .background-newsletter{
                                    width:50%;
                                }
                            }
                        }
                        .offers-gallery{
                            .offers-element{
                                .wrap-element{
                                    .offer-moreinfo{
                                        .wrap-moreinfo{
                                            .moreinfo-icon{
                                                width:40px;
                                                height:40px;
                                                opacity:1;
                                                @include transform(translateZ(0) scale(1));
                                                &:before{
                                                    font-size:40px;
                                                }
                                            }
                                        }
                                    }
                                }
                                .btn-offer{
                                    opacity:1;
                                    @include transform(translateY(0) translateX(-50%) translateZ(0));
                                }
                            }
                        }
                    }
                }
            }
        }
    }
    @include medium-tablet{
        .wrapper{
            .wrap-offers{
                .offers-header{
                    padding-bottom:25px;
                    .header-title{
                        font-size:26px;
                    }
                    .header-subtitle{
                        @include space(100em);
                        @include line(20, 14);
                        padding-top:15px;
                    }
                    .header-btn{
                        opacity:0.7;
                        margin:20px auto 0;
                        .btn-corp-link{
                            min-width:150px;
                        }
                    }
                }
                .offers-content{
                    .wrap-content{
                        .background-box{
                            display:none;
                        }
                        .offers-gallery{
                            .offers-element{
                                .wrap-element{
                                    .offer-head{
                                        .wrap-head{
                                            padding:25px 70px 0;
                                            .offer-title{
                                                font-size:33px;
                                                @include line(35, 33);
                                            }
                                            .offer-text{
                                                font-size:17px;
                                                @include line(20, 17);
                                            }
                                        }
                                    }
                                    .offer-foot{
                                        .wrap-foot{
                                            padding:0 70px 25px;
                                            .price{
                                                font-size:60px;
                                                small{
                                                    font-size:40px;
                                                }
                                            }
                                        }
                                    }
                                    .offer-moreinfo{
                                        bottom:30px;
                                        right: 35px;
                                    }
                                }
                                .btn-offer{
                                    .btn-corp-link{
                                        min-width:200px;
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
    @include small-tablet{
        .wrapper{
            .wrap-offers{
                .offers-header{
                    padding-bottom:25px;
                    max-width:240px;
                    margin:0 auto;
                    .header-title{
                        font-size:26px;
                    }
                    .header-subtitle{
                        @include space(10em);
                        @include line(17, 13);
                        font-size:13px;
                    }
                }
                .offers-content{
                    .wrap-content{
                        .offers-gallery{
                            .offers-element{
                                .wrap-element{
                                    .offer-head{
                                        .wrap-head{
                                            padding:15px 40px 0;
                                            .offer-title{
                                                font-size:28px;
                                                @include line(30, 28);
                                            }
                                            .offer-text{
                                                font-size:14px;
                                                @include line(17, 14);
                                            }
                                        }
                                    }
                                    .offer-foot{
                                        .wrap-foot{
                                            padding:0 40px 15px;
                                            .price{
                                                font-size:49px;
                                                small{
                                                    font-size:33px;
                                                }
                                            }
                                        }
                                    }
                                    .offer-moreinfo{
                                        bottom:20px;
                                        right: 10px;
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
    @include mobile{
        .wrapper{
            .wrap-offers{
                .offers-content{
                    .wrap-content{
                        .offers-gallery{
                            .offers-element{
                                .wrap-element{
                                    .offer-head{
                                        .wrap-head{
                                            padding:15px 30px 0;
                                        }
                                    }
                                    .offer-foot{
                                        .wrap-foot{
                                            padding:0 30px 15px;
                                        }
                                    }
                                    .offer-moreinfo{
                                        bottom:20px;
                                        right: 0;
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}
.full-phrase{
    padding-bottom:60px;
    .wrap-phrase{
        text-align:center;
        .phrase-text{
            font-family:$corp-font1;
            font-size:77px;
            font-weight:100;
            color:$color-corp;
            text-transform:uppercase;
        }
    }
    @include medium-desktop{
        .wrap-phrase{
            .phrase-text{
                font-size:71px;
            }
        }
    }
    @include small-desktop{
        .wrap-phrase{
            .phrase-text{
                font-size:63px;
            }
        }
    }
    @include full-tablet{
        .wrap-phrase{
            .phrase-text{
                font-size:59px;
                @include line(58, 59);
            }
        }
    }
    @include medium-tablet{
        .wrap-phrase{
            .phrase-text{
                font-size:45px;
                @include line(44, 45);
            }
        }
    }
}
.levels-module{
    padding:60px 0;
    .wrap-levels-module{
        position:relative;
        padding:45px 80px;
        background-color:#F7F5F4;
        font-size:0;
        min-height:420px;
    }
    @include medium-desktop{
        .wrap-levels-module{
            padding:45px 60px;
        }
    }
    @include small-desktop{
        padding:40px 0;
        .wrap-levels-module{
            padding:40px 40px;
        }
    }
    @include full-tablet{
        .wrap-levels-module{
            text-align:center;
        }
    }
    @include small-tablet{
        .big-wrapper{
            padding:0;
        }
        .wrap-levels-module{
            padding:40px 20px;
        }
    }
}
.levels-info{
    display:inline-block;
    vertical-align:top;
    max-width:430px;
    .wrap-levels-info{
        .levels-info-title{
            font-family:$corp-font3;
            font-size:55px;
            font-weight:500;
            color:$color-title;
            @include line(66,55);
        }
        .levels-info-subtitle{
            font-family:$corp-font1;
            font-size:16px;
            font-weight:700;
            color:$color-basic;
            @include line(19,14);
            @include space(20em);
            text-transform:uppercase;
        }
        .levels-info-text{
            font-family:$corp-font1;
            font-size:17px;
            font-weight:400;
            color:$color-basic;
            @include line(27,17);
            @include space(10em);
            padding-top:55px;
        }
        .levels-info-btn{
            margin-top:25px;
        }
    }
    @include small-desktop{
        .wrap-levels-info{
            .levels-info-title{
                font-size:48px;
            }
            .levels-info-text{
                padding-top:20px;
            }
        }
    }
    @include full-tablet{
        .wrap-levels-info{
            text-align:center;
            .levels-info-title{
                font-size:42px;
            }
        }
    }
    @include small-tablet{
        .wrap-levels-info{
            .levels-info-title{
                font-size:36px;
            }
            .levels-info-subtitle{
                @include space(80em);
            }
            .levels-info-text{
                font-size:16px;
                @include line(24,16);
            }
        }
    }
}
.levels-graphic{
    position:absolute;
    bottom:0;
    right:110px;
    width:41%;
    .wrap-levels-graphic{
        width:100%;
        .graphic-img{
            display:block;
            width:100%;
            height:auto;
        }
    }
    @include medium-desktop{
        right:60px;
    }
    @include small-desktop{
        right:40px;
    }
    @include full-tablet{
        position:relative;
        right:auto;
        width:100%;
        padding-top:25px;
    }
}
.client-module{
    padding-top:0;
}
.client-module .wrap-module{
    min-height:auto;
    padding-top:0;
}
.offers-fullbanner.inreserve{
    padding-top:240px;
}
.offers-fullbanner .full-wrapper .wrap-offers .offers-header{
    text-align:left;
    padding-bottom:20px;
    max-width:initial;
}
.offers-fullbanner .full-wrapper .wrap-offers .offers-content .wrap-content .offers-gallery .offers-element .wrap-element{
    padding-top:80%;
}
.offers-fullbanner .full-wrapper .wrap-offers .offers-header .header-title{
    font-weight:700;
    letter-spacing:initial;
}
.offers-fullbanner .full-wrapper .wrap-offers .offers-header .header-subtitle{
    padding-top:10px;
}
.client-module .wrap-module .module-head .wrap-head{
    padding-top:0;
}
@media (max-width:1679px){
    .offers-fullbanner.inreserve{
        padding-top:200px;
    }
}
@media (max-width:1023px){
    .offers-fullbanner.inreserve{
        padding-top:100px;
    }
    .offers-fullbanner .full-wrapper .wrap-offers .offers-header{
        text-align:center;
    }
}
.login-data{
    .wrap-login-data{
        font-size:0;
        padding:65px 0;
        border-radius:12px;
        border:1px solid $color-basic;
    }
    @include small-desktop{
        .wrap-login-data{
            padding:50px 0;
        }
    }
    @include full-tablet{
        .wrap-login-data{
            padding:20px 0;
            max-width:300px;
            margin:0 auto;
        }
    }
}
.login-data-element{
    display:inline-block;
    vertical-align:bottom;
    width:25%;
    text-align:center;
    position:relative;
    &:last-child{
        &:after{
            content:none;
        }
    }
    &:after{
        content:'';
        position:absolute;
        right:0;
        top:50%;
        height:100px;
        width:1px;
        background-color:rgba(#A7A6A6, 0.5);
        @include transform(translateY(-50%));
    }
    .wrap-login-element{
        display:inline-block;
        padding:0 60px;
        text-align:left;
        .login-element-info{
            font-family:$corp-font1;
            font-size:28px;
            font-weight:700;
            color:$color-title;
            @include space(20em);
            @include line(34,28);
            padding-bottom:10px;
            &.medium{
                font-size:40px;
            }
            &.big{
                font-size:50px;
                @include space(-50em);
                padding-bottom:5px;
            }
        }
        .login-element-tag{
            font-family:$corp-font1;
            font-size:16px;
            font-weight:700;
            color:$color-basic;
            @include space(60em);
            @include line(19,16);
            text-transform:uppercase;
        }
    }
    @include medium-desktop{
        .wrap-login-element{
            padding:0 25px;
            .login-element-info{
                font-size:24px;
                &.medium{
                    font-size:36px;
                }
                &.big{
                    font-size:46px;
                }
            }
            .login-element-tag{
                font-size:15px;
            }
        }
    }
    @include small-desktop{
        .wrap-login-element{
            padding:0 20px;
            .login-element-info{
                font-size:20px;
                &.medium{
                    font-size:30px;
                }
                &.big{
                    font-size:40px;
                }
            }
            .login-element-tag{
                font-size:14px;
            }
        }
    }
    @include full-tablet{
        width:100%;
        text-align:center;
        &:after{
            bottom:0;
            right:50%;
            top:auto;
            @include transform(translateX(50%));
            width:35px;
            height:1px;
        }
        .wrap-login-element{
            padding:25px;
            text-align:center;
        }
    }
}
.login-page{
    .wrap-login{
        overflow:hidden;
        .login-data{
            position:relative;
            float:right;
            height:calc(100vh - 90px);
            width:50%;
            @media(min-width:1024px){
                position:fixed;
                bottom:0;
                right:0;
                float:inherit;
            }
            .wrap-data{
                position:absolute;
                width:400px;
                top:50%;
                left:50%;
                @include transform(translateY(-50%) translateX(-50%));
                .form-box{
                    opacity:0;
                    @include transition($Stransition);
                    &.inactive{
                        display:none;
                    }
                    &.active{
                        opacity:1;
                    }
                    .wrap-form{
                        .form-header{
                            padding-bottom:25px;
                            text-align:center;
                            height:89px;
                            .form-subtitle{
                                font-family:$corp-font1;
                                font-size:15px;
                                font-weight:500;
                                color:$color-basic;
                                @include space(10em);
                                @include line(20, 15);
                                padding-top:10px;
                            }
                            .form-sublink{
                                font-family:$corp-font1;
                                font-size:15px;
                                font-weight:500;
                                color:$color-basic;
                                @include space(10em);
                                @include line(20, 15);
                                padding-top:5px;
                                text-decoration: underline;
                                cursor:pointer;
                                @media(min-width:1024px){
                                    display:none;
                                }
                            }
                        }
                        .form-content{
                            position:relative;
                            height:280px;
                            border-top:1px solid $color-basic;
                            border-bottom:1px solid $color-basic;
                            .wrap-content{
                                position:absolute;
                                top:50%;
                                @include transform(translateY(-50%));
                                width:calc(100% - 60px);
                                left:30px;
                                .form-field{
                                    padding:7px 0;
                                    .field-title{
                                        font-family:$corp-font1;
                                        font-size:15px;
                                        font-weight:500;
                                        color:$color-basic;
                                        text-transform:uppercase;
                                        padding-bottom:5px;
                                        @include space(30em);
                                    }
                                    .wrap-input{
                                        .input-text{
                                            text-transform:none;
                                        }
                                    }
                                }
                                .form-btn{
                                    text-align:center;
                                    padding-top:20px;
                                    .btn-corp{
                                        background-color:transparent;
                                        padding:0;
                                    }
                                }
                            }
                        }
                    }
                }
                .form-nav{
                    .wrap-nav{
                        padding-top:30px;
                        text-align:center;
                        font-size:0;
                        .nav-element{
                            position:relative;
                            display:inline-block;
                            vertical-align:top;
                            padding:0 15px;
                            &:before{
                                content:'';
                                position:absolute;
                                left:0;
                                top:50%;
                                @include transform(translateY(-50%));
                                width:1px;
                                height:10px;
                                background-color:$color-basic;
                            }
                            &:first-child{
                                padding-left:0;
                                &:before{
                                    display:none;
                                }
                            }
                            &:last-child{
                                padding-right:0;
                            }
                            .nav-text{
                                position:relative;
                                display:inline-block;
                                padding:3px 0;
                                font-family:$corp-font1;
                                font-size:14px;
                                font-weight:400;
                                color:$color-basic;
                                cursor:pointer;
                                @include space(20em);
                                @include transition($Stransition);
                                &:before{
                                    content:'';
                                    position:absolute;
                                    bottom:0;
                                    left:0;
                                    width:0;
                                    height:1px;
                                    background-color:$color-corp;
                                    @include transition($Stransition);
                                }
                                &.active{
                                    color:$color-corp;
                                    &:before{
                                        width:100%;
                                    }
                                }
                                @include hovers{
                                    color:$color-corp;
                                    &:before{
                                        width:100%;
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
        .login-advantages{
            float:left;
            width:50%;
            background-color:#EFECE9;
            .wrap-advantages{
                font-size:0;
                text-align:center;
                &:before{
                    content:'';
                    display:inline-block;
                    vertical-align:middle;
                    width:0;
                    height:calc(100vh - 90px);
                    opacity:0;
                }
                .advantages-box{
                    display:inline-block;
                    vertical-align:middle;
                    .wrap-box{
                        text-align:center;
                        .advantages-header{
                            padding-bottom:25px;
                            max-width:400px;
                            margin:0 auto;
                            .advantages-title{
                                font-family:$corp-font1;
                                font-size:34px;
                                font-weight:700;
                                color:$color-corp;
                                text-transform:uppercase;
                                @include space(10em);
                                @include line(53, 34);
                            }
                            .advantages-subtitle{
                                font-family:$corp-font1;
                                font-size:15px;
                                font-weight:500;
                                color:$color-corp;
                                @include space(10em);
                                @include line(20, 15);
                            }
                        }
                        .advantages-content{
                            max-width:360px;
                            margin:0 auto;
                            .advantages-element{
                                .wrap-element{
                                    padding:15px 0;
                                    border-top:1px solid rgba($color-corp, 0.7);
                                    .element-title{
                                        font-family:$corp-font1;
                                        font-size:24px;
                                        font-weight:400;
                                        color:$color-corp;
                                        @include space(20em);
                                        @include line(29, 24);
                                    }
                                    .element-subtitle{
                                        font-family:$corp-font1;
                                        font-size:15px;
                                        font-weight:400;
                                        color:$color-corp;
                                        @include space(10em);
                                        @include line(18, 15);
                                    }
                                }
                            }
                            .advantages-btn{
                                text-align:center;
                                padding-top:30px;
                                border-top:1px solid rgba($color-corp, 0.7);
                            }
                        }
                    }
                }
            }
        }
    }
    @include full-desktop{
        .wrap-login{
            .login-advantages{
                .wrap-advantages{
                    &:before{
                        height:calc(100vh - 80px);
                    }
                }
            }
            .login-data{
                height:calc(100vh - 80px);
            }
        }
    }
    @include full-tablet{
        .wrap-login{
            padding-top:0;
            padding-bottom:160px;
            .login-data{
                float:initial;
                width:100%;
                height:auto;
                padding:60px 0;
                .wrap-data{
                    position:relative;
                    margin:0 auto;
                    left:0;
                    top:0;
                    @include transform(none);
                    .form-box{
                        .wrap-form{
                            .form-header{
                                height: 110px;
                            }
                        }
                    }
                }
            }
            .login-advantages{
                float:initial;
                width:100%;
                .wrap-advantages{
                    padding:60px 0;
                    &:before{
                        display:none;
                    }
                    .advantages-box{
                        display:block;
                    }
                }
            }
        }
    }
    @include medium-tablet{
        .wrap-login{
            .login-data{
                padding:40px 0;
            }
            .login-advantages{
                .wrap-advantages{
                    padding:40px 0;
                }
            }
        }
    }
    @include small-tablet{
        .wrap-login{
            padding-bottom:70px;
            .login-data{
                padding: 30px 0;
                .wrap-data{
                    width:320px;
                    .form-box{
                        .wrap-form{
                            .form-header{
                                padding-bottom:10px;
                                height:90px;
                                .form-title{
                                    font-size:30px;
                                }
                                .form-subtitle{
                                    padding-top:5px;
                                    font-size:14px;
                                }
                                .form-sublink{
                                    padding-top:5px;
                                    font-size:14px;
                                }
                            }
                            .form-content{
                                height:260px;
                                .wrap-content{
                                    left:15px;
                                    width:calc(100% - 30px);
                                }
                            }
                        }
                    }
                    .form-nav{
                        .wrap-nav{
                            padding-top:20px;
                            .nav-element{
                                display:block;
                                padding:5px 0!important;
                                &:before{
                                    display:none;
                                }
                            }
                        }
                    }
                }
            }
            .login-advantages{
                .wrap-advantages{
                    padding:50px 0 80px;
                    .advantages-box{
                        .wrap-box{
                            .advantages-header{
                                padding-bottom:10px;
                                max-width:320px;
                                .advantages-title{
                                    font-size:24px;
                                    @include line(36, 34);
                                }
                                .advantages-subtitle{
                                    padding-top:5px;
                                    font-size:14px;
                                }
                            }
                            .advantages-content{
                                max-width:320px;
                            }
                        }
                    }
                }
            }
        }
    }
    @include mobile{
        .wrap-login{
            .login-data{
                .wrap-data{
                    width:280px;
                    .form-box{
                        .wrap-form{
                            .form-content{
                                .wrap-content{
                                    width:100%;
                                    left:0;
                                }
                            }
                        }
                    }
                }
            }
            .login-advantages{
                .wrap-advantages{
                    .advantages-box{
                        .wrap-box{
                            .advantages-header{
                                max-width:280px;
                            }
                            .advantages-content{
                                max-width:280px;
                                .advantages-element{
                                    .wrap-element{
                                        .element-title{
                                            font-size:22px;
                                        }
                                        .element-subtitle{
                                            font-size:14px;
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}
.input-element{
    display:inline-block;
    width:100%;
    &.button{
        .wrap-input-element{
            .input-element-field{
                padding:0 70px 0 25px;
            }
        }
    }
    &.select{
        cursor:pointer;
        .wrap-input-element{
            &:before{
                content:'\e90b';
                position:absolute;
                z-index:2;
                right:20px;
                top:50%;
                @include transform(translateY(-50%));
                font-family:'icomoon';
                font-size:16px;
                color:$color-basic;
                pointer-events:none;
                @include transition($Stransition);
            }
            &:after{
                content:'';
                position:absolute;
                z-index:2;
                right:55px;
                top:calc(50% - 11px);
                width:2px;
                height:22px;
                background-color:$color-basic;
                pointer-events:none;
                @include transition($Stransition);
            }
            .input-element-field{
                padding:0 70px 0 25px;
            }
        }
    }
    &.user{
        .wrap-input-element{
            &:before{
                content:'\e91b';
                position:absolute;
                z-index:2;
                right:20px;
                top:50%;
                @include transform(translateY(-50%));
                font-family:'icomoon';
                font-size:16px;
                color:$color-basic;
                pointer-events:none;
                @include transition($Stransition);
            }
            .input-element-field{
                padding:0 70px 0 25px;
            }
        }
    }
    &.pass{
        .wrap-input-element{
            &:before{
                content:'\e91e';
                position:absolute;
                z-index:2;
                right:20px;
                top:50%;
                @include transform(translateY(-50%));
                font-family:'icomoon';
                font-size:16px;
                color:$color-basic;
                pointer-events:none;
                @include transition($Stransition);
            }
            .input-element-field{
                padding:0 70px 0 25px;
            }
        }
    }
    &.phone{
        .wrap-input-element{
            &:before{
                content:'\e934';
                position:absolute;
                z-index:2;
                right:20px;
                top:50%;
                @include transform(translateY(-50%));
                font-family:'icomoon';
                font-size:16px;
                color:$color-basic;
                pointer-events:none;
                @include transition($Stransition);
            }
            .input-element-field{
                padding:0 70px 0 25px;
            }
        }
    }
    &.email{
        .wrap-input-element{
            &:before{
                content:'\e931';
                position:absolute;
                z-index:2;
                right:20px;
                top:50%;
                @include transform(translateY(-50%));
                font-family:'icomoon';
                font-size:14px;
                color:$color-basic;
                pointer-events:none;
                @include transition($Stransition);
            }
            .input-element-field{
                padding:0 70px 0 25px;
            }
        }
    }
    &.must{
        position:relative;
        &:before{
            content:'';
            position:absolute;
            right:calc(100% + 12px);
            top:calc(50% - 4px);
            width:8px;
            height:8px;
            border:2px solid $color-basic;
            border-radius:50%;
        }
    }
    &.textarea{
        .wrap-input-element{
            height:280px;
            .input-element-field{
                padding:15px 25px;
            }
        }
    }
    .wrap-input-element{
        position:relative;
        border:2px solid $color-basic;
        border-radius:1px;
        height:55px;
        .input-element-text{
            position:absolute;
            z-index:2;
            top:0;
            left:15px;
            font-family:$corp-font1;
            font-size:10px;
            font-weight:700;
            color:$color-basic;
            text-transform:uppercase;
            padding:5px 10px;
            background-color:#EFECE9;
            pointer-events:none;
            @include transform(translateY(-50%));
            @include transition($Stransition);
        }
        .input-element-field{
            position:absolute;
            top:0;
            left:0;
            width:100%;
            height:100%;
            font-family:$corp-font1;
            font-size:14px;
            font-weight:600;
            color:$color-basic;
            @include space(30em);
            padding:0 25px;
            background-color:transparent;
            @include transition($Stransition);
            @include input-placeholder{
                font-family:$corp-font1;
                font-size:14px;
                font-weight:600;
                color:$color-basic;
                @include space(30em);
            }
            &:focus{
                background-color:#fff;
            }
        }
        .input-element-button{
            position:absolute;
            top:0;
            right:0;
            width:55px;
            height:100%;
            background-color:transparent;
            margin:0;
            padding:0;
            @include transition($Stransition);
            &:before{
                content:'\e91d';
                position:absolute;
                top:50%;
                left:calc(50% + 2px);
                @include transform(translateY(-50%) translateX(-50%));
                font-family:'icomoon';
                font-size:16px;
                color:$color-basic;
                pointer-events:none;
                @include transition($Stransition);
            }
            &:after{
                content:'';
                position:absolute;
                left:0;
                top:calc(50% - 11px);
                width:2px;
                height:22px;
                background-color:$color-basic;
                pointer-events:none;
                @include transition($Stransition);
            }
            @include hovers{
                background-color:$color-corp;
                &:before{
                    color:#fff;
                }
                &:after{
                    opacity:0;
                }
            }
        }
    }
    @include hovers{
        .wrap-input-element{
            &:before{
                color:$color-corp;
            }
            .input-element-text{
                color:$color-corp;
            }
            .input-element-field{
                background-color:#fff;
            }
        }
    }
}
.responsive-header-spacer{
    @include medium-tablet{
        .resp-page-logo{
            padding-top:90px;
        }
    }
}
.checkbox-element{
    display:block;
    font-size:0;
    cursor:pointer;
    .checkbox-input{
        display:none;
        &:checked{
            ~ .checkbox-icon{
                &:before{
                    @include transform(translateY(-50%) translateX(-50%) scale(1));
                    opacity:1;
                }
            }
        }
    }
    .checkbox-icon{
        position:relative;
        display:inline-block;
        vertical-align:top;
        width:15px;
        height:15px;
        border:2px solid $color-basic;
        margin-top:4px;
        &:before{
            content:'\e90f';
            position:absolute;
            top:50%;
            left:50%;
            @include transform(translateY(-50%) translateX(-50%) scale(0.5));
            opacity:0;
            font-family:'icomoon';
            font-size:6px;
            color:$color-basic;
            @include transition($Stransition);
        }
    }
    .checkbox-text{
        display:inline-block;
        vertical-align:top;
        width:calc(100% - 15px);
        font-family:$corp-font1;
        font-size:14px;
        font-weight:400;
        color:$color-basic;
        @include space(40em);
        @include line(25,15);
        padding-left:8px;
        text-align:left;
        &.full{
            width:auto;
        }
        .checkbox-text-link{
            position:relative;
            display:inline-block;
            color:$color-basic;
            @include transition($Stransition);
            &:before{
                content:'';
                position:absolute;
                @include transform(translateY(5px));
                left:0;
                bottom:0;
                width:100%;
                height:1px;
                background-color:$color-basic;
                @include transition($Stransition);
            }
            @include hovers{
                color:$color-corp;
                &:before{
                    background-color:$color-corp;
                    @include transform(translateY(3px));
                }
            }
        }
    }
}
.logoThai1{
    display: block;
    margin: 0 auto 20px;
    width: 300px;
}
.logoThai2{
    display: block;
    margin: 0 auto 20px;
    position: absolute;
    left: 50%;
    bottom: 100px;
    transform: translateX(-50%);
    width: 300px;
}
.show-mobile{
    display: none;
    @include medium-tablet {
        display: inline-block;
      
    }
}
.hidden-mobile{
    display:  inline-block;
    @include medium-tablet {
        display: none!important;
      
    }
}


.offers-card{
    .wrap-offers-card{
    }
}
.offers-card-header{
    .wrap-card-header{
        text-align:center;
        padding:30px 0 15px;
        .card-header-tag{
            display:inline-block;
            font-family:$corp-font1;
            font-size:15px;
            font-weight:700;
            color:#fff;
            text-transform:uppercase;
            @include space(100em);
            padding:7px 25px;
            background-color:$color-corp;
            border-radius:2px;
            &.highlight{
                background-color:$color-alarm;
            }
        }
        .card-header-btn{
            display:table;
            margin:15px auto 20px;
        }
        .card-header-title{
            font-family:$color-title;
            font-size:34px;
            font-weight:400;
            color:$color-title;
        }
        .card-header-date{
            font-family:$corp-font1;
            font-size:13px;
            font-weight:700;
            color:$color-title;
            @include space(150em);
            text-transform:uppercase;
            padding-top:10px;
        }
        .card-header-subtitle{
            font-family:$corp-font1;
            font-size:13px;
            font-weight:700;
            color:$color-subtitles;
            @include space(150em);
            text-transform:uppercase;
            padding-top:10px;
        }
    }
    @include min-medium-tablet{
        .wrap-card-header{
            position:relative;
            padding:45px 0 35px;
            .card-header-btn{
                margin:0;
                position:absolute;
                top:45px;
                right:0;
            }
            .card-header-title{
                font-size:46px;
            }
            .card-header-tag{
                margin-bottom:40px;
            }
        }
    }
    @include min-full-tablet{
        .wrap-card-header{
            padding-top:80px;
            .card-header-btn{
                top:81px;
            }
        }
    }
    @include min-small-desktop{
        .wrap-card-header{
            text-align:left;
            .card-header-tag{
                margin-bottom:60px;
            }
            .card-header-title{
                font-size:55px;
            }
        }
    }
}
.offers-card-content{
    .wrap-card-content{
        padding:25px 0 0;
        border-top:1px solid $color-lines;
        .card-content-text{
            font-family:$corp-font1!important;
            font-size:18px!important;
            font-weight:400!important;
            color:$color-text!important;
            @include space(20em);
            @include line(38,19);
            padding-bottom:15px;
            p,span,div,h1,h2,h3,h4{
                font-family:$corp-font1!important;
                font-size:18px!important;
                font-weight:400!important;
                color:$color-text!important;
                @include space(20em);
                @include line(38,19);
            }
        }
    }
    @include min-medium-tablet{
        .wrap-card-content{
            padding:50px 0 0;
            .card-content-text{
                font-size:19px!important;
                padding-bottom:35px;
                p,span,div,h1,h2,h3,h4{
                    font-size:19px!important;
                }
            }
        }
    }
}
.offers-card-conditions{
    .wrap-card-conditions{
        padding:35px 0 0;
        border-top:1px solid $color-lines;
        .card-conditions-title{
            font-family:$corp-font1;
            font-size:14px;
            font-weight:700;
            color:$color-title;
            text-transform:uppercase;
            @include space(50em);
        }
    }
    @include min-medium-tablet{
        .wrap-card-conditions{
            padding:50px 0 0;
            .card-conditions-title{
                font-size:16px;
            }
        }
    }
}
.card-conditions-list{
    padding-top:25px;
    @include min-medium-tablet{
        padding-top:40px;
    }
}
.conditions-list-element{
    a{
        @include hovers{
            .wrap-conditions-element{
                &:before{
                    color:$color-corp;
                }
                .conditions-element-text{
                    color:$color-corp;
                }
            }
        }
    }
    .wrap-conditions-element{
        position:relative;
        padding:20px 0 20px 15px;
        border-top:1px solid $color-lines;
        &:before{
            content:'\e903';
            position:absolute;
            top:33px;
            left:0;
            font-family:'icomoon';
            font-size:7px;
            color:$color-text;
            @include transition($Stransition);
        }
        .conditions-element-text{
            font-family:$corp-font1;
            font-size:16px;
            font-weight:500;
            color:$color-text;
            @include space(20em);
            @include line(34, 18);
            @include transition($Stransition);
        }
        .conditions-element-info{
            font-family:$corp-font1;
            font-size:16px;
            font-weight:400;
            color:$color-text;
            @include space(10em);
            @include line(34, 18);
            @include transition($Stransition);
            padding-top:10px;
        }
    }
    @include min-medium-tablet{
        .wrap-conditions-element{
            .conditions-element-text{
                font-size:18px;
            }
        }
    }
}
.offers-card-price{
    .wrap-card-price{
        padding:35px 0;
        border-top:1px solid $color-lines;
        overflow:hidden;
        .card-price-title{
            float:left;
            font-family:$corp-font1;
            font-size:14px;
            font-weight:700;
            color:rgba($color-subtitles, 0.7);
            text-transform:uppercase;
            @include space(150em);
        }
        .card-price-box{
            float:right;
            font-size:0;
            .price-box-num{
                display:inline-block;
                vertical-align:middle;
                font-family:$corp-font1;
                font-size:55px;
                font-weight:400;
                color:$color-text;
                line-height:0.75;
                text-transform:uppercase;
            }
            .price-box-val{
                display:inline-block;
                vertical-align:middle;
                font-family:$color-title;
                font-size:35px;
                font-weight:500;
                color:$color-text;
                line-height: 0.75;
                padding-left:5px;
                text-transform:uppercase;
            }
        }
    }
    @include min-medium-tablet{
        .wrap-card-price{
            padding:50px 0 35px;
            .card-price-box{
                .price-box-num{
                    font-size:65px;
                }
                .price-box-val{
                    font-size:45px;
                }
            }
        }
    }
}
.offers-card-btns{
    .wrap-card-btns{
        text-align:center;
        padding:25px 0;
        border-top:1px solid $color-lines;
        .card-btns-element{
            margin:5px 10px;
        }
    }
    @include min-medium-tablet{
        .wrap-card-btns{
            padding:35px 0;
        }
    }
}
.offers-card-foot{
    .wrap-card-foot{
        padding:35px 0 0;
        text-align:center;
        border-top:1px solid $color-lines;
    }
    .btn-linker{
        .btn-linker-text{
            margin-right:25px;
        }
    }
    @include min-medium-tablet{
        .wrap-card-foot{
            padding:70px 0 30px;
        }
    }
    @include min-small-desktop{
        .wrap-card-foot{
            padding:70px 0;
        }
    }
}
.half-wrapper{
    &.responsive-multimedia-off{
        .half-multimedia{
            display:none;
        }
        @include min-small-desktop{
            .half-multimedia{
                display:block;
            }
        }
    }
    .half-breadcrumbs{
        display:none;
    }
    @include min-full-tablet{
        padding-top:80px;
    }
    @include min-small-desktop{
        position:relative;
        padding-right:50%;
        min-height:100vh;
        .half-breadcrumbs{
            display:block;
            position:absolute;
            z-index:3;
            top:95px;
            right:25%;
            @include transform(translateX(50%));
        }
    }
    @include min-full-desktop{
        padding-top:90px;
        .half-breadcrumbs{
            top:105px;
        }
    }
}
.half-multimedia{
    .wrap-half-multimedia{
        .half-multimedia-btn{
            display:none;
        }
    }
    &.hammock{
        .wrap-multimedia-box{
            height: auto;
        }
        @include min-small-desktop{
            position: absolute;
            &.stop{
                height: 100%;
                .half-multimedia-box {
                    .wrap-multimedia-box{
                        position: absolute;
                        right: 0;
                        width: 100%;
                        bottom: 0;
                        height: auto;
                        padding-bottom: 100px; 
                    }
                }
            }
            .half-multimedia-box {
                padding: 20px 50px;
                .wrap-multimedia-box{
                    position: absolute;
                    right: 0;
                    width: 100%; 
                    padding-right: 50px;

                }
            }
        }
    }
    @include min-small-desktop{
        position:absolute;
        z-index:0;
        top:0;
        right:0;
        width:50%;
        height:100%;
        &.stop{
            position:absolute!important;
            bottom:0!important;
            top:auto!important;
            height:auto;
        }
        .wrap-half-multimedia{
            width:100%;
            height:100%;
            padding-top:80px;
            .half-multimedia-btn{
                display:block;
                position:absolute;
                left:50%;
                bottom:13px;
                @include transform(translateX(-50%));
            }
        }
    }
    @include min-full-desktop{
        .wrap-half-multimedia{
            padding-top:90px;
        }
    }
}
.half-multimedia-box{
    .wrap-multimedia-box{
        position:relative;
       // padding-top:66.66%;
        overflow:hidden;
        border-radius:4px;
        background-color:$color-background;
        .multimedia-box-element{
            position:absolute;
            top:0;
            left:0;
            width:100%;
            height:100%;
            background-position:50% 50%;
            background-repeat:no-repeat;
            background-size:cover;
        }
    }
    @include min-small-desktop{
        height:100%;
        width:100%;
        padding:50px; 
        .wrap-multimedia-box{
            padding-top:initial;
            height:100%;
            width:100%;
        }
    }
    @include min-full-desktop{
        padding:50px 85px;
    }
}
.thanks-page {
  height: 100vh;
  width: 100vw;
  background-color: #f5e3d0; 
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 0;
}

.thanks-page .wrap-thanks-page {
  background-color: #ffffff;
  border-radius: 12px;
  padding: 60px 80px;
  text-align: center;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
  max-width: 480px;
  width: 90%;
  font-family: "Poppins", Arial, sans-serif;
  animation: fadeIn 0.8s ease-in-out;
}

.thanks-page .thanks-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  border: 2px solid #c79b71; 
  color: #c79b71;
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 25px;
}

.thanks-page .thanks-title {
  font-family: "Poppins", Arial, sans-serif;
  font-size: 40px;
  font-weight: 700;
  color: #b77d4a; 
  margin-bottom: 15px;
  letter-spacing: 1px;
}

.thanks-page .thanks-text {
  font-family: "Poppins", Arial, sans-serif;
  font-size: 18px;
  color: #a07a55; 
  letter-spacing: 0.5px;
  margin: 0;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}