/*@font-face {
  font-family: 'TT Norms';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/ttnorms/TTNorms-Regular.ttf); }
@font-face {
  font-family: 'TT Norms';
  font-style: italic;
  font-weight: 400;
  src: url(../fonts/ttnorms/TTNorms-Italic.ttf); }
@font-face {
  font-family: 'TT Norms';
  font-style: normal;
  font-weight: 500;
  src: url(../fonts/ttnorms/TTNorms-Medium.ttf); }
@font-face {
  font-family: 'TT Norms';
  font-style: normal;
  font-weight: 700;
  src: url(../fonts/ttnorms/TTNorms-Bold.ttf); }*/
html {
  margin: 0;
  padding: 0; }

body {
  margin: 0;
  padding: 0;
  float: left;
  width: 100%;
  font-family: 'Arial', sans-serif;
  color: #272727;
  font-size: 20px;
  line-height: 180%;
  font-weight: 400;
  background-color: #fff; }

.pt0 {
  padding-top: 0px !important; }

.pt10 {
  padding-top: 10px !important; }

.pt20 {
  padding-top: 20px !important; }

.pt30 {
  padding-top: 30px !important; }

.pt40 {
  padding-top: 40px !important; }

.pt50 {
  padding-top: 50px !important; }

.pt60 {
  padding-top: 60px !important; }

.pt70 {
  padding-top: 70px !important; }

.pt80 {
  padding-top: 80px !important; }

.pt90 {
  padding-top: 90px !important; }

.pt100 {
  padding-top: 100px !important; }

.pl0 {
  padding-left: 0px !important; }

.pl10 {
  padding-left: 10px !important; }

.pl20 {
  padding-left: 20px !important; }

.pl30 {
  padding-left: 30px !important; }

.pl40 {
  padding-left: 40px !important; }

.pl50 {
  padding-left: 50px !important; }

.pl60 {
  padding-left: 60px !important; }

.pl70 {
  padding-left: 70px !important; }

.pl80 {
  padding-left: 80px !important; }

.pl90 {
  padding-left: 90px !important; }

.pl100 {
  padding-left: 100px !important; }

.pr0 {
  padding-right: 0px !important; }

.pr10 {
  padding-right: 10px !important; }

.pr20 {
  padding-right: 20px !important; }

.pr30 {
  padding-right: 30px !important; }

.pr40 {
  padding-right: 40px !important; }

.pr50 {
  padding-right: 50px !important; }

.pr60 {
  padding-right: 60px !important; }

.pr70 {
  padding-right: 70px !important; }

.pr80 {
  padding-right: 80px !important; }

.pr90 {
  padding-right: 90px !important; }

.pr100 {
  padding-right: 100px !important; }

.pb0 {
  padding-bottom: 0px !important; }

.pb10 {
  padding-bottom: 10px !important; }

.pb20 {
  padding-bottom: 20px !important; }

.pb30 {
  padding-bottom: 30px !important; }

.pb40 {
  padding-bottom: 40px !important; }

.pb50 {
  padding-bottom: 50px !important; }

.pb60 {
  padding-bottom: 60px !important; }

.pb70 {
  padding-bottom: 70px !important; }

.pb80 {
  padding-bottom: 80px !important; }

.pb90 {
  padding-bottom: 90px !important; }

.pb100 {
  padding-bottom: 100px !important; }

.mt0 {
  margin-top: 0px !important; }

.mt10 {
  margin-top: 10px !important; }

.mt20 {
  margin-top: 20px !important; }

.mt30 {
  margin-top: 30px !important; }

.mt40 {
  margin-top: 40px !important; }

.mt50 {
  margin-top: 50px !important; }

.mt60 {
  margin-top: 60px !important; }

.mt70 {
  margin-top: 70px !important; }

.mt80 {
  margin-top: 80px !important; }

.mt90 {
  margin-top: 90px !important; }

.mt100 {
  margin-top: 100px !important; }

.mb0 {
  margin-bottom: 0px !important; }

.mb10 {
  margin-bottom: 10px !important; }

.mb20 {
  margin-bottom: 20px !important; }

.mb30 {
  margin-bottom: 30px !important; }

.mb40 {
  margin-bottom: 40px !important; }

.mb50 {
  margin-bottom: 50px !important; }

.mb60 {
  margin-bottom: 60px !important; }

.mb70 {
  margin-bottom: 70px !important; }

.mb80 {
  margin-bottom: 80px !important; }

.mb90 {
  margin-bottom: 90px !important; }

.mb100 {
  margin-bottom: 100px !important; }

.w0 {
  width: 0% !important; }

.w1 {
  width: 1% !important; }

.w2 {
  width: 2% !important; }

.w3 {
  width: 3% !important; }

.w4 {
  width: 4% !important; }

.w5 {
  width: 5% !important; }

.w6 {
  width: 6% !important; }

.w7 {
  width: 7% !important; }

.w8 {
  width: 8% !important; }

.w9 {
  width: 9% !important; }

.w10 {
  width: 10% !important; }

.w11 {
  width: 11% !important; }

.w12 {
  width: 12% !important; }

.w13 {
  width: 13% !important; }

.w14 {
  width: 14% !important; }

.w15 {
  width: 15% !important; }

.w16 {
  width: 16% !important; }

.w17 {
  width: 17% !important; }

.w18 {
  width: 18% !important; }

.w19 {
  width: 19% !important; }

.w20 {
  width: 20% !important; }

.w21 {
  width: 21% !important; }

.w22 {
  width: 22% !important; }

.w23 {
  width: 23% !important; }

.w24 {
  width: 24% !important; }

.w25 {
  width: 25% !important; }

.w26 {
  width: 26% !important; }

.w27 {
  width: 27% !important; }

.w28 {
  width: 28% !important; }

.w29 {
  width: 29% !important; }

.w30 {
  width: 30% !important; }

.w31 {
  width: 31% !important; }

.w32 {
  width: 32% !important; }

.w33 {
  width: 33% !important; }

.w34 {
  width: 34% !important; }

.w35 {
  width: 35% !important; }

.w36 {
  width: 36% !important; }

.w37 {
  width: 37% !important; }

.w38 {
  width: 38% !important; }

.w39 {
  width: 39% !important; }

.w40 {
  width: 40% !important; }

.w41 {
  width: 41% !important; }

.w42 {
  width: 42% !important; }

.w43 {
  width: 43% !important; }

.w44 {
  width: 44% !important; }

.w45 {
  width: 45% !important; }

.w46 {
  width: 46% !important; }

.w47 {
  width: 47% !important; }

.w48 {
  width: 48% !important; }

.w49 {
  width: 49% !important; }

.w50 {
  width: 50% !important; }

.w51 {
  width: 51% !important; }

.w52 {
  width: 52% !important; }

.w53 {
  width: 53% !important; }

.w54 {
  width: 54% !important; }

.w55 {
  width: 55% !important; }

.w56 {
  width: 56% !important; }

.w57 {
  width: 57% !important; }

.w58 {
  width: 58% !important; }

.w59 {
  width: 59% !important; }

.w60 {
  width: 60% !important; }

.w61 {
  width: 61% !important; }

.w62 {
  width: 62% !important; }

.w63 {
  width: 63% !important; }

.w64 {
  width: 64% !important; }

.w65 {
  width: 65% !important; }

.w66 {
  width: 66% !important; }

.w67 {
  width: 67% !important; }

.w68 {
  width: 68% !important; }

.w69 {
  width: 69% !important; }

.w70 {
  width: 70% !important; }

.w71 {
  width: 71% !important; }

.w72 {
  width: 72% !important; }

.w73 {
  width: 73% !important; }

.w74 {
  width: 74% !important; }

.w75 {
  width: 75% !important; }

.w76 {
  width: 76% !important; }

.w77 {
  width: 77% !important; }

.w78 {
  width: 78% !important; }

.w79 {
  width: 79% !important; }

.w80 {
  width: 80% !important; }

.w81 {
  width: 81% !important; }

.w82 {
  width: 82% !important; }

.w83 {
  width: 83% !important; }

.w84 {
  width: 84% !important; }

.w85 {
  width: 85% !important; }

.w86 {
  width: 86% !important; }

.w87 {
  width: 87% !important; }

.w88 {
  width: 88% !important; }

.w89 {
  width: 89% !important; }

.w90 {
  width: 90% !important; }

.w91 {
  width: 91% !important; }

.w92 {
  width: 92% !important; }

.w93 {
  width: 93% !important; }

.w94 {
  width: 94% !important; }

.w95 {
  width: 95% !important; }

.w96 {
  width: 96% !important; }

.w97 {
  width: 97% !important; }

.w98 {
  width: 98% !important; }

.w99 {
  width: 99% !important; }

.w100 {
  width: 100% !important; }

.pad0 {
  padding: 0 !important; }

.paragraphs p:first-child {
  margin-top: 0; }
.paragraphs p:last-child {
  margin-bottom: 0; }

.wrapper {
  position: relative;
  float: left;
  width: 100%;
  z-index: 100;
  overflow: hidden;
  background: #fff; }

.centered {
  text-align: center !important; }

.animation {
  opacity: 0; }

.animated {
  opacity: 1; }

img {
  max-width: 100%;
  vertical-align: top;
  transition: all 0.3s ease; }

hr {
  display: block;
  border: none;
  width: 100%;
  height: 1px;
  background: #888888;
  margin: 30px 0; }

ul {
  padding-left: 30px; }

.fleft {
  float: left !important; }

.fright {
  float: right !important; }

img.fleft,
img[align="left"] {
  margin-right: 30px;
  margin-bottom: 10px; }

img.fright,
img[align="right"] {
  margin-left: 30px;
  margin-bottom: 10px; }

.row {
  width: 100%;
  display: block;
  float: left; }

.flex {
  display: flex; }

.justify-between {
  justify-content: space-between; }

.flex-wrap {
  flex-wrap: wrap; }

.ib {
  display: inline-block; }

.sec {
  display: block;
  float: left;
  width: 100%;
  text-align: center; }

.container {
  display: inline-block;
  vertical-align: top;
  width: 1246px;
  text-align: left; }
  .container.small {
    width: 100%;
    max-width: 710px; }

* {
  outline: none;
  box-sizing: border-box;
  vertical-align: top; }

a {
  text-decoration: underline;
  color: #003399;
  transition: all 0.3s ease; }
  a .fa {
    transition: all 0.3s ease; }

a:hover {
  color: #23B3FF;
  text-decoration: none; }

a:after, a:before,
button, input, select, textarea {
  transition: all 0.3s ease; }

select::-ms-expand {
  display: none; }

input::-ms-clear {
  display: none; }

svg {
  width: 100%;
  height: 100%; }
  svg, svg * {
    transition: all 0.3s ease; }

.fa {
  vertical-align: baseline; }

/* STYLES */
.topnav_sec {
    position: absolute;
    z-index: 50;
    top: 0;
    left: 0;
    width: 100%;
    border-bottom: 1px solid transparent;
    transition: all 0.5s ease;
    padding: 25px 0;
    background: rgba(255,255,255,0.15);
}
  .topnav_sec .container {
    display: flex;
    margin-left: auto;
    margin-right: auto;
    justify-content: space-between;
    align-items: center; }
  .topnav_sec.white_nav, .topnav_sec.fixed {
    position: fixed;
    top: 0;
    background: #fff;
    padding: 15px 0;
    border-bottom: 1px solid #E5E5E5; }
    .topnav_sec.white_nav .topnav a, .topnav_sec.fixed .topnav a {
      color: #272727; }
      .topnav_sec.white_nav .topnav a.current, .topnav_sec.white_nav .topnav a:hover, .topnav_sec.fixed .topnav a.current, .topnav_sec.fixed .topnav a:hover {
        color: #23B3FF; }
    .topnav_sec.white_nav .logo-white, .topnav_sec.fixed .logo-white {
      display: none; }
    .topnav_sec.white_nav .logo-color, .topnav_sec.fixed .logo-color {
      display: inline-block; }
    .topnav_sec.white_nav .top_phone, .topnav_sec.fixed .top_phone {
      color: #272727; }
    .topnav_sec.white_nav .mobile_phone, .topnav_sec.white_nav .open_menu, .topnav_sec.fixed .mobile_phone, .topnav_sec.fixed .open_menu {
      color: #272727; }

.topnav_left {
  display: flex;
  align-items: center; }

.logo {
  flex-shrink: 0;
  display: inline-block;
  margin-right: 65px; }

.logo-color {
  display: none; }

.topnav {
  list-style: none;
  padding: 0;
  margin: 0; }
  .topnav li {
    display: inline-block; }
  .topnav a {
    display: inline-block;
    text-transform: uppercase;
    color: #fff;
    text-decoration: none;
    margin-right: 50px;
    font-weight: 500;
    font-size: 14px; }
    .topnav a.current, .topnav a:hover {
      color: #23B3FF; }

.open_menu,
.mobile_phone,
.close_menu {
  display: none; }

.topnav_right {
  display: flex;
  align-items: center;
  font-weight: bold;
  font-size: 18px;
  line-height: 21px; }
  .topnav_right .button {
    min-height: 50px;
    padding: 15px 20px; }

.top_phone {
  display: inline-block;
  color: #fff;
  text-decoration: none;
  font-size: 18px;
  margin-right: 21px;
  white-space: nowrap; }
  .top_phone:hover {
    text-decoration: underline;
    color: #fff; }

.button,
.button-o {
  display: inline-block;
  min-height: 60px;
  font-weight: bold;
  font-size: 18px;
  line-height: 100%;
  padding: 20px 25px;
  background: #0066ff;
  border: none;
  color: #fff;
  text-decoration: none;
  text-align: center; }
  .button:hover,
  .button-o:hover {
    background-color: #23B3FF;
    color: #fff; }

.button-o {
  background: none;
  border: 2px solid #fff; }
  .button-o:hover {
    background-color: #fff;
    color: #23B3FF; }
  .button-o.blue {
    border-color: #003399;
    color: #003399;
    font-weight: 500; }
    .button-o.blue:hover {
      color: #fff;
      background: #003399; }

.header_sec {
  position: relative;
  height: 100vh;
  max-height: 800px;
  background: #000; }
  .header_sec .container {
    position: relative;
    z-index: 2; }

.header_slider,
.header_slider .owl-stage-outer,
.header_slider .owl-stage,
.header_slider .owl-item {
  height: 100% !important; }
.header_slider .owl-dots {
  position: absolute;
  bottom: 40px;
  left: 0;
  width: 100%; }
.header_slider.owl-carousel .owl-nav button {
  position: absolute;
  top: 50%;
  width: 60px;
  height: 60px;
  margin-top: -30px;
  text-align: center; }
  .header_slider.owl-carousel .owl-nav button span {
    display: inline-block;
    color: #fff;
    font-size: 90px !important; }
  .header_slider.owl-carousel .owl-nav button:hover span {
    color: #B4E5FF; }

.owl-carousel .owl-dots {
  text-align: center; }
  .owl-carousel .owl-dots button.owl-dot {
    display: inline-block;
    padding: 8px !important;
    background: none; }
    .owl-carousel .owl-dots button.owl-dot span {
      display: inline-block;
      width: 11px;
      height: 11px;
      border-radius: 50%;
      background-color: #F8F8F8;
      transition: all 0.2s ease; }
    .owl-carousel .owl-dots button.owl-dot:hover span {
      background-color: #23B3FF; }
    .owl-carousel .owl-dots button.owl-dot.active span {
      background-color: #003399; }

.owl-carousel .owl-nav button {
  position: absolute;
  z-index: 100;
  top: 50%;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  background: none;
  border: none; }
  .owl-carousel .owl-nav button span {
    display: inline-block;
    margin-top: -8px;
    font-size: 70px !important;
    color: #fff;
    transition: all 0.3s ease; }
  .owl-carousel .owl-nav button:hover span {
    color: #23B3FF; }
  .owl-carousel .owl-nav button.owl-prev {
    left: 0; }
  .owl-carousel .owl-nav button.owl-next {
    right: 0; }

.header_slide {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    height: 100%;
    padding-top: 85px;
    color: #E5E5E5;
    text-align: center;
    padding-bottom: 120px;
}
  .header_slide:before {
    content: '';
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .5; }

.header_media_box {
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden; }
  .header_media_box img {
    width: 100%;
    height: 100%;
    object-fit: cover; }

.header_slide-infobox {
    text-align: center;
    font-size: 20px;
    line-height: 24px;
    max-width: 810px;
    margin: 0 auto;
}
  .header_slide-infobox h1, .header_slide-infobox h2 {
    margin: 0;
    margin-bottom: 30px;
    font-weight: bold;
    font-size: 34px;
    line-height: 40px; }
  .header_slide-infobox .button-o {
    margin-top: 30px;
    width: 100%;
    max-width: 240px;
    min-height: 50px;
    padding: 15px 20px;
    border-color: #E5E5E5;
    color: #fff; }
    .header_slide-infobox .button-o:hover {
      background-color: #E5E5E5;
      color: #23B3FF; }

.content_sec {
  padding-top: 65px;
  padding-bottom: 65px; }

.sokol_intro_box {
  /*display: flex;
  column-gap: 86px; 
  justify-content: space-between;*/
  font-weight: 500;
  font-size: 18px;
  line-height: 150%;
}
  .sokol_intro_box p:first-child {
    margin-top: 10px; }

.sec_title {
  font-weight: bold;
  font-size: 36px;
  line-height: 42px;
  margin-top: 0;
  margin-bottom: 30px; }

.tblue {
  color: #003399; }

.prs_box {
  display: flex;
  flex-wrap: wrap;
  column-gap: 2.4%;
  margin-bottom: -30px; }

.pr_item {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: column;
  width: 18%;
  height: 200px;
  margin-bottom: 30px;
  background-color: #003399;
  color: #fff;
  text-align: center;
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  padding: 25px 30px;
  transition: all 0.7s ease; }
  .pr_item img {
    margin-bottom: 16px; }
  .pr_item:hover {
    background-color: #002b80; }

.graybg {
  background-color: #F8F8F8; }

.room_item {
  display: flex;
  align-items: stretch;
  width: 100%;
  background-color: #fff;
  margin-bottom: 30px; }

.room_images_box {
  flex-shrink: 0;
  position: relative;
  width: 416px; }
  .room_images_box img {
    width: 100%;
    height: 100%;
    object-fit: cover; }

.room_show_gallery {
  position: absolute;
  z-index: 10;
  bottom: 30px;
  left: 50%;
  margin-left: -18px;
  width: 36px;
  height: 36px;
  text-align: center;
  line-height: 28px;
  border-radius: 50%;
  color: #fff;
  font-size: 31px;
  text-decoration: none;
  transition: all 0.3s ease; }
  .room_show_gallery:hover {
    color: #fff;
    transform: scale(1.2); }

.room_slider,
.room_slider .owl-stage-outer,
.room_slider .owl-stage,
.room_slider .owl-item,
.room_slider .room_image {
  height: 100%; }

.room_content_box {
  display: flex;
  justify-content: space-between;
  width: 100%; }

.room_content_text {
  font-size: 14px;
  line-height: 150%;
  padding: 40px 60px; }
  .room_content_text p:first-of-type {
    margin-top: 0; }

.room_title {
  font-weight: bold;
  font-size: 32px;
  line-height: 38px;
  margin-top: 0;
  margin-bottom: 22px; }

.room_content_prs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 32px; }
  .room_content_prs.opened .room_content_pr {
    display: flex !important; }
  .room_content_prs.opened .show_all_feautures span {
    display: none; }
  .room_content_prs.opened .show_all_feautures b {
    display: inline; }

.room_content_pr {
  display: none;
  align-items: center;
  margin-bottom: 25px;
  font-size: 14px;
  line-height: 130%; }
  .room_content_pr div {
    width: 30px;
    margin-right: 15px; }

.room_content_pr:nth-child(1),
.room_content_pr:nth-child(2),
.room_content_pr:nth-child(3) {
  display: flex; }

.show_all_feautures {
  display: inline-block;
  background: none;
  border: none;
  margin-bottom: 25px;
  color: #003399;
  font-size: 14px;
  font-weight: 500; }
  .show_all_feautures b {
    display: none;
    font-weight: 500; }

.room_price_column {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  width: 335px;
  padding: 48px;
  text-align: center;
  border-left: 1px solid #E5E5E5; }
  .room_price_column > div {
    width: 100%; }

.akciya {
  display: inline-block;
  background: #FD3636;
  height: 32px;
  border-radius: 20px;
  line-height: 32px;
  text-transform: uppercase;
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 42px;
  padding: 0 11px; }
  .akciya + .room_price_box strong {
    color: #4E8C3F; }

.room_price_box s {
  font-size: 24px;
  line-height: 28px;
  display: block; }
.room_price_box strong {
  display: block;
  font-weight: bold;
  font-size: 40px;
  line-height: 47px; }
.room_price_box span {
  display: block;
  font-size: 18px;
  line-height: 23px;
  margin-bottom: 28px; }

.button.reserv {
  width: 100%;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px; }

.gallery_box {
  width: 148.5%;
  margin-left: -24.25%; }

.gallery_slider.owl-carousel .owl-item img {
  transform: scale(0.85);
  transition: all 1.5s ease; }
.gallery_slider.owl-carousel .owl-item.center img {
  transform: scale(1); }
.gallery_slider.owl-carousel .owl-nav {
  display: block !important; }
.gallery_slider.owl-carousel .owl-nav button {
  position: absolute;
  z-index: 100;
  top: 50%;
  margin-top: -35px;
  font-size: 0;
  color: transparent;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  border: 3px solid #fff;
  background: transparent no-repeat;
  transition: all 0.3s ease; }
  .gallery_slider.owl-carousel .owl-nav button span {
    font-size: 0;
    color: transparent; }
  .gallery_slider.owl-carousel .owl-nav button.owl-prev {
    background-image: url(../img/slider_prev.svg);
    background-position: 50% 50%;
    left: 28%; }
  .gallery_slider.owl-carousel .owl-nav button.owl-next {
    background-image: url(../img/slider_next.svg);
    background-position: 50% 50%;
    right: 28%; }
  .gallery_slider.owl-carousel .owl-nav button:hover {
    background-color: #23B3FF;
    border-color: #23B3FF; }

.gallery_item {
  position: relative;
  display: inline-block; }

.gallery_zoom {
  position: absolute;
  bottom: 28px;
  left: 50%;
  width: 55px;
  height: 55px;
  margin-left: -27px;
  background: #003399;
  color: #fff;
  font-size: 25px;
  text-align: center;
  line-height: 50px;
  text-decoration: none;
  border-radius: 50%;
  transform: translateY(20px);
  visibility: hidden;
  opacity: 0;
  transition: all 1.5s ease;
  cursor: pointer; }
  .gallery_zoom:hover {
    background: #23B3FF;
    color: #fff; }

.owl-item.center .gallery_zoom {
  transform: translateY(0);
  visibility: visible;
  opacity: 1; }

.subtitle_text {
  max-width: 620px;
  font-weight: 500;
  font-size: 18px;
  line-height: 150%;
  margin-left: auto;
  margin-right: auto;
  margin-top: -10px;
  margin-bottom: 30px;
  text-align: center; }

.kaif_box {
  display: flex;
  align-items: stretch;
  column-gap: 1.36%;
  flex-wrap: wrap;
  justify-content: center; }
  .kaif_box.owl-carousel .owl-dots button.owl-dot:not(.active) span {
    background: #9CB1BC; }
    .kaif_box.owl-carousel .owl-dots button.owl-dot:not(.active) span:hover {
      background: #bac9d1; }

.kaif_item {
  width: 31.64%;
  margin-bottom: 25px; }

.owl-item .kaif_item {
  width: 100%; }

.kaif_header {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 160px;
  background: #003399;
  color: #fff;
  text-align: center;
  padding: 30px;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px; }
  .kaif_header h3 {
    margin: 0;
    margin-top: 24px;
    font-weight: bold;
    font-size: 24px;
    line-height: 28px; }

.kaif_gallery {
  position: relative; }
  .kaif_gallery img {
    width: 100%; }

.kaif_hidden_gallery {
  display: none; }

.kaif_show_gallery {
  position: absolute;
  top: -20px;
  left: 50%;
  display: inline-block;
  width: 40px;
  height: 40px;
  margin-left: -20px;
  background: #0075FF;
  color: #fff;
  font-size: 18px;
  text-align: center;
  line-height: 40px;
  text-decoration: none;
  border-radius: 50%;
  transition: all 0.3s ease; }
  .kaif_show_gallery:hover {
    background: #23B3FF;
    transform: scale(1.1);
    color: #fff; }

.revs_box {
  text-align: center; }
  .revs_box .button-o {
    font-size: 18px;
    line-height: 21px;
    text-transform: uppercase;
    border-width: 1px; }

.revs_slider.owl-carousel .owl-dots {
  margin-bottom: 15px; }
.revs_slider.owl-carousel .owl-dots button.owl-dot:not(.active) span {
  background: #9CB1BC; }
.revs_slider.owl-carousel .owl-dots button.owl-dot:not(.active):hover span {
  background: #bac9d1; }
.revs_slider.owl-carousel .owl-nav {
  display: block !important; }
.revs_slider.owl-carousel .owl-nav button {
  position: absolute;
  z-index: 100;
  top: 50%;
  margin-top: -35px;
  font-size: 0;
  color: transparent;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  border: 3px solid #D3D4D8;
  background: transparent no-repeat 50% 50%;
  transition: all 0.3s ease; }
  .revs_slider.owl-carousel .owl-nav button span {
    font-size: 0;
    color: transparent; }
  .revs_slider.owl-carousel .owl-nav button.owl-prev {
    background-image: url(../img/slider_prev-gray.svg);
    left: 40px; }
    .revs_slider.owl-carousel .owl-nav button.owl-prev:hover {
      background-image: url(../img/slider_prev-blue.svg); }
  .revs_slider.owl-carousel .owl-nav button.owl-next {
    background-image: url(../img/slider_next-gray.svg);
    right: 40px; }
    .revs_slider.owl-carousel .owl-nav button.owl-next:hover {
      background-image: url(../img/slider_next-blue.svg); }

.rev_item {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 950px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  line-height: 150%;
  margin-bottom: 30px;
  text-align: left; }

.rev_image_box {
  flex-shrink: 0;
  display: inline-block;
  width: 178px;
  height: 178px;
  border-radius: 50%;
  margin-right: 55px;
  overflow: hidden; }
  .rev_image_box img {
    width: 100%;
    height: 100%;
    object-fit: cover; }

.rev_author {
  display: inline-block;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  text-decoration: underline; }
  .rev_author:hover {
    text-decoration: none; }

.contacts_header {
  background: #003399 url(../img/contacts_bg.jpg) no-repeat top center;
  color: #fff;
  padding-top: 70px;
  height: 278px; }

.contacts_flex {
  margin-top: -120px;
  margin-bottom: 40px;
  column-gap: 17px;
  display: flex; }

.contact_item,
.road_item {
  width: 100%;
  background: #fff;
  text-align: center;
  padding: 35px 50px;
  margin-bottom: 30px;
  font-weight: 500;
  font-size: 18px;
  line-height: 150%;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); }
  .contact_item h3,
  .road_item h3 {
    position: relative;
    margin-top: 0;
    margin-bottom: 30px;
    padding-bottom: 13px;
    font-size: 24px;
    line-height: 150%;
    font-weight: 400; }
    .contact_item h3 + p,
    .road_item h3 + p {
      margin-top: 0; }
    .contact_item h3:after,
    .road_item h3:after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 50%;
      margin-left: -45px;
      width: 90px;
      height: 3px;
      background: #003399; }
  .contact_item a,
  .road_item a {
    text-decoration: none; }

.socs_box {
  width: 180px;
  margin-left: auto;
  margin-right: auto; }
  .socs_box a {
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: 18px;
    line-height: 150%;
    color: #272727;
    margin-bottom: 13px; }
    .socs_box a .fa {
      width: 43px;
      color: #003399;
      font-size: 26px; }
    .socs_box a:hover {
      color: #23B3FF; }

.road_flex {
  margin-bottom: 40px;
  column-gap: 17px;
  display: flex; }

.map_box {
  position: relative;
  z-index: 10;
  width: 100%;
  height: 510px;
  background: black;
  margin-bottom: -255px; }

.footer_sec {
  background: #003399 url(../img/footer_bg.jpg) no-repeat top center;
  color: #fff; }
  .footer_sec .container {
    display: flex;
    align-items: flex-end;
    max-width: 950px;
    height: 380px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    font-size: 16px;
    line-height: 150%;
    padding-bottom: 25px; }

.copyright_sec {
  color: #fff;
  font-size: 16px;
  line-height: 150%;
  padding: 30px 0;
  background: #071E4A; }
  .copyright_sec .container {
    display: flex;
    justify-content: space-between;
    margin-left: auto;
    margin-right: auto; }
  .copyright_sec a {
    text-decoration: none;
    color: #fff; }
    .copyright_sec a:hover {
      color: #23B3FF; }

body.compensate-for-scrollbar {
  padding-right: 17px;
  margin-right: 0; }

.youtube {
  position: relative;
  background: none;
  width: 100%;
  height: 100%;
  overflow: hidden; }

.ytplayer-container {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%; }

.noOverflow {
  overflow: hidden; }

.video_bg2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 10; }
  .video_bg2 video {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; }

.modal_reservation {
  display: none;
  width: 750px;
  background: #fff;
  padding: 40px 60px; }

.reserv_form {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }
  .reserv_form .button {
    height: 70px;
    font-weight: 500;
    font-size: 24px;
    margin-bottom: 15px; }

.ip_cell {
  margin-bottom: 15px; }
  .ip_cell.has-error {
    display: block; }

.error-msg {
  display: none;
  color: red; }

.input_text {
  width: 100%;
  height: 70px;
  padding: 0 25px;
  border: 1px solid #888888;
  border-radius: 10px;
  font-size: 24px;
  line-height: 150%;
  color: #272727;
  background: #fff; }
  .input_text.date {
    background: #fff url(../img/i_calendar.svg) no-repeat right 20px top 50%; }

select.input_text {
  background: #fff url(../img/select.svg) no-repeat right 20px top 50%;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  -ms-appearance: none;
  -o-appearance: none; }

.ch {
  display: none; }

.ch + label {
  display: inline-block;
  padding-left: 40px;
  min-height: 30px;
  background: url(../img/ch.png) no-repeat 0 0;
  cursor: pointer; }

.ch:checked + label {
  background: url(../img/ch_r.png) no-repeat 0 0; }

.ch_agree + label {
  font-weight: 500;
  font-size: 12px;
  line-height: 150%;
  color: #787885;
  padding-top: 5px; }

.date_range {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%; }

.innerpage_sec {
  padding-top: 133px;
  padding-bottom: 60px; }
  .innerpage_sec .container {
    max-width: 1124px; }

.page_404 {
  max-width: 650px;
  text-align: center;
  font-size: 18px;
  line-height: 180%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px; }
  .page_404 h1 {
    font-weight: bold;
    font-size: 288px;
    line-height: 100%;
    margin-top: 0;
    margin-bottom: 30px;
    color: #003399; }

.nf_pre_title {
  font-weight: bold;
  font-size: 36px;
  line-height: 150%;
  margin-top: 0;
  margin-bottom: 0; }

.back_home {
  display: inline-block;
  margin-top: 30px;
  font-weight: bold;
  font-size: 36px;
  line-height: 47px; }

.datepicker {
  z-index: 100000 !important; }

.datepicker-dropdown.datepicker-orient-bottom:before,
.datepicker-dropdown.datepicker-orient-bottom:after {
  display: none !important; }

@media (max-width: 1306px) {
  .container {
    width: 100%;
    padding-left: 30px;
    padding-right: 30px; } }
@media (max-width: 1280px) {
  .logo,
  .topnav a {
    margin-right: 30px; } }
@media (max-width: 1240px) {
  .room_content_box {
    flex-direction: column; }

  .room_price_column {
    padding: 20px 30px;
    padding-top: 0;
    width: 100%;
    border-left: none; }

  .room_price_column > div {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center; }

  .room_price_box {
    display: flex;
    align-items: center; }

  .room_price_box span {
    margin-bottom: 0; }

  .room_price_box s,
  .room_price_box strong,
  .room_price_box span {
    margin-right: 20px; }

  .akciya {
    margin-bottom: 0;
    margin-right: 20px; }

  .room_content_text {
    padding: 20px 30px;
    padding-bottom: 0px; }

  .button.reserv {
    margin-top: 20px; }

  .revs_slider.owl-carousel .owl-nav {
    display: none !important; } }
@media (max-width: 1024px) {
  .topnav,
  .top_phone {
    display: none; }

  .mobile_phone,
  .open_menu {
    display: inline-block;
    width: 50px;
    height: 50px;
    color: #fff;
    text-align: center;
    line-height: 50px;
    font-size: 26px; }

  .topnav.opened + .close_menu {
    display: inline-block;
    position: fixed;
    z-index: 200;
    top: 20px;
    right: 20px;
    font-size: 23px;
    padding: 5px;
    color: #272727; }

  .topnav {
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    visibility: hidden;
    opacity: 0;
    transform: scale(0.5);
    transition: all 0.5s ease; }
    .topnav a {
      margin-bottom: 30px;
      margin-right: 0;
      font-size: 24px; }
    .topnav a:not(.current) {
      color: #272727; }
    .topnav.opened {
      visibility: visible;
      opacity: 1;
      transform: scale(1); }

  .sec_title {
    font-size: 26px;
    line-height: 120%; }

  .sokol_intro_box {
    column-gap: 60px; }

  .prs_box {
    justify-content: center; }

  .pr_item {
    width: 31.7%; } }
@media (max-width: 900px) {
  .room_item {
    flex-direction: column; }

  .room_images_box {
    width: 100%;
    height: 400px; }

  .kaif_item {
    width: 49.3%; }

  .kaif_header {
    padding: 20px; }

  .kaif_header h3 {
    font-size: 22px; }

  .road_flex,
  .contacts_flex {
    flex-direction: column; }

  .contact_item, .road_item {
    width: 100%;
    padding: 30px 20px; } }
@media (max-width: 750px) {
  .reserv_form .ip_cell.w48 {
    width: 100% !important; }

  .input_text {
    height: 50px;
    padding: 0 20px;
    font-size: 18px; } }
@media (max-width: 700px) {
  .sokol_intro_box {
    flex-direction: column; }
    .sokol_intro_box .sec_title {
      margin-bottom: 0; }

  .room_images_box {
    height: 300px; }

  .gallery_box {
    width: 100%;
    margin-left: 0; }

  .gallery_slider.owl-carousel .owl-nav button.owl-prev {
    left: 30px; }

  .gallery_slider.owl-carousel .owl-nav button.owl-next {
    right: 20px; }

  #sec-gallery {
    padding-bottom: 0; }

  .rev_item {
    flex-direction: column;
    align-items: center;
    text-align: center; }

  .rev_image_box {
    margin-right: 0; } }
@media (max-width: 600px) {
  .top_reserv {
    position: fixed;
    z-index: 120;
    bottom: 20px;
    left: 50%;
    white-space: nowrap;
    width: 230px;
    margin-left: -115px; }

  .prs_box {
    column-gap: 0;
    justify-content: space-between; }

  .pr_item {
    width: calc(50% - 5px);
    margin-bottom: 10px; }

  .pr_item:last-child {
    width: 100%; }

  .room_images_box {
    height: 270px; }

  .sec_title,
  .room_title {
    font-size: 26px;
    line-height: 120%; }

  .gallery_slider.owl-carousel .owl-nav button {
    transform: scale(0.5); }

  .gallery_slider.owl-carousel .owl-nav button.owl-prev {
    left: 0; }

  .gallery_slider.owl-carousel .owl-nav button.owl-next {
    right: 0; }

  .owl-item.center .gallery_zoom {
    transform: scale(0.6); }

  .map_box {
    height: 300px;
    margin-bottom: -150px; }

  .copyright_sec {
    padding-bottom: 100px; }

  .copyright_sec .container {
    flex-direction: column;
    align-items: center; }

  .copyright_sec a {
    display: inline-block;
    margin-bottom: 10px; }

  .page_404 h1 {
    font-size: 120px; }

  .back_home {
    font-size: 26px; }

  .top_reserv {
    background: #23B3FF; }
    .top_reserv:hover {
      background: #003399; } }
@media (max-width: 500px) {
  .room_price_column > div {
    flex-direction: column; }

  .room_price_box {
    flex-direction: column; }

  .akciya,
  .room_price_box s,
  .room_price_box strong,
  .room_price_box span {
    margin-right: 0; }

  .akciya {
    margin-bottom: 10px; }

  .content_sec {
    padding-top: 40px;
    padding-bottom: 40px; }

  .innerpage_sec {
    font-size: 16px;
    line-height: 150%; }

  .header_slider.owl-carousel .owl-nav button {
    width: 40px; }

  .header_slider.owl-carousel .owl-nav button span {
    font-size: 60px !important; } }
@media (max-width: 430px) {
  .header_slide-infobox h1 {
    font-size: 25px;
    line-height: 150%; }

  .header_slide-infobox {
    font-size: 16px; }

  .header_slide-infobox .button-o {
    margin-top: 15px; }

  .header_slider .owl-dots {
    bottom: 10px; }

  .footer_sec .container {
    height: 430px; }

  .modal_reservation {
    padding: 20px; }

  .input_text.date,
  select.input_text {
    background-size: 20px; }

  .reserv_form .button {
    font-size: 18px; }

  .back_home {
    font-size: 20px; } }

/*# sourceMappingURL=style.css.map */