/* IE */

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* IE10+ CSS styles */
  .section_img.dimensions-auto {
    width: 30vw;
  }

  p, h1, h2, h3, h4, h5, h6, .paragraph {
    max-width: 100%;
  }
}

/* END IE */

/* COOKIES CONSENT */
.cc-link {
  font-size:13px;
  padding:0;
  opacity:1;
  color:#f7f7f7 !important;
}

.cc-banner.cc-bottom {
  min-height: 70px;
  height:auto;
}

.cc-compliance .cc-btn {
  border:1px solid #fff;
  color: #fff;
  background: transparent;
  padding: 9px 20px;
  font-weight: 300;
}

.cc-compliance .cc-btn:hover {
  background: #fff;
  color: #000;
}

body>.cc-revoke, body>.cc-window {
  font-family:'Gotham', sans-serif;
  font-size:13px;
  font-weight:300;
}

/*END COOKIES CONSENT */


/* OPEN TABLE WIDGET */

#ot-reservation-widget {
  width: auto !important;
}

.ot-button {
  background-color: transparent !important;
  border: 1px solid #fff !important;
  border-radius: 0px !important;
  color: #fff !important;
  font-weight: 400 !important;
  padding: 7px 10px !important;
  font-family: 'Gotham', sans-serif !important;
  font-size:10px !important;
  cursor: pointer;
  opacity: 1 !important;
  width: auto !important;
  transition: background-color .4s ease,opacity .2s ease;
  text-transform : uppercase;
  letter-spacing: 1px;
}

.outline-black .ot-button {
  background-color: transparent !important;
  border: 1px solid #000 !important;
  color: #000 !important;
}

.outline-black .ot-button:hover {
  background-color: #000 !important;
  color: #fff !important;
}

@media screen and (max-width : 767px) {
  .ot-button {
    padding: 7px 8px !important;
    font-size: 8px !important;
  }

  #ot-reservation-widget {
    padding: 14px 9px;
  }
}

.ot-btn.black .ot-button {
  border: 1px solid #000 !important;
  color: #000 !important;
}

.ot-button:focus,
.ot-button:hover {
  background-color: #fff !important;
  color: #000 !important;
  border: 1px solid #fff !important;
}

.ot-btn.black .ot-button:focus,
.ot-btn.black .ot-button:hover {
  background-color: #000 !important;
  color: #fff !important;
  border: 1px solid #000 !important;
}

.ot-powered-by {
  display:none !important;
}

/* END OPEN TABLE WIDGET*/


  /* DRP */

  .daterangepicker.ltr .drp-calendar.left.single {
    width: auto;
  }

  .daterangepicker .drp-calendar.left {
    padding: 8px;
  }

  @media (min-width: 564px)
    .daterangepicker .drp-calendar.left .calendar-table {
      padding-right: 0px;
  }

  .daterangepicker {
    font-family:inherit;
    z-index: 99999 !important;
  }

  .drp-calendar.left, .drp-calendar.right {
    height:auto;
    min-height:0;
  }

  .drp-buttons {
    font-family:inherit;
  }

  .daterangepicker td.active,
  .daterangepicker td.active:hover {
    background-color: #000;
    border-color: transparent;
    color: #fff;
  }

  .daterangepicker td.in-range {
    background-color: rgba(0, 0, 0, 0.15);
    border-color: transparent;
    color: #000;
    border-radius: 0;
  }

  .daterangepicker .active.end-date.in-range.available {
    border-radius: 0 4px 4px 0;
    background-color: #000;
    border-color: transparent;
    color: #fff;
  }

  .daterangepicker td.available:hover,
  .daterangepicker th.available:hover {
    background-color: rgba(0, 0, 0, 0.09);
    border-color: transparent;
    color: inherit;
  }

/* END DRP */

/* FOOTER */
.obj-pos_top {
  object-position: top;
}

@media screen and (max-width: 767px) {
  .height-60px-mobile {
    height: 60px;
  }
}

.call-to-action_img-container {
  -webkit-transition: -webkit-transform 0.8s;
  transition: -webkit-transform 0.8s;
  -o-transition: transform 0.8s;
  transition: transform 0.8s;
  transition: transform 0.8s, -webkit-transform 0.8s;
}

.call-to-action:hover .call-to-action_img-container {
  -webkit-transform: scale(1.02);
  -ms-transform: scale(1.02);
  transform: scale(1.02)
}

.follow-us-links {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.follow-us-links i {
  font-size: 2em;
}

.follow-us-links a:not(:last-child){
  margin-right: 1.3em;
}

.follow-us-links a {
  transition: color 0.5s;
  color: #4d4d4d;
  cursor: pointer;
}

.follow-us-links a:hover {
  color: #000;
}

.google-map {
  width: 100%;
  height: 400px;
  min-height: 400px;
  height: 100%;
}

@media screen and (min-width: 768px) {
  .google-map {
    min-height: 400px;
  }
}

/* END FOOTER */



/* FONT AWESOME*/

.fa-angle-up {
  font-size:16px;
  color:#303030;
  margin-left:5px;
}

.fa-angle-down {
  margin-top: 0.3em;
  font-size: inherit;
  color: inherit;
  margin-left: 0;
}

/* END FONT AWESOME */


/* INPUT PLACEHOLDER */

input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; }
input:focus::-moz-placeholder { color:transparent; }
input:focus:-ms-input-placeholder { color:transparent; }


/* IMAGES RESOLUTION */

img {
  object-fit: cover;
  object-position: center;
}

/* END IMG RES */

/* NAVBAR */
.opacity-none {
  opacity: 0;
  transition: opacity 0.6s;
  -webkit-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
}

.azulik-menu__submenu ul {
  list-style-type: none;
  padding-left: 1em;
}

.menu-submenu-container {
  height: auto;
  max-height: 0;
  -webkit-transition: max-height 0.6s;
  -o-transition: max-height 0.6s;
  transition: max-height 0.6s;
}

.azulik-menu::-webkit-scrollbar { width: 0 !important }
.azulik-menu { overflow: -moz-scrollbars-none; }
.azulik-menu { -ms-overflow-style: none; }

.azulik-nav.scrolled {
  height: 80px;
}

.azulik-nav_bg {
  -webkit-transition: height .5s ease, background-color .3s ease, opacity .5s ease, -webkit-transform .7s ease;
  transition: height .5s ease, background-color .3s ease, opacity .5s ease, -webkit-transform .7s ease;
  -o-transition: transform .7s ease, height .5s ease, background-color .3s ease, opacity .5s ease;
  transition: transform .7s ease, height .5s ease, background-color .3s ease, opacity .5s ease;
  transition: transform .7s ease, height .5s ease, background-color .3s ease, opacity .5s ease, -webkit-transform .7s ease;
}

.bg-gradient {
  background: linear-gradient(180deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);
  background-color: rgba(0,0,0,0);
}

.up {
  -webkit-transform : translateY(-100px);
  -ms-transform : translateY(-100px);
  transform : translateY(-100px);
}

.down {
  -webkit-transform : translateY(0px);
  -ms-transform : translateY(0px);
  transform : translateY(0px);
}

.azulik-menu__nav-link  {
  color: inherit;
}

.azulik-btn.menu-btn.is-black:hover {
  color: white;
  background-color: #303030;
}

.event-bg-container__img {
  object-fit: cover;
  object-position: 50% 20%;
}

.burger-close .top-lign {
  -webkit-transform: rotate(-45deg) translateY(11px);
  -ms-transform: rotate(-45deg) translateY(11px);
  transform: rotate(-45deg) translateY(11px);
}

.burger-close .bottom-lign {
  -webkit-transform: rotate(45deg) translateY(-11px);
  -ms-transform: rotate(45deg) translateY(-11px);
  transform: rotate(45deg) translateY(-11px);
}

.burger-close .middle-lign {
  opacity: 0;
}

.bg-black {
  background-color: #000;
}

.bg-white {
  background-color: #fff;
}

.bg-grey {
  background-color: #a5a5a5;
}

.azulik-burger__lign.is-black {
  background-color: #000;
}

.azulik-btn.menu-btn.is-black {
  border: 1px solid #000;
  color: #000;
}

.move-up {
  transform: translateY(-150px);
  -webkit-transform: translateY(-150px);
  -ms-transform: translateY(-150px);
}

/* END NAVBAR */

/* close btn*/

.azulik-menu-close, .azulik-booking-close-btn {
  width: 32px;
  height: 32px;
  opacity: 0.6;
  left: auto;
  right: 30px;
  top: 21px;
}

.azulik-booking-close-btn {
  top: 15px;
}

.azulik-menu-close:hover,
.azulik-booking-close-btn:hover {
  opacity: 1;
}

.azulik-menu-close:before, .azulik-menu-close:after {
  position: absolute;
  left: 15px;
  content: ' ';
  height: 21px;
  width: 1px;
  background-color: #fff;
}

.azulik-booking-close-btn:before,
.azulik-booking-close-btn:after {
  position: absolute;
  left: 15px;
  content: ' ';
  height: 21px;
  width: 1px;
  background-color: #000;
}

.azulik-menu-close:before,
.azulik-booking-close-btn:before {
  transform: rotate(45deg);
}

.azulik-menu-close:after,
.azulik-booking-close-btn:after {
  transform: rotate(-45deg);
}

/* end close btn */

/* add underline links menu */

.text-link:before,
.dropdown-text:before {
  content: '';
  position: absolute;
  width: 0;
  height: 1px;
  bottom: 0;
  left: 0;
  background-color: #fff;
  visibility: hidden;
  -webkit-transition: width 300ms;
  transition: width 300ms;
}

.text-link:hover:before,
.dropdown-text:hover:before {
  visibility: visible;
  width: 100%;
}

/* end add underline links menu */

.select-field {
 	-moz-appearance: none;
  	-webkit-appearance: none;
  	appearance: none;
    width: 100%;
    border-bottom-color: #848484;
    background-image: url('https://assets.website-files.com/5d5418be2086e778643257ee/5db75108ff5c8280d2b3e28b_noun_down_928643.svg');
    background-position: 98% 50%;
    background-size: 12px;
    background-repeat: no-repeat;
    margin-top: 0;
    border-style: none none solid;
    background-color: transparent;
    font-size: 14px;
    font-family: 'Gotham' , sans-serif;
  }

  .select-field.is-width-95-pct {
   width : 95%;
  }

  @media screen and (max-width : 767px) {
    .select-field.is-width-95-pct {
     width : 100%;
    }
  }

.w-input[disabled],
.w-input[readonly],
.w-select[disabled],
.w-select[readonly],
fieldset[disabled] .w-input,
fieldset[disabled] .w-select {
  background-color: transparent !important;
  color: #CCCCCC;
  font-style: italic;
}

.m-top_3em-desktop {
  margin-top: 2em;
}

@media screen and (min-width : 992px) {
  .m-top_3em-desktop {
    margin-top: 3em;
  }
}

@media screen and (max-width : 767px) {
  .col-100-mobile {
    width: 100%;
  }

  .m-top_3em-mobile {
    margin-top: 3em;
  }

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

/* END NAVBAR*/

/* FOR XL SCREENS */

@media screen and (min-width : 1366px) {
  .call-to-action_title {
    font-size: 2.4em;
  }

  .section_title.title-overflow {
    width: 150%;
  }
}

/* END XL SCREENS */


/* EFFECTS */

.anime-opacity {
  opacity : 0;
  -webkit-transition: opacity 0.7s;
  -o-transition: opacity 0.7s;
  transition: opacity 0.7s;
}

.banner-tagline-separator.height_100, .banner-tagline-separator.height_50 {
  height: 0;
}

.banner-tagline-separator {
  -webkit-transition: height 0.8s;
  -o-transition: height 0.8s;
  transition: height 0.8s;
}

.banner_title.inside-tagline,
.banner_subtitle.inside-tagline,
.banner-logo_container,
.banner_info .main-title,
.banner_info .main-paragraph,
.page-title-container .main-paragraph,
.page-title-container .main-title {
  opacity: 0;
  -webkit-transition: opacity 0.8s;
  -o-transition: opacity 0.8s;
  transition: opacity 0.8s;
}

@media screen and (max-width:991px) {
  .transformymobile {
    -webkit-transition: -webkit-transform 0.8s;
    transition: -webkit-transform 0.8s;
    -o-transition: transform 0.8s;
    transition: transform 0.8s;
    transition: transform 0.8s, -webkit-transform 0.8s;
    -webkit-transform : translateY(-20vh);
    -ms-transform : translateY(-20vh);
    transform : translateY(-20vh);
  }
}

.transform-up, .transform-right-img {
  -webkit-transition: -webkit-transform 0.8s;
  transition: -webkit-transform 0.8s;
  -o-transition: transform 0.8s;
  transition: transform 0.8s;
  transition: transform 0.8s, -webkit-transform 0.8s;
}

.transform-up {
  -webkit-transform:translateY(150px);
  -ms-transform:translateY(150px);
  transform:translateY(150px);
}

.transform-right-img {
  -webkit-transform : translateX(-100vw);
  -ms-transform : translateX(-100vw);
  transform : translateX(-100vw);
}

.reveal-left, .reveal-right, .reveal-top, .reveal-bottom {
  position: relative;
}

.reveal-left:after, .reveal-right:after, .reveal-top:after, .reveal-bottom:after {
  content:" ";
  position:absolute;
  display:block;
  z-index:2;
  background-color: #f2f2f2;
  width: 100%;
  height: 100%;
}

body.bg-black .reveal-left:after,
body.bg-black .reveal-right:after,
body.bg-black .reveal-top:after,
body.bg-black .reveal-bottom:after {
  background-color: #000;
}

.reveal-top.reveal:after {
  top: 100%;
}

.reveal-bottom.reveal:after {
  bottom: 100%;
}

.reveal-left.reveal:after {
  left: 100%;
}

.reveal-right.reveal:after {
  right: 100%;
}

.reveal-top:after {
  top:0;
  right: 0;
  left:0;
  transition: top 1.5s ease;
}

.reveal-bottom:after {
  bottom:0;
  right: 0;
  left:0;
  transition: bottom 1.5s ease;
}

.reveal-left:after {
  top:0;
  left:0;
  transition: left 1.3s ease;
}

.reveal-right:after {
  top:0;
  right:0;
  transition: right 1.3s ease;
}

.reveal-img-1, .reveal-img-2, .parallax-img-1, .parallax-img-2 {
  -webkit-transition: opacity 0.8s, -webkit-transform 0.8s;
  transition: opacity 0.8s, -webkit-transform 0.8s;
  -o-transition: opacity 0.8s, transform 0.8s;
  transition: opacity 0.8s, transform 0.8s;
  transition: opacity 0.8s, transform 0.8s, -webkit-transform 0.8s;
}

.reveal-img-1 {
  -webkit-transform : translateX(-100vw);
  -ms-transform : translateX(-100vw);
  transform : translateX(-100vw);
}

.reveal-img-2 {
  opacity : 0;
  -webkit-transform : translateX(-100%);
  -ms-transform : translateX(-100%);
  transform : translateX(-100%);
}

.parallax-img-1 {
  -webkit-transform : translateY(-100px);
  -ms-transform : translateY(-100px);
  transform : translateY(-100px);
}

.parallax-img-2 {
  -webkit-transform : translateY(100px);
  -ms-transform : translateY(100px);
  transform : translateY(100px);
}

.banner-to-reveal {
  -webkit-transition: -webkit-transform 1s;
  transition: -webkit-transform 1s;
  -o-transition: transform 1s;
  transition: transform 1s;
  transition: transform 1s, -webkit-transform 1s;
  -webkit-transform : translateX(100vw);
  -ms-transform : translateX(100vw);
  transform : translateX(100vw);
}

.section_category_lign {
  -webkit-transition: -webkit-transform .4s;
  transition: -webkit-transform .4s;
  -o-transition: transform .4s;
  transition: transform .4s;
  transition: transform .4s, -webkit-transform .4s;
}

.transform-text-right .section_category_lign {
  -webkit-transform : translateX(100vw);
  -ms-transform : translateX(100vw);
  transform : translateX(100vw);
}

.transform-text-left .section_category_lign {
  -webkit-transform : translateX(-100vw);
  -ms-transform : translateX(-100vw);
  transform : translateX(-100vw);
}

.section_category {
  -webkit-transition: -webkit-transform .5s;
  transition: -webkit-transform .5s;
  -o-transition: transform .5s;
  transition: transform .5s;
  transition: transform .5s, -webkit-transform .5s;
}

.transform-text-right .section_category {
  -webkit-transform : translateX(100vw);
  -ms-transform : translateX(100vw);
  transform : translateX(100vw);
}

.transform-text-left .section_category {
  -webkit-transform : translateX(-200%);
  -ms-transform : translateX(-200%);
  transform : translateX(-200%);
}

.section_title, .banner_title {
  -webkit-transition: -webkit-transform .6s;
  transition: -webkit-transform .6s;
  -o-transition: transform .6s;
  transition: transform .6s;
  transition: transform .6s, -webkit-transform .6s;
}

.transform-text-right .section_title,
.transform-text-right .banner_title {
  -webkit-transform : translateX(100vw);
  -ms-transform : translateX(100vw);
  transform : translateX(100vw);
}

.transform-text-left .section_title,
.transform-text-left .banner_title {
  -webkit-transform : translateX(-200%);
  -ms-transform : translateX(-200%);
  transform : translateX(-200%);
}

.section_paragraph, .banner_paragraph, .tagline-villa {
  -webkit-transition: -webkit-transform .7s;
  transition: -webkit-transform .7s;
  -o-transition: transform .7s;
  transition: transform .7s;
  transition: transform .7s, -webkit-transform .7s;
}

.transform-text-right .section_paragraph,
.transform-text-right .banner_paragraph,
.transform-text-right .tagline-villa {
  -webkit-transform : translateX(100vw);
  -ms-transform : translateX(100vw);
  transform : translateX(100vw);
}

.transform-text-left .section_paragraph,
.transform-text-left .banner_paragraph,
.transform-text-left .tagline-villa {
  -webkit-transform : translateX(-200%);
  -ms-transform : translateX(-200%);
  transform : translateX(-200%);
}

.transform-text-right .section_btn, .transform-text-left .section_btn {
  opacity : 0;
  -webkit-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;

}

/* end EFFECTS */

/* Google maps mobile fix*/
.gm-style .gm-style-iw-d::-webkit-scrollbar-track,
.gm-style .gm-style-iw-d::-webkit-scrollbar-track-piece,
.gm-style .gm-style-iw-d::-webkit-scrollbar-track,
.gm-style .gm-style-iw-d::-webkit-scrollbar-track-piece,
.gm-style .gm-style-iw-c .gm-style-iw-d::-webkit-scrollbar-thumb,
.gm-style .gm-style-iw-c .gm-style-iw-d::-webkit-scrollbar-corner,
.gm-style .gm-style-iw-d::-webkit-scrollbar {
  display : none;
}

.gm-style-iw-d {
  padding-bottom: 1em;
  padding-right: 1em;
}
/* End Google maps mobile fix*/

  /* slider elements */
  .slider-nav .w-slider-dot {
    width: 2px;
    height: 50px;
    display: block;
    border-radius: 0px !important;
  }

  @media screen and (max-width : 767px) {
    .slider-nav .w-slider-dot {
      height: 30px;
    }
  }

  .slider-nav {
    height: auto !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  /* end slider elements */

  /* IPAD PRO*/
  @media only screen
    and (min-device-width: 1024px)
    and (max-device-width: 1024px)
    and (orientation: portrait)
    and (-webkit-min-device-pixel-ratio: 2) {
      body {
        font-size: 13px;
      }

      .container-unit {
        min-height: auto;
        height: auto;
      }

      .banner, .slider-fullscreen {
        height: 60vh;
      }

      .col-33, .col-66, .col-60,
      .col-40, .col-49, .col-73-desktop,
      .col-25-desktop {
        height: auto;
      }
  }

  @media only screen
    and (min-device-width: 1366px)
    and (max-device-width: 1366px)
    and (orientation: landscape)
    and (-webkit-min-device-pixel-ratio: 2) {
      .container-unit {
        min-height: auto;
        height: auto;
      }

      .col-33, .col-66, .col-60, .col-40, .col-49, .col-73-desktop, .col-25-desktop {
        height: auto;
      }
  }

  /* end IPAD PRO*/


/* EDITOR CODE ONLY */

.w-editor-body .splash {
  opacity: 0;
  z-index: 0;
}

.w-editor-body .transform-text-left .section_category ,
.w-editor-body .transform-text-left .section_title,
.w-editor-body .transform-text-left .banner_title,
.w-editor-body .transform-text-right .section_paragraph,
.w-editor-body .transform-text-right .banner_paragraph,
.w-editor-body .transform-text-right .tagline-villa,
.w-editor-body .transform-text-left .section_paragraph,
.w-editor-body .transform-text-left .banner_paragraph,
.w-editor-body .transform-text-left .tagline-villa,
.w-editor-body .transform-text-right .section_category,
.w-editor-body .transform-text-right .banner_title,
.w-editor-body .transform-text-right .section_title,
.w-editor-body .transform-right-img,
.w-editor-body .reveal-img-1,
.w-editor-body .reveal-img-2,
.w-editor-body .banner-to-reveal{
  opacity : 1;
  -webkit-transform : translateX(0%);
  -ms-transform : translateX(0%);
  transform : translateX(0%);
}

.w-editor-body .parallax-img-1,
.w-editor-body .parallax-img-2 {
  -webkit-transform : translateY(0px);
  -ms-transform : translateY(0px);
  transform : translateY(0px);
}

.w-editor-body .transform-text-right .section_btn,
.w-editor-body .transform-text-left .section_btn {
  opacity : 1;
}

.w-editor-body .reveal-top:after {
  top: 100%;
}

.w-editor-body .reveal-bottom:after {
  bottom: 100%;
}

.w-editor-body .reveal-left:after {
  left: 100%;
}

.w-editor-body .reveal-right:after {
  right: 100%;
}

.w-editor-body .banner_title.inside-tagline,
.w-editor-body .banner-logo_container,
.w-editor-body .banner_info .main-title,
.w-editor-body .banner_info .main-paragraph,
.w-editor-body .page-title-container .main-paragraph,
.w-editor-body .page-title-container .main-title,
.w-editor-body .anime-opacity,
.w-editor-body .main-post,
.w-editor-body .second-post,
.w-editor-body .third-post {
  opacity: 1;
}

.w-editor-body .transform-up {
  -webkit-transform:translateY(0px);
  -ms-transform:translateY(0px);
  transform:translateY(0px);
}

/* EDITOR ONLY */

/*Slider gray dots*/
.slider-nav-dots-gray .w-slider-dot{
  background-color: #e5e5e5;
}
.slider-nav-dots-gray .w-slider-dot.w-active{
  background-color: #d0d0d0;
}
/**/