/* colors */
/* moble nav */
/* fonts */
/* screen resolutions */
@import url("https://fonts.googleapis.com/css2?family=Old+Standard+TT:wght@400;700&family=Work+Sans:wght@100;200;300;400;500;700&display=swap");
:root {
  --nav-mobile-height: $heightNavMobile;
}

*, ::after, ::before {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html, body {
  /* overflow-x: hidden; */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  /* height: 100vh; */
  margin: 0;
  background-color: #f9f9f9;
}

html {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0;
}

body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0;
  background-color: #f9f9f9;
  overflow-x: hidden;
}

body.preloader-site {
  overflow: hidden;
}

.preloader-wrapper {
  height: 100%;
  width: 100%;
  background: #FFF;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999999;
}

.preloader-wrapper .preloader {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 120px;
  text-align: center;
}

#preloader-gif {
  position: relative;
  height: 100%;
  margin: 50% auto;
  z-index: 20;
  text-align: center;
}

/* defaults */
.button {
  font-family: Work Sans;
  font-style: normal;
  font-weight: normal;
  letter-spacing: 0.5px;
  font-size: 16px;
  background-color: transparent;
  border: 1px solid #e9bd8b;
  cursor: pointer;
  color: #7d7d7d;
  padding: 3px 10px;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.button:hover {
  background-color: #e9bd8b;
  color: white;
  font-weight: 400;
}

.button-right {
  width: 100%;
  text-align: right;
  border-bottom: 1px solid #e9bd8b;
}

.button-right .button {
  font-family: Work Sans;
  font-style: normal;
  font-weight: normal;
  letter-spacing: 0.5px;
  font-size: 16px;
  background-color: white;
  border: 1px solid #e9bd8b;
  outline: 10px solid white;
  cursor: pointer;
  color: #7d7d7d;
  padding: 5px 15px;
  text-transform: uppercase;
  position: relative;
  top: 10px;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.button-right .button:hover {
  background-color: #e9bd8b;
  color: white;
  font-weight: 400;
}

.button-right .button span.icon-pdf {
  font-weight: 100;
  color: grey;
  font-size: 26px;
  position: relative;
  top: 7px;
  left: 5px;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.button-right .button span.icon-pdf:hover {
  color: white;
}

.button-right-grey {
  width: 75%;
  text-align: right;
  border-bottom: 1px solid #5c5c5c;
}

@media only screen and (max-width: 1200px) {
  .button-right-grey {
    width: 100% !important;
  }
}

.button-right-grey .button {
  font-family: Work Sans;
  font-style: normal;
  font-weight: normal;
  letter-spacing: 0.5px;
  font-size: 16px;
  background-color: #f9f9f9;
  border: 1px solid #e9bd8b;
  outline: 20px solid #f9f9f9;
  cursor: pointer;
  color: #5c5c5c;
  padding: 10px 70px;
  text-transform: uppercase;
  position: relative;
  top: 10px;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.button-right-grey .button:hover {
  background-color: #e9bd8b;
  color: white;
  font-weight: 400;
}

.button-right-grey .button span.icon-pdf {
  font-weight: 100;
  color: grey;
  font-size: 26px;
  position: relative;
  top: 7px;
  left: 5px;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.button-right-grey .button span.icon-pdf:hover {
  color: white;
}

@media only screen and (max-width: 1200px) {
  .button-right-grey .button {
    width: 100% !important;
    padding: 10px 20px !important;
  }
}

.button-full-width {
  padding: 5px 0px;
}

.button-center {
  font-family: Work Sans;
  font-style: normal;
  font-weight: normal;
  letter-spacing: 0.5px;
  font-size: 16px;
  display: block;
  width: 25%;
  margin: 0 auto;
  text-align: center;
  background-color: transparent;
  border: 1px solid #e9bd8b;
  cursor: pointer;
  color: #5c5c5c;
  padding: 10px 10px;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.button-center:hover {
  background-color: #e9bd8b;
  color: white;
  font-weight: 400;
}

@media only screen and (max-width: 767px) {
  .button-center {
    width: 100% !important;
  }
}

.hr-vertical {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: visible;
  width: 1px;
  height: 129px;
  -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
          transform: matrix(1, 0, 0, 1, 0, 0);
  width: 100%;
}

h1, h2, h3, h4, h5, .tpl-single p, h6, div, p, a, span, ul, li {
  color: #5c5c5c;
}

h1, h2, h3, h4 {
  margin: 0px;
  padding: 0px;
  font-family: 'Old Standard TT', serif;
}

h1 {
  font-family: 'Old Standard TT', serif;
  font-style: normal;
  font-weight: 700;
  font-size: 50px;
  /* color: $textColor */
}

h1.js-split-text {
  font-size: 72px !important;
}

@media only screen and (max-width: 576px) {
  h1.js-split-text {
    font-size: 40px !important;
  }
}

@media only screen and (max-width: 992px) {
  h1.js-split-text {
    font-size: 50px !important;
  }
}

h5, .tpl-single p, h6 {
  text-transform: uppercase;
  font-family: Work Sans;
  font-size: 16px;
  font-weight: 500;
}

p, div {
  font-family: Work Sans;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

/* header */
header {
  position: relative;
  left: 0;
  width: 100vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

header a {
  all: unset;
  cursor: pointer !important;
}

header a:hover {
  color: inherit;
  text-decoration: none;
}

header .header-background {
  height: 100vh;
  width: 100%;
  margin: 0px;
  padding: 0px;
  border: 0px;
  background-color: #f9f9f9;
}

#scroll_down {
  position: absolute;
  bottom: 20px;
  left: 50%;
  margin-left: -15px;
  text-align: center;
  cursor: pointer;
  border: 2px solid #FFF;
  width: 30px;
  height: 50px;
  float: left;
  border-radius: 15px;
  z-index: 10;
  cursor: default;
}

@media only screen and (max-width: 767px) {
  #scroll_down {
    display: none !important;
  }
}

#scroll_down span {
  width: 2px;
  margin-left: -1px;
  height: 8px;
  background: #FFF;
  position: absolute;
  left: 50%;
  top: 12px;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.langDropTop {
  width: 60px;
  height: 40px;
  padding: 3px 10px;
  padding-top: 13px;
  border-bottom: solid 1px #999;
}

#langDropParTop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: white;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: absolute;
  top: 30px;
  z-index: 1100;
  display: none;
  border-radius: 5px;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.35);
  left: -15px;
}

#langDropParTop > div:nth-child(4) {
  border-bottom: none;
}

#tap_ico {
  display: none;
  width: 0;
}

#tap_ico_hold {
  display: none;
  width: 0;
}

@media (max-width: 576px) {
  #tap_ico {
    width: 50px;
    position: absolute;
    right: 10px;
    top: 150px;
    z-index: 20;
    -webkit-animation: move_tap 2.5s infinite;
            animation: move_tap 2.5s infinite;
    opacity: 0.7;
  }
  @-webkit-keyframes move_tap {
    0% {
      right: 10px;
      widht: 50px;
    }
    10% {
      right: 10px;
      width: 43px;
    }
    80% {
      right: 50px;
      width: 43px;
    }
    100% {
      right: 10px;
      width: 50px;
    }
  }
  @keyframes move_tap {
    0% {
      right: 10px;
      widht: 50px;
    }
    10% {
      right: 10px;
      width: 43px;
    }
    80% {
      right: 50px;
      width: 43px;
    }
    100% {
      right: 10px;
      width: 50px;
    }
  }
  #tap_ico_hold {
    width: 50px;
    position: absolute;
    right: 10px;
    top: 150px;
    z-index: 20;
    -webkit-animation: move_tap_hold 2.5s infinite;
            animation: move_tap_hold 2.5s infinite;
    opacity: 0.7;
  }
  @-webkit-keyframes move_tap_hold {
    0% {
      right: 10px;
      widht: 50px;
      opacity: 0;
    }
    10% {
      right: 10px;
      width: 43px;
      opacity: 0.7;
    }
    80% {
      right: 50px;
      width: 43px;
    }
    100% {
      right: 10px;
      width: 50px;
      opacity: 0;
    }
  }
  @keyframes move_tap_hold {
    0% {
      right: 10px;
      widht: 50px;
      opacity: 0;
    }
    10% {
      right: 10px;
      width: 43px;
      opacity: 0.7;
    }
    80% {
      right: 50px;
      width: 43px;
    }
    100% {
      right: 10px;
      width: 50px;
      opacity: 0;
    }
  }
}

/* [header] */
/* header-parallax */
.header-parallax {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  top: 0px;
  left: 0px;
  width: 100vw;
  height: 90%;
  z-index: 0;
}

.header-parallax .welcome-text, .header-parallax .welcome-text-offer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  margin-top: 175px;
  color: white;
  font-style: normal;
  font-weight: normal;
  letter-spacing: 1.3px;
  text-transform: uppercase;
  -webkit-filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.161));
          filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.161));
}

.header-parallax .welcome-text-offer {
  margin-top: 250px;
}

@media only screen and (max-width: 992px) {
  .header-parallax .welcome-text-offer {
    margin-top: 75px !important;
  }
}

.header-parallax p {
  text-align: center;
  font-family: "Segoe UI", Arial, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  font-family: 'Work Sans', sans-serif;
  text-transform: uppercase;
  color: white;
}

@media only screen and (max-width: 992px) {
  .header-parallax p {
    font-size: 16px !important;
  }
}

.header-parallax h1 {
  letter-spacing: 3px;
  outline: 2px solid white;
  padding: 20px 20px 5px 20px;
  margin-bottom: 20px;
  color: white;
  text-align: center;
}

@media only screen and (max-width: 992px) {
  .header-parallax h1 {
    font-size: 36px;
  }
}

/* [header-parallax] */
/* tools */
.scrollbar-measure {
  width: 100px;
  height: 100px;
  overflow: scroll;
  position: absolute;
  top: -9999px;
}

/* [tools] */
#logo-ico {
  margin-bottom: 20px;
  -webkit-animation-name: rotate;
          animation-name: rotate;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease;
  width: 60px;
  height: 60px;
}

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

/* footer */
* {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

footer {
  color: gray;
  font-family: "Work Sans", monospace;
  letter-spacing: 0.05;
  background-color: #eee;
}

#footer_top {
  width: 100%;
  height: 220px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 20px;
  padding-bottom: 20px;
}

#footer_bottom_right > p > a {
  color: white;
}

#footer_bottom {
  width: 100%;
  height: 60px;
  background-color: #555;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  font-size: 1.1em;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#footer_bottom_left > p {
  color: white;
}

#footer_bottom_right > p {
  color: white;
}

#footer_top_left {
  height: 100%;
  width: 37%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

#footer_top_mid {
  height: 100%;
  width: 29%;
  border-left: solid 1px #e9bd8b;
}

#footer_top_right {
  height: 100%;
  width: 35%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

#footer_bottom_right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 50%;
}

#footer_bottom_right p {
  margin-right: 2vw;
}

#footer_bottom_left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
}

#footer_bottom_left p {
  margin-left: 2vw;
}

#footer_top_mid > div > p {
  margin-top: 0;
  margin-left: 30px;
  font-weight: bold;
  font-size: 1.2em;
}

#flex_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

#flex_row > div > a {
  display: block;
}

#flex_row > div {
  margin-left: 30px;
}

#flex_row > div > a {
  margin-bottom: 10px;
}

#footer_top_left_top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  padding-left: 2vw;
  padding-right: 2vw;
}

#footer_top_left_bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-left: 2vw;
  margin-top: 60px;
}

#newsletter_textbox {
  padding: 10px 15px 10px 15px;
  color: #555;
  outline: none;
  width: calc(100% - 2vw - 150px);
  height: 48px;
  font-family: monospace;
  border: solid 1px #e9bd8b;
}

#newsletter_textbox:focus {
  border: solid 2px #777;
}

#newsletter_submit {
  height: 48px;
  padding: 0;
  padding-left: 10px;
  padding-right: 10px;
  display: inline-block;
  z-index: 1;
  font-weight: bold;
  color: white !important;
  font-family: monospace;
  width: 150px;
  border: solid 1px #e9bd8b;
  background-color: #e9bd8b;
  font-size: 1.1em;
}

#footer_top_right > div:nth-child(2) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: -webkit-fill-available;
}

.social_ico {
  border: solid 1px #e9bd8b;
  width: 50px;
  height: 50px;
  padding-top: 5px;
  padding-left: 5px;
  font-size: 40px !important;
}

.social_ico:first-child:hover {
  color: #4267b2;
  border-color: #4267b2;
}

a.social_ico.icon-1-instagram:hover {
  color: #E1306C;
  border-color: #E1306C;
}

a.social_ico.icon-1-twitter:hover {
  color: #1da1f2;
  border-color: #1da1f2;
}

#footer_top_right > div:nth-child(2) > div:nth-child(2) {
  margin-top: 70px;
}

#map {
  height: 180px;
  width: auto;
}

#footer_top_right > div:nth-child(2) > div:nth-child(1) {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

#footer_top_right > div:nth-child(2) > div:nth-child(2) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media only screen and (max-width: 1520px) {
  #footer_top_left_top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  #footer_top_left_top > a {
    margin-bottom: 10px;
  }
  #footer_top_left_bottom {
    margin-top: 0;
  }
  #footer_top {
    height: 240px;
  }
  #footer_top_right > div:nth-child(2) > div:nth-child(1) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  #footer_top_right > div:nth-child(2) > div:nth-child(1) > a {
    margin-bottom: 10px;
  }
  #footer_top_right > div:nth-child(2) > div:nth-child(2) {
    margin-top: 50px;
  }
}

@media only screen and (max-width: 1200px) {
  #footer_bottom {
    height: 90px;
  }
  #footer_bottom_left {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  #footer_bottom_left > p {
    margin-top: 0;
    margin-bottom: 0;
  }
  #footer_bottom_left > p:first-child {
    margin-bottom: 10px;
    font-weight: bold;
  }
  #footer_bottom_right {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  #footer_bottom_right > p {
    margin-top: 0;
    margin-bottom: 0;
  }
  #footer_bottom_right > p:first-child {
    margin-bottom: 10px;
    font-weight: bold;
  }
}

@media only screen and (max-width: 992px) {
  #footer_top_right > div:nth-child(1) {
    display: none;
  }
  #footer_top {
    height: 250px;
  }
}

@media only screen and (max-width: 767px) {
  #footer_top {
    height: 340px;
  }
  #footer_top_left_bottom > form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  #newsletter_textbox {
    width: calc(100% - 2vw);
  }
  #newsletter_submit {
    width: calc(100% - 2vw);
  }
  #flex_row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  #newsletter_submit {
    font-size: 1.2em;
  }
  #footer_top_left_top > a {
    margin-bottom: 15px;
  }
}

@media only screen and (max-width: 576px) {
  #footer_top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: auto;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-bottom: 0;
  }
  #footer_top > div {
    margin-bottom: 30px;
  }
  #footer_top_left {
    width: 99%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  #footer_top_mid {
    width: 99%;
  }
  #footer_top_right {
    width: 99%;
  }
  #footer_top_mid > div:nth-child(1) > p {
    text-align: center;
  }
  #footer_bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 210px;
  }
  #footer_bottom_left {
    width: 99%;
    text-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  #footer_bottom_left > p:first-child {
    font-weight: bold;
    margin-bottom: 0;
    margin-top: 15px;
  }
  #footer_bottom_right {
    width: 99%;
    text-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  #footer_bottom_right > p:first-child {
    font-weight: bold;
    margin-bottom: 0;
    margin-top: 15px;
  }
  #footer_top_right > div:nth-child(2) > div:nth-child(2) {
    margin-top: 10px;
  }
  #footer_top_right > div:nth-child(2) > div:nth-child(1) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  #footer_top_left_bottom {
    text-align: center;
  }
  #footer_top_left_top {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
  }
  #footer_top_left_top {
    margin-top: 15px;
  }
  #flex_row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  #newsletter_submit {
    font-size: 1.4em;
  }
  #newsletter_textbox {
    font-size: 1.3em;
  }
}

/* [footer] */
/* navs */
/* nav-desktop */
#nav-desktop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  font-family: 'Work Sans', sans-serif;
  text-decoration: none;
  text-transform: uppercase;
  color: white;
  z-index: 1000;
  padding: 10px 0px;
}

.wrapper {
  width: 1110px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  position: relative;
}

.wrapper .logo {
  width: auto;
  height: auto;
  -webkit-filter: saturate(0) brightness(500%);
          filter: saturate(0) brightness(500%);
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.wrapper .button {
  position: absolute;
  right: -210px;
  top: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 7px 10px 5px 5px;
  border: 0px !important;
  opacity: 0.8;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  background-color: white;
}

.wrapper .button:hover {
  background-color: #e9bd8b !important;
}

.wrapper .button span {
  text-align: center;
  font-family: "Segoe UI", Arial, sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 12px;
  color: black !important;
  letter-spacing: 0.5px;
  margin-left: 10px;
}

.wrapper .button span .icon__reservation {
  width: 19.4px;
  height: 15.8px;
  -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
          transform: matrix(1, 0, 0, 1, 0, 0);
}

/* scroll invert */
.navbar {
  -webkit-transition: background-color 0.7s cubic-bezier(0, 0, 0.2, 1);
  transition: background-color 0.7s cubic-bezier(0, 0, 0.2, 1);
}

.navbar sup {
  font-size: 6px;
}

.is-scrolled {
  background-color: white;
  -webkit-transition: background-color 0.7s cubic-bezier(0, 0, 0.2, 1);
  transition: background-color 0.7s cubic-bezier(0, 0, 0.2, 1);
  -webkit-box-shadow: -1px 1px 20px 3px rgba(0, 0, 0, 0.28);
          box-shadow: -1px 1px 20px 3px rgba(0, 0, 0, 0.28);
  opacity: 1.0;
}

.is-scrolled::before {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(112, 111, 131, 0)), color-stop(80%, white));
  background: linear-gradient(180deg, rgba(112, 111, 131, 0) 0%, white 80%);
  content: '';
  width: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  height: 117px;
  opacity: 1.0;
}

.cryptedmail:after {
  content: attr(data-name) "@" attr(data-domain) "." attr(data-tld);
}

.invert img {
  filter: saturate(1) brightness(100%) !important;
  -webkit-filter: saturate(1) brightness(100%) !important;
}

.invert li, .invert button {
  color: #e9bd8b !important;
  font-weight: 800;
}

.invert a.phone, .invert a.mail {
  font-weight: 800;
}

.invert span, .invert a {
  color: #5c5c5c !important;
}

.invert .social-icon {
  color: #e9bd8b !important;
}

.invert .button {
  outline: 1px solid #e9bd8b !important;
}

.invert .button:hover {
  background-color: #e9bd8b !important;
}

/* nav */
.nav {
  margin: 0px;
  width: 100%;
}

#nav__left, #nav__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

/* [nav] */
/* subnav */
.subnav {
  margin: 0px;
  padding: 0px 20px;
  white-space: normal;
  color: white;
  letter-spacing: 1.3px;
  font-size: 12px;
  height: 30px;
  width: 100%;
  position: relative;
}

.subnav ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}

.subnav ul li {
  display: inline;
  margin-left: -5px;
  position: relative;
}

.subnav ul li:first-child {
  margin-left: 0px;
}

.subnav ul li a {
  border: 0px;
  color: white;
  font-weight: 300;
  font-size: 18px;
  top: -3px;
  position: relative;
}

.subnav span {
  margin: 0px 5px;
  color: white;
}

.subnav .weather {
  margin-top: -1px;
  font-size: 15px !important;
}

#subnav__left, #subnav__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-line-pack: center;
      align-content: center;
}

#subnav__right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

#subnav__right span:last-child {
  margin-right: 0px;
}

/* [sub-nav] */
/* nav-menu */
#menu-nav__left {
  padding: 0px 30px 0px 10px;
}

#menu-nav__right {
  padding: 0px 10px 0px 30px;
}

ul.nav-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  list-style: none;
  font-family: 'Work Sans', sans-serif;
  text-decoration: none;
  height: 40px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  /* dropdown-item */
  /* [dropdown-item] */
}

ul.nav-menu li {
  text-align: center;
  font-family: "Segoe UI", Arial, sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  display: inline-block;
  padding-left: 10px;
  padding: 5px 10px;
  color: white;
  letter-spacing: 0.05em;
  font-weight: 500;
  line-height: 13px;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  -webkit-transition: color 0.7s cubic-bezier(0, 0, 0.2, 1);
  transition: color 0.7s cubic-bezier(0, 0, 0.2, 1);
  position: relative;
  border: solid 1px rgba(255, 255, 255, 0);
  /* [dropdown-menu] */
}

ul.nav-menu li a {
  text-transform: capitalize !important;
  margin: 0px;
  white-space: normal;
  color: white;
  white-space: nowrap;
}

ul.nav-menu li.menu-item-has-children::after {
  position: absolute;
  top: 0px;
  left: -5%;
  width: 110%;
  height: 100px;
  content: '';
  background-color: transparent;
}

ul.nav-menu li:hover {
  border: solid 1px white;
}

ul.nav-menu li .dropdown-svg-arrow {
  display: none;
  position: absolute;
  width: 19px;
  height: 13px;
  top: 65px;
  left: 0px;
  -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
          transform: matrix(1, 0, 0, 1, 0, 0);
  z-index: 1;
}

ul.nav-menu li ul.dropdown-menu {
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  position: absolute;
  width: 175px;
  overflow: hidden;
  margin-top: 60px;
  background-color: white;
  border-radius: 10px;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.28);
          box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.28);
  z-index: 1;
}

ul.nav-menu li ul.dropdown-menu li {
  padding: 10px 15px;
  font-size: 16px;
  font-weight: 200;
  line-height: 1.3em;
  border: 0px;
}

ul.nav-menu li ul.dropdown-menu li a {
  margin: 0px;
  padding: 0px;
  font-weight: 400;
  text-transform: uppercase;
  white-space: normal;
  letter-spacing: 0.3px;
  color: #5c5c5c;
}

ul.nav-menu li ul.dropdown-menu li a:hover {
  cursor: pointer;
  background-color: transparent;
  outline: 0px;
  border: 0px;
}

ul.nav-menu li ul.dropdown-menu li:hover {
  background-color: #e9bd8b;
}

ul.nav-menu .dropdown-item {
  margin: 0px !important;
  padding: 0px !important;
  width: auto;
  color: black;
  letter-spacing: 0.5px;
  white-space: normal;
}

/* [nav-menu] */
/* mobile nav*/
nav, nav ul, nav ul li {
  margin: 0px;
  padding: 0px;
  font-size: 13px;
}

/* navbar-mobile__top */
#navbar-mobile__top {
  margin: 0px;
  padding: 0px;
  background-color: white;
  text-align: center;
  line-height: 57px;
  width: 100vw;
  height: 67px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-transform: uppercase;
  -webkit-filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.11));
          filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.11));
}

#navbar-mobile__top .mob-reservation {
  width: 65%;
  height: 43px !important;
  text-align: center;
  font-family: "Segoe UI", Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  color: #333;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #e9bd8b !important;
}

#navbar-mobile__top .mob-reservation span .icon__reservation {
  width: 26.4px;
  height: 19.8px;
  -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
          transform: matrix(1, 0, 0, 1, 0, 0);
  top: -15px;
  position: absolute;
  color: #333;
}

#navbar-mobile__top .mob-reservation span:last-child {
  text-align: center;
  font-family: "Segoe UI", Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  color: #333;
  font-weight: bold !important;
  letter-spacing: 1.5px;
}

#navbar-mobile__top .mob-reservation div:first-child div:first-child {
  border-width: 0px;
  border-style: solid;
  width: 20%;
  height: 100%;
}

#navbar-mobile__top .mob-reservation div:first-child div:first-child span {
  margin: 0px;
  padding: 0px;
  clear: both;
}

#navbar-mobile__top .mob-reservation div:first-child div {
  float: left;
  border-width: 1px 1px 1px 1px;
  border-style: solid;
  width: 60%;
  height: 100%;
}

#navbar-mobile__top .mob-location {
  height: 43px !important;
  width: 25%;
}

#navbar-mobile__top .mob-location div:first-child {
  text-align: center;
  font-family: "Segoe UI", Arial, sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 10px;
  position: relative;
  top: 7px;
  font-size: 10px;
  color: black;
  letter-spacing: 0.25px;
}

#navbar-mobile__top .mob-location .icon__map {
  position: relative;
  width: 21.716px;
  height: 19.303px;
  top: -70px;
  -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
          transform: matrix(1, 0, 0, 1, 0, 0);
}

/* [navbar-mobile__top] */
/* navbar-mobile__bottom */
#navbar-mobile__bottom {
  height: 120px;
  background-color: #051219;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-transform: uppercase;
  width: 100vw;
}

#navbar-mobile__bottom div:last-child {
  border: 0px;
}

#navbar-mobile__bottom .mm-btn-inline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  padding-bottom: 14px;
}

#navbar-mobile__bottom .mm-btn-inline .inline-label {
  font-size: 16px;
  color: white !important;
  margin-top: 12px;
  font-weight: 300;
}

#navbar-mobile__bottom-vertical-line {
  width: 2px;
  height: 150px;
  background-color: white;
}

@media only screen and (max-width: 576px) {
  #navbar-mobile__bottom-vertical-line {
    background-color: #051219;
  }
}

#navbar-mobile__bottom .mob-call, #navbar-mobile__bottom .mob-collapsed-menu {
  font-size: 16px;
  color: white;
}

#navbar-mobile__bottom .mob-offers {
  font-size: 16px;
  color: white;
}

#navbar-mobile__bottom .mob-offers .inline-label {
  margin-top: 20px;
}

#navbar-mobile__bottom .mob-chat {
  font-size: 16px;
  color: white;
}

#navbar-mobile__bottom .mob-chat .inline-label {
  margin-top: 15px;
}

#navbar-mobile__bottom .mob-collapsed-menu div:last-child {
  text-align: center;
  font-family: "Segoe UI", Arial, sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 10px;
  color: black;
  padding-top: 5px;
}

#navbar-mobile__bottom .mob-collapsed-menu #icon__menu {
  width: 24px;
  height: 24px;
  -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
          transform: matrix(1, 0, 0, 1, 0, 0);
  position: relative;
}

#navbar-mobile__bottom .mob-collapsed-menu #icon__menu .icon__menu-1 {
  width: 24px;
  height: 4px;
  left: 0px;
  top: 20px;
  position: absolute;
}

#navbar-mobile__bottom .mob-collapsed-menu #icon__menu .icon__menu-2 {
  width: 24px;
  height: 4px;
  left: 0px;
  top: 12px;
  position: absolute;
}

#navbar-mobile__bottom .mob-collapsed-menu #icon__menu .icon__menu-3 {
  width: 24px;
  height: 4px;
  left: 0px;
  top: 4px;
  position: absolute;
}

#navbar-mobile__bottom ul {
  width: 100%;
  height: 100%;
}

#navbar-mobile__bottom ul li {
  border-width: 0px 1px 0px 1px;
  border-style: solid;
  width: 33.33%;
  height: 100%;
}

#navbar-mobile__bottom ul li:first-child {
  border-width: 0px;
  border-style: solid;
  width: 33.33%;
  height: 100%;
}

#navbar-mobile__bottom ul li:last-child {
  border-width: 0px;
  border-style: solid;
  width: 33.33%;
  height: 100%;
}

/* [navbar-mobile__bottom] */
@media only screen and (max-height: 450px) {
  #navbar-mobile__bottom {
    display: none !important;
  }
  #discount_bar, #discount_bar_arrow, #discount_bar_happy, #discount_bar_weekend {
    display: none !important;
  }
}

/* [mobile nav] */
#collapsed_menu {
  display: none;
}

.collapsed-menu {
  cursor: pointer;
}

#menu-mobile-menu, #menu-mobile-menu-de, #menu-mobile-menu-en {
  list-style-type: none;
  padding-left: 0;
  font-size: 1.1em;
  padding-top: 0px;
  text-transform: uppercase;
}

#menu-mobile-menu > li, #menu-mobile-menu-de > li, #menu-mobile-menu-en > li {
  text-align: left;
  font-family: "Segoe UI", Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  position: relative;
  letter-spacing: 1px;
  border-bottom: 1px solid lightgrey;
  padding: 5px 0px 0px 0px;
}

#menu-mobile-menu li.menu-item-has-children li a, #menu-mobile-menu-de li.menu-item-has-children li a, #menu-mobile-menu-en li.menu-item-has-children li a {
  text-align: left;
  font-family: "Segoe UI", Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
}

#menu-mobile-menu li.menu-item-has-children ul.dropdown-menu, #menu-mobile-menu-de li.menu-item-has-children ul.dropdown-menu, #menu-mobile-menu-en li.menu-item-has-children ul.dropdown-menu {
  background-color: lightgrey;
  padding: 10px 0px;
}

#menu-mobile-menu li.menu-item-has-children ul.dropdown-menu li a, #menu-mobile-menu-de li.menu-item-has-children ul.dropdown-menu li a, #menu-mobile-menu-en li.menu-item-has-children ul.dropdown-menu li a {
  font-weight: normal;
  text-transform: capitalize;
  letter-spacing: 1px;
  font-size: 14px;
}

#menu-mobile-menu li.menu-item-has-children ul.dropdown-menu li:last-child, #menu-mobile-menu-de li.menu-item-has-children ul.dropdown-menu li:last-child, #menu-mobile-menu-en li.menu-item-has-children ul.dropdown-menu li:last-child {
  padding-bottom: 0px;
}

@media only screen and (max-width: 992px) {
  #menu-mobile-menu, #menu-mobile-menu-de, #menu-mobile-menu-en {
    padding-top: 0px;
  }
  #menu-mobile-menu li a, #menu-mobile-menu-de li a, #menu-mobile-menu-en li a {
    display: block;
    color: #333 !important;
    white-space: nowrap;
    padding: 10px 0px 10px 20px;
  }
}

@media only screen and (max-width: 576px) {
  #menu-mobile-menu, #menu-mobile-menu-de, #menu-mobile-menu-en {
    padding-top: 0px;
  }
  #menu-mobile-menu li a, #menu-mobile-menu-de li a, #menu-mobile-menu-en li a {
    color: #333 !important;
    white-space: nowrap;
    padding: 10px 0px 10px 20px;
  }
}

#collapsed_menu_inner {
  position: relative;
  padding-bottom: 50px;
}

#fixed_top_tablet_navbar {
  display: none;
}

#cookies-terms {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  background-color: black;
  opacity: 0.8;
  text-align: center;
  z-index: 1000;
  width: 100%;
}

#cookies-terms p {
  font-size: 12px;
  letter-spacing: 1px;
  font-weight: normal;
  width: 100%;
  padding: 0px 15px;
  line-height: 17px;
  color: white;
}

#cookies-terms p a {
  text-decoration: underline;
  color: white;
}

#cookies-terms p:first-child {
  text-transform: uppercase;
}

#cookies-terms .exit {
  text-align: center;
  font-family: "Segoe UI", Arial, sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  color: black;
  position: absolute;
  right: 5px;
  top: 5px;
  z-index: 3;
  cursor: pointer;
}

#cookies-terms .exit::after {
  position: relative;
  width: 20px;
  height: 20px;
  background-color: transparent;
  content: '';
  top: -2px;
  left: 1px;
  display: block;
}

#cookies-terms .exit .x-line-1 {
  overflow: visible;
  position: absolute;
  width: 10px;
  height: 10px;
  left: 5.5px;
  top: 3.5px;
  -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
          transform: matrix(1, 0, 0, 1, 0, 0);
}

#cookies-terms .exit .x-line-2 {
  overflow: visible;
  position: absolute;
  width: 10px;
  height: 10px;
  left: 5.5px;
  top: 3.5px;
  -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
          transform: matrix(1, 0, 0, 1, 0, 0);
}

@media only screen and (max-width: 576px) {
  #cookies-terms {
    bottom: 64px;
    padding: 8px;
    height: auto !important;
  }
  #cookies-terms p {
    line-height: 12px !important;
    font-size: 10px !important;
    letter-spacing: 2px;
    font-weight: normal;
    margin: 0px;
  }
  #cookies-terms p:nth-child(2) {
    padding: 5px 30px !important;
  }
}

@media only screen and (max-width: 992px) {
  #cookies-terms p {
    font-size: 12px;
    letter-spacing: 1px;
    font-weight: normal;
    width: 100%;
    padding: 0px 15px;
    line-height: 17px;
  }
}

#cookieAcceptBarConfirm {
  display: none;
  position: fixed;
  bottom: 85px;
  z-index: 1001;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#cookieAcceptBarConfirm a {
  padding: 5px 10px;
  background-color: #e9bd8b;
  color: #333 !important;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 1px;
}

#collapsed_menu {
  display: none;
}

#collapsed_menu_inner {
  position: relative;
  padding-bottom: 50px;
}

#fixed_top_tablet_navbar {
  display: none;
}

.collapsed-menu {
  cursor: pointer;
}

.hide {
  display: none !important;
}

.overflow_y_hidden {
  overflow-y: hidden !important;
  position: relative;
}

.arrow_down {
  position: absolute;
  top: 22px !important;
  right: 20px;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid black;
}

.arrow_up {
  border-top: 0 !important;
  border-left: 5px solid transparent !important;
  border-right: 5px solid transparent !important;
  border-bottom: 5px solid black !important;
}

#mobile_darkening {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  opacity: 0.7;
  background-color: #000;
  z-index: 1028;
}

#collapsed_menu {
  display: none;
  position: fixed;
  right: 0px;
  height: calc(100vh - 67px) !important;
  background-color: #eee;
  -webkit-box-shadow: -5px 0px 5px 0px rgba(0, 0, 0, 0.25);
  box-shadow: -5px 0px 5px 0px rgba(0, 0, 0, 0.25);
  overflow-y: auto;
  z-index: 1029;
}

@media only screen and (max-width: 992px) {
  #collapsed_menu {
    top: 67px;
    bottom: 67px;
    width: 40%;
    height: 100% !important;
  }
}

@media only screen and (max-width: 992px) {
  #collapsed_menu {
    top: 0;
    bottom: 67px;
    width: 75%;
  }
}

@media only screen and (max-width: 992px) {
  #goTop {
    display: none !important;
  }
  #fixed_top_tablet_navbar {
    height: 67px;
    background-color: #fafafa;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-transform: uppercase;
    -webkit-filter: drop-shadow(0px 2px 6px rgba(0, 0, 0, 0.161));
            filter: drop-shadow(0px 2px 6px rgba(0, 0, 0, 0.161));
    width: 100vw;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1030;
    display: block;
  }
  #tablet_navbar_call > div {
    border-right: 0 !important;
  }
  #tablet_navbar_menu > div {
    border-right: 0 !important;
  }
  #tablet_navbar_logo {
    width: 25%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  #tablet_navbar_call {
    width: 50%;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-right: 1px solid #c7c4c4;
    border-left: 1px solid #c7c4c4;
  }
  #tablet_navbar_call > div > svg {
    width: 30px;
    margin-bottom: 5px;
    margin-left: calc(50% - 15px);
  }
  #tablet_navbar_menu {
    width: 25%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .dropdown-menu {
    all: unset;
    display: none;
  }
}

#fixed_top_tablet_navbar > #tablet_navbar_menu > .mob-collapsed-menu > #icon__menu {
  width: 24px;
  height: 24px;
  -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
          transform: matrix(1, 0, 0, 1, 0, 0);
  position: relative;
  margin-left: calc(50% - 12px);
  margin-bottom: 5px;
}

.icon__menu-1 {
  width: 24px;
  height: 4px;
  left: 0px;
  top: 20px;
  position: absolute;
}

.icon__menu-2 {
  width: 24px;
  height: 4px;
  left: 0px;
  top: 12px;
  position: absolute;
}

.icon__menu-3 {
  width: 24px;
  height: 4px;
  left: 0px;
  top: 4px;
  position: absolute;
}

/*animacja buttona res menu desktop*/
#res_button_desktop_top_bar {
  display: none;
}

.res_animate {
  -webkit-animation: mymove 1s;
          animation: mymove 1s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

@-webkit-keyframes mymove {
  from {
    right: -1000px;
  }
  to {
    right: -180px;
  }
}

@keyframes mymove {
  from {
    right: -1000px;
  }
  to {
    right: -180px;
  }
}

#tablet_nav_container {
  display: none;
}

#tablet_nav_inner {
  width: inherit;
  height: inherit;
}

.close_tablet_menu {
  display: none;
}

#close_tablet_menu {
  display: none;
  position: fixed;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(40%, transparent), color-stop(20%, #fff), color-stop(60%, #fff), color-stop(55%, transparent)), -webkit-gradient(linear, left top, right top, color-stop(40%, transparent), color-stop(30%, #fff), color-stop(60%, #fff), color-stop(60%, transparent));
  background: linear-gradient(to bottom, transparent 40%, #fff 20%, #fff 60%, transparent 55%), linear-gradient(to right, transparent 40%, #fff 30%, #fff 60%, transparent 60%);
  width: 25px;
  height: 25px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  top: 16px;
  left: 17px;
}

#tablet_nav_inner > #icon__menu {
  -webkit-box-shadow: 2px 2px #0606061a;
          box-shadow: 2px 2px #0606061a;
}

@media only screen and (max-width: 991px) {
  #tablet_nav_container {
    display: block;
    position: fixed;
    bottom: 20px;
    right: 20px;
    background-color: #e9bd8b;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    -webkit-filter: drop-shadow(0px 2px 6px rgba(0, 0, 0, 0.161));
            filter: drop-shadow(0px 2px 6px rgba(0, 0, 0, 0.161));
    border: solid 1px #e9cbaa;
    -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
    z-index: 1001;
  }
  #tablet_nav_inner > #icon__menu {
    position: absolute;
    left: 18px;
    top: 15px;
  }
  .close_tablet_menu {
    display: block;
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
}

@media only screen and (max-width: 576px) {
  #tablet_nav_container {
    display: none;
  }
}

.flags {
  height: 20px;
  border: solid 1px black;
}

#flag_lang {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  margin-left: 20px;
  margin-right: 20px;
  margin-top: 40px;
}

.special_offer_inner {
  margin-top: 8px;
}

#collapsed_menu_inner > div.special_offer > div > p {
  margin: 0;
  text-align: center;
}

.special_offer_img {
  width: 250px;
}

.special_offer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 50px;
}

#red_box {
  background-color: red;
  height: 25px;
  color: white;
  font-weight: bold;
  width: 120px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  top: -40px;
}

/*[animacja buttona res menu desktop]*/
/* carousel */
/* carousel */
.carousel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 1200px;
  height: 250px;
  padding: 0px;
  margin-bottom: 200px;
  overflow: visible;
  opacity: 0;
  position: relative;
}

.carousel .carousel-flickity {
  position: absolute;
  width: 250%;
  text-align: center;
  vertical-align: middle;
  outline: 0px;
}

.carousel .carousel-cell {
  display: inline-block;
  width: 760px;
  /* half-width */
  height: 320px;
  margin-right: 300px;
  background-color: white;
  text-align: center;
  opacity: 0.3;
  border-radius: 10px;
}

.carousel .carousel-offer {
  margin-top: 500px;
  margin-bottom: 0px !important;
}

.carousel .carousel_arrow__left, .carousel .carousel_arrow__right {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  cursor: pointer;
  overflow: visible;
  height: 100px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  right: 500px;
}

.carousel .carousel_arrow__right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  left: 500px;
}

.carousel .carousel_arrow-svg__left, .carousel .carousel_arrow-svg__right {
  -webkit-filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.161));
          filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.161));
  width: 35.872px;
  height: 48.743px;
  left: 0px;
  top: 0px;
  overflow: visible;
  -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
          transform: matrix(1, 0, 0, 1, 0, 0);
}

.carousel .carousel-dots {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-line-pack: center;
      align-content: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  width: 500px;
  height: 40px;
  bottom: -260px;
  cursor: pointer;
}

.carousel .carousel-dots .dot, .carousel .carousel-dots .dot .select-0 {
  -webkit-filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.361));
          filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.361));
  width: 20px;
}

/* [carousel] */
.in-text {
  width: auto !important;
  height: auto !important;
  padding: 0px;
  margin: 200px 0px;
}

@media only screen and (max-width: 767px) {
  .in-text .carousel-dots {
    bottom: -240px !important;
  }
}

/* banner */
.banner {
  display: block;
  width: 760px;
  height: 320px;
  padding-bottom: 150px;
  -webkit-filter: drop-shadow(0px 0px 15px rgba(0, 0, 0, 0.561));
          filter: drop-shadow(0px 0px 15px rgba(0, 0, 0, 0.561));
  overflow: hidden;
}

@media only screen and (max-width: 767px) {
  .banner {
    width: 550px !important;
  }
}

.banner .banner-svg {
  width: 760px;
  height: 320px;
  left: 0px;
  top: 0px;
}

.banner img {
  position: absolute;
  width: 270px;
  height: 440px;
  left: 0px;
  top: 0px;
}

@media only screen and (max-width: 767px) {
  .banner img {
    width: 135px;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

.banner .top {
  position: absolute;
  width: 266.794px;
  height: 18px;
  left: 300px;
  top: 30px;
}

@media only screen and (max-width: 767px) {
  .banner .top {
    left: 175px !important;
  }
}

.banner .line {
  position: absolute;
  top: 10px;
  left: 0px;
  width: 43px;
  height: 1px;
  -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
          transform: matrix(1, 0, 0, 1, 0, 0);
}

@media only screen and (max-width: 767px) {
  .banner .line {
    display: none;
  }
}

.banner .subheadline {
  text-align: left;
  font-family: "Segoe UI", Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  position: absolute;
  left: 72.794px;
  top: 0px;
  width: 380px;
  color: #5c5c5c;
  letter-spacing: 1.3px;
  text-transform: uppercase;
}

@media only screen and (max-width: 767px) {
  .banner .subheadline {
    left: 0px !important;
    width: 350px !important;
    font-size: 13px !important;
  }
}

.banner .name {
  text-align: left;
  font-family: "Segoe UI", Arial, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 48px;
  position: absolute;
  left: 300px;
  top: 71px;
  width: 440px;
  white-space: normal;
  color: #5c5c5c;
  line-height: 58px;
}

@media only screen and (max-width: 767px) {
  .banner .name {
    left: 175px !important;
    width: 350px !important;
    font-size: 36px !important;
    line-height: 46px !important;
  }
}

.banner .headline {
  text-align: left;
  font-family: "Segoe UI", Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  position: absolute;
  left: 300px;
  top: 190px;
  width: 440px;
  height: auto;
  color: #5c5c5c;
  letter-spacing: 0.5px;
  line-height: 22px;
}

@media only screen and (max-width: 767px) {
  .banner .headline {
    left: 175px !important;
    width: 350px !important;
    font-size: 15px !important;
  }
}

.banner .price {
  text-align: left;
  font-family: "Segoe UI", Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  position: absolute;
  left: 300px;
  top: 350px;
  width: 307px;
  height: 18px;
  color: #5c5c5c;
  letter-spacing: 1.3px;
  text-transform: uppercase;
}

@media only screen and (max-width: 767px) {
  .banner .price {
    left: 175px !important;
    width: 350px !important;
    top: 365px !important;
  }
}

.banner .hashtag {
  position: absolute;
  top: 392px;
  left: 300px;
  color: #e9bd8b;
}

@media only screen and (max-width: 767px) {
  .banner .hashtag {
    left: 175px !important;
    width: 350px !important;
    text-align: left;
  }
}

.banner a .button {
  text-align: center;
  font-family: "Segoe UI", Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  position: absolute;
  width: auto;
  height: auto;
  left: 580px;
  top: 390px;
  color: black;
  border: 1px solid #e9bd8b;
  letter-spacing: 1.3px;
  text-transform: uppercase;
  padding: 5px 15px;
}

.banner a .button:hover {
  color: white;
  font-size: bold;
  background-color: #e9bd8b;
  cursor: pointer;
}

.banner .circle {
  display: none;
  right: -50px;
  width: 100px;
  text-align: left;
  border: 3px solid #e9bd8b;
  background-color: #e9bd8b;
  border-radius: 500px;
  bottom: -50px !important;
  position: absolute;
  text-align: center;
  height: 100px;
  cursor: pointer;
}

.banner .circle span {
  font-size: 20px !important;
  position: relative !important;
  right: 13px !important;
  bottom: -16px !important;
  color: white;
}

@media only screen and (max-width: 767px) {
  .banner .circle {
    display: block;
  }
}

/* [banner] */
/* arrow buttons */
.arrow-buttons {
  width: 169px;
  height: 16px;
  overflow: visible;
}

.arrow-buttons .h-arrow__left {
  cursor: pointer;
}

.arrow-buttons .h-arrow__left-line {
  overflow: visible;
  position: absolute;
  width: 30px;
  height: 2px;
  left: 6.5px;
  top: 9.5px;
  -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
          transform: matrix(1, 0, 0, 1, 0, 0);
}

.arrow-buttons .h-arrow__left-polygon {
  overflow: hidden;
  position: absolute;
  width: 7px;
  height: 8px;
  -webkit-transform: translate(-1351px, -566px) matrix(1, 0, 0, 1, 1351.5, 571.5) rotate(-90deg);
          transform: translate(-1351px, -566px) matrix(1, 0, 0, 1, 1351.5, 571.5) rotate(-90deg);
  -webkit-transform-origin: center;
          transform-origin: center;
  left: 0px;
  top: 0px;
}

.arrow-buttons .h-arrow__left::before {
  padding: 20px 30px;
  border-radius: 50px;
  background-color: transparent;
  content: '';
  position: absolute;
  left: -10px;
  top: -10px;
}

.arrow-buttons .h-arrow__right {
  cursor: pointer;
}

.arrow-buttons .h-arrow__right-line {
  overflow: visible;
  position: absolute;
  width: 30px;
  height: 2px;
  left: 131.5px;
  top: 9.5px;
  -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
          transform: matrix(1, 0, 0, 1, 0, 0);
}

.arrow-buttons .h-arrow__right-polygon {
  overflow: hidden;
  position: absolute;
  width: 7px;
  height: 8px;
  -webkit-transform: translate(-1351px, -566px) matrix(1, 0, 0, 1, 1512.5, 571.5) rotate(90deg);
          transform: translate(-1351px, -566px) matrix(1, 0, 0, 1, 1512.5, 571.5) rotate(90deg);
  -webkit-transform-origin: center;
          transform-origin: center;
  left: 0px;
  top: 0px;
}

.arrow-buttons .h-arrow__right::before {
  padding: 20px 30px;
  border-radius: 50px;
  background-color: transparent;
  content: '';
  position: absolute;
  left: 120px;
  top: -10px;
}

.arrow-buttons .dots {
  text-align: center;
  font-family: "Segoe UI", Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  white-space: nowrap;
  letter-spacing: 0.25px;
  position: absolute;
  left: 64px;
  top: 0px;
  overflow: visible;
  width: 37px;
}

.arrow-buttons .dots span {
  color: white !important;
}

/* [arrow-buttons] */
/* bg-mobile-carousel */
.bg-mobile-carousel {
  width: 100%;
}

.bg-mobile-carousel .bg-mobile-flickity {
  width: 100%;
  display: block;
  overflow: hidden;
  outline: 0px;
}

.bg-mobile-carousel .bg-mobile-flickity .flickity-slider {
  padding-bottom: 56.2%;
}

.bg-mobile-carousel .bg-mobile-flickity .bg-mobile-cell {
  width: 100%;
  height: 100%;
  display: inline-block;
  text-align: center;
  -o-object-fit: cover;
     object-fit: cover;
}

.bg-mobile-carousel .bg-mobile-flickity-mm {
  width: 100%;
  display: block;
  overflow: hidden;
  outline: 0px;
}

.bg-mobile-carousel .bg-mobile-flickity-mm .flickity-slider {
  padding-bottom: 56.2%;
}

.bg-mobile-carousel .bg-mobile-flickity-mm .bg-mobile-cell {
  width: 100%;
  height: 100%;
  display: inline-block;
  text-align: center;
  -o-object-fit: cover;
     object-fit: cover;
}

/* [big-mobile-carousel] */
/* bg-carousel */
.bg-carousel {
  width: 100%;
  height: 100vh;
  position: relative;
}

.bg-carousel .bg-flickity {
  width: 100%;
  max-height: 100vh;
  display: block;
  overflow: hidden;
  outline: 0px;
}

.bg-carousel .bg-flickity .bg-cell {
  width: 100%;
  height: 100vh;
  -o-object-fit: cover;
     object-fit: cover;
  display: inline-block;
  text-align: center;
}

.bg-carousel:after {
  background-image: url("img/gradient-background.png");
  background-repeat: repeat-x;
  content: '';
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

.bg-carousel_arrow__left, .bg-carousel_arrow__right {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  cursor: pointer;
  overflow: visible;
  height: 100px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  right: 500px;
}

.bg-carousel_arrow__right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  left: 500px;
}

.bg-carousel_arrow-svg__left, .bg-carousel_arrow-svg__right {
  -webkit-filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.161));
          filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.161));
  width: 35.872px;
  height: 48.743px;
  left: 0px;
  top: 0px;
  overflow: visible;
  -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
          transform: matrix(1, 0, 0, 1, 0, 0);
}

/* [bg-carousel */
/* room-carousel */
.room-carousel {
  width: 100%;
}

.room-carousel .room-flickity {
  width: 100%;
  display: block;
  overflow: hidden;
  outline: 0px;
}

.room-carousel .room-flickity .room-cell {
  width: 100%;
  display: inline-block;
  text-align: center;
}

/* [room-carousel] */
/* reviews */
.reviews {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  background-color: #5c5c5c;
  overflow: hidden;
  padding: 20px 10px;
  position: relative;
}

.reviews-title {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.reviews-title div {
  position: relative;
  left: -200px;
}

@media only screen and (max-width: 767px) {
  .reviews-title div {
    left: 0px;
  }
}

.reviews-title div h5, .reviews-title div .tpl-single p, .tpl-single .reviews-title div p {
  margin: 0px;
  padding: 0px;
  color: white;
}

@media only screen and (max-width: 767px) {
  .reviews-title div h5, .reviews-title div .tpl-single p, .tpl-single .reviews-title div p {
    text-align: center;
  }
}

.reviews-title div h2 {
  text-align: left;
  font-family: "Segoe UI", Arial, sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 44px;
  color: white;
}

@media only screen and (max-width: 767px) {
  .reviews-title div h2 {
    text-align: center;
  }
}

.reviews-flickity {
  width: 100%;
  overflow: visible;
}

.reviews-flickity .review {
  width: 650px;
  margin: 20px 0px 20px 80px;
}

@media only screen and (max-width: 767px) {
  .reviews-flickity .review {
    width: 100%;
    padding: 0px 20px !important;
  }
}

.reviews-flickity .review div {
  margin: 20px 0px;
  color: white !important;
}

.reviews-flickity .review .title {
  text-align: left;
  font-family: "Segoe UI", Arial, sans-serif;
  font-style: normal;
  font-weight: 200;
  font-size: 56px;
  width: 600px;
}

@media only screen and (max-width: 767px) {
  .reviews-flickity .review .title {
    width: 100% !important;
    font-size: 40px;
    letter-spacing: 1px;
    text-align: center;
  }
}

.reviews-flickity .review .description, .reviews-flickity .review .main-left .description-offer, .main-left .reviews-flickity .review .description-offer {
  text-align: left;
  font-family: "Segoe UI", Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 33px;
  letter-spacing: 1px;
}

@media only screen and (max-width: 767px) {
  .reviews-flickity .review .description, .reviews-flickity .review .main-left .description-offer, .main-left .reviews-flickity .review .description-offer {
    font-size: 16px;
    line-height: 24px;
    text-align: center;
  }
}

.reviews-flickity .review .author {
  text-align: left;
  font-family: "Segoe UI", Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 33px;
  letter-spacing: 1px;
}

@media only screen and (max-width: 767px) {
  .reviews-flickity .review .author {
    font-size: 16px;
    line-height: 26px;
    text-align: center;
  }
}

.reviews-buttons {
  position: absolute;
  bottom: 20px;
  z-index: 10;
}

/* [reviews] */
/* offers-mobile-carousel */
.offers-mobile-carousel {
  margin: 0px 10px;
  overflow: hidden;
  height: 550px;
}

.offers-mobile-carousel .offers-mobile-flickity {
  outline: none;
  /* offer-mobile */
  /* [offer-mobile] */
}

.offers-mobile-carousel .offers-mobile-flickity .offer-mobile {
  position: absolute;
  height: 457px;
  width: 300px;
  overflow: hidden;
  background-color: white;
  border-radius: 25px 25px 0px 0px;
}

.offers-mobile-carousel .offers-mobile-flickity .offer-mobile .picture img {
  position: absolute;
  height: 220px;
  width: 100%;
  left: 0px;
  top: 0px;
  overflow: visible;
  background-color: grey;
}

.offers-mobile-carousel .offers-mobile-flickity .offer-mobile .name {
  text-align: center;
  font-family: "Segoe UI", Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 25px;
  position: absolute;
  top: 250px;
  width: 100%;
  color: #5c5c5c;
  letter-spacing: 0.25px;
  text-transform: uppercase;
  padding: 0px 10px;
  line-height: 33px;
}

.offers-mobile-carousel .offers-mobile-flickity .offer-mobile .price {
  text-align: center;
  font-family: "Segoe UI", Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  position: absolute;
  top: 370px;
  width: 100%;
  overflow: visible;
  white-space: nowrap;
  color: #5c5c5c;
  letter-spacing: 1.3px;
  text-transform: uppercase;
}

.offers-mobile-carousel .offers-mobile-flickity .offer-mobile div:last-child {
  width: 100%;
  position: absolute;
  top: 408px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.offers-mobile-carousel .offers-mobile-flickity .offer-mobile div:last-child .button {
  height: 30px;
  overflow: visible;
  padding: 5px 20px;
}

.offers-mobile-carousel .arrow-buttons {
  display: none;
  position: relative;
  bottom: -10px;
  z-index: 1;
  margin: 0px auto;
}

.offers-mobile-carousel .arrow-buttons .dots span {
  color: #5c5c5c !important;
}

.offers-mobile-carousel h2 {
  width: 100%;
  text-align: center;
  margin: 20px 0px 10px 0px;
}

/* [offers-mobile-carousel] */
/* header-mobile-carousel */
.header-mobile-carousel {
  background-color: brown;
  width: 100%;
  height: auto;
}

.header-mobile-carousel-flickity {
  bottom: 210px;
  position: absolute;
  width: 100%;
  text-align: center;
  vertical-align: middle;
  outline: 0px;
  z-index: 979;
  /* background-color: green; */
  overflow: hidden;
  /* top: 0px; */
}

.header-mobile-carousel-flickity .elem {
  width: 280px;
  height: 170px;
  border-radius: 10px;
  background-color: white;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  overflow: hidden;
  margin-right: 20px;
  -webkit-filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.161));
          filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.161));
}

.header-mobile-carousel-flickity .elem-pic {
  width: 30%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.header-mobile-carousel-flickity .elem-content {
  width: 70%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
}

.header-mobile-carousel-flickity .elem-content .elem-header {
  text-align: left;
  font-family: "Segoe UI", Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  text-transform: uppercase;
  margin: 5px 5px 0px 10px;
}

.header-mobile-carousel-flickity .elem-content .elem-header .elem-promoBubble {
  text-align: left;
  font-family: "Segoe UI", Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  color: white;
  text-transform: uppercase;
  padding: 0px 5px;
  border-radius: 10px;
}

.header-mobile-carousel-flickity .elem-content .elem-subheader {
  text-align: left;
  font-family: "Segoe UI", Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  color: #5c5c5c;
  text-transform: uppercase;
}

.header-mobile-carousel-flickity .elem-content .elem-description {
  text-align: left;
  font-family: "Segoe UI", Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  margin: 5px 10px;
  line-height: 22px;
}

.header-mobile-carousel-flickity .elem-content .elem-button {
  width: 30px;
  height: 30px;
  border-radius: 10px;
  background-color: #e9bd8b;
  position: absolute;
  bottom: 7px;
  right: 7px;
}

.header-mobile-carousel-flickity .elem-content .elem-button .elem-arrow {
  fill: transparent;
  stroke: white;
  stroke-width: 5px;
  stroke-linejoin: round;
  stroke-linecap: round;
  stroke-miterlimit: 4;
  shape-rendering: auto;
  width: 7px;
  height: auto;
  overflow: inherit;
  top: 8px;
  position: absolute;
  left: calc(50% - 2px);
}

.header-mobile-carousel_arrow__left {
  width: 14px;
  position: absolute;
  z-index: 1000;
  bottom: 22%;
  left: calc(50% - 100px);
}

.header-mobile-carousel_arrow-svg__left {
  overflow: inherit;
}

.header-mobile-carousel_arrow__right {
  width: 14px;
  position: absolute;
  z-index: 1000;
  bottom: 22%;
  left: calc(50% + 85px);
  overflow: inherit;
}

.header-mobile-carousel_arrow-svg__right {
  overflow: inherit;
}

/* [header-mobile-carousel] */
#dorisspa_logo_tablet {
  display: none;
}

#welcome_text_mobile {
  display: none;
  z-index: 980;
}

@media only screen and (max-width: 767px) {
  #welcome_text_mobile {
    top: 50px;
    text-align: center;
    position: absolute;
    display: block;
    margin-left: 10vw;
    margin-right: auto;
    width: 80vw;
    height: 200px;
  }
  #welcome_text_mobile h1 {
    text-align: center;
    font-family: "Segoe UI", Arial, sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 30px;
    text-transform: uppercase;
    color: white !important;
    letter-spacing: 1px;
    text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.4);
  }
  #welcome_text_mobile .social-icons {
    position: absolute;
    top: -25px;
    left: -10px;
  }
  #welcome_text_mobile .social-icons span {
    margin-left: 5px;
  }
  #welcome_text_mobile .social-icons span a {
    color: white;
    font-weight: normal;
    font-size: 18px;
    margin: 0px !important;
  }
  #welcome_text_mobile .language {
    position: absolute;
    top: -25px;
    right: -10px;
    font-size: 13px;
    font-weight: bold;
  }
  #welcome_text_mobile .language span {
    color: white !important;
  }
  #welcome_text_mobile .language span:last-child {
    margin-left: 3px;
    font-weight: normal;
  }
  #welcome_text_mobile .weather {
    display: none;
  }
  #welcome_text_mobile #dorisspa_logo_tablet {
    display: inline-block;
    margin-bottom: 1vh;
    z-index: 980;
    width: 200px;
  }
}

@media only screen and (max-width: 576px) {
  #welcome_text_mobile {
    top: 50px;
    text-align: center;
    position: absolute;
    display: block;
    margin-left: 10vw;
    margin-right: auto;
    width: 80vw;
    height: 200px;
  }
  #welcome_text_mobile h1 {
    text-align: center;
    font-family: "Segoe UI", Arial, sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 30px;
    text-transform: uppercase;
    color: white;
    letter-spacing: 1px;
    text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.4);
  }
  #welcome_text_mobile #dorisspa_logo_tablet {
    display: none;
  }
  #welcome_text_mobile .social-icons {
    position: absolute;
    top: -25px;
    left: -10px;
  }
  #welcome_text_mobile .social-icons span {
    margin-left: 5px;
  }
  #welcome_text_mobile .social-icons span a {
    color: white !important;
    font-weight: normal;
    font-size: 18px;
    margin: 0px !important;
  }
  #welcome_text_mobile .language {
    position: absolute;
    top: -25px;
    right: -10px;
    font-size: 13px;
    font-weight: bold;
  }
  #welcome_text_mobile .language span {
    color: white !important;
  }
  #welcome_text_mobile .language span:last-child {
    margin-left: 3px;
    font-weight: normal;
  }
  #welcome_text_mobile .weather {
    position: absolute;
    top: 110px;
    left: 0px;
    width: 100%;
  }
  #welcome_text_mobile .weather span {
    margin: 0px 5px;
    color: white;
    letter-spacing: 1px;
  }
  #welcome_text_mobile .weather-icon {
    margin-top: -1px;
    font-size: 15px !important;
  }
}

.bar_v {
  display: none;
  z-index: 980;
}

@media only screen and (max-width: 576px) {
  .bar_v {
    display: block;
    width: 50vw;
    height: 5px;
    background-color: white;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    -webkit-box-shadow: 1px 1px 11px 0px rgba(0, 0, 0, 0.3);
            box-shadow: 1px 1px 11px 0px rgba(0, 0, 0, 0.3);
  }
}

#dorisspa_header_logo_mobile {
  display: none;
  z-index: 980;
}

.show {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

#reserv_header_mobile {
  display: none;
  z-index: 980;
}

@media only screen and (max-width: 992px) {
  #reserv_header_mobile {
    margin-top: 4vh;
    display: block;
    width: 260px;
    height: 42px;
    background-color: white;
    margin-left: auto;
    margin-right: auto;
    -webkit-box-shadow: 1px 1px 11px 0px rgba(0, 0, 0, 0.3);
            box-shadow: 1px 1px 11px 0px rgba(0, 0, 0, 0.3);
  }
  #reserv_header_mobile span {
    font-size: 15px;
    text-transform: uppercase;
    margin-top: 10px;
    position: relative;
    top: 5px;
    letter-spacing: 1px;
  }
  #reserv_header_mobile span .icon__reservation {
    height: 22px;
    width: auto;
    position: relative;
    top: 5px;
    margin-right: 10%;
  }
}

@-webkit-keyframes bounce {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
}

@keyframes bounce {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
}

#arrow_explore {
  z-index: 980;
  display: none;
  -webkit-animation: bounce 0.8s;
          animation: bounce 0.8s;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

@media only screen and (max-width: 576px) {
  #arrow_explore {
    position: absolute;
    left: calc(50% - 50px);
    bottom: 110px !important;
  }
}

@media only screen and (max-width: 992px) {
  #arrow_explore {
    display: inline-block;
    width: 100px;
    height: auto;
    position: absolute;
    left: calc(50% - 50px);
    bottom: 0;
  }
}

@media only screen and (max-width: 992px) {
  #dorisspa_header_logo_mobile {
    display: none;
    margin-bottom: 15vh;
  }
}

@media only screen and (max-width: 576px) {
  #dorisspa_header_logo_mobile {
    display: inline-block;
    margin-bottom: 5vh;
  }
}

#welcome_text_mobile > div:nth-child(5) {
  margin-top: 25px;
}

.invert_arrow {
  -webkit-filter: invert(100%);
          filter: invert(100%);
}

/* offers */
/* offers-panel-mobile */
.offers-panel-mobile {
  text-align: left;
  font-family: "Segoe UI", Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  /* icons */
}

.offers-panel-mobile p {
  margin: 5px 25px 10px 25px;
}

.offers-panel-mobile .options {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0px 5px 0px 12px;
  margin: 0px;
}

.offers-panel-mobile .option {
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: inherit;
  height: 32px;
  -webkit-filter: drop-shadow(0px 2px 6px rgba(0, 0, 0, 0.161));
          filter: drop-shadow(0px 2px 6px rgba(0, 0, 0, 0.161));
  background-color: white;
  padding-left: 20px;
  padding-right: 5px;
  margin: 5px 5px;
  cursor: pointer;
  position: relative;
}

.offers-panel-mobile .option:after {
  content: "";
  position: absolute;
  top: auto;
  left: 5px;
  width: 14px;
  height: 14px;
  border: 1px solid #5c5c5c;
  border-radius: 50%;
}

.offers-panel-mobile .option-selected {
  background-color: #ffeeda !important;
  outline: 1px solid #EFD2B2;
}

.offers-panel-mobile .option-selected:before {
  content: "";
  position: absolute;
  left: 8px;
  width: 8px;
  height: 8px;
  background: #5c5c5c;
  border-radius: 50%;
}

.offers-panel-mobile div div {
  text-align: left;
  font-family: "Segoe UI", Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  color: #5c5c5c;
  margin-left: 15px;
}

.offers-panel-mobile .offers_num {
  color: #b2b2b2;
}

.offers-panel-mobile .icon-group {
  position: relative;
  width: 31.407px;
  height: 15.242px;
}

.offers-panel-mobile .icon-mobile__wszystkie {
  width: 19.298px;
  height: 18.47px;
  -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
          transform: matrix(1, 0, 0, 1, 0, 0);
  margin: 0px 5px;
}

.offers-panel-mobile .icon-mobile__rodzinne-1 {
  position: absolute;
  width: 11.431px;
  height: 15.242px;
  left: 16.976px;
  top: 0px;
  -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
          transform: matrix(1, 0, 0, 1, 0, 0);
}

.offers-panel-mobile .icon-mobile__rodzinne-2 {
  position: absolute;
  width: 7.938px;
  height: 10.585px;
  left: 11.583px;
  top: 4.647px;
  -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
          transform: matrix(1, 0, 0, 1, 0, 0);
}

.offers-panel-mobile .icon-mobile__rodzinne-3 {
  position: absolute;
  width: 9.844px;
  height: 13.125px;
  left: 3px;
  top: 2.065px;
  -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
          transform: matrix(1, 0, 0, 1, 0, 0);
}

.offers-panel-mobile .icon-mobile__romantyczne {
  margin: 0px 5px;
  width: 18.286px;
  height: 16px;
  -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
          transform: matrix(1, 0, 0, 1, 0, 0);
}

.offers-panel-mobile .icon-mobile__spa {
  margin: 0px 5px;
  width: 21.214px;
  height: 16.5px;
  -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
          transform: matrix(1, 0, 0, 1, 0, 0);
}

.offers-panel-mobile .icon-mobile__dla-zdrowia {
  margin: 0px 5px;
  width: 18.167px;
  height: 18.167px;
  -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
          transform: matrix(1, 0, 0, 1, 0, 0);
}

.offers-panel-mobile .icon-mobile__sezonowe {
  margin: 0px 5px;
  width: 17.822px;
  height: 19.01px;
  -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
          transform: matrix(1, 0, 0, 1, 0, 0);
}

.offers-panel-mobile .icon-mobile__okolicznosciowe {
  margin: 0px 5px;
  width: 15.812px;
  height: 21.083px;
  -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
          transform: matrix(1, 0, 0, 1, 0, 0);
}

.offers-panel-mobile .icon-mobile__aktywne {
  margin: 0px 5px;
  width: 22.214px;
  height: 17.873px;
  -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
          transform: matrix(1, 0, 0, 1, 0, 0);
}

/* [offers-panel-mobile] */
/* offers-panel-desktop */
.offers-panel-desktop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-bottom: 1px solid #e9bd8b;
  width: 100%;
  margin-bottom: 10px;
}

.offers-panel-desktop button {
  padding: 0px;
  margin: 0px;
  border: 0px;
}

.offers-panel-desktop .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 10px;
  background-color: transparent;
}

.offers-panel-desktop .icon .icon__wszystkie {
  width: 37.617px;
  height: 36.004px;
  -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
          transform: matrix(1, 0, 0, 1, 0, 0);
}

.offers-panel-desktop .icon .icon__rodzinne-1 {
  width: 23.25px;
  height: 31px;
  left: 0px;
  top: 0px;
  -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
          transform: matrix(1, 0, 0, 1, 0, 0);
}

.offers-panel-desktop .icon .icon__rodzinne-2 {
  width: 27px;
  height: 36px;
  left: 31.538px;
  top: 0px;
  -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
          transform: matrix(1, 0, 0, 1, 0, 0);
}

.offers-panel-desktop .icon .icon__rodzinne-3 {
  width: 18.75px;
  height: 25px;
  left: 19.538px;
  top: 0px;
  -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
          transform: matrix(1, 0, 0, 1, 0, 0);
}

.offers-panel-desktop .icon .icon__romantyczne {
  width: 36.001px;
  height: 31.501px;
  left: 38.525px;
  top: 0px;
  -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
          transform: matrix(1, 0, 0, 1, 0, 0);
}

.offers-panel-desktop .icon .icon__spa {
  width: 40.5px;
  height: 31.5px;
  left: 0px;
  top: 0px;
  -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
          transform: matrix(1, 0, 0, 1, 0, 0);
}

.offers-panel-desktop .icon .icon__dla-zdrowia {
  width: 36px;
  height: 36px;
  left: 42.05px;
  top: 0px;
  -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
          transform: matrix(1, 0, 0, 1, 0, 0);
}

.offers-panel-desktop .icon .icon__sezonowe {
  width: 28.92px;
  height: 30.849px;
  left: 34.82px;
  top: 0px;
  -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
          transform: matrix(1, 0, 0, 1, 0, 0);
}

.offers-panel-desktop .icon .icon__okolicznosciowe {
  width: 23.061px;
  height: 30.75px;
  left: 71.75px;
  top: 0px;
  -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
          transform: matrix(1, 0, 0, 1, 0, 0);
}

.offers-panel-desktop .icon .icon__aktywne {
  width: 36px;
  height: 30.75px;
  left: 22.5px;
  top: 0px;
  -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
          transform: matrix(1, 0, 0, 1, 0, 0);
}

.offers-panel-desktop .col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0px 0px;
  height: 100px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.offers-panel-desktop .col:hover > .icon {
  background-color: transparent;
}

.offers-panel-desktop .col:hover {
  background-color: #e9bd8b;
}

@media only screen and (max-width: 992px) {
  .offers-panel-desktop .col {
    min-width: 25% !important;
  }
}

.offers-panel-desktop .category {
  text-align: center;
  font-family: "Segoe UI", Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  color: #5c5c5c;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  height: 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.offers-panel-desktop div.set-time {
  text-transform: uppercase;
}

.offers-panel-desktop div.set-time .time {
  text-align: left;
  font-family: "Segoe UI", Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  color: #5c5c5c;
}

.offers-panel-desktop div.set-time .icon__time_line {
  position: absolute;
  width: 118px;
  height: 1px;
  left: 66.5px;
  top: 48.5px;
  -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
          transform: matrix(1, 0, 0, 1, 0, 0);
}

.offers-panel-desktop div.set-time .icon__time_circle-1 {
  position: absolute;
  width: 23px;
  height: 23px;
  left: 77px;
  top: 37px;
}

.offers-panel-desktop div.set-time .icon__time_circle-2 {
  position: absolute;
  width: 23px;
  height: 23px;
  left: 150px;
  top: 37px;
}

.offers-panel-desktop .days {
  text-align: left;
  font-family: "Segoe UI", Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  color: #5c5c5c;
}

/* [offers-panel-desktop] */
/* offers-grid */
.offers-grid {
  width: 100%;
  margin-top: 0px;
  /* mobile */
  --offer-mobile-height: 345px;
  --offer-mobile-height-gutter: 20px;
  /* desktop */
  --offer-width: 341px;
  --offer-height: 400px;
  --offer-height-gutter: 15px;
  --offer-width-gutter: 10px;
}

@media only screen and (max-width: 576px) {
  .offers-grid {
    max-width: var(--offer-width);
  }
}

@media only screen and (max-width: 767px) {
  .offers-grid {
    width: calc(2 * var(--offer-width) + var(--offer-width-gutter));
  }
}

@media (min-width: 576px) {
  .offers-grid {
    width: calc(2 * var(--offer-width) + var(--offer-width-gutter));
  }
}

@media (min-width: 1200px) {
  .offers-grid {
    width: 100% !important;
  }
}

@media (min-width: 1520px) {
  .offers-grid {
    width: 100% !important;
  }
}

/* [offers-grid] */
/* offer */
.offer {
  height: var(--offer-height);
}

@media only screen and (max-width: 576px) {
  .offer {
    height: var(--offer-mobile-height);
  }
}

.offer a {
  text-decoration: none;
}

.offer .normal {
  width: var(--offer-width);
  height: calc(var(--offer-height) - var(--offer-height-gutter));
  background-color: white;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  border: 1px solid #dadada;
  cursor: default;
}

@media only screen and (max-width: 576px) {
  .offer .normal {
    width: 100% !important;
    height: calc(var(--offer-mobile-height) - var(--offer-mobile-height-gutter));
  }
}

.offer .normal .name {
  text-align: center;
  font-family: "Segoe UI", Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 30px;
  white-space: normal;
  color: black;
  letter-spacing: 0.25px;
  text-transform: none;
  padding: 0px 30px;
  line-height: 35px;
}

@media only screen and (max-width: 360px) {
  .offer .normal .name {
    font-size: 25px !important;
    line-height: 30px !important;
  }
}

@media only screen and (max-width: 420px) {
  .offer .normal .name {
    font-size: 28px;
    line-height: 34px;
  }
}

.offer .normal .promo-text {
  text-align: left;
  font-family: "Segoe UI", Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  position: absolute;
  right: 13px;
  top: 10px;
  color: white;
  background-color: #de0f0f;
  padding: 5px 10px;
  width: auto;
}

.offer .normal img {
  width: 100%;
  height: 180px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 15%;
     object-position: 50% 15%;
}

@media only screen and (max-width: 576px) {
  .offer .normal img {
    height: 155px;
  }
}

.offer .normal .data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.offer .normal .desc {
  width: 100%;
  /* margin-top: 14px; */
  /* position: absolute; */
  /* bottom: 10px; */
  margin-bottom: 6px;
}

.offer .normal .desc .last-price {
  text-align: center;
  font-family: "Segoe UI", Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  opacity: 0.35;
  position: relative;
  color: black;
  letter-spacing: 1px;
}

@media only screen and (max-width: 576px) {
  .offer .normal .desc .last-price {
    font-size: 12px !important;
  }
}

.offer .normal .desc .last-price span:last-child {
  color: #d40a0a;
}

.offer .normal .desc .price {
  width: 100%;
  text-align: center;
  margin-top: 10px;
}

.offer .normal .desc .price span:first-child {
  text-align: center;
  font-family: "Segoe UI", Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  color: black;
  letter-spacing: 1px;
}

.offer .normal .desc .price span:last-child {
  /* svg.button */
  width: 100%;
}

.offer:last-child {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

.offer:hover {
  text-decoration: none;
}

.offer .hover {
  width: 100%;
  height: calc(var(--offer-height) - var(--offer-height-gutter));
  position: absolute;
  top: 0px;
  overflow-y: hidden;
  overflow: visible;
  border: 1px solid #e9bd8b;
  text-decoration: none;
  background-color: white;
  cursor: pointer;
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  opacity: 0;
  overflow: hidden;
  cursor: default;
}

@media only screen and (max-width: 576px) {
  .offer .hover {
    height: calc(var(--offer-mobile-height) - var(--offer-mobile-height-gutter));
  }
}

.offer .hover .name {
  margin: 0px !important;
  border-bottom: 1px solid #e9bd8b;
  min-height: -webkit-fit-content;
  min-height: -moz-fit-content;
  min-height: fit-content;
  height: 30%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: default;
}

@media only screen and (max-width: 360px) {
  .offer .hover .name {
    font-size: 20px !important;
    line-height: 28px !important;
  }
}

.offer .hover .name p {
  margin: 0px;
  padding: 0px;
  text-align: center;
  font-family: "Segoe UI", Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 25px;
  line-height: 32px;
  color: black;
  letter-spacing: 0.25px;
  padding: 10px 15px 0px 15px;
}

.offer .hover ul {
  margin-top: 5px;
  padding: 0px 20px;
  color: black;
  list-style-type: disc;
  font-size: 16px;
  padding-left: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  height: 100%;
  cursor: default;
  /* height: 100%; */
}

.offer .hover ul li {
  line-height: 23px;
}

.offer .hover .desc {
  /* height: 60px; */
  /* display: none; */
  width: 100%;
  text-align: center;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  cursor: pointer;
}

.offer .hover .desc > span {
  text-align: center;
  font-family: "Segoe UI", Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  position: relative;
}

.offer .hover .desc::after {
  position: absolute;
  width: 100%;
  height: 43px;
  background-color: transparent;
  content: '';
  top: -8px;
  left: 0px;
  opacity: 0.5;
}

.offer .hover .desc .days {
  padding: 0px 10px 0px 5px;
  bottom: -2px;
}

.offer .hover .desc .days .icon-3-armchair {
  bottom: 1px;
  left: 4px;
  margin-right: 12px;
}

.offer .hover .desc .days > span:last-child {
  bottom: 2px;
  position: relative;
}

.offer .hover .desc .people {
  padding: 0px 7px 0px 0px;
  bottom: -2px;
}

.offer .hover .desc .people .icon-3-group {
  bottom: -2px;
  left: 1px;
  margin-right: 10px;
}

.offer .hover .desc .people > span:last-child {
  bottom: 2px;
  position: relative;
}

.offer .hover .desc .more-info {
  padding: 4px 22px 6px 7px;
  bottom: 0px;
  background-color: #ffe5cc;
}

.offer .hover .desc .circle {
  display: block;
  right: -1px;
  width: 28px;
  text-align: left;
  bottom: -25px !important;
  position: absolute;
  text-align: right;
  height: 55px;
  cursor: pointer;
}

.offer .hover .desc .circle > span {
  font-size: 10px !important;
  position: relative !important;
  right: -1px !important;
  bottom: -9px !important;
  color: #2f2b2b;
}

/* [offer] */
/* offer-reservation-panel */
.offer-reservation-panel {
  width: 90%;
  height: 100vh;
  position: fixed;
  top: 0;
  right: 0;
  display: none;
  background-color: white;
  z-index: 1027;
  overflow: auto;
  border-left: 2px solid #e9bd8b;
}

@media only screen and (max-width: 576px) {
  .offer-reservation-panel {
    width: 100%;
  }
}

.offer-reservation-panel h6:nth-of-type(1) {
  text-align: center;
  margin: 10px 0px;
}

@media only screen and (max-width: 576px) {
  .offer-reservation-panel h6:nth-of-type(1) {
    margin: 20px 0px;
  }
}

.offer-reservation-panel .content {
  position: relative;
  min-height: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0px 45px;
}

@media only screen and (max-width: 767px) {
  .offer-reservation-panel .content {
    position: relative;
    min-height: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0px 15px;
    margin-top: 20px;
  }
}

@media only screen and (max-width: 1200px) {
  .offer-reservation-panel .content {
    padding: 0px 15px !important;
  }
}

.offer-reservation-panel .content .offer-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 73%;
  padding: 10px 15px;
  border: 3px solid #ded8c8;
  border-radius: 5px;
  height: 155px;
}

@media only screen and (max-width: 767px) {
  .offer-reservation-panel .content .offer-name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    padding: 10px 15px;
    border: 3px solid #ded8c8;
    border-radius: 5px;
    height: auto !important;
    -ms-flex-line-pack: center;
        align-content: center;
  }
}

@media only screen and (max-width: 1200px) {
  .offer-reservation-panel .content .offer-name {
    width: 100% !important;
  }
}

@media only screen and (max-width: 1520px) {
  .offer-reservation-panel .content .offer-name {
    height: 175px;
  }
}

.offer-reservation-panel .content .offer-name img {
  height: 120px;
  border-radius: 5px;
}

@media only screen and (max-width: 767px) {
  .offer-reservation-panel .content .offer-name img {
    width: 100% !important;
    height: 100% !important;
  }
}

.offer-reservation-panel .content .offer-name > div {
  padding-left: 25px;
}

@media only screen and (max-width: 767px) {
  .offer-reservation-panel .content .offer-name > div {
    padding: 0px !important;
  }
}

@media only screen and (max-width: 767px) {
  .offer-reservation-panel .content .offer-name p {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .offer-reservation-panel .content .offer-name div {
    margin: 10px 0px;
    padding: 0px;
    font-family: 'Old Standard TT', serif;
    text-align: center;
    font-size: 31px !important;
  }
}

@media only screen and (max-width: 767px) {
  .offer-reservation-panel .content .offer-name div h2 {
    margin: 10px 0px;
    padding: 0px;
    font-family: 'Old Standard TT', serif;
    text-align: center;
    font-size: 31px !important;
  }
}

.offer-reservation-panel .content .newsletter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 25%;
  padding: 10px 15px;
  border: 3px solid #ded8c8;
  border-radius: 5px;
  height: 155px;
}

@media only screen and (max-width: 1200px) {
  .offer-reservation-panel .content .newsletter {
    display: none;
  }
}

@media only screen and (max-width: 1520px) {
  .offer-reservation-panel .content .newsletter {
    height: 175px;
  }
}

.offer-reservation-panel .content .newsletter div:nth-of-type(1) {
  text-transform: uppercase;
  line-height: 20px;
  margin-top: 20px;
}

.offer-reservation-panel .content .newsletter-span-btn {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  line-height: 1.42857143;
  font-family: "Open Sans";
  color: #5f574f;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  float: left;
  width: 100%;
  margin-left: 0 !important;
  padding-left: 0 !important;
  margin-top: 10px;
}

.offer-reservation-panel .content .newsletter-span-btn input {
  text-align: left;
  font-family: "Segoe UI", Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  width: 100%;
  padding: 6px 12px;
  line-height: 1.42857143;
  background-image: none;
  border: 1px solid #ccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  border-radius: 3px;
  background-color: #f2efe9;
  border-color: #f2efe9;
  color: #5f574f;
  height: 42px;
}

.offer-reservation-panel .content .newsletter-span-btn button {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: visible;
  text-transform: none;
  -webkit-appearance: button;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  white-space: nowrap;
  padding: 6px 20px;
  line-height: 1.42857143;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #ee1c25;
  color: white;
  border: 0px;
  border-radius: 3px;
  position: absolute;
  top: 1px;
  right: 16px;
  height: calc(95%);
}

.offer-reservation-panel .content .newsletter-span-btn span {
  position: absolute;
  font-size: 14px;
  color: white;
  right: 17px;
  top: 15px;
}

.offer-reservation-panel .content .newsletter p {
  text-align: center;
}

.offer-reservation-panel .close-panel {
  display: none;
  width: 50px;
  height: 50px;
  position: fixed;
  background-color: #e9bd8b;
  cursor: pointer;
  left: calc(10% - 50px);
  top: 117px;
}

@media only screen and (max-width: 576px) {
  .offer-reservation-panel .close-panel {
    left: 0;
    top: 0;
    z-index: 10001;
  }
}

.offer-reservation-panel .close-panel .close-cross {
  position: absolute;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(40%, transparent), color-stop(20%, #fff), color-stop(60%, #fff), color-stop(55%, transparent)), -webkit-gradient(linear, left top, right top, color-stop(40%, transparent), color-stop(30%, #fff), color-stop(60%, #fff), color-stop(60%, transparent));
  background: linear-gradient(to bottom, transparent 40%, #fff 20%, #fff 60%, transparent 55%), linear-gradient(to right, transparent 40%, #fff 30%, #fff 60%, transparent 60%);
  width: 25px;
  height: 25px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  top: 13px;
  left: 13px;
}

.offer-darkening {
  display: none;
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 1000;
}

.menu-col > #res_button {
  color: #333 !important;
}

/* [offer-reservation-panel] */
/* beaver builder */
.fl-builder-content {
  /* accordion */
}

.fl-builder-content .fl-accordion-item {
  border-radius: 5px !important;
}

.fl-builder-content .fl-accordion-item .fl-accordion-button {
  cursor: pointer;
  display: table;
  background-color: #e9bd8b !important;
  /* color: white; */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.fl-builder-content .fl-accordion-item .fl-accordion-button-label {
  display: table-cell;
  width: 100%;
  border: none;
  background: none;
  text-align: left;
  outline: 1px;
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.fl-builder-content .fl-accordion-item .fl-accordion-button-label span:first-child {
  text-shadow: 2px 2px #0606061a;
  color: white;
  font-size: 40px;
  text-align: center;
  width: 60px;
  margin-right: 10px;
  font-weight: normal !important;
}

.fl-builder-content .fl-accordion-item .fl-accordion-button-label span:last-child {
  font-size: 18px;
  color: white;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-shadow: 2px 2px #0606061a;
}

.fl-builder-content .fl-accordion-item .fl-accordion-button-icon {
  display: table-cell;
  line-height: inherit;
  padding-left: 15px;
  vertical-align: middle;
  color: white;
  text-shadow: 2px 2px #0606061a;
}

.fl-builder-content .fl-accordion-item .fl-accordion-button-icon-right {
  opacity: 1.0;
}

.fl-builder-content .fl-accordion-content {
  /* [accordion] */
}

.fl-builder-content .fl-accordion-content ul {
  margin-top: 10px;
}

.fl-builder-content .informations .fl-accordion-item:nth-of-type(1) h6:before {
  font-family: "icomoon_";
  margin-right: 10px;
  font-size: 20px;
  font-weight: normal !important;
  color: #5c5c5c;
}

.fl-builder-content .informations .fl-accordion-item:nth-of-type(1) h6:nth-of-type(4):before {
  content: '\ebd5';
}

.fl-builder-content .informations a {
  text-decoration: underline;
  text-underline-position: under;
  -webkit-text-decoration-style: solid;
          text-decoration-style: solid;
  -webkit-text-decoration-color: #e9bd8b;
          text-decoration-color: #e9bd8b;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  cursor: pointer;
}

.fl-builder-content .informations a:hover {
  color: #e9bd8b;
}

.upper_text {
  display: none;
}

@media only screen and (max-width: 576px) {
  .HSBOOK {
    position: relative;
    top: -107px;
  }
  .upper_text {
    text-align: center;
    display: block;
    padding-top: 15px;
  }
}

#tap_ico2 {
  display: none;
  width: 0;
}

#tap_ico_hold2 {
  display: none;
  width: 0;
}

@media only screen and (max-width: 576px) {
  #tap_ico2 {
    display: block;
    width: 70px;
    position: fixed;
    right: 30px;
    bottom: 70px;
    z-index: 20;
    -webkit-animation: move_tap2 2.5s infinite;
            animation: move_tap2 2.5s infinite;
    opacity: 0.7;
  }
  @-webkit-keyframes move_tap2 {
    0% {
      bottom: 30px;
      width: 70px;
    }
    10% {
      bottom: 30px;
      width: 63px;
    }
    80% {
      bottom: 70px;
      width: 63px;
    }
    100% {
      bottom: 30px;
      width: 70px;
    }
  }
  @keyframes move_tap2 {
    0% {
      bottom: 30px;
      width: 70px;
    }
    10% {
      bottom: 30px;
      width: 63px;
    }
    80% {
      bottom: 70px;
      width: 63px;
    }
    100% {
      bottom: 30px;
      width: 70px;
    }
  }
  #tap_ico_hold2 {
    display: block;
    width: 70px;
    position: fixed;
    right: 30px;
    bottom: 70px;
    z-index: 20;
    -webkit-animation: move_tap_hold2 2.5s infinite;
            animation: move_tap_hold2 2.5s infinite;
    opacity: 0.7;
  }
  @-webkit-keyframes move_tap_hold2 {
    0% {
      bottom: 50px;
      width: 70px;
      opacity: 0;
    }
    10% {
      bottom: 30px;
      width: 63px;
      opacity: 0.7;
    }
    80% {
      bottom: 70px;
      width: 63px;
    }
    100% {
      bottom: 30px;
      width: 70px;
      opacity: 0;
    }
  }
  @keyframes move_tap_hold2 {
    0% {
      bottom: 50px;
      width: 70px;
      opacity: 0;
    }
    10% {
      bottom: 30px;
      width: 63px;
      opacity: 0.7;
    }
    80% {
      bottom: 70px;
      width: 63px;
    }
    100% {
      bottom: 30px;
      width: 70px;
      opacity: 0;
    }
  }
}

/* content */
/* main */
main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 100%;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  position: absolute;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

/* [main] */
/* main-container */
.main-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  border-radius: 10px;
  color: #5c5c5c;
}

.main-container p {
  text-align: left;
  font-family: "Segoe UI", Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  text-transform: none;
  color: #5c5c5c;
}

@media only screen and (max-width: 576px) {
  .main-container {
    padding-bottom: 120px !important;
  }
  .main-container > p {
    font-size: 14px !important;
  }
}

/* [main-container] */
/* main-left */
.main-left {
  -ms-flex-item-align: inherit;
      -ms-grid-row-align: inherit;
      align-self: inherit;
  width: 100%;
  color: #5c5c5c;
  overflow: hidden;
}

.main-left .content-carousel {
  width: 100%;
}

.main-left .content-carousel .content-flickity {
  width: 100%;
  display: block;
  overflow: hidden;
  outline: 0px;
}

.main-left .content-carousel .content-flickity .content-img {
  width: 100%;
  display: inline-block;
  text-align: center;
}

.main-left .col {
  padding: 0px 10px !important;
}

@media only screen and (max-width: 992px) {
  .main-left .col {
    display: block;
  }
}

@media only screen and (max-width: 576px) {
  .main-left .col {
    padding: 0px !important;
    margin-bottom: 10px;
  }
}

.main-left .col h5, .main-left .col .tpl-single p, .tpl-single .main-left .col p {
  margin: 40px 10px 20px 0px;
}

.main-left .col h6 {
  margin: 40px 10px 20px 0px;
}

.main-left .border-b {
  border-bottom: 1px solid #e9bd8b;
}

.main-left span.time {
  position: absolute;
  left: 30px;
  top: 3px;
}

.main-left .row {
  margin: 20px 0px;
}

@media only screen and (max-width: 576px) {
  .main-left .row {
    margin: 0px 0px 15px 0px !important;
  }
}

.main-left .row div {
  margin: 0px 0px 20px 0px;
}

.main-left .row div span.icon-arrow-bold-right {
  font-size: 10px;
}

.main-left .row div a {
  text-decoration: underline;
}

.main-left .room-description .col .row {
  margin: 0px 0px 20px 0px;
}

.main-left .room-description .col .col {
  margin: 0px;
}

.main-left .room-description .col-r {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  max-width: 100%;
  position: relative;
}

.main-left .room-description .col-d {
  max-width: 100%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
}

@media only screen and (max-width: 576px) {
  .main-left .room-description .col-d {
    -ms-flex-preferred-size: unset !important;
        flex-basis: unset !important;
  }
}

.main-left .room-description h6 {
  margin: 0px 0px 10px 0px !important;
}

@media only screen and (max-width: 1200px) {
  .main-left .room-description .row:first-child h6 {
    margin-top: 30px !important;
  }
  .main-left .room-description .col .row {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 100%;
  }
  .main-left .room-description div.col div.row div.col {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    margin: 0px !important;
  }
}

.main-left .icon_clock {
  position: absolute;
  width: 19px;
  height: 19px;
  top: 4px;
  margin: 0px !important;
}

.main-left .icon_clock .icon__clock-1 {
  position: absolute;
  width: 19px;
  height: 19px;
  left: 0px;
  top: 0px;
  -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
          transform: matrix(1, 0, 0, 1, 0, 0);
  overflow: visible;
}

.main-left .icon_clock .icon__clock-2 {
  position: absolute;
  width: 5.742px;
  height: 9.142px;
  left: 8.5px;
  top: 3.4px;
  -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
          transform: matrix(1, 0, 0, 1, 0, 0);
}

.main-left h5, .main-left .tpl-single p, .tpl-single .main-left p {
  margin: 0px;
  letter-spacing: 2px;
  color: #5c5c5c;
}

@media only screen and (max-width: 576px) {
  .main-left h5, .main-left .tpl-single p, .tpl-single .main-left p {
    margin: 0px 10px 0px 0px !important;
  }
}

.main-left h6 {
  margin: 30px 0px 30px 0px;
  letter-spacing: 2px;
  color: #5c5c5c;
}

.main-left ul {
  text-align: left;
  font-family: "Segoe UI", Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  padding-left: 30px;
  color: #5c5c5c;
  margin: 0px;
}

@media only screen and (max-width: 576px) {
  .main-left ul {
    font-size: 14px !important;
  }
}

.main-left ul li {
  position: relative;
  list-style-type: none;
  margin-bottom: 10px;
  line-height: 21px;
}

.main-left ul li:before {
  content: "";
  position: absolute;
  top: 8px;
  left: -20px;
  width: 6px;
  height: 6px;
  background: #e9bd8b;
  border-radius: 50%;
}

.main-left ul li:after {
  content: "";
  position: absolute;
  top: 5px;
  left: -23px;
  width: 12px;
  height: 12px;
  border: 1px solid #e9bd8b;
  border-radius: 50%;
}

.main-left ul li ul {
  margin-top: 10px;
}

@media only screen and (max-width: 1200px) {
  .main-left ul li {
    width: 100%;
  }
}

@media only screen and (max-width: 576px) {
  .main-left ul li {
    line-height: 24px !important;
    font-size: 14px !important;
  }
}

.main-left ul.room-amenities {
  text-align: left;
  font-family: "Segoe UI", Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  letter-spacing: 0.5px;
  padding: 10px 30px 10px 30px;
  background-color: #f9f9f9;
  margin: 0px 0px 20px 0px;
  overflow: hidden;
}

@media only screen and (max-width: 576px) {
  .main-left ul.room-amenities {
    margin: 0px;
    font-size: 14px !important;
  }
}

.main-left ul.room-amenities li {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: 50%;
  padding: 5px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media only screen and (max-width: 1520px) {
  .main-left ul.room-amenities li {
    width: 100%;
  }
}

@media only screen and (max-width: 1200px) {
  .main-left ul.room-amenities li {
    display: block;
    width: 100%;
  }
}

.main-left ul.room-amenities li:after {
  display: none;
}

.main-left ul.room-amenities li:before {
  display: none;
}

.main-left ul.room-amenities li span.glyph {
  width: 16px;
  height: 16px;
}

.main-left ul.room-amenities li:last-child {
  display: none;
}

.main-left ul.amenities {
  text-align: left;
  font-family: "Segoe UI", Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  letter-spacing: 0.5px;
  padding: 0px 30px 10px 30px;
  background-color: #f9f9f9;
  margin: 0px 0px 20px 0px;
  overflow: hidden;
}

@media only screen and (max-width: 576px) {
  .main-left ul.amenities {
    font-size: 15px !important;
  }
}

.main-left ul.amenities li {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: 33%;
  padding: 5px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.main-left ul.amenities li:after {
  display: none;
}

.main-left ul.amenities li:before {
  display: none;
}

.main-left ul.amenities li span.glyph {
  width: 16px;
  height: 16px;
}

@media only screen and (max-width: 1200px) {
  .main-left ul.amenities {
    width: 100%;
  }
  .main-left ul.amenities li {
    display: block;
    width: 100%;
  }
}

.main-left p {
  color: #5c5c5c;
}

.main-left p.hashtags {
  text-align: center;
  color: #e9bd8b;
  letter-spacing: 1px;
  padding: 0px 5px;
}

.main-left h1.name {
  text-align: center;
  margin-top: 20px;
}

@media only screen and (max-width: 576px) {
  .main-left h1.name {
    font-size: 35px !important;
  }
}

@media only screen and (max-width: 1200px) {
  .main-left h1.name {
    font-size: 48px;
  }
}

.main-left .description, .main-left .description-offer {
  text-align: left;
  font-family: "Segoe UI", Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  letter-spacing: 0.5px;
  padding: 10px 30px 10px 30px;
  background-color: #f9f9f9;
  margin: 0px 0px 20px 0px;
  overflow: hidden;
  line-height: 24px;
}

@media only screen and (max-width: 576px) {
  .main-left .description, .main-left .description-offer {
    font-size: 15px !important;
  }
}

.main-left .description-offer {
  background-color: transparent !important;
  padding: 10px 0px 10px 0px !important;
}

/* [main-left] */
/* main-right */
.main-right {
  -ms-flex-item-align: start;
      align-self: flex-start;
  top: 100px;
  width: 540px;
  /* [menu-col] */
  /* [menu-row] */
  /* [cta-row] */
}

@media only screen and (max-width: 767px) {
  .main-right {
    width: 100%;
    padding: 0px !important;
  }
}

@media only screen and (max-width: 992px) {
  .main-right {
    width: 100%;
    padding: 0px 30px;
  }
}

.main-right img {
  height: 150px;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  -o-object-position: center;
     object-position: center;
}

.main-right #res-iframe-desktop {
  height: 3000px;
}

@media only screen and (max-width: 576px) {
  .main-right #res-iframe-desktop {
    display: none;
  }
}

.main-right .menu-col {
  text-align: left;
  font-family: "Segoe UI", Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  margin-top: 20px;
  width: 340px;
  color: black;
  letter-spacing: 0.5px;
  padding: 10px 20px 10px 20px;
  background-color: #f9f9f9;
}

@media only screen and (max-width: 992px) {
  .main-right .menu-col {
    width: auto;
  }
}

.main-right .menu-col .overflowToggle {
  display: block;
}

.main-right .menu-col #res_button {
  width: 100%;
  margin-top: 10px;
  background-color: #e9bd8b;
  font-weight: bold;
  color: white;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  border: 0px;
  padding: 10px;
}

@media only screen and (max-width: 992px) {
  .main-right .menu-col .hidden {
    height: 100%;
  }
}

.main-right .menu-col img {
  all: unset;
  height: 192px;
}

.main-right .menu-col img.big {
  all: unset;
  width: 100%;
}

.main-right .menu-col:first-child {
  padding-top: 0px !important;
}

.main-right .menu-col:first-child h3:first-child {
  padding-top: 20px;
}

.main-right .menu-col:last-child {
  margin-top: 20px;
}

.main-right .menu-row {
  width: auto;
  padding-bottom: 20px;
  width: 100%;
  /* [room] */
}

.main-right .menu-row .room {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 20px;
}

@media only screen and (max-width: 576px) {
  .main-right .menu-row .room {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.main-right .menu-row .room .thumb {
  width: 50%;
  max-height: 71px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

@media only screen and (max-width: 1200px) {
  .main-right .menu-row .room .thumb {
    max-height: -webkit-max-content;
    max-height: -moz-max-content;
    max-height: max-content;
    height: auto;
    margin-bottom: 10px;
  }
  .main-right .menu-row .room .thumb:before {
    content: '';
    display: block;
    padding-top: 56.25%;
  }
}

@media only screen and (max-width: 576px) {
  .main-right .menu-row .room .thumb {
    max-height: -webkit-max-content;
    max-height: -moz-max-content;
    max-height: max-content;
    height: auto;
    margin-bottom: 10px;
  }
  .main-right .menu-row .room .thumb:before {
    content: '';
    display: block;
    padding-top: 56.25%;
  }
}

.main-right .menu-row .room .info {
  width: 50%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

@media only screen and (max-width: 576px) {
  .main-right .menu-row .room .info {
    text-align: center;
    padding: 0px 10px;
  }
}

.main-right .menu-row .room .info div:first-child {
  text-align: center;
}

.main-right .menu-row .room .info div:first-child > span {
  width: 100%;
  font-size: 14px !important;
  margin: 0px;
}

.main-right .menu-row .room .info .name {
  text-align: center;
  font-family: "Segoe UI", Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  white-space: nowrap;
  line-height: 24px;
  color: black;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

.main-right .menu-row .room .info .name span:last-child {
  font-size: 12px;
  text-transform: none;
}

@media only screen and (max-width: 576px) {
  .main-right .menu-row .room .info .name {
    text-align: center;
  }
}

.main-right .menu-row .room .info .price {
  text-align: center;
  font-family: "Segoe UI", Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  white-space: nowrap;
  line-height: 20px;
  margin-top: -3px;
  color: #7d7d7d;
  letter-spacing: 0.5px;
}

@media only screen and (max-width: 576px) {
  .main-right .menu-row .room .info .price {
    text-align: center;
  }
}

.main-right .menu-row a.button {
  display: block;
  margin-top: 20px !important;
  width: 100%;
  text-align: center;
}

.main-right .menu-row:last-child {
  border: 0px;
  padding-bottom: 0px;
}

.main-right .menu-row h3 {
  width: 100%;
  text-align: left;
  font-family: Work Sans !important;
  font-style: normal;
  font-weight: normal;
  font-size: 16px !important;
  color: black;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

.main-right .menu-row p {
  all: unset;
  overflow: hidden;
  height: 50px;
  line-height: 20px;
  text-align: left;
  font-family: Work Sans;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  color: #7d7d7d;
  letter-spacing: 0.5px;
  margin-top: 5px;
}

.main-right .menu-row ul {
  text-align: left;
  font-family: "Segoe UI", Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  all: unset;
  overflow: hidden;
  height: 60px;
  line-height: 20px;
  color: #5c5c5c;
  letter-spacing: 0.5px;
  margin-top: 5px;
}

.main-right .menu-row ul li {
  margin-top: 10px;
  list-style-type: none;
  color: #5c5c5c;
}

.main-right .menu-row ul li:first-child {
  margin-top: 0px;
}

.main-right .menu-row .icon-star2 {
  font-size: 14px;
  margin: 0px;
}

.main-right .menu-row-offer {
  border-bottom: 2px solid #e9bd8b;
  width: auto;
  margin-top: 15px;
  padding-bottom: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.main-right .menu-row-offer:first-child {
  margin-top: 0px;
}

.main-right .menu-row-offer:last-child {
  border: 0px;
  padding-bottom: 0px;
}

.main-right .menu-row-offer .date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  height: 60px;
  width: 100%;
  margin-top: 10px;
}

.main-right .menu-row-offer .date .arrival, .main-right .menu-row-offer .date .departure {
  position: relative;
  top: 0px;
  left: 0px;
}

.main-right .menu-row-offer .date .arrival div:first-child, .main-right .menu-row-offer .date .departure div:first-child {
  font-size: 14px;
  text-transform: uppercase;
  color: black;
}

.main-right .menu-row-offer .date .arrival div:last-child, .main-right .menu-row-offer .date .departure div:last-child {
  text-align: left;
  font-family: "Segoe UI", Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  position: absolute;
  left: 28px;
  top: 30px;
  width: 64px;
  white-space: nowrap;
  line-height: 20px;
  margin-top: -3px;
  color: #5c5c5c;
  letter-spacing: 0.5px;
}

.main-right .menu-row-offer .date .arrival .icon__clock, .main-right .menu-row-offer .date .departure .icon__clock {
  position: absolute;
  width: 19px;
  height: 19px;
  left: 1px;
  top: 30px;
}

.main-right .menu-row-offer .date .arrival .icon__clock .icon__clock-1, .main-right .menu-row-offer .date .departure .icon__clock .icon__clock-1 {
  position: absolute;
  width: 19px;
  height: 19px;
  left: 0px;
  top: 0px;
  -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
          transform: matrix(1, 0, 0, 1, 0, 0);
  overflow: visible;
}

.main-right .menu-row-offer .date .arrival .icon__clock .icon__clock-2, .main-right .menu-row-offer .date .departure .icon__clock .icon__clock-2 {
  position: absolute;
  width: 5.742px;
  height: 9.142px;
  left: 8.5px;
  top: 3.4px;
  -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
          transform: matrix(1, 0, 0, 1, 0, 0);
  overflow: visible;
}

.main-right .menu-row-offer .date .departure {
  left: 80px !important;
}

.main-right .menu-row-offer h3 {
  text-align: left;
  font-family: "Segoe UI", Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  width: 100%;
  color: black;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  padding-top: 0px !important;
}

.main-right .menu-row-offer p {
  text-align: left;
  font-family: "Segoe UI", Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  overflow: hidden;
  height: 50px;
  line-height: 20px;
  color: #5c5c5c;
  letter-spacing: 0.5px;
  margin-top: 5px;
}

.main-right .menu-row-offer ul {
  text-align: left;
  font-family: "Segoe UI", Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  overflow: hidden;
  height: 60px;
  line-height: 20px;
  color: #5c5c5c;
  letter-spacing: 0.5px;
  margin-top: 5px;
  padding-left: 0px;
}

.main-right .menu-row-offer ul li {
  margin-top: 10px;
  list-style-type: none;
  color: #5c5c5c;
}

.main-right .menu-row-offer ul li:first-child {
  margin-top: 0px;
}

@media only screen and (max-width: 992px) {
  .main-right .menu-row-offer .button {
    display: none;
  }
}

.main-right .menu-row-offer img {
  width: 340px;
  height: 192px;
  margin-left: -30px;
}

.main-right .cta-row {
  width: 100%;
  padding-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.main-right .cta-row h3 {
  text-align: left;
  font-family: "Segoe UI", Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  width: 100%;
  color: black;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

.main-right .cta-row ul {
  all: unset;
  text-align: left;
  font-family: "Segoe UI", Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  /* overflow: hidden; */
  line-height: 20px;
  color: #7d7d7d;
  letter-spacing: 0.5px;
  margin-top: 15px;
}

.main-right .cta-row ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  /* background-color: red; */
  margin-bottom: 10px;
}

.main-right .cta-row ul li div:last-child {
  margin-left: 35px;
}

.main-right .cta-row ul li span {
  /* background-color: lightcoral; */
  width: 90%;
  margin-left: 10px;
}

.main-right .cta-row ul li .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  /* background-color: teal; */
  height: 30px;
  width: 10%;
}

.main-right .cta-row .button {
  width: 100%;
  margin-top: 10px;
  background-color: #e9bd8b;
  font-weight: bold;
  color: white;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  border: 0px;
  padding: 10px;
}

.main-right .cta-row .button:hover {
  background-color: #d4aa7c;
}

.main-right .cta-row .icon__wifi {
  position: absolute;
  width: 21.786px;
  height: 15.25px;
  -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
          transform: matrix(1, 0, 0, 1, 0, 0);
}

.main-right .cta-row .icon__price-1 {
  position: absolute;
  width: 16.922px;
  height: 17.068px;
  -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
          transform: matrix(1, 0, 0, 1, 0, 0);
}

.main-right .cta-row .icon__price-2 {
  position: relative;
  width: 12.185px;
  height: 16.947px;
  left: 5px;
  top: 2.048px;
  -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
          transform: matrix(1, 0, 0, 1, 0, 0);
}

.main-right .cta-row .icon__home {
  position: absolute;
  width: 19.314px;
  height: 16.417px;
  -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
          transform: matrix(1, 0, 0, 1, 0, 0);
}

.main-right .cta-row .icon__lock {
  position: absolute;
  width: 12.95px;
  height: 16.835px;
  -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
          transform: matrix(1, 0, 0, 1, 0, 0);
}

/* [main-right] */
/* templates */
.tpl-room, .tpl-offer, .tpl-single {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: row !important;
          flex-direction: row !important;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  width: 550px !important;
  padding: 0px 0px 0px 0px;
  background-color: white;
}

@media only screen and (max-width: 576px) {
  .tpl-room, .tpl-offer, .tpl-single {
    width: 100% !important;
    margin-top: 200px !important;
    height: auto;
  }
}

@media only screen and (max-width: 992px) {
  .tpl-room, .tpl-offer, .tpl-single {
    width: 100% !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: 0px;
    margin: 0px 0px 0px 0px;
  }
}

@media (min-width: 1520px) {
  .tpl-room, .tpl-offer, .tpl-single {
    width: auto;
    margin: 10px 50px 0px 0px !important;
  }
}

@media only screen and (max-width: 576px) {
  .tpl-room .main-left .row .col, .tpl-offer .main-left .row .col, .tpl-single .main-left .row .col {
    -ms-flex-preferred-size: unset !important;
        flex-basis: unset !important;
  }
}

.tpl-room .main-left .col, .tpl-offer .main-left .col, .tpl-single .main-left .col {
  padding: 0px !important;
}

.tpl-offers {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  width: 1520px;
  background-color: white;
  border-radius: 10px;
  padding: 30px 30px 30px 30px !important;
}

@media only screen and (max-width: 576px) {
  .tpl-offers {
    margin: 0px !important;
    padding: 0px !important;
    background-color: transparent !important;
  }
}

@media (min-width: 576px) {
  .tpl-offers {
    margin: 0px !important;
  }
}

@media (min-width: 767px) {
  .tpl-offers {
    margin: -400px 10px 0px 10px !important;
    padding: 30px 10px 30px 10px !important;
  }
}

@media (min-width: 1200px) {
  .tpl-offers {
    margin: -400px 30px 0px 30px !important;
    padding: 30px 30px 30px 30px !important;
  }
}

@media (min-width: 1520px) {
  .tpl-offers {
    width: 100% !important;
  }
}

.tpl-offers h2 {
  margin: 20px 0px 5px 0px !important;
}

.tpl-offer {
  -webkit-box-align: start !important;
      -ms-flex-align: start !important;
          align-items: flex-start !important;
}

@media (min-width: 767px) {
  .tpl-offer {
    margin: 10px 50px 0px 0px !important;
  }
}

.tpl-offer ul.amenities {
  padding: 20px 30px 10px 30px !important;
}

.tpl-offer .main-right {
  top: 135px;
}

.tpl-offer .main-right .menu-col {
  margin-top: 0px;
}

.tpl-offer .main-right .menu-col:last-child {
  margin-top: 10px !important;
}

.tpl-offer .main-right .menu-row-offer .date {
  height: 50px !important;
}

.tpl-single li {
  line-height: 25px;
}

.tpl-single p {
  margin: 40px 0px;
  font-weight: 20px;
}

.tpl .icons-features {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.tpl .icons-features div {
  width: 100px;
  background-color: lightskyblue;
}

.tpl .icons-features div .icon {
  background-color: lightgreen;
  width: 60px;
  height: 60px;
}

.tpl .icons-features div .title {
  text-align: center;
  font-family: "Segoe UI", Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  text-transform: uppercase;
}

@media only screen and (max-width: 576px) {
  .main-left > p {
    font-size: 14px !important;
  }
  .fl-node-5eb7e30fba723 > .fl-node-content {
    margin: 0 !important;
  }
  .fl-node-5eb7e30fba723 > .fl-node-content > .fl-rich-text > div {
    border: none !important;
  }
  .fl-node-5eb7e30fba723 > .fl-node-content > .fl-rich-text > div > ul {
    padding-left: 20px;
  }
}

/* [templates] */
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

#contact-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 100vw;
  height: auto;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 70px;
  padding-bottom: 70px;
}

#contact-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 1200px;
}

#contact-left {
  width: 50%;
  height: auto;
}

#contact-right {
  width: 50%;
  height: auto;
}

.input-text {
  width: 49%;
  padding: 10px 15px;
  margin: 5px 0px;
  font-size: 1em;
  border: solid 1px #e9bd8b;
  font-family: "Work Sans";
}

#input-textbox {
  width: 100%;
  padding: 10px 15px;
  margin: 5px 0px;
  height: 150px;
  resize: none;
  font-size: 1em;
  border: solid 1px #e9bd8b;
  font-family: "Work Sans";
}

.input-box {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

#contact-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

#contact-send {
  padding-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

#contact-left > p:nth-child(1) {
  font-size: 1.1em;
  font-weight: bold;
}

#contact-right > p {
  font-weight: bold;
  font-size: 1.1em;
}

#contact-submit {
  height: 48px;
  padding: 0;
  padding-left: 10px;
  padding-right: 10px;
  display: inline-block;
  z-index: 1;
  font-weight: bold;
  color: white !important;
  font-family: monospace;
  width: 150px;
  border: solid 1px #e9bd8b;
  background-color: #e9bd8b;
  font-size: 1.1em;
}

@media only screen and (max-width: 1200px) {
  #contact-inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  #contact-left {
    width: 95%;
    max-width: 600px;
    text-align: center;
    padding-bottom: 10px;
  }
  #contact-right {
    border-top: none !important;
    width: 95%;
    max-width: 600px;
    padding-top: 10px;
  }
  #contact-right > p {
    text-align: center;
  }
  #contact-container {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  #contact-submit {
    font-size: 1.4em;
  }
  #mail-status {
    width: auto;
    bottom: 150px;
    background: rgba(0, 0, 0, 0.6);
    left: calc(50% - 180px);
    color: white;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 20px;
    text-align: center;
  }
  #close_info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: white;
    margin-top: 20px;
    text-align: center;
    width: 100px;
    margin-left: calc(50% - 50px);
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border: solid 1px white;
    padding: 5px 10px;
  }
}

#close_info {
  display: none;
}

#mail-status {
  display: none;
}

@media only screen and (max-width: 767px) {
  #contact-inner {
    width: auto;
  }
}

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }
}

.d-flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.d-block {
  display: block !important;
}

.d-none {
  display: none !important;
}

@media (min-width: 576px) {
  .d-sm-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-none {
    display: none !important;
  }
}

@media (min-width: 767px) {
  .d-md-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-none {
    display: none !important;
  }
}

@media (min-width: 992px) {
  .d-lg-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-none {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .d-xl-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-none {
    display: none !important;
  }
}

.mt-1 {
  margin-top: 8px !important;
}

.mt-2 {
  margin-top: 16px !important;
}

.mt-3 {
  margin-top: 24px !important;
}

.mt-4 {
  margin-top: 32px !important;
}

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

.mb-1 {
  margin-bottom: 8px !important;
}

.mb-2 {
  margin-bottom: 16px !important;
}

.mb-3 {
  margin-bottom: 24px !important;
}

.mb-4 {
  margin-bottom: 32px !important;
}

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

.sticky-top {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  right: 0;
  left: 0;
  z-index: 979;
}

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}

.col {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  max-width: 100%;
}

.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  content: '';
}

/* info-dot */
.info-dot {
  margin: 0px;
  padding: 0px;
  position: fixed;
  left: 20px;
  bottom: 100px;
  opacity: 0;
}

.info-dot .circle {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-color: white;
  position: relative;
  z-index: 2;
  overflow: hidden;
  border: 2px solid #24855B;
  -webkit-box-shadow: 0 0px 12px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0px 12px rgba(0, 0, 0, 0.3);
}

.info-dot .circle-clickable {
  cursor: pointer;
}

.info-dot .circle img {
  position: relative;
  left: 7px;
  top: 8px;
  width: 60px;
  height: 60px;
  -o-object-fit: scale-down;
     object-fit: scale-down;
}

.info-dot .exit {
  text-align: center;
  font-family: "Segoe UI", Arial, sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  color: black;
  position: absolute;
  left: 70px;
  top: -10px;
  z-index: 3;
  opacity: 0.8;
  cursor: pointer;
}

.info-dot .exit::after {
  position: relative;
  width: 20px;
  height: 20px;
  background-color: transparent;
  content: '';
  top: -2px;
  left: 1px;
  display: block;
}

.info-dot .exit .x-line-1 {
  overflow: visible;
  position: absolute;
  width: 10px;
  height: 10px;
  left: 5.5px;
  top: 3.5px;
  -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
          transform: matrix(1, 0, 0, 1, 0, 0);
}

.info-dot .exit .x-line-2 {
  overflow: visible;
  position: absolute;
  width: 10px;
  height: 10px;
  left: 5.5px;
  top: 3.5px;
  -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
          transform: matrix(1, 0, 0, 1, 0, 0);
}

.info-dot .tooltip {
  text-align: center;
  font-family: "Segoe UI", Arial, sans-serif;
  font-style: normal;
  font-weight: "normal";
  font-size: 16px;
  background-color: #fff;
  color: #212121;
  -webkit-box-shadow: 0 3px 12px rgba(0, 0, 0, 0.5);
          box-shadow: 0 3px 12px rgba(0, 0, 0, 0.5);
  width: 260px;
  position: absolute;
  background-color: white;
  padding: 16px;
  border-radius: 8px;
  vertical-align: middle;
  margin-top: 10px;
  -webkit-transition: 500ms ease-in-out;
  transition: 500ms ease-in-out;
  bottom: 60px;
  left: 100px;
  z-index: 3;
  border-top: 6px #00a878 solid;
}

.info-dot .tooltip p:first-child {
  margin: 0px;
  padding: 0px;
  text-align: center;
  font-family: "Segoe UI", Arial, sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
}

/* [info-dot] */
/* tooltip */
.tooltip {
  width: 100%;
  position: fixed;
  bottom: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 1001;
  opacity: 0;
}

@media (min-width: 767px) {
  .tooltip {
    width: 400px;
    bottom: 15px;
    left: 15px;
  }
}

.tooltip > div {
  text-align: center;
  font-family: "Segoe UI", Arial, sans-serif;
  font-style: normal;
  font-weight: "normal";
  font-size: 16px;
  background-color: #fff;
  color: #212121;
  -webkit-box-shadow: 0 3px 12px rgba(0, 0, 0, 0.5);
          box-shadow: 0 3px 12px rgba(0, 0, 0, 0.5);
  margin: 0px 15px;
  background-color: white;
  padding: 5px 15px;
  border-radius: 8px;
  vertical-align: middle;
  -webkit-transition: 500ms ease-in-out;
  transition: 500ms ease-in-out;
  border-top: 6px #00a878 solid;
  position: relative;
}

.tooltip > div .title {
  text-align: center;
  font-family: "Segoe UI", Arial, sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  margin: 5px 10px 0px 10px;
}

.tooltip > div .exit {
  color: black;
  position: absolute;
  right: 7px;
  top: 7px;
  z-index: 3;
  opacity: 0.8;
  cursor: pointer;
}

.tooltip > div .exit::after {
  position: relative;
  width: 20px;
  height: 20px;
  background-color: transparent;
  content: '';
  top: -2px;
  left: 1px;
  display: block;
}

.tooltip > div .exit .x-line-1 {
  overflow: visible;
  position: absolute;
  width: 10px;
  height: 10px;
  left: 5.5px;
  top: 3.5px;
  -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
          transform: matrix(1, 0, 0, 1, 0, 0);
}

.tooltip > div .exit .x-line-2 {
  overflow: visible;
  position: absolute;
  width: 10px;
  height: 10px;
  left: 5.5px;
  top: 3.5px;
  -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
          transform: matrix(1, 0, 0, 1, 0, 0);
}

.tooltip > div a {
  text-decoration: underline;
  cursor: pointer;
}

.tooltip-sign {
  border-radius: 50%;
  padding: 2px 7px;
  background-color: #24855b;
  text-decoration: none;
  color: white;
  margin-left: 7px;
  font-size: 12px;
}

/* [tooltip] */
/* daterangepicker */
body {
  overflow-x: hidden;
}

#picker {
  width: 335px;
  height: 50px;
  padding: 10px 10px;
  font-size: 25px;
  background-color: rgba(255, 255, 255, 0.7);
  border: solid 2px #333;
  border-radius: 3px;
  font-family: "Work Sans";
}

#picker :hover {
  outline: none;
}

#inner_cal > div:nth-child(2) {
  margin-left: 15px;
}

#rangepicker {
  top: auto !important;
  bottom: 100px;
  position: absolute;
  left: 50% !important;
  margin-left: -375px;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  width: 750px;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  background-color: rgba(255, 255, 255, 0.91);
  padding: 5px 5px;
  border-radius: 6px;
}

.rangepicker_innerleft {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.rpi_right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 75px;
  color: #555;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  cursor: pointer;
}

#rangepicker > div:nth-child(3) > div:nth-child(2) {
  text-transform: none !important;
}

#rangepicker > div:nth-child(4) > div:nth-child(2) {
  text-transform: none !important;
}

#rpi_left {
  width: 80px;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  font-size: 3em;
  color: #555;
  font-family: "Old Standard TT";
  letter-spacing: -2px;
}

#rangepicker > div:nth-child(3) {
  border-right: solid 2px #ccc;
}

#rpi_leftr {
  width: 80px;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  font-size: 3em;
  color: #555;
  font-family: "Old Standard TT";
  letter-spacing: -2px;
}

#rpir_top {
  height: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #555;
}

#rpir_bottom {
  height: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #555;
  font-size: 1.4em;
}

#rpir_topr {
  height: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #555;
}

#rpir_bottomr {
  height: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #333;
  font-size: 1.4em;
}

#inner_cal {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  cursor: pointer;
}

.applyBtn {
  margin-left: 10px;
}

.btncal {
  height: 50px;
  background-color: #e9bd8b;
  width: 210px;
  color: #333;
  font-size: 1.3em;
}

.btncal:focus {
  outline: none;
}

.cal_arrow {
  color: #555 !important;
  font-size: 1.2em !important;
  position: relative;
  top: 15px;
}

.ico_voucher {
  color: #555 !important;
  font-size: 1.4em !important;
  width: 18px;
}

div.daterangepicker.ltr.show-calendar.openscenter.drop-up {
  -webkit-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.75);
  z-index: 1000 !important;
}

#top_sent {
  position: absolute;
  bottom: 170px;
  left: 50% !important;
  top: auto !important;
  margin-left: -240px;
  width: 480px;
  background-color: #e9bd8b;
  color: #fff;
  text-align: center;
  font-family: Work Sans;
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  padding: 5px 5px;
}

#welcome-promo-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  position: absolute !important;
  bottom: 0px !important;
  left: -270px;
  -webkit-transition: 1s linear;
  transition: 1s linear;
}

.welcome-promo-inner {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-top: solid 10px #e9bd8b;
  border-top-right-radius: 13px;
  border-bottom-right-radius: 13px;
  background-color: white;
  opacity: 0.95;
  padding: 0;
  margin-bottom: 10px;
  -webkit-box-shadow: 10px 10px 18px 0px rgba(0, 0, 0, 0.75);
          box-shadow: 10px 10px 18px 0px rgba(0, 0, 0, 0.75);
}

.promo-inner {
  width: 250px;
  height: 160px;
  text-align: end;
  padding-right: 10px;
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.promo-inner > p {
  color: #000;
  font-size: 1em;
  text-align: start;
  text-transform: none;
  font-weight: 300 !important;
  margin-top: 5px;
  margin-bottom: 5px;
}

.promo-inner > a > div {
  background-color: #e9bd8b;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: #333;
  padding: 5px;
  border-radius: 5px;
  padding-left: 7px;
}

.promo-inner > a > div:hover {
  background-color: #F9C894;
}

.icon-calendar {
  display: none;
}

#close-mobile-calendar-outer {
  display: none;
  background-color: white;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: inherit;
}

#close-mobile-calendar {
  width: 50px;
  height: 50px;
  position: fixed;
  top: 0;
  right: 0;
  color: #333;
  background-color: #e9bd8b;
  font-size: 1.5em;
  padding: 13px;
  margin-right: 0 !important;
}

.hidden-overflow {
  overflow-y: hidden;
}

#calendar-logo-img {
  height: 39px;
  width: auto;
  -webkit-filter: invert(1);
          filter: invert(1);
  padding-top: 10px;
  opacity: 0.9;
}

#mobile-calendar-container {
  width: 280px;
  height: 160px;
  background: #e9bd8b;
  background: -webkit-gradient(linear, left bottom, left top, from(#e9bd8b), color-stop(14%, #e9bd8b), color-stop(14%, white));
  background: linear-gradient(0deg, #e9bd8b 0%, #e9bd8b 14%, white 14%);
  border-radius: 10px;
  margin-left: calc(50% - 140px);
  -ms-flex-pack: distribute;
      justify-content: space-around;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  opacity: 0.95;
}

#mid-day1 {
  border-right: solid 2px #999;
  font-family: "Old Standard TT";
}

#mid-day2 {
  font-family: "Old Standard TT";
}

#mid-year1 {
  border-right: solid 2px #999;
}

#datepicker-mid-day {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  font-family: Old Standard TT;
  font-style: normal;
  font-weight: normal;
  font-size: 45px;
  color: #7d7d7d;
  letter-spacing: -0.5px;
}

#datepicker-mid-month-year {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  font-family: Work Sans;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  color: #7d7d7d;
  letter-spacing: 1.3px;
  text-transform: uppercase;
}

.mid-day {
  width: 50%;
}

.mid-month {
  text-align: right;
  width: 30%;
}

.mid-year {
  text-align: left;
  width: 20%;
}

.cal-btn {
  padding: 5px;
  width: -webkit-fill-available;
  background-color: #e9bd8b;
  border: 0;
  color: white;
  font-family: "Work Sans";
  letter-spacing: 2px;
  font-weight: 500;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  padding-top: 12px;
}

.cal-btn:focus {
  outline: none;
}

#datepicker-top {
  border-bottom: solid 2px #f0f0f0;
  padding-bottom: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

#datepicker-top > p {
  margin: 0;
}

.move-up-info-container {
  display: none;
  position: fixed;
  padding: 30px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: white;
  z-index: 1027;
}

.move-up-info-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: auto;
  margin-bottom: 50px;
}

.move-up-info-container > div > h2 {
  text-align: center;
  font-size: 1.8em !important;
}

.move-up-info-container > div > span {
  text-align: center;
  font-size: 1em !important;
  background-color: #f1f1f1;
  width: -webkit-fill-available;
  border-radius: 10px;
  padding: 1px;
  margin: 10px;
}

.lock-ico {
  font-size: 3em;
  margin: 10px;
}

.move-up-info-container > div > a {
  text-decoration: underline;
  letter-spacing: 1px;
}

.move-up-info-container > div > p {
  text-align: left !important;
  font-size: 1em !important;
  margin-top: 10px;
  margin-bottom: 10px;
}

.move-up-info-close {
  position: absolute !important;
  top: 15px;
  right: -15px;
  width: 40px;
  height: 40px;
  color: #333 !important;
  font-size: 1.3em !important;
}

.move-up-info-container > div > input {
  position: static;
  padding: 10px 15px;
  width: 100%;
  height: 37px;
  text-align: center;
  border: solid 1px #e9bd8b;
  font-family: Work Sans;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  color: #7d7d7d;
  letter-spacing: 0.5px;
  margin-bottom: 25px;
  background-color: #fff;
  margin-top: 25px;
}

.move-up-info-container > div > button {
  background-color: #e9bd8b;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 500;
  color: white;
}

.move-up-info-container > div > img {
  margin-top: 20px;
}

@media only screen and (max-width: 767px) {
  div.daterangepicker.ltr.show-calendar.openscenter.drop-up {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  #welcome-promo-container {
    display: none !important;
  }
  .daterangepicker {
    position: fixed !important;
    left: 0 !important;
    top: 55px !important;
    width: 100% !important;
    height: -webkit-fill-available !important;
  }
  div.calendar-table > table > tbody > tr {
    height: 30px;
  }
}

@media only screen and (max-width: 576px) {
  .daterangepicker {
    bottom: 67px !important;
  }
  #mobile-calendar-container {
    margin-top: 40px !important;
  }
}

@media only screen and (max-width: 576px) and (max-height: 550px) {
  #datepicker-top {
    display: none;
  }
  #datepicker-mid {
    display: none;
  }
  #mobile-calendar-container {
    height: auto;
  }
  .cal-btn {
    border-radius: 10px;
    background-color: white;
    color: #444;
    padding: 10px;
    opacity: 0.95;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .icon-calendar {
    display: block;
    color: #444;
    font-size: 1em !important;
  }
}

/* [daterangepicker] */
/* mm */
.mm {
  /*
////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////

header mobile

////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////
*/
  /*
////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////

header desktop

////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////
*/
}

.mm-container {
  background-color: #F6EFE3;
}

.mm-container div, .mm-container p {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  color: white;
}

.mm-container p {
  line-height: normal;
  margin: 0px 0px !important;
  color: white;
}

.mm-container .company-logo__mobile {
  width: 100%;
  height: 200px;
  display: none;
}

@media only screen and (max-width: 576px) {
  .mm-container .company-logo__mobile {
    display: block;
  }
}

.mm-container .company-logo__mobile .mm-logo__mobile {
  display: none;
  width: 170px;
  height: 252px !important;
  overflow: hidden;
  text-align: center;
  background-color: url();
}

@media only screen and (max-width: 576px) {
  .mm-container .company-logo__mobile .mm-logo__mobile {
    display: block;
    padding-top: 20px;
    width: inherit;
    height: inherit;
  }
}

.mm-header__mobile {
  width: 100%;
  background-color: #03598A;
  border-radius: 15px 15px 0px 0px;
  display: none;
}

@media only screen and (max-width: 576px) {
  .mm-header__mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: 0px;
    margin-top: 50px;
  }
}

.mm-header__mobile .company-info {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 30px;
  font-size: 14px;
}

@media only screen and (max-width: 576px) {
  .mm-header__mobile .company-info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.mm-header__mobile .company-info .mm-company-address {
  position: relative;
  margin-left: 20px;
}

@media only screen and (max-width: 576px) {
  .mm-header__mobile .company-info .mm-company-address {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: center;
    width: 100%;
    padding: 0px;
    margin: 0px;
  }
  .mm-header__mobile .company-info .mm-company-address div {
    text-align: center;
    width: 100%;
  }
  .mm-header__mobile .company-info .mm-company-address p {
    text-align: center;
    width: 100%;
  }
}

.mm-header__mobile .company-info .mm-company-address .mm-company-name {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 18px;
}

.mm-header__mobile .mm-quote {
  margin-top: 18px;
  font-style: italic;
  color: white !important;
  font-size: 18px;
}

@media only screen and (max-width: 576px) {
  .mm-header__mobile .mm-quote {
    width: 80%;
    text-align: center;
  }
}

.mm-header__mobile .mm-social {
  margin-top: 12px;
  color: #024266 !important;
  font-size: 18px;
  margin-bottom: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.mm-header__mobile .mm-social div:nth-child(2), .mm-header__mobile .mm-social div:nth-child(3) {
  margin-left: 10px;
  margin-top: 3px;
}

@media only screen and (max-width: 576px) {
  .mm-header__mobile .mm-social div:nth-child(2), .mm-header__mobile .mm-social div:nth-child(3) {
    margin: 0px 0px 0px 10px;
    padding-top: 5px;
    -ms-flex-line-pack: center;
        align-content: center;
    text-align: center;
    background-color: #F6EFE3;
    border-radius: 100%;
    width: 40px;
    height: 40px;
  }
}

@media only screen and (max-width: 576px) {
  .mm-header__mobile .mm-social {
    margin-top: 40px;
  }
}

@media only screen and (max-width: 576px) {
  .mm-header__mobile .mm-bio {
    border-top: 1px dashed white;
    padding: 20px 20px 20px 20px;
  }
  .mm-header__mobile .mm-bio div, .mm-header__mobile .mm-bio p {
    font-size: 14px;
    text-align: center;
    margin-bottom: 10px !important;
  }
}

.mm-header__desktop {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 0px;
  background-color: #F6EFE3;
  color: #012A41 !important;
  border-radius: 15px 15px 0px 0px;
}

.mm-header__desktop div {
  color: #024266 !important;
}

.mm-header__desktop p {
  color: #024266 !important;
}

@media only screen and (max-width: 576px) {
  .mm-header__desktop {
    display: none;
  }
}

.mm-header__desktop .company-info {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 20px;
  font-size: 14px;
  color: #024266 !important;
}

.mm-header__desktop .company-info .mm-company-address {
  position: relative;
  margin-left: 20px;
}

.mm-header__desktop .company-info .mm-company-address .mm-company-name {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 18px;
}

.mm-header__desktop .mm-quote {
  margin-top: 18px;
  font-style: italic;
  color: #024266 !important;
  font-size: 18px;
}

.mm-header__desktop .mm-social {
  margin-top: 12px;
  color: #024266 !important;
  font-size: 16px;
  margin-bottom: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.mm-header__desktop .mm-social div:nth-child(2), .mm-header__desktop .mm-social div:nth-child(3) {
  margin-left: 10px;
  margin-top: 3px;
}

.mm-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0px 40px 0px 40px;
}

@media only screen and (max-width: 576px) {
  .mm-btn {
    padding: 10px 30px 10px 30px;
  }
}

.mm-btn-catalogue {
  padding-top: 10px !important;
  background-color: #024266;
}

.mm-btn-form {
  background-color: #012A41;
}

@media only screen and (max-width: 576px) {
  .mm-btn-form {
    padding: 0px 30px 0px 30px !important;
  }
}

.mm-btn .mm-btn-icon {
  padding: 40px 50px 40px 0px;
}

@media only screen and (max-width: 576px) {
  .mm-btn .mm-btn-icon {
    padding: 40px 25px 40px 0px;
  }
}

@media only screen and (max-width: 576px) {
  .mm-btn .mm-btn-icon svg#svg_catalogue {
    width: 100px !important;
  }
}

@media only screen and (max-width: 576px) {
  .mm-btn .mm-btn-icon svg#svg_form {
    width: 100px !important;
  }
}

.mm-btn .mm-btn-content div, .mm-btn .mm-btn-content p {
  color: white !important;
}

.mm-btn .mm-btn-content .mm-btn-title {
  font-size: 24px;
}

@media only screen and (max-width: 576px) {
  .mm-btn .mm-btn-content .mm-btn-title {
    font-size: 20px;
    white-space: nowrap;
  }
}

.mm-btn .mm-btn-content .mm-btn-description {
  margin-top: 12px;
  font-size: 16px;
}

@media only screen and (max-width: 576px) {
  .mm-btn .mm-btn-content .mm-btn-description {
    font-size: 13px;
  }
}

.mm-btn .mm-btn-content .mm-btn-link {
  margin-bottom: 20px;
  padding-bottom: 4px;
  font-size: 18px;
  text-align: right;
  text-decoration: underline;
}

@media only screen and (max-width: 576px) {
  .mm-btn .mm-btn-content .mm-btn-link {
    margin-top: 16px;
    font-size: 18px;
    border-bottom: 2px solid white;
    text-decoration: none;
    text-align: inherit;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-bottom: 0px;
  }
}

.mm-btn .mm-btn-content .mm-btn-link a {
  color: white !important;
}

.mm-btns-label {
  background-color: #051219;
  font-size: 20px;
  color: white !important;
  text-align: center;
  padding: 30px 30px 0px 30px;
}

.mm-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding: 30px;
  border-radius: 0px 0px 15px 15px;
  background-color: #051219;
}

@media only screen and (max-width: 576px) {
  .mm-btns {
    border-radius: 0px;
  }
}

.mm-btns .mm-btn-inline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.mm-btns .mm-btn-inline .inline-label {
  font-size: 20px;
  color: white !important;
  margin-top: 12px;
}

.mm-btns-vertical-line {
  width: 2px;
  height: 150px;
  background-color: white;
}

@media only screen and (max-width: 576px) {
  .mm-btns-vertical-line {
    background-color: #051219;
  }
}

.mm-fotter {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  margin: 20px 0px 20px 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  text-align: center;
  font-weight: 400;
  font-size: 16px;
}

.mm-fotter .mm-hr-line {
  margin: 20px 30px;
  border-bottom: 1px solid #c4c4c4;
}

/* [mm] */
/*# sourceMappingURL=style.css.map */