@font-face {
	font-family: 'FiraSansRegular';
	src: url('fonts/FiraSans-Regular.eot');
	src: local('O'), url('fonts/FiraSans-Regular.woff') format('woff'), url('fonts/FiraSans-Regular.ttf') format('truetype'), url('fonts/FiraSans-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'FiraSansThin';
	src: url('fonts/FiraSans-Thin.eot');
	src: local('O'), url('fonts/FiraSans-Thin.woff') format('woff'), url('fonts/FiraSans-Thin.ttf') format('truetype'), url('fonts/FiraSans-Thin.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'ProximaNovaBlack';
	src: url('fonts/ProximaNovaBlack.eot');
	src: local('O'), url('fonts/ProximaNovaBlack.woff') format('woff'), url('fonts/ProximaNovaBlack.ttf') format('truetype'), url('fonts/ProximaNovaBlack.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'als_rublregular';
    src: url('fonts/rouble-webfont.eot');
    src: url('fonts/rouble-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/rouble-webfont.woff') format('woff'),
         url('fonts/rouble-webfont.ttf') format('truetype'),
         url('fonts/rouble-webfont.svg#als_rublregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




body{
  margin: 0px; padding: 0px; height: 100%; background: #070707; font-size: 12px; background: #ffffff;
  cursor: default; font-family: ProximaNovaBlack, Arial, sans-serif; letter-spacing: 1px;
  border-top: 5px solid #000; border-bottom: 15px solid #000;}

#GLOBAL{
  width: 100%; min-width: 310px; text-align: center; overflow: hidden;
  position: relative; color: #000; background: #070707;}

#MAIN{ text-align: center;}

div.BLOCK{ text-align: center; position: relative;}
div.CNTR{height: 100%;  width: calc(95% - 20px); max-width: 1300px; text-align: left; margin: auto; position: relative;
  padding: 0px 10px 0px 10px; text-transform: uppercase;}




/* SELECTORS -> */

a{color: #0f92cf; border-bottom: 1px solid #0f92cf; text-decoration: none;
  padding-bottom: 0px; line-height: 120%;
  -webkit-transition: all 0.2s ease;
  -moz-transition:    all 0.2s ease;
  -o-transition:      all 0.2s ease;
  transition:         all 0.2s ease;}
a:hover{color: #00a0fa; border-bottom: 1px solid #00a0fa;}
a img{border: none}

div.CLR{clear: both; _display: inline;}
p, form, h1, h2, h3, h4, h5{padding: 0; margin: 0; font-weight: normal;}
h1, h2, h3, h4, h5{ text-transform: uppercase; line-height: 120%;}

p{padding-bottom: 8px; text-transform: none;}

h1{ margin-bottom: 15px; padding-top: 40px; font-size: 40px; letter-spacing: 2px; text-shadow: 2px 1px 0px #000;}
h2{ margin-bottom: 0px; padding-top: 25px; font-size: 24px; letter-spacing: 2px; text-shadow: 2px 1px 0px #000;}
h3{ margin-bottom: 20px; font-size: 20px;}
h4{ margin-bottom: 6px; font-size: 13px;}
h5{ margin-bottom: 2px; font-size: 13px;}
.hline{border-bottom: 1px solid #c2dee8; padding-bottom: 15px;}
b, strong{font-family: OpenSansSemibold, Arial, sans-serif; font-weight: normal;}


.right{float: right;}
.left{float: left;}
.center{text-align: center;}
.t-left{text-align: left;}
.nobg{background: none;}
.hide{display: none;}
.uc{text-transform: uppercase;}
.date{color: #91969e;}
.rub{font-family: als_rublregular !important; text-transform: none;}
.bf, .act{border: none !important;}
.mt{margin-top: 30px;}
.nmt{margin-top: -30px !important;}
.mb{margin-bottom: 30px !important;}
.nmb{margin-bottom: 5px !important;}
.dc{width: 50%; margin-left: 50%;}
.green{color: #2bab61; font-weight: bold;}
.red{color: #ca0b0c;}
.lhn{line-height: 85% !important;}

.pic a, .pic_ah a{border: none;}



.f10{font-size: 10px;}
.f11{font-size: 11px;}
.f12{font-size: 12px;}
.f13{font-size: 13px;}
.f14{font-size: 14px;}
.f15{font-size: 15px;}
.f16{font-size: 16px;}
.f18{font-size: 18px;}
.f19{font-size: 19px;}
.f20{font-size: 20px;}
.f22{font-size: 22px;}
.f24{font-size: 24px;}
.f28{font-size: 28px;}
.f30{font-size: 30px;}

.item{margin-bottom: 20px;}

.nb{border: none; color: #000; font-weight: normal;}
.nb:hover{border: none; text-decoration: underline;}


table{margin: 0px; padding: 0px; width: 100%; border-spacing: 0px 0px;
  border-collapse: collapse; line-height: 100%;}
table tr, table td{margin: 0px; padding: 0px; vertical-align: top;}

.w25{width: 24%;}
.w33{width: 33%;}
.w100{width: 100%;}









/*//////////*/
/* FORMS -> */
/*//////////*/

form{clear: both;}
select{font-size: 24px;}


:focus {outline: none;}
label{cursor: pointer;}

input[type="text"]{ border: none; color: #000;
    height: 43px; margin-top: 8px; padding: 0px 10px 0px 8px; margin-right: 10px; font-size: 16px;
    background: #fff; width: 95%; font-family: ProximaNovaBlack, Arial, sans-serif;

  -webkit-transition: all 0.4s ease;
  -moz-transition:    all 0.4s ease;
  -o-transition:      all 0.4s ease;
  transition:         all 0.4s ease;

  -webkit-border-radius: 3px;
  -moz-border-radius:    3px;
  border-radius:         3px;
  }
input[type="text"]:hover{
  -webkit-box-shadow: 0px 0px 13px 2px rgba(0,184,242,0.75);
  -moz-box-shadow: 0px 0px 13px 2px rgba(0,184,242,0.75);
   box-shadow: 0px 0px 13px 2px rgba(0,184,242,0.75);}

textarea{ border: none; color: #63666f; padding: 9px;
  width: 100%; height: 100px; font-family: ProximaNovaBlack, Arial, sans-serif;
  border: 1px solid #f6f6f8; background: #f6f6f8;

  -webkit-box-shadow: 1px 1px 0px #0091ff;
  -moz-box-shadow:    1px 1px 0px #0091ff;
  box-shadow:         3px 4px 0px #0091ff;

  -webkit-transition: all 0.4s ease;
  -moz-transition:    all 0.4s ease;
  -o-transition:      all 0.4s ease;
  transition:         all 0.4s ease;

  -webkit-border-radius: 1px;
  -moz-border-radius:    1px;
  border-radius:         1px;
    }

textarea:hover{background: #fff;}
input[type="text"]:focus, textarea:focus{
  -webkit-box-shadow: 0px 0px 6px 1px #0091ff;
  -moz-box-shadow:    0px 0px 6px 1px #0091ff;
  box-shadow:         0px 0px 6px 1px #0091ff;}


/* FILE -> */

.file_upload{display: block; position: relative; height: 43px; width: 300px;}
.file_upload .button, .file_upload > mark{ display: block; cursor: pointer}
.file_upload .button{ box-sizing: border-box; -moz-box-sizing: border-box;
  width: 90px; text-align: center; position: absolute; right: -110px; top: 7px;}
.file_upload > mark{ background: transparent; padding: 13px;}
.file_upload input[type=file]{ position: absolute; top: 0; opacity: 0}


.file_upload{border: 1px solid #f6f6f8; background: #f6f6f8;
  -webkit-box-shadow: 1px 1px 0px #dddddd;
  -moz-box-shadow:    1px 1px 0px #dddddd;
  box-shadow:         3px 4px 0px #dddddd;

  -webkit-transition: all 0.2s ease;
  -moz-transition:    all 0.2s ease;
  -o-transition:      all 0.2s ease;
  transition:         all 0.2s ease;

  -webkit-border-radius: 1px;
  -moz-border-radius:    1px;
  border-radius:         1px;
}
.file_upload.focus{background: #fff; border: 1px solid #7eb898;}
.file_upload .button{
    border: 1px solid #00842d; text-transform: uppercase; color: #fff;
    padding: 8px 10px 8px 10px; cursor: pointer; font-size: 11px;

    -webkit-border-radius: 2px;
  -moz-border-radius:    2px;
  border-radius:         2px;
    background: #006a24; /* Old browsers */
    background: -moz-linear-gradient(top, #006a24 0%, #004718 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#006a24), color-stop(100%,#004718)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #006a24 0%,#004718 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #006a24 0%,#004718 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #006a24 0%,#004718 100%); /* IE10+ */
    background: linear-gradient(to bottom, #006a24 0%,#004718 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006a24', endColorstr='#004718',GradientType=0 );

  -webkit-transition: all 0.2s ease;
  -moz-transition:    all 0.2s ease;
  -o-transition:      all 0.2s ease;
  transition:         all 0.2s ease;
}
.file_upload:hover .button{
    -webkit-box-shadow: 0px 0px 2px 1px #44956f;
  -moz-box-shadow:    0px 0px 2px 1px #44956f;
  box-shadow:         0px 0px 2px 1px #44956f;
}





/* BUTTONS -> */

input[type="button"], input[type="submit"], a.button
 {color: #fff; text-transform: uppercase; margin-top: 30px; border: none;
  padding: 25px 75px 25px 75px; cursor: pointer; font-size: 13px;
  font-family: ProximaNovaBlack, Arial, sans-serif; letter-spacing: 1.5px;
  background: rgb(0,221,230);
  background: linear-gradient(180deg, rgba(0,221,230,1) 0%, rgba(0,144,255,1) 100%);

  -webkit-border-radius: 7px;
  -moz-border-radius:    7px;
  border-radius:         7px;

  -webkit-transition: all 0.4s ease;
  -moz-transition:    all 0.4s ease;
  -o-transition:      all 0.4s ease;
  transition:         all 0.4s ease;

  -webkit-box-shadow: 0px 0px 13px 2px rgba(0,184,242,0.75);
  -moz-box-shadow: 0px 0px 13px 2px rgba(0,184,242,0.75);
   box-shadow: 0px 0px 13px 2px rgba(0,184,242,0.75);
  }


a.button:hover, input[type="button"]:hover, input[type="submit"]:hover{
  -webkit-box-shadow: 0px 0px 3px 1px rgba(0,184,242,0.75);
  -moz-box-shadow: 0px 0px 3px 1px rgba(0,184,242,0.75);
   box-shadow: 0px 0px 3px 1px rgba(0,184,242,0.75);}


/* CHECKBOX & RADIO -> */

input[type="checkbox"], input[type="radio"] {display: none;}

input[type="checkbox"] + label:before,
input[type="radio"] + label:before{
  display: inline-block; width: 24px; height: 24px; margin: -6px 10px 0 0;
  vertical-align: middle; background: #00a7f8; cursor: pointer; content: "";
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;

    /*
  -webkit-transition: all 0.2s ease;
  -moz-transition:    all 0.2s ease;
  -o-transition:      all 0.2s ease;
  transition:         all 0.2s ease;
    */

  }
input[type="checkbox"] + label,
input[type="radio"] + label
{ margin-right: 20px;}

input[type="checkbox"]:checked + label:before,
input[type="radio"]:checked + label:before {
  content: "";
  background: rgb(0,221,230) url(images/chbox.png) no-repeat;
  -webkit-box-shadow: 0px 0px 13px 0px rgba(0,184,242,1);
  -moz-box-shadow: 0px 0px 13px 0px rgba(0,184,242,1);
  box-shadow: 0px 0px 13px 0px rgba(0,184,242,1);}

input[disabled="disabled"] + label:before,
input[disabled="disabled"] + label:before
{ cursor: default; opacity: 0.5;}


input[type="text"]:hover{}
input[disabled="disabled"]{ cursor: default; opacity: 0.5;}









/* HEADER -> */



div.HEADER{
  text-align: center; position: relative; z-index: 5; color: #fff; text-align: right;
   height: 800px;}

  div.HEADER p{ color: #b0b9c2; font-size: 22px; font-family: FiraSansThin, Arial, sans-serif; letter-spacing: normal;}
  div.HEADER p.small{ color: #64707c; font-size: 15px;}

div.VIDEO{width: 100%; height: 100%;}
div.VIDEO img{width: 100%; height: 100%;}

div.HEADER div.ABS{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;
  background: url(images/bg_mask.png) repeat;}

  .grey-1{color: #767572;}
  .grey-2{color: #3a3a3a;}
  .grey-3{color: #a2b4c5;}


div.SOCIAL{
  height: 38px; width: 310px; float: right; margin-right: 220px;
  background-image: url(images/bg_soc.png); background-size: contain; background-position: center; background-repeat: no-repeat;
  text-align: center; padding-top: 10px;}

  a.vk, a.ig{ display: inline-block; width: 26px; height: 19px; background: url(images/icon_vk.png) no-repeat;
    border: none; margin: 0px 8px 0px 8px; opacity: 0.8;}
  a.ig{ background: url(images/icon_ig.png) no-repeat;}

    a.vk:hover, a.ig:hover{ opacity: 1;}

div.TOPLINE{width: 100%; height: auto; background: url(images/bg_header.png) repeat; position: relative;}

a.LOGO, a.LOGO-F{
  position: relative; display: block; border: none; text-decoration: none; float: left;
  color: #fff; font-size: 14px; width: 24%; font-size: 11px; margin-bottom: 20px;}

  a.LOGO-F{ margin-top: -15px; margin-bottom: 0px;}

  a.LOGO img, a.LOGO-F img{ margin-bottom: 15px; width: 100%;}
  a.LOGO-F img{ width: 60%;}
  a.LOGO span, a.LOGO-F span{ color: #00aefe;}


div.MENU{ font-size: 22px; text-transform: uppercase; position: relative; float: left; margin-left: 7%; margin-top: 38px;}

  div.MENU a{ display: inline-block; margin-right: 45px; color: #fff; border-bottom: 1px dotted #595959;
    margin-bottom: 20px; text-shadow: 1px 1px 0px #000; position: relative; padding-bottom: 4px;}
  div.MENU a:hover{ border-bottom: 1px solid #00aefe;}

  div.MENU a:nth-child(-n+2):after { content: ""; position: absolute; width: 47px; height: 56px; background-image: url(images/line.png);
    background-repeat: no-repeat; background-size: contain; right: -48px; top: -15px;}

   a.phone{ display: inline-block; margin-right: 15px; color: #fff; border: none;
    margin-bottom: 20px; font-size: 22px; margin-top: 38px; float: right;}

   a.viber, a.whapp{ display: inline-block; margin-right: 8px; color: #fff; border: none;
    margin-bottom: 20px; margin-top: 38px; float: right; background: url(images/icon_wapp.png) no-repeat;
    width: 25px; height: 27px;}

    a.viber{ background: url(images/icon_vbr.png) no-repeat;}

    a.phone:hover, a.viber:hover, a.whapp:hover{ opacity: 0.5;}


  div.SOCIAL:after { content: ""; position: absolute; bottom: 68px; left: -2000px; width: 2000px; height: 500px;
    background: url(images/bg_header.png) repeat;}
  div.SOCIAL:before { content: ""; position: absolute; bottom: 30px; right: -2000px; width: 2000px; height: 500px;
    background: url(images/bg_header.png) repeat;}

  div.DECH:after { content: ""; position: absolute; bottom: 0px; left: -165px; width: 165px; height: 68px;
    background: url(images/bg_h_left.png) no-repeat;}
  div.DECH:before { content: ""; position: absolute; bottom: 0px; right: -85px; width: 85px; height: 30px;
    background: url(images/bg_h_right.png) no-repeat;}



div.ADV{ margin-bottom: 80px;}

  div.ADV:before { content: ""; position: absolute; bottom: 0px; left: 130px; width: 175px; height: 48px;
    background: url(images/dec_h_bott.png) no-repeat;}
  div.ADV:after { content: ""; position: absolute; bottom: 0px; left: 305px; width: 5000px; height: 48px;
     background: #070707;}




div.BOX{
  text-align: center; position: relative; z-index: 7; color: #fff;
  text-align: left; font-size: 14px; min-height: 300px;
  background: rgb(7,7,7);
  background: linear-gradient(180deg, rgba(7,7,7,1) 0%, rgba(17,17,17,1) 100%);}


  ul.box-carousel{ padding: 0px; margin: 0px; list-style: none; width: 100%; overflow: hidden;}

  ul.box-carousel li{ padding: 0px; margin: 0px; list-style: none; display: inline-block;
     width: 100%; padding-left: 2px; position: relative;}

     ul.box-carousel li a.link-mask{ position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px;
       cursor: pointer; border: none;}

  ul.box-carousel li h2{ font-size: 60px; position: relative; display: inline-block; margin-top: 35px;}
    ul.box-carousel li h2:after{ content: ""; display: block; position: absolute;
      width: 167px; height: 167px; background: url(images/shtamp.png) no-repeat; right: -210px; top: -35px;}

    ul.box-carousel li img{ width: 100%; margin-bottom: -95px;}

    a.box-button{display: inline-block;}
    div.button-block{text-align: center; position: absolute; bottom: 70px; width: 100%; visibility: hidden;}

  div.box-param{ width: 350px; float: left; margin: 50px 35px -70px 0px;}

    div.param-tange{ width: 100%; height: 5px; margin: 18px 0px 11px 0px; padding: 2px;
      -webkit-border-radius: 5px;
      -moz-border-radius:    5px;
      border-radius:         5px;
      background: rgb(34,34,34);
      background: linear-gradient(180deg, rgba(34,34,34,1) 0%, rgba(47,47,47,1) 100%);}

      div.param-tange div{ height: 5px; background: url(images/range_bg.png) repeat-x; position: relative;
        -webkit-border-radius: 3px;
        -moz-border-radius:    3px;
        border-radius:         3px;

        -webkit-box-shadow: 0px 0px 15px 1px rgba(0,145,255,1);
        -moz-box-shadow: 0px 0px 15px 1px rgba(0,145,255,1);
        box-shadow: 0px 0px 15px 1px rgba(0,145,255,1);}

        div.param-tange div:after{ content: ""; display: block; position: absolute; width: 15px; height: 9px;
          background: url(images/range_end.png) no-repeat; right: 0px; top: -2px;}

      div.box-price{ width: 147px; height: 135px; float: right; background: url(images/price_bg.png) no-repeat;
        margin: -60px 250px -80px 10px; font-size: 37px; line-height: 70%; padding: 52px 0px 0px 40px;
        position: relative;}

        div.box-price div{ width: 140px; height: 146px; background-repeat: no-repeat; position: absolute;
          top: -33px; right: -32px;}

          div.box-price div.price-range-1{background-image: url(images/price_range_1.png);}
          div.box-price div.price-range-2{background-image: url(images/price_range_2.png);}
          div.box-price div.price-range-3{background-image: url(images/price_range_3.png);}


    div.owl-dots{ text-align: center; padding-bottom: 15px;}
    .owl-carousel button.owl-dot{ display: inline-block; width: 14px; height: 14px; background: #ccc !important;
      margin: 0px 3px 0px 3px;
      -webkit-border-radius: 7px;
      -moz-border-radius:    7px;
      border-radius:         7px;}

      .owl-carousel button.active{
          background: rgb(0,221,230) !important;
          -webkit-box-shadow: 0px 0px 5px 2px rgba(0,184,242,0.75);
          -moz-box-shadow: 0px 0px 5px 2px rgba(0,184,242,0.75);
          box-shadow: 0px 0px 5px 2px rgba(0,184,242,0.75);
      }







div.ITEMS{width: 100%; background: url(images/bg_items_l.png) repeat-x; overflow: hidden; height: 257px;
 text-align: center; position: relative; color: #fff;}

  div.ITEMS div.CNTR{  width: calc(95% - 250px); max-width: 1300px;  height: 100%; padding: 0px; position: relative;
    background: url(images/bg_items.png) repeat-x; overflow: visible;}

  div.ITEMS div.CNTR:before { content: ""; position: absolute; top: 0px; left: -345px; width: 345px; height: 257px;
    background: url(images/bg_dec_left.png) no-repeat;}
  div.ITEMS div.CNTR:after { content: ""; position: absolute; top: 0px; right: -540px; width: 540px; height: 257px;
    background: url(images/bg_dec_right.png) no-repeat;}


    div.items-mask{overflow: hidden; height: 170px;}
    div.items-list{ letter-spacing: 0px; height: 100%;}

    div.items-item{ width: 250px; display: inline-block; height: 132px;
      margin: 0px; padding: 0px; margin-top: 38px; float: left; text-align: center; cursor: pointer;
      font-size: 14px; letter-spacing: 1px; opacity: 0.7;
      -webkit-transition: all 0.3s ease;
      -moz-transition:    all 0.3s ease;
      -o-transition:      all 0.3s ease;
      transition:         all 0.3s ease;}
      div.items-item:hover{ opacity: 1;}

      div.marker{ width: 158px; height: 17px; margin: auto;
        background: url(images/item_marker_bg.png) no-repeat;}

      div.item-img{height: 55px; width: 95%; margin: auto; padding-top: 20px; text-align: center !important;}
         div.item-img img{ height: 40px; width: auto !important; margin: auto;}

        div.items-list .act{color: #656565; cursor: default;}
        div.items-list .act div.marker{background: url(images/item_marker_bg_act.png) no-repeat;}
        div.items-list .act div.item-img{ background: url(images/contour_bg.png) no-repeat center 22px;}
        div.items-list .act div.item-img img{ display: none;}




div.B-BLOCK{
  background: rgb(37,37,37);
  background: linear-gradient(180deg, rgba(37,37,37,1) 0%, rgba(1,1,1,1) 100%);
}


div.H-DAYS{
  text-align: center; position: relative; z-index: 7; color: #fff; text-align: left;}

div.DAYS{
  text-align: center; position: relative; z-index: 38; color: #fff; text-align: left;
  font-size: 14px; height: 197px; background: url(images/bg_day_line.png) repeat-x;}

  div.DAYS div.CNTR{ height: 100%; padding: 0px; position: relative; font-size: 18px;
    background: url(images/bg_day.png) repeat-x; overflow: visible; padding-top: 10px; padding-bottom: 0px;}

  div.c-mask{ position: absolute; background: url(images/bg_calc.png); opacity: 0.7;
    z-index: 100; left: -30px; top: 10px; right: -10px; bottom: 20px;
    -webkit-border-radius: 40px;
    -moz-border-radius:    40px;
    border-radius:         40px;}

  div.DAYS div.CNTR:before { content: ""; position: absolute; top: 0px; left: -235px; width: 235px; height: 197px;
    background: url(images/bg_day_left.png) no-repeat;}
  div.DAYS div.CNTR:after { content: ""; position: absolute; top: 0px; right: -225px; width: 225px; height: 197px;
    background: url(images/bg_day_right.png) no-repeat;}


    div.DAYS input{ display: inline-block; width: 145px; font-size: 18px; padding: 8px; height: auto;
      background: rgb(24,24,24); background: linear-gradient(180deg, rgba(24,24,24,1) 0%, rgba(34,34,34,1) 100%);
      color: #fff; margin-right: 30px; border: 1px solid #3a3a3a; position: relative;
      -webkit-border-radius: 5px;
      -moz-border-radius:    5px;
      border-radius:         5px;}

      div.DAYS div.inp-wrap{ display: inline-block; position: relative;}
      div.DAYS div.inp-wrap span{ position: absolute; width: 25px; height: 24px;
        background-image: url(images/arr_down.png); background-repeat: no-repeat; z-index: 15;
        right: 38px; top: 15px; display: block;}

      div.days-range{height: 110px; margin: 10px 0px 5px -17px; position: relative;}

      div.num-bg{ position: absolute; left: 0px top: 0px; width: 137px; height: 110px;
        background: url(images/num_gb.png) no-repeat; text-shadow: 2px 1px 0px #000;}

        div.num-bg div{ text-align: center; margin-right: 27px; line-height: 180%; padding-top: 32px;}
        div.num-bg span{ display: block; font-size: 60px;}

      div.slider-wrap{ margin-left: 137px; height: 100%; position: relative;}

        div.price-range{color: #999999; font-size: 12px; text-align: center; width: 31.5%;
          height: 28px; border-top: 1px solid #3b3b3b; display: inline-block; margin: 18px 0.5% 0px 0.5%;
          -webkit-border-radius: 14px;
          -moz-border-radius:    14px;
          border-radius:         14px;}

          div.price-range div{ background: #3b3b3b; padding: 7px; width: 65px; margin: auto;
            margin-top: -14px;
            -webkit-border-radius: 14px;
            -moz-border-radius:    14px;
            border-radius:         14px;}

        div.slider-bg{ position: absolute; top: 47px; width: 99%; height: 10px; border: 3px solid #3b3b3b; overflow: visible;
        background: rgb(34,34,34); background: linear-gradient(180deg, rgba(34,34,34,1) 0%, rgba(47,47,47,1) 100%);
        -webkit-border-radius: 0px 8px 8px 0px;
        -moz-border-radius:    0px 8px 8px 0px;
        border-radius:         0px 8px 8px 0px;}

        div.ITEMS div.slider-bg{ height: 9px; border: none; position: relative; top: 0px; margin: 23px 50px 0px 50px; width: auto;
        -webkit-border-radius: 5px;
        -moz-border-radius:    5px;
        border-radius:         5px;}


      div.ui-slider{ height: 16px; position: relative; overflow: visible; margin-right: 80px;}

      div.ui-slider-handle{position: absolute; width: 96px; height: 51px; background: url(images/slider.png) no-repeat;
        margin-left: -9px; top: -21px; cursor: pointer; opacity: 1; z-index: 30;}

        .ui-slider-range { position: absolute; background: #feec18; width: 100%; height: 7px; top: 1px; left: 1px;
          background: rgb(0,221,230); background: linear-gradient(180deg, rgba(0,221,230,1) 0%, rgba(0,152,253,1) 100%);
          z-index: 25;
          -webkit-border-radius: 4px;
          -moz-border-radius:    4px;
          border-radius:         4px;
          -webkit-box-shadow: 0px 0px 10px 0px rgba(0,145,255,1);
          -moz-box-shadow: 0px 0px 10px 0px rgba(0,145,255,1);
          box-shadow: 0px 0px 10px 0px rgba(0,145,255,1);}




div.BOOKING{
  text-align: center; position: relative; z-index: 10; color: #fff; text-align: left;
  font-size: 18px; min-height: 200px; padding-bottom: 35px;}

  div.BOOKING:before { content: ""; position: absolute; bottom: -48px; left: 55%; width: 150px; height: 48px;
    background: url(images/dec_m_top.png) no-repeat;}
  div.BOOKING:after { content: ""; position: absolute; bottom: -48px; left: calc(55% + 150px); width: 5000px; height: 48px;
     background: rgb(1,1,1);
     background: linear-gradient(180deg, rgba(1,1,1,1) 0%, rgba(10,10,10,1) 100%);}


  div.b-acss{ margin: 0px -28px 0px -28px;}

    div.acss-item{position: relative; background: #fff; min-height: 50px; padding: 15px 60px 15px 23px; z-index: 30;
      color: #000; opacity: 0.35;
      -webkit-border-radius: 8px;
      -moz-border-radius:    8px;
      border-radius:         8px;}

      div.b-acss .act{
        opacity: 1;
        -webkit-box-shadow: inset 3px 3px 15px 0px rgba(0,0,0,0.71);
        -moz-box-shadow: inset 3px 3px 15px 0px rgba(0,0,0,0.71);
        box-shadow: inset 3px 3px 15px 0px rgba(0,0,0,0.71);
      }

      div.acss-item img{ display: inline-block; vertical-align: middle; height: 60px; margin: 5px 15px 5px 0px;}
      span.acss-name{ display: inline-block; vertical-align: middle;}
        span.acss-name span{ font-size: 12px; color: #999999;}

        span.acss-name a.info{ display: inline-block; width: 19px; height: 19px; background: url(images/icon_info.png);
          border: none; vertical-align: middle; margin-top: -3px; position: relative; z-index: 100;}

          span.acss-name a.info div{ position: absolute; background: #fff; color: #000; padding: 20px; width: 200px;
            font-size: 15px; font-family: FiraSansRegular, Arial, sans-serif; text-transform: none; z-index: 100;
            bottom: 35px; left: -110px; display: none;
            -webkit-box-shadow: 0px 0px 59px 0px rgba(0,0,0,0.48);
            -moz-box-shadow: 0px 0px 59px 0px rgba(0,0,0,0.48);
            box-shadow: 0px 0px 59px 0px rgba(0,0,0,0.48);}

            span.acss-name a.info div:after{ content: ""; position: absolute; display: block; width: 18px; height: 9px;
              background: url(images/tt_bott.png) no-repeat; bottom: -9px; left: 110px;}

          span.acss-name a.info:hover{ opacity: 0.95;}

      div.chbox{position: absolute; right: 0px; top: 50%; margin-top: -6px;}



  div.b-info{ background: #272727 url(images/bg_dash.png) repeat-x bottom;
    -webkit-border-radius: 10px 10px 0px 0px;
    -moz-border-radius:    10px 10px 0px 0px;
    border-radius: 10px 10px 0px 0px;
    min-height: 60px; padding: 28px; margin: 0px -28px 0px -28px;}

    p.calc{font-size: 18px; text-transform: uppercase; color: #f4f1ea; padding-top: 10px;
      line-height: 140%;}


  div.b-price{ background: #1a1a1a; position: relative;
    -webkit-border-radius: 0px 0px 10px 10px;
    -moz-border-radius:    0px 0px 10px 10px;
    border-radius: 0px 0px 10px 10px;
    min-height: 60px; padding: 28px; margin: 0px -28px 0px -28px; font-size: 14px !important;}

    p.total{font-size: 48px; letter-spacing: 2px; color: #f4f1ea;}

    div.pr-sqr{position: absolute; width: 273px; height: 179px; left: 315px; top: -72px;
      background: url(images/pr_sqr.png) no-repeat; z-index: 20;}
    div.pr-rnd{position: absolute; width: 146px; height: 146px; left: 565px; top: -72px;
      background: url(images/pr_rnd.png) no-repeat; z-index: 21;}


    div.map-title{position: absolute; color: #000; left: 10px; bottom: -120px;}
    div.map-title h1{ text-shadow: none;}


div.MAP{ height: 500px; background: #c7c7c7; position: relative; z-index: 9;}

div.infobox{background: #fff; text-transform: uppercase !important;
  padding: 10px 10px 5px 10px; font-family: FiraSansRegular, Arial, sans-serif;
  text-align: left; color: #000; font-size: 12px;
  -webkit-box-shadow: 0px 0px 8px 0px #515151;
  -moz-box-shadow:    0px 0px 21px 0px #515151;
  box-shadow:         11px 11px 21px 0px #c6c6c6;}

div.infobox p{ padding-bottom: 6px;}
div.infobox p.ttle{ font-size: 18px; padding-right: 25px;}
div.infobox span{}

div.infobox div.card{ display: inline-block; width: 30px; height: 18px; margin: 0px 3px -4px 2px;}
div.infobox div.master{ background: url(images/bg_mastercard.png);}
div.infobox div.visa{ background: url(images/bg_visa.png);}




  div.m-dec {position: absolute; top: -100px; left: 35%; width: 165px; height: 75px;
    background: url(images/dec_f_right.png) no-repeat;}

  div.m-contacts {position: absolute; top: -100px; left: calc(35% + 165px); width: 5000px; height: 40px;
     background: #fff; color: #000; text-align: left; font-size: 20px; font-family: FiraSansThin, Arial, sans-serif;
     padding-top: 35px;}

     div.m-contacts a{ display: inline-block; border: none; color: #000; height: 29px; vertical-align: middle;}

     div.m-contacts a.f-link-locate{ padding-left: 28px; background: url(images/icon_f_locate.png) no-repeat left top; margin-right: 20px;}
     div.m-contacts a.f-link-phone{ padding-left: 28px; background: url(images/icon_f_phone.png) no-repeat left top;}
     div.m-contacts a.f-link-viber{ width: 26px; background: url(images/icon_f_viber.png) no-repeat left top;}
     div.m-contacts a.f-link-wapp{ width: 27px; background: url(images/icon_f_wapp.png) no-repeat left top;}
     div.m-contacts a.f-link-mail{ padding-left: 32px; background: url(images/icon_f_mail.png) no-repeat left 4px; margin-left: 25px;}


     #policy_text{ padding: 30px 25px 0px 25px; font-size: 12px; font-family: Arial, sans-serif;}

     #err_mess{ padding-top: 20px;}


/* FOOTER -> */

div.FOOTER{
  min-height: none; color: #757575; padding-top: 15px; padding-bottom: 40px; text-align: center; position: relative;
  background: rgb(42,42,42); background: linear-gradient(180deg, rgba(42,42,42,1) 0%, rgba(38,38,38,1) 100%);
  border-top: 25px solid #fff; z-index: 50; font-size: 14px;}

  div.FOOTER:before { content: ""; position: absolute; top: -45px; left: 26%; width: 140px; height: 45px;
    background: url(images/dec_f_left.png) no-repeat;}
  div.FOOTER:after { content: ""; position: absolute; top: -45px; right: 74%;; width: 5000px; height: 45px;
     background: #2a2a2a;}

  div.F-SOCIAL{
    height: 30px; width: 310px; bottom: -40px; right: 220px; position: absolute;
    background: url(images/bg_soc_f.png) repeat-x; text-align: center; padding-top: 18px;}


  div.copy{ color: #fff; float: right; margin-top: 50px;}


 div.FOOTER a.up{ position: fixed; right: 55px; width: 87px; height: 76px; bottom: 100px; display: block;
  opacity: 0.35; cursor: pointer; background: #404040 url(images/arr_up.png) no-repeat center 15px;
  border: none; display: none; z-index: 600;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;}

 div.FOOTER a.up:hover{ opacity: 0.8;}










ul.PART{padding: 0px; margin: 0px !important; list-style-type: none; margin-right: -5%;}
ul.PART>li{padding: 0px; margin: 0px; list-style-type: none; display: block; float: left;
  width: 44.9999%; min-height: 200px; margin: 0px 5% 45px 0px; font-size: 15px;}

  ul.PART>li.PART-W{width: 60%;}
  ul.PART>li.PART-L{width: 30%;}

  ul.PART li.SHAD{
          -webkit-box-shadow: 0px 0px 25px 0px #9b9797;
          -moz-box-shadow:    0px 0px 25px 0px #9b9797;
          box-shadow:         0px 0px 25px 0px #9b9797;}

    ul.PART li.SHAD div{ padding: 35px; font-size: 24px; line-height: 140%;}

    img.float{ width: 100%;}

    ul.PART li h2{ padding-top: 0px;}


ul.MOZAIC{padding: 0px; margin: 0px; list-style-type: none; margin-right: -4.65%;}
ul.MOZAIC li{padding: 0px; margin: 0px; list-style-type: none; float: left; position: relative;
  width: 28.9%; margin: 20px 3.8% 20px 0px; font-size: 14px; min-height: 30px;}
  ul.MOZAIC li.double{width: 61.7%;}

  ul.MOZAIC-GREY{margin-right: -11.65%; padding-bottom: 40px;}
  ul.MOZAIC-GREY li{ background-color: #e8e5d9; width: 21.9%; margin: 20px 10.8% 30px 0px;}

ul.MOZAIC-FOUR{padding: 0px; margin: 0px; list-style-type: none; margin-right: -3.1%;}
ul.MOZAIC-FOUR li{padding: 0px; margin: 0px; list-style-type: none; float: left; position: relative;
  width: 21.5%; min-height: 100px; margin: 20px 3% 30px 0px; font-size: 18px; text-align: center;
  letter-spacing: 1px;}

  ul.MOZAIC-FOUR li img{ width: 108px; margin-bottom: 25px;}

ul.MOZAIC-WIDE{padding: 0px; margin: 0px; list-style-type: none; margin-right: -1.2%;}
ul.MOZAIC-WIDE li{padding: 0px; margin: 0px; list-style-type: none; float: left; position: relative;
  width: 32.3%; margin: 0px 1% 20px 0px; font-size: 15px;}

ul.MOZAIC-PART li{ width: 40%;}
















@media print {
  @page {margin: 1cm;}
}



@media (max-width: 650px){

h1{ margin-bottom: 15px; padding-top: 30px; font-size: 26px;}
h2{ margin-bottom: 20px; padding-top: 25px; font-size: 20px;}

input[type="button"], input[type="submit"], a.button
 {padding: 25px 10px 25px 10px; width: 100%; display: block;}



div.VIDEO{display: none;}
div.HEADER div.ABS{ position: relative;}
div.HEADER{ height: auto; background-image: url(images/mobile_header_bg.jpg); background-size: cover;}

div.SOCIAL{ float: none; margin-right: 0px; text-align: center; padding-top: 5px; height: 28px;}

div.MENU{ font-size: 22px; float: none; clear: both; margin-left: 0px; margin-top: 20px;}
  div.MENU a:nth-child(-n+2):after{ display: none;}

a.LOGO, a.LOGO-F{width: 40%; font-size: 9px;}
  a.LOGO{ margin-bottom: 30px;}
  a.LOGO-F{font-size: 0px; margin-bottom: -30px;}
  a.LOGO-F img{ width: 100%;}

  div.HEADER p{ font-size: 16px;}
  div.HEADER p.small{ font-size: 12px;}

  a.viber, a.whapp{ margin-bottom: 10px; margin-top: 10px;}
  a.phone{ margin-right: 8px; margin-bottom: 10px; font-size: 18px; margin-top: 10px;}


ul.box-carousel li h2{ font-size: 28px; margin-top: 5px;}
ul.box-carousel li h2:after{ display: none;}

div.box-param{ width: 95%; float: none; margin: 10px 0px 20px 0px; font-size: 11px;}
div.box-param .f20{ font-size: 18px;}
div.param-tange{ margin: 10px 0px 10px 0px;}
ul.box-carousel li img{margin-bottom: 0px;}

div.box-price{ margin: 30px 0px 0px 30px; float: left;}

div.button-block{margin-top: -40px; padding: 0px 10px 30px 10px; position: relative; bottom: auto; width: auto; position: absolute;}



div.ITEMS{ display: none;}
div.ITEMS div.CNTR{ width: 95%;}


div.DAYS{ height: auto; background: #2d2d2d; padding-bottom: 15px;}
div.c-mask{ bottom: -15px; left: -20px; top: 0px; right: -20px;
    -webkit-border-radius: 0px;
    -moz-border-radius:    0px;
    border-radius:         0px;}
div.price-range{ display: none;}
div.slider-bg{ width: 96%;}

div.ui-slider{margin-right: 40px;}
  div.ui-slider-handle{width: 60px; height: 51px; background-image: url(images/slider_s.png);
        background-size: contain; margin-left: -9px; top: -21px;}


    div.pr-sqr{ display: none;}
    div.pr-rnd{ display: none;}


  div.m-dec {left: 60%;}
  div.m-contacts {left: calc(60% + 165px); text-indent: -5000px;}


  div.acss-item{ font-size: 12px;}
  div.acss-item img{ width: 40px; height: auto; margin: 5px 15px 5px 0px;}

  div.b-acss ul.MOZAIC{margin-bottom: 30px;}
  div.b-acss ul.MOZAIC li{margin-bottom: 5px;}

  div.BOOKING{ font-size: 14px;}
  p.calc{font-size: 14px !important;}


  div.BOOKING:before { display: none;}
  div.BOOKING:after { display: none;}




ul.MOZAIC{margin-right: 0;}
ul.MOZAIC li{float: none; width: 100%; margin-bottom: 30px;}

ul.MOZAIC-FOUR{margin: 0px !important; margin-right: -5%;}
ul.MOZAIC-FOUR>li{width: 44.9999%; margin: 0px 5% 45px 0px; font-size: 12px;}

  ul.MOZAIC-FOUR li img{ width: 80px; margin-bottom: 15px;}

  div.b-acss{ margin: 0px -10px 0px -10px;}
  div.b-info{ margin: 0px -10px 0px -10px; padding: 15px 10px 15px 10px;}
  div.b-price{ margin: 0px -10px 0px -10px; padding: 15px 10px 15px 10px;}


div.FOOTER{ font-size: 11px; padding-bottom: 20px;}

  div.copy{margin-top: 40px; float: left; width: 90%;}
  div.F-SOCIAL, div.FOOTER a.up{display: none;}


}