/**
*
  Сброс CSS стилей
*
**/
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
      box-sizing: border-box;
  -webkit-appearance: none;
     -moz-appearance: none;
      appearance: none;
  max-width: 100%;
}
html {
  -webkit-text-size-adjust: none;
}
a{
  cursor: pointer;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
body {

  &.__hidden {
    overflow: hidden;
  }
  
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
  display: block;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, 
blockquote:after,
q:before, 
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
a {text-decoration: none;}
input, 
textarea, 
button, 
select {
  resize: none;
  border: none;
  background-color: transparent;
  outline: none;
  padding: 0;
}
img {
  border: 0;
  vertical-align: top;
}
html,body {
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}





/**
*
  Flex
*
**/
.flex_w {
  display: flex;
  flex-wrap: wrap;
  &.__ai_fs {align-items: flex-start;}
  &.__ai_fe {align-items: flex-end;}
  &.__ai_c {align-items: center;}
  &.__jc_sa {justify-content: space-around;}
  &.__jc_sb {justify-content: space-between;}
  &.__jc_c {justify-content: center;}
}







/**
*
  Функции
*
**/
.radius(@radius: 5px) {
  -webkit-border-radius: @radius;
     -moz-border-radius: @radius;
    -ms-border-radius: @radius;
       -o-border-radius: @radius;
      border-radius: @radius;
}
.transition(@properties: all .6s) {
  -webkit-transition: @properties;
     -moz-transition: @properties;
    -ms-transition: @properties;
     -o-transition: @properties;
      transition: @properties;
}
.text-shadow (@string: 0 1px 3px rgba(0, 0, 0, 0.25)) {
  text-shadow: @string;
}
.box-shadow (@string) {
  -webkit-box-shadow: @string;
  -moz-box-shadow:    @string;
  box-shadow:         @string;
}
.box-shadow2 (@string, @string) {
  -webkit-box-shadow: @string, @string;
  -moz-box-shadow:    @string, @string;
  box-shadow:         @string, @string;
}
.drop-shadow (@x: 0, @y: 1px, @blur: 2px, @spread: 0, @alpha: 0.25) {
  -webkit-box-shadow: @x @y @blur @spread rgba(0, 0, 0, @alpha);
  -moz-box-shadow:  @x @y @blur @spread rgba(0, 0, 0, @alpha);
  box-shadow:   @x @y @blur @spread rgba(0, 0, 0, @alpha);
}
.inner-shadow (@x: 0, @y: 1px, @blur: 2px, @spread: 0, @alpha: 0.25) {
  -webkit-box-shadow: inset @x @y @blur @spread rgba(0, 0, 0, @alpha);
  -moz-box-shadow:    inset @x @y @blur @spread rgba(0, 0, 0, @alpha);
  box-shadow:         inset @x @y @blur @spread rgba(0, 0, 0, @alpha);
}

.box-sizing (@type: border-box) {
  -webkit-box-sizing: @type;
  -moz-box-sizing:    @type;
  box-sizing:         @type;
}

.border-radius (@radius: 5px) {
  -webkit-border-radius: @radius;
  -moz-border-radius:    @radius;
  border-radius:         @radius;

  -moz-background-clip:    padding;
  -webkit-background-clip: padding-box;
  background-clip:         padding-box;
}

.opacity (@opacity: 0.5) {
  -webkit-opacity:  @opacity;
  -moz-opacity:     @opacity;
  opacity:    @opacity;
}

.gradient (@startColor: #eee, @endColor: white) {
  background-color: @startColor;
  background: -webkit-gradient(linear, left top, left bottom, from(@startColor), to(@endColor));
  background: -webkit-linear-gradient(top, @startColor, @endColor);
  background: -moz-linear-gradient(top, @startColor, @endColor);
  background: -ms-linear-gradient(top, @startColor, @endColor);
  background: -o-linear-gradient(top, @startColor, @endColor);
}
.horizontal-gradient (@startColor, @endColor) {
  background-color: @startColor;
  background-image: -webkit-gradient(linear, left top, right top, from(@startColor), to(@endColor));
  background-image: -webkit-linear-gradient(left, @startColor, @endColor);
  background-image: -moz-linear-gradient(left, @startColor, @endColor);
  background-image: -ms-linear-gradient(left, @startColor, @endColor);
  background-image: -o-linear-gradient(left, @startColor, @endColor);
}
.vertical-gradient (@startColor, @endColor) {
  background-color: @endColor;
  background-image: -webkit-gradient(linear, top, bottom, from(@startColor), to(@endColor));
  background-image: -webkit-linear-gradient(bottom, @startColor, @endColor);
  background-image: -moz-linear-gradient(bottom, @startColor, @endColor);
  background-image: -ms-linear-gradient(bottom, @startColor, @endColor);
  background-image: -o-linear-gradient(bottom, @startColor, @endColor);
}

.animation (@name, @duration: 300ms, @delay: 0, @ease: ease) {
  -webkit-animation: @name @duration @delay @ease;
  -moz-animation:    @name @duration @delay @ease;
  -ms-animation:     @name @duration @delay @ease;
}

.transition (@transition) {
  -webkit-transition: @transition;  
  -moz-transition:    @transition;
  -ms-transition:     @transition; 
  -o-transition:      @transition;  
}
.transform(@string){
  -webkit-transform: @string;
  -moz-transform:    @string;
  -ms-transform:     @string;
  -o-transform:      @string;
  transform:      @string;
}
.scale (@factor) {
  -webkit-transform: scale(@factor);
  -moz-transform:    scale(@factor);
  -ms-transform:     scale(@factor);
  -o-transform:      scale(@factor);
  transform:      scale(@factor);
}
.rotate (@deg) {
  -webkit-transform: rotate(@deg);
  -moz-transform:    rotate(@deg);
  -ms-transform:     rotate(@deg);
  -o-transform:      rotate(@deg);
  transform:      rotate(@deg);
}
.skew (@deg, @deg2) {
  -webkit-transform:       skew(@deg, @deg2);
  -moz-transform:    skew(@deg, @deg2);
  -ms-transform:     skew(@deg, @deg2);
  -o-transform:      skew(@deg, @deg2);
  transform:      skew(@deg, @deg2);
}
.translate (@x, @y:0) {
  -webkit-transform:       translate(@x, @y);
  -moz-transform:    translate(@x, @y);
  -ms-transform:     translate(@x, @y);
  -o-transform:      translate(@x, @y);
  transform:      translate(@x, @y);
}
.translate3d (@x, @y: 0, @z: 0) {
  -webkit-transform:       translate3d(@x, @y, @z);
  -moz-transform:    translate3d(@x, @y, @z);
  -ms-transform:     translate3d(@x, @y, @z);
  -o-transform:      translate3d(@x, @y, @z);
  transform:      translate3d(@x, @y, @z);
}
.perspective (@value: 1000) {
  -webkit-perspective:  @value;
  -moz-perspective:   @value;
  -ms-perspective:  @value;
  perspective:    @value;
}
.transform-origin (@x:center, @y:center) {
  -webkit-transform-origin: @x @y;
  -moz-transform-origin:    @x @y;
  -ms-transform-origin:     @x @y;
  -o-transform-origin:      @x @y;
}
.background(@path, @position: center center, @repeat: no-repeat) {
  background: url(@path) @position @repeat;
  -webkit-background-size: cover;
     -moz-background-size: cover;
    -ms-background-size: cover;
     -o-background-size: cover;
      background-size: cover;
}
.text-overflow(@lineClamp, @lineHeight) {
  display: -webkit-box;
  display: -moz-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: @lineClamp;
  overflow: hidden;
  height: @lineClamp * @lineHeight;
}
.placeholder-style(@placeholder-font, @placeholder-color) {

  &::-webkit-input-placeholder {
    font: @placeholder-font;
    color: @placeholder-color;
  }

  &::-moz-placeholder {
    font: @placeholder-font;
    color: @placeholder-color;
  }

  &:-moz-placeholder {
    font: @placeholder-font;
    color: @placeholder-color;
  }

  &:-ms-input-placeholder {
    font: @placeholder-font;
    color: @placeholder-color;
  }

}



/**
*
  Подключение шрифтов
*
**/
@font-face {
  font-family: "DIN 2014";
  src: url('../fonts/DIN2014-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "DIN 2014";
  src: url('../fonts/DIN2014-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "DIN 2014";
  src: url('../fonts/DIN2014-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "DIN 2014";
  src: url('../fonts/DIN2014-DemiBold.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

body{
  font-family: "DIN 2014";

}



.d2-form-head{
  text-transform: uppercase
}

/**
*
  Общие классы
*
**/
.show {display: block !important;}

.hide,
.xs-show,
.sm-show,
.md-show {
  display: none !important;
}

.flf {float: left !important;}
.flr {float: right !important;}

.clear {
  display: block;
  clear: both;
}

.t_center {text-align: center;}
.t_right {text-align: right;}
.pos_rel {position: relative;}

.ypos_ab {
  position: absolute;
  top: 50%;
  .translate(0, -50%);
}
.xpos_ab {
  position: absolute;
  left: 50%;
  .translate(-50%, 0);
}
.pos_absc {
  position: absolute;
  top: 50%;
  left: 50%;
  .translate(-50%, -50%);
}

.c_img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
}

.b_img {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.psevdo-item{
  margin: 0!important;
  padding: 0!important;
  height: 0!important;
  opacity: 0!important;
}
.d1{
  z-index: 5;
  position: relative;
}

.wrap{
  width: 1440px;
  background: white;
  margin: 0 auto;
  position: relative;
}
.header{
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 6;
  &-top{
    background: #043161;
    padding: 10px 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  &-right{

  }
  &-tel{

    font-style: normal;
    font-weight: bold;
    font-size: 17px;
    line-height: 22px;
    margin-right: 40px;
    color: #27B0E8;
  }
  &-top{
    &-menu{
      margin-top: 16px;
      a{
        font-weight: bold;
        font-size: 22px;
        line-height: 28px;
        /* identical to box height */

        text-align: center;
        text-transform: uppercase;

        color: #FFFFFF;
        margin-left: 50px;
      }
    }
  }
  &-socs{
    display: flex;
    align-items: center;
    a{
      display: flex;
      align-items: center;justify-content: center;
     margin-left: 25px;
    }
  }
  &-contacts{
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
  &-left{
    text-align: center;
    span{
      display: block;
      margin-top: 6px;
      font-weight: bold;
      font-size: 14px;
      line-height: 18px;
      /* identical to box height */

      text-align: center;
      letter-spacing: 0.05em;
      text-transform: uppercase;

      /* light */

      color: #27B0E8;
    }
  }
}
.d1{
  position: relative;
  background: url("../imgs/d1.png");
  .b_img;
}
.header-top{
  &::after{
    content:"";
    width: 900px;
    height: 1px;
    position: absolute;
    top: 44px;
    right: 0;
    background: #27B0E8;
  }
  position: relative;
}
.header-menu{
  padding: 7px 27px;
  display: flex;
  flex-wrap: wrap;
  background: rgba(4, 49, 97, 0.8);
  justify-content: space-between;
  a{
    font-weight: 800;
    font-size: 11px;
    line-height: 14px;
    /* identical to box height */

    display: flex;
    align-items: center;
    text-align: center;
    text-transform: uppercase;
    justify-content: center;
    background: #F7941D;
    height: 20px;
    width: 221px;

    color: #FFFFFF;
    &.menu-small{
      margin: 8px 0;                     width: 144px;

    }
  }
}

.d1-radios{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 420px;
  margin: 0 auto;
  margin-top: 55px;
  margin-bottom: 15px;
}
.input-dlitelnost-labels{
  display: flex;
  justify-content: space-between;
  padding: 5px 10px;
}
.d1-btn{
  font-weight: bold;
  font-size: 22px;
  line-height: 28px;
  /* identical to box height */

  background: #27B0E8;

  font-weight: bold;
  font-size: 22px;
  line-height: 28px;
  /* identical to box height */

  text-align: center;
  text-transform: uppercase;

  color: #FFFFFF;

  margin: 15px 0;
  cursor: pointer;
  height: 42px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  text-transform: uppercase;

  color: #FFFFFF;
}
.d1-socs{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 30px;
  padding-bottom: 0;
  margin-bottom: 15px;
}
.input-dlitelnost-label{
  display: flex;
  b{
    font-weight: bold;
    font-size: 17px;
    line-height: 22px;
    /* identical to box height */

    text-align: center;
    text-transform: uppercase;

    color: #FFFFFF;
  }
  align-items: center;
  div{
    background: #FFFFFF;;
    height: 9px;
    width: 1px;
    margin-bottom: 5px;
  }
  flex-direction: column;
}
.d1-location{
  label{
    cursor: pointer;
  }
  top: -5px;
  &>svg{
    &:first-child{
      .xpos_ab;
      position: absolute;
      bottom: 100%;
    }
    &:last-child{            .xpos_ab;

      position: absolute;
      top: 100%;
    }
  }
  span{
    font-weight: bold;
    text-align: center;
    font-size: 16px;
    line-height: 17px;
    padding: 5px 0;
    display: block;
    /* or 106% */

    text-align: center;
    text-transform: uppercase;

    color: #FFFFFF;

  }

  position: relative;
}
.d1-radio{
  div{
        margin-top: 10px;
    background: #FFFFFF;
    height: 24px;
    width: 24px;
    border-radius: 50%;
    position: relative;
  }
  input:checked{
    &+div{
      &::after{
        content: "";
        background: #27B0E8;
        height: 14px;
        width: 14px;
        border-radius: 50%;
        .pos_absc;
      }
    }
  }
  display: flex;
  flex-direction: column;
  align-items: center;
  span{
    height: 34px;
    font-weight: bold;
    font-size: 16px;
    line-height: 17px;
    display: flex;
    align-items: center;
    
    /* or 106% */

    text-align: center;
    text-transform: uppercase;

    color: #27B0E8;
  }
}
.d1-pris-beetwen{
  display: flex;justify-content: space-between;
  font-style: normal;
  font-weight: bold;
  font-size: 17px;
  line-height: 22px;
  /* identical to box height */

  text-align: center;
  text-transform: uppercase;

  color: #FFFFFF;
  padding: 0 5px;
}
.d1{
  &-ttl{
    margin-bottom: 50px;
    text-align: center;
    b{
      font-weight: bold;
      font-size: 20px;
      line-height: 26px;
      /* identical to box height */

      text-align: center;
      text-transform: uppercase;

      color: #FFFFFF;

    }
    span{
      font-size: 15px;
      display: block;
      line-height: 19px;
      text-align: center;

      color: #27B0E8;
    }
  }
  height: 1024px;
  position: relative;
  display: flex;
  align-items: flex-end;
  &-footer{
   padding: 10px 0;
    padding-right: 60px; background: rgba(255, 255, 255, 0.8);
    padding-left: 535px;

  }
  &-head{
    font-weight: bold;
    font-size: 22px;
    line-height: 28px;
    /* identical to box height */

    text-align: center;
    text-transform: uppercase;
    border-bottom: 1px solid #27B0E8;

    color: #FFFFFF;
    padding: 15px;
  }
  &-sidebar{
    position: absolute;
    left: 0;                          background: #043161;
    bottom: 0;    width: 480px;

  }
  &-flex{
    display: flex;
    justify-content: space-between;
  }
  &-img{
    height: 87px;
  }
  &-item{
    display: flex;
    flex-direction: column;
    align-items: center;
    p{
      padding: 10px;
      font-weight: 800;
      font-size: 12px;
      line-height: 14px;
      /* or 117% */

      text-align: center;
      text-transform: uppercase;

      /* Blue */

      color: #043161;
    }
  }
  &-group{
    padding: 15px 50px;
  }
}
.d1-ttl{
  margin-bottom: 30px;
}
.d1-footer-parent{
  width: 100%;
}



@track-color: #424242;
@thumb-color: #27B0E8;
@thumb-radius: 50px;
@thumb-height: 16px;
@thumb-width: 16px;
@thumb-shadow-size: 0px;
@thumb-shadow-blur: 0px;
@thumb-shadow-color: red;
@thumb-border-width: 0px;
@thumb-border-color: white;

@track-width: 100%;
@track-height: 2px;
@track-shadow-size: 0px;
@track-shadow-blur: 0px;
@track-shadow-color: #fff;
@track-border-width: 1px;
@track-border-color: #fff;

@track-radius: 5px;
@contrast: 5%;

.shadow(@shadow-size,@shadow-blur,@shadow-color) {
  box-shadow: @shadow-size @shadow-size @shadow-blur @shadow-color, 0px 0px @shadow-size lighten(@shadow-color,5%);
}

.track() {
  width: @track-width;
  height: @track-height;
  cursor: pointer;
}


.thumb() {
  .shadow(@thumb-shadow-size,@thumb-shadow-blur,@thumb-shadow-color);
  border: @thumb-border-width solid @thumb-border-color;
  height: @thumb-height;
  width: @thumb-width;
  border-radius: @thumb-radius;
  background: @thumb-color;
  cursor: pointer;
}

input[type=range] {
  -webkit-appearance: none;
  margin: @thumb-height/2 0;
  width: @track-width;

  &:focus {
    outline: none;
  }

  &::-webkit-slider-runnable-track {
    .track();
    .shadow(@track-shadow-size,@track-shadow-blur,@track-shadow-color);
    background: @track-color;
    border-radius: @track-radius;
    border: @track-border-width solid @track-border-color;
  }

  &::-webkit-slider-thumb {
    .thumb();
    -webkit-appearance: none;
    margin-top: ((-@track-border-width * 2 + @track-height) / 2) - (@thumb-height / 2);
  }

  &:focus::-webkit-slider-runnable-track {
    background: lighten(@track-color, @contrast);
  }

  &::-moz-range-track {
    .track();
    .shadow(@track-shadow-size,@track-shadow-blur,@track-shadow-color);
    background: @track-color;
    border-radius: @track-radius;
    border: @track-border-width solid @track-border-color;
  }
  &::-moz-range-thumb {
    .thumb();
  }

  &::-ms-track {
    .track();
    background: transparent;
    border-color: transparent;
    border-width: @thumb-width 0;
    color: transparent;
  }

  &::-ms-fill-lower {
    background: darken(@track-color, @contrast);
    border: @track-border-width solid @track-border-color;
    border-radius: @track-radius*2;
    .shadow(@track-shadow-size,@track-shadow-blur,@track-shadow-color);
  }
  &::-ms-fill-upper {
    background: @track-color;
    border: @track-border-width solid @track-border-color;
    border-radius: @track-radius*2;
    .shadow(@track-shadow-size,@track-shadow-blur,@track-shadow-color);
  }
  &::-ms-thumb {
    .thumb();
  }
  &:focus::-ms-fill-lower {
    background: @track-color;
  }
  &:focus::-ms-fill-upper {
    background: lighten(@track-color, @contrast);
  }
}

.open-map,.s2-map-btn{
  div{
    display: none!important;
  }
}
.map-modal{
display: none;
  .share-close{
    position: absolute;
    right: 20px;
    top: 20px;
    svg{
      width: 40px;
      height: 40px;
    }
  }
  .pos_absc;
  position: fixed;
  width: 80%;
  height: 80%;
  z-index: 100;
  .map-body{
    width: 100%;
    height: 100%;
    iframe{
      .c_img;
    }
  }

}

.d2{
 padding-left: 510px;
  padding-right: 30px;
  padding-top: 60px;
  &-ttl{
    font-weight: 500;
    font-size: 40px;
    line-height: 51px;         color: #043161;
 margin-bottom: 30px;
  }
  &-img{
    height: 234px;
    img{
      .c_img;
    }
  }
  &-time{
    font-weight: 500;
    font-size: 20px;
    line-height: 25px;
    /* identical to box height, or 125% */

    display: flex;
    align-items: center;

    color: #FFFFFF;

    div{

      width: 30px;
      display: flex;
      justify-content: center;
      margin-right: 15px;
    }
    display: flex;
    align-items: center;
  }
  &-content{                 background: #043161;

    &-head{
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 10px;
    }
    height: 125px;
    padding: 20px;
  }
  &-pay{
    background: #c22c49;
    font-weight: bold;
    font-size: 30px;
    line-height: 38px;
    margin-bottom: 5px;
    display: flex;
    cursor: pointer;
    height: 60px;
    align-items: center;
    justify-content: center;
    text-align: center;
    text-transform: uppercase;

    color: #FFFFFF;
  }
  &-btn{
    background: #F7941D;
    width: 100%;
    height: 30px;
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
    justify-content: center;
    display: flex;
    align-items: center;
    text-align: center;
    text-transform: uppercase;

    color: #FFFFFF;

  }
  &-pris{
    padding: 20px 15px;
    &-top{
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 8px;
      &:last-child{
        margin-bottom: 0;
      }
      b{
        font-weight: 500;
        font-size: 35px;
        line-height: 45px;


        color: #043161;
      }
      span{
        font-weight: 500;
        font-size: 20px;
        line-height: 26px;

        color: #3D6999;

      }
    }
  }
  &-head{
    font-weight: 500;
    font-size: 25px;
    line-height: 25px;
    /* or 100% */
    background: #043161;
    display: flex;
    height: 80px;
    justify-content: center;
    align-items: center;
    text-align: center;

    color: #FFFFFF;
  }
  &-stars{
    display: flex;
    position: relative;
    top: -2px;
    align-items: center;
  }
  &-like{
    margin: 0 15px;
  }
  &-right{
    display: flex;align-items: center;
  }
  &-flex{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  &-item{
    margin-bottom: 55px;
    width: 437px;

  }
}
.d3{
  padding: 50px;
  padding-bottom: 0;
  &-item{
    margin-bottom:55px;
  }
  &-flex{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
}
.d4{
  &-img{
    width: 136px;
    height: 136px;
    flex-shrink: 0;
    img{
      .c_img;
      border-radius: 50%;
    }
  }
  &-item{
    margin-top: 45px;
    display: flex;align-items: center;

    p{
      margin-left: 45px;
      font-size: 15px;
      line-height: 19px;

      color: #000000;

    }
  }
  &-right{
    h2{
      font-weight: 500;
      font-size: 40px;
      line-height: 51px;


      /* Blue */

      color: #043161;
    }
    padding-left: 30px;
    padding-right: 105px;
  }
  display: flex;
  justify-content: space-between;
  &-form{
    flex-shrink: 0;
    background: #043161;
    width: 480px;      button{
    background: #27B0E8;
    height: 42px;
    width: 100%;
    display: flex;
    align-self: center;
    justify-content: center;
    font-weight: bold;
    cursor: pointer;
    font-size: 22px;
    line-height: 28px;
    align-items: center;
    margin-top: 40px;
    /* identical to box height */

    text-align: center;
    text-transform: uppercase;

    color: #FFFFFF;
  }
    form{
      padding: 25px 50px;
      padding-bottom: 35px;
    }
  }
  &-input{
    margin-bottom: 15px;
    textarea{
      height: 262px;
      background: #FFFFFF;

      width: 100%;
      padding: 10px 15px;
      font-family: "DIN 2014";
    }
    label{
      font-weight: 500;
      font-size: 20px;
      line-height: 26px;
      /* identical to box height */


      color: #FFFFFF;
      display: block;
      margin-bottom: 5px;
    }
    input{
      width: 100%;
      background: #FFFFFF;
      height: 40px;
      background: #FFFFFF;              font-family: "DIN 2014";

      padding: 0 15px;

    }
  }
}


.d1-sidebar{
  .transition(0.1)
}
.d1-radio{
  div{
    cursor: pointer;

  }
  label{
    cursor: pointer;
  }
}
a,button,.d1-btn,.d2-pay,.d2-btn{
  .transition();

}
.d1{
  background: transparent;
}
.footer{
  position: relative;
  &::after{
       background: #27B0E8;;
    height: 1px;
    width: 480px;
    position: absolute;
    top: 170px;
    left: 0;
    content: '';
  }
  .d1-socs{
    margin-top: 50px;
    padding: 0;
    width: 329.65px;

  }
  padding: 45px 70px;              background: #043161;
  p{
    font-style: normal;
    font-weight: 500;
              font-size: 22px;

    color: #FFFFFF;
    a{
   
      font-size: 30px;
      line-height: 38px;
      color: #FFFFFF;
      &:last-child{
        font-size: 22px;

      }

    }
  }
}
.d2-img{
  position: relative;
  &-label{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    a{
      width: 50%;
      height: 26px;
      background: #27B0E8;
      display: flex;
      align-items: center;
      justify-content: center;
      font-style: normal;
      font-weight: bold;
      font-size: 14px;
      line-height: 18px;                       color: #FFFFFF;
    }
  }
}
.d1-location{
  cursor: pointer;
  div{
    margin-top: 10px;
    background: #FFFFFF;
    height: 24px;
    position: relative;
    width: 24px;
    border-radius: 50%;        margin: -13px auto;

    svg{
      .pos_absc;
      max-width: 100000px;
    }
    position: relative;
  }
  input:checked{
    &+div{
      &::after{
        content: "";
        background: #27B0E8;
        height: 14px;
        width: 14px;
        border-radius: 50%;
        .pos_absc;
      }
    }
  }
}

.header-top-menu{
  display: flex;
  align-items: center;
  .header-favorites{
    margin-left: 40px;
    svg{
      top: 2px;
      position: relative;
    }
  }
}
.header-favorites{
  path{
    cursor: pointer;
    .transition();
  }
  &.active{
    path{
      fill:    #FA1E46;
    }
  }
}
.d4-input textarea{
  height: 370px;
}

.header-favorites-body{
  position: absolute;
  top: 100%;
  right: 0;
  background: rgba(255, 255, 255, 0.6);
  width: 380px;
  padding: 18px;
  a{
    background: #043161;
    height: 55px;
    width: 100%;
    margin: 0;
    margin-bottom: 12px;
    &:last-child{
      margin-bottom: 0;
    }
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    /* or 119% */

    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;

    color: #FFFFFF;

  }
}

.d2-item-body{
  position: relative;

}
.d2-form-head{
  font-weight: bold;
  font-size: 20px;
  line-height: 25px;
  /* or 125% */
  height: 43px;
  justify-content: center;
  display: flex;
  border-bottom: 1px solid #FFFFFF;

  align-items: center;
  text-align: center;

  color: #FFFFFF;

}
.d2-btn{
  cursor: pointer;
}
button{
  cursor: pointer;
}
.d2-form{
  position: absolute;
  right: 0;
  bottom: 0;
  top: 0;
  left: 0;
  background: #F7941D;
  textarea{
    height: 254px;  background: #FFFFFF;
    padding: 10px;
    width: 100%;
    margin-bottom: 15px;
  }
  form{
    padding: 15px 30px;
    height: ~"calc(100% - 43px)";
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    button{
      background: #043161;
      height: 50px;
      width: 100%;              font-family: "DIN 2014";

      display: flex;
      align-items: center;                           font-weight: bold;
      font-size: 22px;
      line-height: 28px;
      /* identical to box height */

      text-align: center;
      text-transform: uppercase;

      color: #FFFFFF;
      justify-content: center;
    }
    input{
      display: block;
      width: 100%;
      background: #FFFFFF;
      height: 40px;
      margin-bottom: 10px;
      padding: 0 10px;
      &:nth-child(4),&:nth-child(5){
        width: ~"calc(50% - 7.5px)";
      }
    }
  }

}


.d4-form button{
  height: 50px;margin-top: 20px}

.footer-line{
   background: #27B0E8;;
  height: 1px;
  margin: 25px 0;
  width: 100%;
}
.footer .d1-socs{
  margin-top: 0;
}
.footer::after{
  display: none;
}
.footer-flex{
  display: flex;justify-content: space-between;
  b{
    font-weight: 500;
    font-size: 25px;
    line-height: 32px;

    /* light */

    color: #27B0E8;

    display: block;
    margin-bottom: 20px;
  }
  form{
    display: flex;
    input{
      background: #FFFFFF;
      height: 40px;
       margin-right: 12px;

    padding: 0 15px;

      font-family: "DIN 2014";
      font-style: normal;
      font-weight: normal;
      font-size: 14px;
      line-height: 18px;
      /* identical to box height */


      width: 265px;

      color: #043161;
    }
    button{
      font-family: "DIN 2014";
      font-style: normal;
      font-weight: bold;
      font-size: 14px;
      line-height: 18px;
      /* identical to box height */background: #27B0E8;
justify-content: center;
      align-items: center;
      text-align: center;                    width: 205px;
      height: 40px;
      text-transform: uppercase;

      color: #FFFFFF;

    }
  }
}

html{
  overflow-x: auto;
}
.header-top-parent{
  background: #043161;

}
.d1{
  height: 100vh;
}
.header-menu-parent{
  background: rgba(4, 49, 97, 0.8);

  .wrap{
    background: transparent;
  }
}
.footer-parent{
  background: #043161;

}
.d1-footer{
  background: transparent;
  &-parent{
    background: rgba(255, 255, 255, 0.8);

  }
}
.header-top::after{
  width: 1600px;
  transform: translateX(700px);
}
.header-favorites-body{
  z-index: 50;
}
.d1-footer-parent{
  z-index: 2;
  position: relative;
}

.d1-slider{
  position: absolute!important;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}
.owl-carousel{
  div{
    max-width: 10000000px;
  }
}

.d1-slid{
  display: block;


  img{.c_img;
  }
  width: 100vw;
  height: 100vh;
}


.s1
{
  height: 648px;
  img{
    .c_img;
  }
}
.s2{
  &-left{
    flex-grow: 1;
  }
  &-value{
    display: flex;
    align-items: center;
    div{
      width: 85px;
      height: 35px;             background: #043161;
display: flex;
      align-items: center;justify-content: center;   font-weight: bold;
      font-size: 20px;
      line-height: 26px;
      /* identical to box height */

      display: flex;
      margin-right: 7px;
      align-items: center;
      text-align: center;
      text-transform: uppercase;

      color: #FFFFFF;
    }
  }
  &-value{
    b{
      font-weight: 500;
      font-size: 20px;
      line-height: 26px;
      display: flex;
      align-items: center;

      /* Blue */

      color: #043161;
    }
  }
  &-option{
    font-weight: 500;
    font-size: 15px;
    line-height: 19px;
    display: flex;

    align-items: center;

    /* Blue */

    color: #043161;
    width: 150px;
    flex-shrink: 0;
    &s{
      height: 35px;
      display: flex;
      align-items: center;
    }
  }
  &-map-btn{
    width: 290px;
    height: 35px;       background: #27B0E8;
    display: flex;
    align-items: center;          font-weight: bold;
    font-size: 14px;
    line-height: 18px;
    /* identical to box height */
                                      cursor: pointer;
    display: flex;
    align-items: center;
    text-align: center;
    text-transform: uppercase;

    color: #FFFFFF;
    justify-content: center;
  }
  padding-top: 15px;
  .d2-pay{
    margin-bottom: 0;
    width: 290px;
  }
  &-body{
    padding-top: 10px;
    border-top: 1px solid #27B0E8;

  }
  &-red{
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;

    /* Red */

    color: #FA1E46;

  }
  &-col{

    width: 420px;
   .d2-pris{
     padding: 0;
   }
  }
  &-pris{
    display: flex;
    flex-direction: column;
    .d2-pay{
      margin-left: auto;
      margin-top: 50px;
    }
  }
  &-row{
    display: flex;
    &:nth-child(2){
      margin: 40px 0;      font-size: 14px;
      line-height: 18px;

      color: #000000;
    }
    justify-content: space-between;
  }
  &-head{
    padding-bottom: 75px;
    display: flex;
    justify-content: space-between;
    b{
      font-weight: bold;
      font-size: 30px;
      line-height: 38px;
      text-transform: uppercase;

      /* Blue */

      color: #043161;

    }
  }
  &-flex{
    display: flex;
    justify-content: space-between;
  }
  .d2-form{
    position: static;    width: 436px;
    margin-left: 35px;
    flex-shrink: 0;

  }
}




.s3{
  margin: 100px 0;
  .wrap{
    display: flex;
    justify-content: space-between;
  }
  &-text{
    font-size: 14px;
    line-height: 18px;
    text-align: justify;

    color: #000000;
    width: 400px;
  }
  &-gallery{
    display: flex;
    justify-content: space-between;
    div{
      width: 266px;
      height: 264px;
      margin-right: 30px;
      &:last-child{
        margin-right: 0;
      }
      img{
        .c_img;
      }
    }
  }
}
.header{
  position: fixed;
}




.d2-head {
  font-weight: 500;
  font-size: 20px;
  line-height: 20px;
  padding: 0 10px;
}
/**
*
  Адаптивка
*
**/
.input-dlitelnost-label{
  position: relative;
  left: 3px;
}
.input-dlitelnost-labels{
  padding: 5px 0;
}
.d1-radio div {
  margin-top: 12px;}
.d1-radio{
  input{display: none}
  margin-right: 15px;
}
input,textarea{
  border-radius: 0;
}
.d1-location span{
  br{
    display: none;
  }
}
.s2-options {
  max-width: 650px;
  width: 650px;

}


div[data-radario-new-widget="true"]{
  .d2-pay;
  background: #c22c49!important;
  font-weight: bold!important;
  font-size: 30px!important;
  line-height: 38px!important;
  margin-bottom: 5px!important;
  display: flex!important;
  cursor: pointer!important;
  height: 60px!important;
  align-items: center!important;
  justify-content: center!important;
  text-align: center!important;
  text-transform: uppercase!important;
  color: #FFFFFF!important;
  border-radius: 0!important;;
}


.s2-pris div[data-radario-new-widget="true"]{
  margin-left: auto!important;
  margin-top: 50px!important;
}
 .s2 div[data-radario-new-widget="true"]{
   margin-bottom: 0!important;
   width: 290px!important;
 }


 .td1{
   height: 717px;
   img{
     .c_img;
   }
 }
.td{
  &-section{
    padding-top: 30px;
    padding-bottom: 150px;
  }
  &-ttl{
    font-style: normal;
    font-weight: 500;
    font-size: 40px;
    line-height: 51px;
    color: #043161;
    padding-bottom: 15px;
    margin-bottom: 25px;
    border-bottom: 1px solid #27B0E8;

  }
  &-more{
    background: #27B0E8;
    margin-top: 5px;
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
    display: flex;
    align-items: center;
    text-align: center;
    text-transform: uppercase;
.transition();
    color: #FFFFFF;
    height: 30px;

    &:hover {
      background: #043161;
    }
    justify-content: center;
  }
  &-options{
    display: flex;
    margin-bottom: 5px;
    height: 60px;      background: #043161!important;
img{
  max-width: 27px;
  margin: 0 10px;
}
    align-items: center;justify-content: center;
  }
  &-slider{
    img{
      height: 300px;
      object-fit: cover;
    }
    .owl-next,.owl-prev{
      width: 44px;
      height: 44px;

      /* Blue */

      background: #043161!important;
.ypos_ab;
    }
    .owl-prev{
      left: 0;
    }
    .owl-next{
      right: 0;
    }
  }
  &-item{
    width: 435px;
    margin-bottom: 70px;
    &-ttl{
      font-weight: 500;
      font-size: 25px;
      line-height: 25px;
      /* or 100% */

      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;

      color: #FFFFFF;
      background: #043161;
      height: 80px;
    }
  }
  &-flex{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
}
.st1{
  img{
    height: 648px;
    width: 100%;
    object-fit: cover;
  }
  .owl-next,.owl-prev{
    width: 69px;
    height: 69px;

    /* Blue */

    background: #043161!important;
    .ypos_ab;
  }
  .owl-prev{
    left: 0;
  }
  .owl-next{
    right: 0;
  }
}

.st2{
  &-content{
    flex-grow: 1;
  }
  padding-top: 15px;
  padding-bottom: 125px;
  .d2-form{
    position: relative;
    width: 435px;
    flex-shrink: 0;
    margin-left: 30px;
  }
  &-right{
    width: 400px;
    p{
      font-size: 14px;
      line-height: 18px;

      color: #000000;

      margin-bottom: 20px;
    }

  }
  &-icon{
    width: 27px;
    display: flex;
    justify-content: center;
  }
  &-option{
    display: flex;
    align-items: center;font-weight: 500;
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 25px;
    display: flex;
    align-items: center;

    /* Blue */

    color: #043161;
    img{
      margin-right: 30px;
    }

  }
  &-more{background: #27B0E8;
    margin-top: 75px;
    font-weight: bold;
    font-size: 30px;color: #FFFFFF;
    justify-content: center;
    line-height: 38px;
    height: 52px;
    display: flex;
    align-items: center;
    text-align: center;
    .transition();

    &:hover {
      background: #043161;
    }
    text-transform: uppercase;
  }
  &-flex{
    display: flex;
    justify-content: space-between;
  }
  &-ttl{
    font-weight: bold;
    font-size: 30px;
    line-height: 38px;
    text-transform: uppercase;

    /* Blue */

    color: #043161;
    padding-bottom: 80px;
    margin-bottom: 20px;
    border-bottom: 1px solid #27B0E8;
  }
  .wrap{
    display: flex;
    justify-content: space-between;
  }
}

.st3{
  margin-bottom: 80px;
  &-ttl{
    font-weight: bold;
    font-size: 30px;
    line-height: 38px;
    text-transform: uppercase;

    /* Blue */

    color: #043161;
    margin-bottom: 40px;
  }
  &-flex{
    display: flex;justify-content: space-between;
    flex-wrap: wrap;
  }
}
.td-slider .owl-next, .td-slider .owl-prev{
    display: flex;
    align-items: center;
    justify-content: center
}
a{
    color: inherit
}
@media only screen and(max-width: 1399px) {
  .wrap{
    width: 1170px;
  }
  .s2-options {
    max-width: 450px;
    width: 650px;

  }
  .d2-form-head{
    font-size: 18px;
  }
  .d1-socs{
    display: none;
  }
  .header-menu a{
    margin: 0!important;
    height: auto;
    padding: 2px 5px;
    margin-bottom: 5px!important;
  }
  .header-top-menu a{
    font-size: 18px;
    margin-left: 20px;

  }
  .d1-radio span,.d1-location span{
    font-size: 14px;
  }
  .d1-radios{
    margin-top: 15px;
  }
  .d1-location > svg:first-child{
    display: none;
  }
  .d1-ttl{
    margin-bottom: 10px;
  }
  .d1-footer{
    padding-right: 30px;
    padding-left: 410px;

  }
  .header-favorites-body{
    padding: 12px;
    a{
      margin-left: 0;
      font-size: 16px;
    }
  }
  .d2 {
    padding-left: 410px;
    padding-right: 0px;
    padding-top:30px;
  }
  .d1-head{
    padding: 10px;
  }
  .d1-radios{
    width: 340px;
  }
  .d1-sidebar{
    width: 380px;
  }
  .d1-group{
    padding: 10px 20px;
  }
  .header-left span{
    font-size: 12px;
    margin-top: 3px;
  }
  .header-top::after {
    width: 1391px;
  }
  .header-menu{
    padding-bottom: 0;
  }
  .header-menu a{
    width: 150px !important;
  }
  .footer p{font-size: 18px}
  .d2-item {
    margin-bottom: 35px;
    width: 365px;
  }
    .td-item{
        width: 370px;    margin-bottom: 30px;

    }
  .footer p a{
    font-size: 24px;
  }
  .d3-item{
    margin-bottom: 40px;
    width: 325px;
  }
  .footer-flex form input{
    width: 200px;
  }

  .s2 .d2-form {
    position: static;
    width: 370px;
    margin-left: 20px;
  }
  .s2-col {
    width: 350px;
  }
  .s3-gallery div {
    width: 220px;
    height: 220px;}

}
.header-burger{
  display: none;
}
.header-drop{
  display: none;
}
.menu-drop{
  display: none;
}
.burger-menu{
  display: none;
}
.header{
  z-index: 40;
  
}
html,body{
  overflow-x: hidden;
}

.header-top-menu a{
  &:hover{
    color: #27B0E8;

  }
}
.d1-socs a{
  path{.transition();}
  &:hover{
    path{
      fill: #27B0E8!important;
    }
  }
}
.d2-btn:hover{
   background: #F4A445;
}.d2-form form button:hover{
   background: #F4A445;
}

.d2-pay{
  &:hover{
       background: #043161!important;
  }
}
.d2-img-label a:hover{
     background: #043161;
}
.header-menu a{
  &:hover{
    background: #043161;
  }
}
.d1-btn,.d4-form button,.footer-flex form button{


&:hover{
  background: #F7941D;
}}
.d1-slid{
  iframe{
    width: 100%!important;
    height: 100%!important;
  }
}

.tekst_po_levomu_krayu{
  font-weight: 500;
  font-size: 20px;
  line-height: 26px;
  color: #043161;
  margin-bottom: 10px;
}

@media only screen and(max-width: 1199px) {

  .md-show {display: block !important;}
  .md-hide {display: none !important;}
  .s2  div[data-radario-new-widget="true"] {
    margin-top: 10px!important;
    width: 100%!important;
  }
  .td1,.st1 img{
    height: 400px;
  }
  .d2-share{
    display: none!important;
  }
  .st1 .owl-next, .st1 .owl-prev{
    height: 40px;    svg{
    max-width: 80%;
  }
    width: 40px;
    padding: 5px!important;
  }
  .td-slider .owl-next, .td-slider .owl-prev{
    height: 40px;
    width: 40px;
    svg{
      max-width: 80%;
    }
    padding: 5px!important;
  }
  .s2-options {
    max-width: 100%;
    width: 650px;

  }
  .td-slider img{
    height: 240px;
  }
  .td-section{
    padding-bottom: 40px;
  }
  .st2-flex{
    display: block;
  }
  .st2{
    padding-bottom: 60px;
  }
  .st2-options{
    padding-left: 15px;
  }
  .st2-more{
    margin-top: 40px;
    font-size: 24px;
    line-height: normal;
  }
  .st2-option{
    margin-bottom: 15px;
  }
  .td-ttl,.st2-ttl{
    padding-bottom: 10px;
    margin-bottom: 15px;
    font-size: 28px;
    line-height: normal;
  }
  .d1-sidebar{
    width: 100%;
  }
  .s1{
    height: 300px;
  }
  .s3 .wrap{
    display: block;
  }
  .s3-gallery div{
    margin-right: 0;          margin-bottom: 20px;
    height: auto;
    width: ~"calc(50% - 10px)";
  }
 
  .s2 .d2-form{
    margin-left: 0;
    width: 100%;margin-top: 20px;
  }
  .s3-gallery{
    display: flex;
    margin-top: 20px;
    flex-wrap: wrap;
  }
  .s3{
    margin: 40px 0;
  }
  .s2-flex{display: block}
  .s2-head{
    display: block;
    padding-bottom: 20px;
  }
  .s2-options{
    display: block;    height: auto;
    margin-bottom: 15px;
  }
  .s2-option{
    margin-bottom: 5px;
  }
  .s2-map-btn{
    width: 100%;
  }
  .s2-row{
    display: block;
  }
  .s2-col{        &:first-child{
    margin-bottom: 20px;
  }
    width: 100%;
  }
  .s2-row:nth-child(2){
    margin: 20px 0;
  }
  .s2 .d2-pay{
    margin-top: 10px;
    width: 100%;
  }
  .d1-slid{
    height: 250px;
  }
  .header-top{
    padding: 10px 15px;
  }
  .menu-drop-hide{
    background: #27B0E8;
    height: 31px;
    margin-top: 10px;
    width: 100%;display: flex;
    align-items: center;
    justify-content: center;
  }
  .menu-drop{
    padding: 15px;
    padding-top: 90px;
    overflow-y: auto;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 10;
    background: rgba(4, 49, 97, 0.8);
    display: block;
    &-flex{
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      a{margin-bottom: 10px;

        font-weight: 800;
        font-size: 10px;
        line-height: 14px;
        /* identical to box height */
        background: #F7941D;
        height: 40.82px;

        display: flex;
        align-items: center;
        text-align: center;
        justify-content: center;
        text-transform: uppercase;

        color: #FFFFFF;

      }
      .menu-long{
        width: ~"calc(50% - 10px)";
      }
      .menu-small{
        width: 30%;
      }
    }
  }

  .header-drop{
    background: #F7941D;
    width: 57px;
    height: 27px;
    display: flex;
    align-items: center;
    position: absolute;
    top: 100%;
    left: 15px;
    justify-content: center;
  }

  .d1{
    height: 250px;
  }
  .d2{
    padding-left: 0;
  }
  .wrap{
    padding-left: 15px;
    padding-right: 15px;
  }
  .d2{
    padding-top: 0 ;
  }
  .d1-footer-parent{
    display: none;
  }
  .header-left img{
    width: 160px;
  }
  .header-left span{
    font-size: 7px;
    line-height: 9px;
  }
  .header-top::after{
    display: none;
  }
  .header-burger{
    display: flex;
    flex-direction: column;
    width: 29px;
    height: 22px;
    div{
      background: #27B0E8;
      height: 4px;

    }
    justify-content: space-between;
  }
  .header-right,.header-menu-parent{
    display: none;
  }

  .d1-sidebar{
    position: static;
  }
  .d1-socs,.d1-socs + .d1-ttl{
    display: none;
  }
  .d1-radios{
    padding: 0 15px;
  }
  .d1-radio span, .d1-location span{
    font-size: 12px;
  }
  .d1-radio div,.d1-location div{
    width: 18px;
    height: 18px;
    &::after{

    }
  }
  .d1-location input:checked + div::after,
  .d1-radio input:checked + div::after{
    width: 11px;
    height: 11px;
  }
  .d1-location > svg:first-child {
    /* display: none; */
  display: block;
  }
  .d1-radios{
    margin-top: 40px;
    margin-bottom: 0;
  }

  .d2-item{
    width: 100%;
  }
  .d2-time div {
    flex-shrink: 0;
  }
  .d2-form-head{font-size: 14px}
  .d2-form form{
    padding: 15px;
  }
  .d2-form textarea {
    height: 200px;
  }
  .d2-btn{
    font-size: 14px;
    line-height: 20px;
  }
  .d2-pay{
    height: 52px;font-size: 30px;
    line-height: 38px;
  }
  .d2-time{
    font-size: 16px;
    line-height: 25px;
  }
  .d2-pris-top span{
    font-size: 16px;
    line-height: normal;
  }
  .d2-pris-top b{
    font-size: 35px;
    line-height: 45px;
  }
  .d2-pris{
    padding: 15px 10px;
  }

  .d2-img{
    height: 200px;
  }
  .d2-content{
    padding: 15px;
  }
  .d2-stars{margin-right: 15px}
  .d2-like{
    display: none;
  }

  .d2{
    padding-top: 30px;
  }
  .d2-head{
    height: 60px;;
    font-size: 16px;

  }
  .d2-ttl{
    font-size: 30px;
    line-height: 30px;
    text-align: center;
  }


  .d3{padding-top: 0}
  .d3-item{
    margin-bottom: 20px;
    width: ~"calc(50% - 10px)";
  }
  .d4{
    padding: 0;
    display: flex;
    flex-direction: column-reverse;
  }
  .footer-flex form{display: block;button{
    width: 100%;
  }}
  .footer-flex form input{
    width: 100%;margin-right: 0;
    margin-bottom: 10px;    display: block;
  }
  .footer{
    &-form{
      margin: 0 auto;
      width: 270px;
      
    }
    padding: 20px 15px;
  }
  .footer-line{
    
  }
  .footer-flex{
    b{
      font-size: 20px;
      line-height: 20px;
      text-align: center;
    }
    flex-direction: column;
    p{
      text-align: center;
    }
  }
  .d4-right h2{
    font-size: 30px;
    line-height: 30px;
    text-align: center;
  }
  .d4-item{
    margin-top: 20px;
    flex-direction: column;
    align-items: center;
  }
  .d4-item p{
    margin-left: 0;
    margin-top: 20px;
    text-align: center;
  }
  .d4-right{
    padding: 15px;
  }
  .d4-form form{
    padding: 15px;
  }
  .d4-input textarea{
    height: 200px;
  }

  .burger-menu{
    padding-bottom: 35px;
  }
  .burger-tel{
    margin-bottom: 20px;
    padding: 20px;
    text-align: center;
    border-top: 1px solid #27B0E8;
    border-bottom: 1px solid #27B0E8;
    a{    font-weight: 500;
      font-size: 20px;
      line-height: 26px;
      /* identical to box height */

      text-align: center;
      letter-spacing: 0.035em;

      color: #FFFFFF;
      &:first-child{
        font-size: 30px;
        line-height: 38px;
      }
    }
  }
  .burger-footer{
    .d1-socs{display: flex}
    .d1-ttl{        span{   color: #FFFFFF!important;

    }

      display: block;
    }
  }
  .burger-menu{
    overflow-y: auto;
    display: block;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    padding-top: 80px;
    z-index: 10;background: rgba(4, 49, 97, 0.88);
    ul{
      padding: 30px;
      a{
        font-weight: bold;
        font-size: 25px;
        line-height: 32px;
        text-align: center;
        text-transform: uppercase;

        color: #FFFFFF;

      }
      li{              text-align: center;
        margin-bottom: 30px;
        &:last-child{
          margin-bottom: 0;
        }
      }
    }
  }

  .header-burger{
    position: relative;
    div{
      .transition();
    }
    &.active{
      div:nth-child(2){
        display: none;
      }
      div:first-child{
        position: relative;
        top: 9px;

        transform: rotate(45deg);
      }
      div:last-child{
        position: relative;
        transform: rotate(-45deg);
        top: -9px;

      }
    }
  }

  .header-drop{
    width: 100%;
    left: 0;
    right: 0;
    height: 27px;
    font-weight: 800;
    font-size: 11px;
    line-height: 14px;
    /* identical to box height */

    display: flex;
    align-items: center;
    text-align: center;
    text-transform: uppercase;

    color: #FFFFFF;
    padding-left: 15px;
    padding-right: 15px;    justify-content: space-between;

  }
  .d1 {
    height: 250px;
    margin-top: 75px;
  }
  .header-left{
    text-align: left;

  }
  .d2-item{

    border: 2px solid #27B0E8;
    padding: 7px;
  }
  .d2.wrap{
    padding-left: 5px;padding-right: 5px;
  }
  .d2-time{
    line-height: normal;
  }
}
.d2-time{
  align-items: flex-start;
}
.d2-time div{
  position: relative;
  flex-shrink: 0;
  top: 5px;
}
.d1-radio{
  display: none;
  &:first-child{
    display: flex;
  }
  &:nth-child(2){
    display: flex;

  }
  &:nth-child(3){
    display: flex;

  }
}


@media only screen and(max-width: 991px) {

  .sm-show {display: block !important;}
  .sm-hide {display: none !important;}
  .d2-time div{
    position: relative;
    flex-shrink: 0;
    top: 3px;
  }
}


@media only screen and(max-width: 767px) {

  .xs-show {display: block !important;}
  .xs-hide {display: none !important;}

  .row {
    margin-left: -10px;
    margin-right: -10px;
  }

  [class*="col-"] {
    padding-left: 10px;
    padding-right: 10px;
  }

}


@media only screen and(max-width: 375px) {

}


@media only screen and(max-width: 320px) {

}





/**
*
  Owl Carousel
*
**/
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }
  .owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden;
    /* fix firefox animation glitch */ }
  .owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px); }
  .owl-carousel .owl-wrapper,
  .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0); }
  .owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none; }
  .owl-carousel .owl-item img {
    display: block;
    width: 100%; }
  .owl-carousel .owl-nav.disabled,
  .owl-carousel .owl-dots.disabled {
    display: none; }
  .owl-carousel .owl-nav .owl-prev,
  .owl-carousel .owl-nav .owl-next,
  .owl-carousel .owl-dot {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel .owl-nav button.owl-prev,
  .owl-carousel .owl-nav button.owl-next,
  .owl-carousel button.owl-dot {
    background: none;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit; }
  .owl-carousel.owl-loaded {
    display: block; }
  .owl-carousel.owl-loading {
    opacity: 0;
    display: block; }
  .owl-carousel.owl-hidden {
    opacity: 0; }
  .owl-carousel.owl-refresh .owl-item {
    visibility: hidden; }
  .owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-grab {
    cursor: move;
    cursor: grab; }
  .owl-carousel.owl-rtl {
    direction: rtl; }
  .owl-carousel.owl-rtl .owl-item {
    float: right; }

/* No Js */
.no-js .owl-carousel {
  display: block; }

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut {
  animation-name: fadeOut; }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

/*
 *  Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out; }

/*
 *  Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item {
  /**
      This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
      calculation of the height of the owl-item that breaks page layouts
     */ }
  .owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 400ms ease; }
  .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
    max-height: 0; }
  .owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d; }

/*
 *  Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease; }

.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
      transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none; }

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; }


.header-socs{
 a{
   svg{
     height: 17px !important;
     width: auto;
     max-width: 17px;
     path{
       fill:#27B0E8
     }
   }
 }
}
.tag-off,.time-off,.location-off,.pris-off{
  display: none;
}
.stars {
  display: inline-block;
  font-size: 16px;
  font-family: Times;
  line-height: 0.8;
  text-align: center;
}
.stars__content {
  display: inline-flex;
  width: calc(100% - 2px);
  letter-spacing: 2px;
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-stroke: transparent;
  -webkit-text-fill-color: transparent;
  overflow: hidden;
}
.d2-like.active{
  path{
    fill: #FA1E46;
  }
}

.d2-share-content{
  .share-close{
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
    svg{
      width: 20px;
      height: 20px;
      path{
        fill:#043161!important;
      }
    }
  }
  .pos_absc ;
  z-index: 100;
  position: fixed;
  background: white;
  padding: 30px;
  width: 340px;
}
.s2-options{
  height: auto;
  align-items: flex-start;
}
.s2-option{
  padding-top:4px;
}
.s2-value{
  flex-wrap: wrap;
  div{
    margin-bottom: 5px;
  }
}
.map-modal .share-close {
  position: absolute;
  right: 0;
  z-index: 10;
  background: white;
  top: 0;
  padding: 20px;
}