/*
Theme Name: Villa Bratou Custom Theme
Client: Name
Version: 0.0.1
Tags: go creations, villa bratou
*/
/* COLOR SCHEME
Black: #000
White: #fff
*/
/*
FLEXX

    display: -ms-flexbox;
    display: -webkit-flex;
    display: -o-flex;
    display: flex;

Transs
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
*/
/* FONTS */
/*
@font-face {
    font-family: 'agora-black';
    src: url('fonts/PFAgoraSlabPro-Black.ttf');
}
 */
@import url('https://fonts.googleapis.com/css?family=Prata|Work+Sans:100,300,400,500,600,700,800');

font-face {
  font-family: 'CF Asty Std';
  src: url('fonts/CFAstyStd-Book.woff2') format('woff2'),
    url('fonts/CFAstyStd-Book.woff') format('woff'),
    url('fonts/CFAstyStd-Book.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'CF Asty Std';
  src: url('fonts/CFAstyStd-Light.woff2') format('woff2'),
    url('fonts/CFAstyStd-Light.woff') format('woff'),
    url('fonts/CFAstyStd-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'CF Asty Std';
  src: url('fonts/CFAstyStd-Medium.woff2') format('woff2'),
    url('fonts/CFAstyStd-Medium.woff') format('woff'),
    url('fonts/CFAstyStd-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'CF Asty Std';
  src: url('fonts/CFAstyStd-Bold.woff2') format('woff2'),
    url('fonts/CFAstyStd-Bold.woff') format('woff'),
    url('fonts/CFAstyStd-Bold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}


/* STYLE VARIABLES */
.flexCls {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -o-flex;
  display: flex;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

/* STYLE VARIABLES END */
/* FONTS END */
.col-md-1.no_padding,
.col-md-2.no_padding,
.col-md-3.no_padding,
.col-md-4.no_padding,
.col-md-5.no_padding,
.col-md-6.no_padding,
.col-md-7.no_padding,
.col-md-8.no_padding,
.col-md-9.no_padding,
.col-md-10.no_padding,
.col-md-11.no_padding,
.col-md-12.no_padding {
  padding-left: 0;
  padding-right: 0;
}

a,
li,
table,
h1,
h2,
h3,
h4,
h5,
h6,
input,
select,
button,
textarea,
p,
span,
div {
  font-family: work sans;
  color: #464646;
}

.h1,
.h2,
.h3,
h1,
h2,
h3 {
  margin-top: 0px;
  margin-bottom: 0px;
}

.h4,
.h5,
.h6,
h4,
h5,
h6 {
  margin-top: 0px;
  margin-bottom: 0px;
}

a:hover,
a:focus {
  text-decoration: none;
}

p {
  float: left;
  width: 100%;
  margin: 0px;
}

ol,
ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

/* HEADER */
.customHeader {
  background: #fff;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100px;
  z-index: 99999;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -o-flex;
  display: flex;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}

body.page-template-homepage-template .customHeader,
body.single-accommodation .customHeader,
body.page-template-new-villa-template .customHeader,
body.page-template-location-template .customHeader,
body.page-template-estate-template .customHeader {
  background: transparent;
}

body.page-template-homepage-template .customHeader:before,
body.single-accommodation .customHeader:before,
body.page-template-new-villa-template .customHeader:before,
body.page-template-location-template .customHeader:before,
body.page-template-estate-template .customHeader:before {
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#63000000', endColorstr='#00000000', GradientType=0);
  /* IE6-9 */
  display: block;
  content: "";
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: 170px;
  pointer-events: none;
  opacity: 0.3;
}

body.page-template-homepage-template .customHeader:after,
body.single-accommodation .customHeader:after,
body.page-template-new-villa-template .customHeader:after,
body.page-template-location-template .customHeader:after,
body.page-template-estate-template .customHeader:after {
  content: "";
  height: 0px;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #fff;
  z-index: -1;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

body.page-template-homepage-template .customHeader a.headerLogo,
body.single-accommodation .customHeader a.headerLogo,
body.page-template-new-villa-template .customHeader a.headerLogo,
body.page-template-location-template .customHeader a.headerLogo,
body.page-template-estate-template .customHeader a.headerLogo {
  height: 140px;
}

body.page-template-homepage-template .customHeader a.headerLogo img.logoWhite,
body.single-accommodation .customHeader a.headerLogo img.logoWhite,
body.page-template-new-villa-template .customHeader a.headerLogo img.logoWhite,
body.page-template-location-template .customHeader a.headerLogo img.logoWhite,
body.page-template-estate-template .customHeader a.headerLogo img.logoWhite {
  opacity: 1;
}

.customHeader.customHeaderScrolled,
.customHeader.whiteBgHeader {
  background: #fff;
  height: 80px;
}

.customHeader.customHeaderScrolled:before,
.customHeader.whiteBgHeader:before {
  background: #fff !important;
  height: 80px !important;
  opacity: 1;
}

.customHeader.customHeaderScrolled:after,
.customHeader.whiteBgHeader:after {
  height: 80px;
}

.customHeader.customHeaderScrolled a,
.customHeader.whiteBgHeader a {
  color: #FFFAF0 !important;
}

.customHeader.customHeaderScrolled .logoWhite,
.customHeader.whiteBgHeader .logoWhite {
  opacity: 0;
  pointer-events: none;
}

.customHeader.customHeaderScrolled .logoColor,
.customHeader.whiteBgHeader .logoColor {
  opacity: 0;
  max-width: 180px !important;
  top: 50px !important;
}

.customHeader.customHeaderScrolled a.headerLogo,
.customHeader.whiteBgHeader a.headerLogo {
  height: 80px;
}

.customHeader.customHeaderScrolled a.headerLogo img,
.customHeader.whiteBgHeader a.headerLogo img {
  max-width: 150px;
}

.customHeader.customHeaderScrolled a.headerLogo .headerBadge,
.customHeader.whiteBgHeader a.headerLogo .headerBadge {
  top: 40px !important;
}

.customHeader.customHeaderScrolled a.headerLogo.logoColor,
.customHeader.whiteBgHeader a.headerLogo.logoColor,
.customHeader.customHeaderScrolled a.headerLogo .logoWhite,
.customHeader.whiteBgHeader a.headerLogo .logoWhite {
  opacity: 0 !important;
}

.customHeader.customHeaderScrolled li.dropdownParent:after,
.customHeader.whiteBgHeader li.dropdownParent:after {
  border-color: #FFFAF0 !important;
}

.customHeader.customHeaderScrolled li.dropdownParent ul,
.customHeader.whiteBgHeader li.dropdownParent ul {
  top: 50px !important;
}

.customHeader.customHeaderScrolled li.dropdownParent a,
.customHeader.whiteBgHeader li.dropdownParent a {
  color: #FFFAF0 !important;
  padding: 33px 0 !important;
}

.customHeader.customHeaderScrolled li.dropdownParent ul a,
.customHeader.whiteBgHeader li.dropdownParent ul a {
  color: #fff !important;
  padding: 0px 0 !important;
}

.customHeader.customHeaderScrolled .headerBtnItem a,
.customHeader.whiteBgHeader .headerBtnItem a {
  color: #fff !important;
}

.customHeader.whiteBgHeader {
  height: 140px;
}

.customHeader.whiteBgHeader .logoColor {
  opacity: 1;
  max-width: 230px !important;
  top: 70px !important;
}

.customHeader.whiteBgHeader .menuWrap {
  height: 80px;
}

.customHeader.whiteBgHeader.customHeaderScrolled {
  height: 80px !important;
}

.customHeader.whiteBgHeader.customHeaderScrolled .logoColor {
  opacity: 0;
}

.customHeader.whiteBgHeader.customHeaderScrolled .menuWrap {
  height: auto;
}

a.headerLogo .logoWhite {
  opacity: 1;
}

a.headerLogo .logoColor {
  opacity: 0;
}

img.headerBadge {
  position: absolute !important;
  max-width: 70px !important;
  opacity: 0;
}

.customHeaderScrolled img.headerBadge {
  opacity: 1;
}

.headerLeft,
.headerRight {
  max-width: calc(50% - 150px);
  position: relative;
  float: left;
  width: 100%;
}

.headerLeft .menuWrap {
  margin: auto auto auto 20px;
}

.headerLeft .menuWrap li {
  margin-right: 15px;
}

.headerRight .menuWrap {
  margin: auto 20px auto auto;
  text-align: right;
}

.headerRight .menuWrap li {
  margin-left: 15px;
}

.menuWrap li {
  display: inline-block;
}

.menuWrap li a {
  color: #fff;
  font-family: work sans;
  font-size: 13px;
  font-weight: 300;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 25px 0;
}

.menuWrap li a:hover {
  color: #FFFAF0;
}

li.dropdownParent {
  position: relative;
  padding-right: 15px;
}

li.dropdownParent ul {
  position: absolute;
  left: 0;
  top: 20px;
  padding: 15px;
  background: #FFFAF0;
  opacity: 0;
  width: 250px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  pointer-events: none;
}

li.dropdownParent ul li {
  float: left;
  display: block;
  width: 100%;
  margin-right: 0 !important;
  margin-bottom: 17px;
}

li.dropdownParent ul li:last-child {
  margin-bottom: 0;
}

li.dropdownParent ul li a {
  color: #fff;
  text-transform: none;
  float: left;
  display: block;
  font-size: 13px;
  font-family: Cf Asty Std;
  width: 100%;
  padding: 0 0 0 0 !important;
}

li.dropdownParent ul li a:hover {
  color: #f8f8f8;
}

li.dropdownParent:after {
  display: block;
  content: "";
  width: 6px;
  height: 6px;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  top: 8px;
  right: 0;
  position: absolute;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

li.dropdownParent:hover ul {
  opacity: 1;
  top: 40px;
  pointer-events: inherit;
}

li.dropdownParent a:hover {
  color: #FFFAF0;
}

.headerBtnItem a {
  background: #838f68;
  padding: 10px 20px !important;
  font-size: 14px !important;
  letter-spacing: 1px;
}

.headerBtnItem a:hover {
  background: #FFFAF0 !important;
  color: #fff !important;
}

a.headerLogo {
  display: block;
  max-width: 300px;
  float: left;
  width: 100%;
  height: 140px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -o-flex;
  display: flex;
  position: relative;
}

a.headerLogo img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  max-width: 250px;
  width: 100%;
}

a.headerLogo img.logoWhite {
  opacity: 0;
}

.mobHeader,
.mobMenuWrap {
  display: none !important;
}

/* HEADER END */
/* GENERAL */
.admin-bar .customHeader {
  margin-top: 32px;
}

body {
  overflow-x: hidden;
}

.container {
  padding-left: 0 !important;
  padding-right: 0 !important;
  width: 100% !important;
}

.container {
  margin-top: 140px;
}

.container.noMarginContainer {
  margin-top: 0;
}

::selection {
  background: #FFFAF0;
  /* WebKit/Blink Browsers */
  color: #fff;
}

::-moz-selection {
  background: #FFFAF0;
  /* Gecko Browsers */
  color: #fff;
}

a {
  outline: 0 !important;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

p {
  font-size: 16px;
  line-height: 1.4;
}

.flexCls {
  display: flex;
  display: -o-flex;
  display: -webkit-flex;
  display: -ms-flexbox;
}

.flexChild {
  margin: auto;
}

.flexCol {
  display: flex;
  display: -o-flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  -ms-flex-direction: column;
  -webkit-flex-direction: -column;
  -o-flex-direction: column;
  flex-direction: column;
}

.flexWrap {
  display: flex;
  display: -o-flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}

.flexCenter {
  display: flex;
  display: -o-flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  justify-content: center;
}

a.backToTop {
  background-image: url('images/arrow.png');
  border-radius: 50%;
  bottom: 15px;
  cursor: pointer;
  height: 32px;
  background-size: 32px;
  background-repeat: no-repeat;
  position: fixed;
  right: 15px;
  width: 32px;
  z-index: 99999999;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

a.backToTop.showBackToTop {
  opacity: 1;
}

/* GENERAL END */
/* PAGES */
/* HOMEPAGE */
span.pretitle {
  color: #FFFAF0;
  font-family: work sans;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 1px;
  font-size: 16px;
}

.wideSlider {
  margin-top: 0px;
  position: relative;
}

.wideSlider .heroContent {
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
  width: auto;
  left: 10vw;
}

.wideSlider .heroContent h1 {
  color: #fff;
  font-family: Cf Asty Std;
  font-size: 52px;
  margin: 25px 0;
}

.wideSlider .heroContent p {
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 35px;
}

.wideSlider .heroContent span.pretitle,
.wideSlider .heroContent h1,
.wideSlider .heroContent p,
.wideSlider .heroContent a.solidBtn {
  position: relative;
  top: 25px;
  opacity: 0;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}

.wideSlider .heroContent span.pretitle {
  transition-delay: 2s;
  -webkit-transition-delay: 2s;
  -moz-transition-delay: 2s;
  -o-transition-delay: 2s;
}

.wideSlider .heroContent h1 {
  transition-delay: 2.2s;
  -webkit-transition-delay: 2.2s;
  -moz-transition-delay: 2.2s;
  -o-transition-delay: 2.2s;
}

.wideSlider .heroContent p {
  transition-delay: 2.4s;
  -webkit-transition-delay: 2.4s;
  -moz-transition-delay: 2.4s;
  -o-transition-delay: 2.4s;
}

.wideSlider .heroContent a.solidBtn {
  transition-delay: 2.6s;
  -webkit-transition-delay: 2.6s;
  -moz-transition-delay: 2.6s;
  -o-transition-delay: 2.6s;
}

.wideSlider.showSliderElements span.pretitle,
.wideSlider.showSliderElements h1,
.wideSlider.showSliderElements p,
.wideSlider.showSliderElements a.solidBtn {
  top: 0;
  opacity: 1;
}

.wideSlider.showSliderElements :before {
  pointer-events: none;
  opacity: 0;
}

.wideSlider .bx-pager {
  position: absolute;
  height: 40px;
  width: 100px;
  top: 36%;
  left: 5%;
  padding-top: 0;
  font-size: 30px;
  font-family: Cf Asty Std;
  color: #fff;
}

.wideSlider a.line-button.scroll-div {
  cursor: pointer;
  display: block;
  width: 20px;
  position: absolute;
  content: "";
  top: calc(100% - 70px);
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  height: 140px;
  z-index: 9;
}

.wideSlider a.line-button.scroll-div:after {
  cursor: pointer;
  display: block;
  width: 2px;
  position: absolute;
  background: #FFFAF0;
  content: "";
  top: 0;
  left: 50%;
  animation: anchor-height 5s 1;
  -moz-animation: anchor-height 5s 1;
  -webkit-animation: anchor-height 5s 1;
  -o-animation: anchor-height 5s 1;
  animation-iteration-count: infinite;
}

@keyframes anchor-height {
  0% {
    height: 0;
  }

  100% {
    height: 140px;
  }
}

@-moz-keyframes anchor-height {
  0% {
    height: 0;
  }

  100% {
    height: 140px;
  }
}

@-webkit-keyframes anchor-height {
  0% {
    height: 0;
  }

  100% {
    height: 140px;
  }
}

@-o-keyframes anchor-height {
  0% {
    height: 0;
  }

  100% {
    height: 140px;
  }
}

li.single_slide {
  position: relative;
}

.smallGrid,
.heroContent {
  max-width: 850px;
  float: left;
  width: 100%;
  left: 50%;
}

.smallGrid {
  position: relative;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}

.largeGrid {
  max-width: 80%;
  float: left;
  width: 100%;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}

.solidBtn {
  background: #838f68;
  display: block;
  position: relative;
  max-width: 180px;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  padding: 10px 0;
  font-weight: 300;
  float: left;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.solidBtn:after {
  background: #E3D2A8;
  display: block;
  content: "";
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  z-index: 1;
}

.solidBtn:hover:after {
  width: 100%;
}

.solidBtn span {
  color: #fff;
  position: relative;
  z-index: 2;
  letter-spacing: 1px;
}

.heroSocial {
  position: absolute;
  bottom: 5%;
  left: 5%;
}

.heroSocial a {
  display: inline-block;
  color: #fff;
  font-size: 18px;
  margin-right: 25px;
}

.heroSocial a:hover {
  color: #FFFAF0 !important;
}

.doubleColContent {
  padding: 100px;
}

.titleGroup {
  float: left;
  width: 100%;
  text-align: center;
  margin-bottom: 35px;
}

.titleGroup h2 {
  color: #000;
  text-transform: uppercase;
  max-width: 80%;
  margin: 0 10%;
  line-height: 1.6;
  font-weight: 300;
  letter-spacing: 1px;
}

.doubleCol {
  float: left;
  width: 100%;
  padding-bottom: 85px;
  position: relative;
}

.doubleCol p {
  color: #000;
  line-height: 1.7;
  -webkit-column-count: 2;
  /* Chrome, Safari, Opera */
  -moz-column-count: 2;
  /* Firefox */
  column-count: 2;
  -webkit-column-gap: 30px;
  /* Chrome, Safari, Opera */
  -moz-column-gap: 30px;
  /* Firefox */
  column-gap: 30px;
  float: left;
  font-family: work sans;
  font-size: 16px;
  font-weight: 300;
}

.doubleCol:before {
  content: "";
  display: block;
  background: #838f68;
  width: 1px;
  position: absolute;
  left: 50%;
  top: -15px;
  height: 0;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  transition-delay: 1.9s;
  -webkit-transition-delay: 1.9s;
  -moz-transition-delay: 1.9s;
  -o-transition-delay: 1.9s;
}

.doubleColBtn {
  float: left;
  width: 100%;
  position: relative;
  height: 50px;
}

.doubleColBtn a.borderedBtn {
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}

a.borderedBtn {
  display: block;
  float: left;
  border: 1px solid #838f68;
  padding: 14px 0;
  max-width: 160px;
  position: relative;
  text-transform: uppercase;
  text-align: center;
  width: 100%;
}

a.borderedBtn span {
  font-size: 13px;
  letter-spacing: 1px;
  text-transform: uppercase;
  position: relative;
  z-index: 2;
  color: #838f68;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}

a.borderedBtn:after {
  background: #838f68;
  content: "";
  display: block;
  height: 101%;
  width: 0%;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}

a.borderedBtn:hover span {
  color: #fff;
  z-index: 2;
}

a.borderedBtn:hover:after {
  width: 100%;
}

.doubleColBtn a.borderedBtn {
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}

.doubleColContent span,
.doubleColContent h2,
.doubleColContent .doubleCol {
  position: relative;
  top: 15px;
  opacity: 0;
}

.doubleColContent p {
  color: #000;
}

.doubleColContent span,
.doubleColContent h2,
.doubleColContent .doubleCol,
.doubleColContent a.borderedBtn {
  position: relative;
  top: 15px;
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.doubleColContent span {
  -webkit-transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

.doubleColContent h2 {
  -webkit-transition-delay: 0.6s;
  -moz-transition-delay: 0.6s;
  -o-transition-delay: 0.6s;
  transition-delay: 0.6s;
}

.doubleColContent .doubleCol {
  float: left;
  width: 100%;
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
}

.doubleColContent .doubleCol :before {
  height: 0;
}

.doubleColContent a.borderedBtn {
  -webkit-transition-delay: 1.4s;
  -moz-transition-delay: 1.4s;
  -o-transition-delay: 1.4s;
  transition-delay: 1.4s;
}

.doubleColContent.showItems span,
.doubleColContent.showItems h2,
.doubleColContent.showItems .doubleCol,
.doubleColContent.showItems a.borderedBtn {
  top: 0;
  opacity: 1;
}

.doubleColContent.showItems .doubleCol:before {
  height: calc(100% + 15px);
}

.estateLeft {
  background: #fdf7ec;
  padding-left: 15% !important;
  padding-top: 60px;
  padding-bottom: 60px;
}

.estateLeft h2 {
  color: #000;
  font-family: Cf Asty Std;
  font-size: 34px;
  margin-bottom: 15px;
  letter-spacing: 1px;
}

.estateLeft .estateImgWide {
  max-width: 110%;
  width: 110%;
  padding-bottom: 60% !important;
  margin-bottom: 35px;
}

.estateLeft h2,
.estateLeft .estateImgWide,
.estateLeft h4,
.estateLeft p,
.estateLeft .villaMainInfo {
  position: relative;
  transform: translateY(15px);
  -webkit-transform: translateY(15px);
  opacity: 0;
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}

.estateLeft h2 {
  -webkit-transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

.estateLeft .estateImgWide {
  -webkit-transition-delay: 0.6s;
  -moz-transition-delay: 0.6s;
  -o-transition-delay: 0.6s;
  transition-delay: 0.6s;
}

.estateLeft h4 {
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
}

.estateLeft p {
  -webkit-transition-delay: 1.4s;
  -moz-transition-delay: 1.4s;
  -o-transition-delay: 1.4s;
  transition-delay: 1.4s;
}

.estateLeft .villaMainInfo {
  -webkit-transition-delay: 1.8s;
  -moz-transition-delay: 1.8s;
  -o-transition-delay: 1.8s;
  transition-delay: 1.8s;
}

.estateLeft.showItems h2,
.estateLeft.showItems .estateImgWide,
.estateLeft.showItems h4,
.estateLeft.showItems p,
.estateLeft.showItems .villaMainInfo {
  transform: translateY(0px);
  -webkit-transform: translateY(0px);
  opacity: 1;
}

.smallContentWrap {
  color: #000;
  float: left;
  width: 100%;
  max-width: 90%;
}

.smallContentWrap h4 {
  color: #000;
  font-family: work sans;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 400;
  font-size: 25px;
  margin-bottom: 35px;
}

.smallContentWrap p.simpleContent {
  color: #000;
  line-height: 1.6;
  margin-bottom: 15px;
  float: left;
  font-weight: 300;
  width: 100%;
}

.villaMainInfo {
  float: left;
  width: 100%;
}

.singleVillaInfo {
  max-width: 33.3%;
  float: left;
  width: auto;
  text-align: left;
  min-width: 25%;
  min-height: 40px;
  line-height: 40px;
}

.singleVillaInfo span {
  display: inline-block;
  color: #FFFAF0;
  font-weight: 600;
  margin-left: 5px;
  font-size: 16px;
}

.estateRight {
  padding-top: 18%;
  position: relative;
}

.estateRight .flexChild {
  max-width: 60%;
  width: 100%;
}

.estateRight .estateImgTall,
.estateRight h4,
.estateRight p {
  position: relative;
  transform: translateY(15px);
  -webkit-transform: translateY(15px);
  opacity: 0;
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}

.estateRight .estateImgTall.showItems {
  transform: translateY(0px);
  -webkit-transform: translateY(0px);
  opacity: 1;
}

.estateRight h4 {
  -webkit-transition-delay: 0.4s;
  -moz-transition-delay: 0.4s;
  -o-transition-delay: 0.4s;
  transition-delay: 0.4s;
}

.estateRight h4.showItems {
  transform: translateY(0px);
  -webkit-transform: translateY(0px);
  opacity: 1;
}

.estateRight p {
  -webkit-transition-delay: 0.6s;
  -moz-transition-delay: 0.6s;
  -o-transition-delay: 0.6s;
  transition-delay: 0.6s;
}

.estateRight p.showItems {
  transform: translateY(0px);
  -webkit-transform: translateY(0px);
  opacity: 1;
}

.estateImgTall {
  margin-bottom: 35px;
}

.beachLeft {
  background: unset !important;
}

.titleButton {
  padding-top: 18%;
}

.titleButton .flexChild {
  max-width: 60%;
  width: 100%;
}

.titleButton h4 {
  color: #000;
  font-family: Cf Asty Std;
  font-size: 32px;
  margin-bottom: 25px;
  max-width: 60%;
  letter-spacing: 1px;
  width: auto;
}

.titleButton h4,
.titleButton a.borderedBtn {
  position: relative;
  transform: translateY(15px);
  -webkit-transform: translateY(15px);
  opacity: 0;
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}

.titleButton h4.showItems {
  transform: translateY(0px);
  -webkit-transform: translateY(0px);
  opacity: 1;
}

.titleButton a.borderedBtn.showItems {
  transform: translateY(0px);
  -webkit-transform: translateY(0px);
  opacity: 1;
}

.titleRestriction {
  position: relative;
  overflow: hidden;
  margin: 70px 0 25px;
  height: 45px;
  float: left;
  width: 100%;
}

.titleRestriction h3,
.titleRestriction h4 {
  color: #000;
  font-family: Cf Asty Std;
  font-size: 38px;
  position: relative;
  opacity: 0;
  transform: translateY(15px);
  -webkit-transform: translateY(15px);
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.titleRestriction.showItems h3,
.titleRestriction.showItems h4 {
  opacity: 1;
  transform: translateY(0px);
  -webkit-transform: translateY(0px);
}

.singleImageCol {
  padding-bottom: 32%;
  position: relative;
}

.singleImageCol:before {
  background: #000;
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.4;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  width: 100%;
}

.singleImageCol .imageColContainer {
  background: transparent;
  border: 1px solid #E3D2A8;
  box-shadow: 0;
  max-width: calc(100% - 40px);
  height: calc(100% - 40px);
  left: 20px;
  top: 20px;
  padding: 50px 15px;
  text-align: center;
  position: absolute;
  overflow: hidden;
  width: 100%;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.singleImageCol .imageColContainer span,
.singleImageCol .imageColContainer h5,
.singleImageCol .imageColContainer p {
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.singleImageCol .imageColContainer span.colNum {
  display: block;
  color: #E3D2A8;
  font-size: 17px;
  font-family: Cf Asty Std;
  margin-bottom: 10px;
}

.singleImageCol .imageColContainer h5 {
  color: #fff;
  text-transform: uppercase;
  font-weight: 300;
  font-size: 19px;
  letter-spacing: 0.5px;
  margin-bottom: 50px;
  position: relative;
}

.singleImageCol .imageColContainer h5:after {
  display: block;
  content: "";
  height: 1px;
  width: 0px;
  background: #E3D2A8;
  position: absolute;
  bottom: -25px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
}

.singleImageCol .imageColContainer p {
  font-size: 15px;
  font-weight: 300;
  color: #fff;
  line-height: 1.9;
  opacity: 0;
  position: relative;
  transform: translateY(10px);
  -webkit-transform: translateY(10px);
  -webkit-transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

.singleImageCol .imageColContainer .minorBtnText {
  color: #E3D2A8;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 1px;
  font-weight: 300;
  position: absolute;
  bottom: 20px;
  width: 100%;
  opacity: 0;
  text-align: center;
  transform: translateY(0);
  -webkit-transform: translateY(0);
  -webkit-transition-delay: 0.4s;
  -moz-transition-delay: 0.4s;
  -o-transition-delay: 0.4s;
  transition-delay: 0.4s;
  left: 0;
}

.singleImageCol .imageColContainer .minorBtnText:after {
  display: block;
  content: "";
  height: 0px;
  width: 1px;
  background: #E3D2A8;
  position: absolute;
  left: 50%;
  bottom: -40px;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
}

.singleImageCol:hover .imageColContainer {
  background: #FFFAF0;
  box-shadow: 0px 0px 26px rgba(0, 0, 0, 0.4);
}

.singleImageCol:hover .imageColContainer span.colNum {
  color: #fff;
}

.singleImageCol:hover .imageColContainer h5 {
  color: #000;
}

.singleImageCol:hover .imageColContainer h5:after {
  width: 120px;
}

.singleImageCol:hover .imageColContainer p {
  opacity: 1;
  transform: translateY(0);
  -webkit-transform: translateY(0);
}

.singleImageCol:hover .imageColContainer .minorBtnText {
  transform: translateY(-10px);
  -webkit-transform: translateY(-10px);
  opacity: 1;
}

.singleImageCol:hover .imageColContainer .minorBtnText:after {
  height: 30px;
}

.singleImageCol:hover:before {
  opacity: 0;
}

.facilitiesRow {
  background: #fdf7ec;
  padding: 200px 0;
}

.customGrid {
  max-width: 70%;
  width: 100%;
  float: left;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}

.facilitiesLeft h4 {
  color: #000;
  font-size: 36px;
  font-family: Cf Asty Std;
  margin-bottom: 35px;
}

.facilitiesLeft .titleRestriction {
  margin-top: 0 !important;
}

.facilitiesLeft p {
  color: #000;
  font-size: 16px;
  margin-bottom: 35px;
  font-weight: 300;
  max-width: 80%;
  margin-right: 20%;
  transform: translateY(25px);
  -webkit-transform: translateY(25px);
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  -webkit-transition-delay: 0.4s;
  -moz-transition-delay: 0.4s;
  -o-transition-delay: 0.4s;
  transition-delay: 0.4s;
}

.facilitiesLeft a.borderedBtn {
  transform: translateY(25px);
  -webkit-transform: translateY(25px);
  opacity: 0;
  transition-delay: 0.8s;
  -webkit-transition-delay: 0.8s;
  -moz-transition-delay: 0.8s;
  -o-transition-delay: 0.8s;
}

.facilitiesLeft.showItems p,
.facilitiesLeft.showItems a.borderedBtn {
  opacity: 1;
  transform: translateY(0);
  -webkit-transform: translateY(0);
}

.facilitiesRight .singleFacility:last-child span {
  border-bottom: 2px solid #FFFAF0;
}

.facilitiesRight .singleFacility:last-child img {
  max-width: 100%;
}

.singleFacility {
  float: left;
  width: 100%;
  height: 50px;
}

.singleFacility span {
  display: block;
  width: 100%;
  float: left;
  max-width: calc(100% - 45px; );
  border-top: 2px solid #FFFAF0;
  margin-left: 5px;
  line-height: 50px;
  text-transform: uppercase;
  color: #000;
  font-size: 16px;
  font-weight: 300;
}

.facIcon {
  max-width: 40px;
  line-height: 50px;
  width: 100%;
}

.facIcon img {
  width: 100%;
  max-width: 80%;
}

.galleryLarge {
  position: relative;
}

.galleryLarge.playing:after {
  display: block;
  content: "";
  height: 4px;
  opacity: 0.6;
  position: absolute;
  bottom: 90px;
  left: 10%;
  z-index: 99;
  background: #FFFAF0;
  animation: slide-duration 6s linear 1;
  -moz-animation: slide-duration 6s linear 1;
  -webkit-animation: slide-duration 6s linear 1;
  -o-animation: slide-duration 6s linear 1;
  animation-iteration-count: infinite;
}

@keyframes slide-duration {
  0% {
    width: 0;
  }

  100% {
    width: 80%;
  }
}

@-moz-keyframes slide-duration {
  0% {
    width: 0;
  }

  100% {
    width: 80%;
  }
}

@-webkit-keyframes slide-duration {
  0% {
    width: 0;
  }

  100% {
    width: 80%;
  }
}

@-o-keyframes slide-duration {
  0% {
    width: 0;
  }

  100% {
    width: 80%;
  }
}

.galleryLarge .galleryContent {
  position: absolute;
  max-width: 500px;
  width: 100%;
  text-align: center;
  top: 10%;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  z-index: 10;
}

.galleryLarge .galleryContent h3 {
  color: #fff;
  font-size: 42px;
  font-family: Cf Asty Std;
  margin-top: 20px;
}

.galleryLarge .bx-controls {
  max-width: 80%;
  position: absolute;
  bottom: 30px;
  width: 100%;
  height: 100px;
  left: 10%;
  z-index: 99;
}

.galleryLarge .swiper-controls {
  position: absolute;
  bottom: 6%;
  left: 50%;
  z-index: 9;
  display: grid;
  justify-items: center;
  gap: 50px;
}

.galleryLarge .swiper-counter {
  font-size: 15px;
  color: #fff;
}

.galleryLarge .swiper-counter span {
  font-size: 15px;
  color: #fff;
}

.galleryLarge .swiper-counter .current {
  font-size: 22px;
  color: #fff;
  font-weight: 500;
}

.galleryLarge .swiper-button-next-custom {
  color: #fff !important;
  font-size: 15px;
}

.galleryLarge .bx-controls .bx-controls-direction {
  position: absolute;
  bottom: 0;
  width: 80px;
  height: 40px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}

.galleryLarge .bx-controls .bx-controls-direction a.bx-prev {
  display: none;
}

.galleryLarge .bx-controls .bx-controls-direction a.bx-next {
  position: absolute;
  width: 100% !important;
  left: 0 !important;
  margin-top: 0 !important;
  top: 0 !important;
  height: 40px !important;
  color: #fff !important;
  text-indent: 0 !important;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 300;
  text-align: center;
}

.galleryLarge .bx-controls .bx-pager {
  position: absolute;
  width: 100px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  padding-top: 0 !important;
  bottom: 80px;
  font-size: 24px;
  color: #fff;
  font-family: Cf Asty Std;
  letter-spacing: 5px;
}

.areaDouble {
  background: #fdf7ec;
  padding: 0 0 100px !important;
}

.areaDouble .customGrid {
  background: #fff;
}

.areaDouble .titleGroup {
  padding: 50px 0;
  float: left;
  width: 100%;
}

.areaDouble .doubleCol {
  margin-top: -30px;
  padding-top: 65px;
}

.areaDouble h3 {
  color: #000;
  font-family: Cf Asty Std;
  font-size: 36px;
  margin: 13px 0 5px;
  transform: translateY(25px);
  -webkit-transform: translateY(25px);
  opacity: 0;
  -webkit-transition-delay: 0.6s;
  -moz-transition-delay: 0.6s;
  -o-transition-delay: 0.6s;
  transition-delay: 0.6s;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.areaDouble p.subtitleSmall {
  color: #000;
  text-transform: uppercase;
  letter-spacing: 1px;
  transform: translateY(25px);
  -webkit-transform: translateY(25px);
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
}

.areaDouble .doubleCol {
  -webkit-transition-delay: 1.4s;
  -moz-transition-delay: 1.4s;
  -o-transition-delay: 1.4s;
  transition-delay: 1.4s;
}

.areaDouble a.borderedBtn {
  -webkit-transition-delay: 1.8s;
  -moz-transition-delay: 1.8s;
  -o-transition-delay: 1.8s;
  transition-delay: 1.8s;
}

.areaDouble.showItems p.subtitleSmall,
.areaDouble.showItems h3 {
  transform: translateY(0);
  -webkit-transform: translateY(0);
  opacity: 1;
}

.threeImagesContainer {
  background: #fdf7ec;
  padding-top: 50px;
  padding-bottom: 100px;
}

.threeImagesContainer .col-md-4.singleImageCol {
  max-width: 32.3%;
  margin-right: 1.5%;
  float: left;
  width: 100%;
}

.threeImagesContainer .col-md-4.singleImageCol:last-child {
  margin-right: 0;
}

/* HOMEPAGE ENDS */
/* ESTATE */
.estateSmallGallery {
  margin-bottom: 35px;
  max-width: 110%;
  width: 110%;
  transform: translateY(15px);
  -webkit-transform: translateY(15px);
  opacity: 0;
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
  -webkit-transition-delay: 0.6s;
  -moz-transition-delay: 0.6s;
  -o-transition-delay: 0.6s;
  transition-delay: 0.6s;
}

.estateSmallGallery .bx-controls {
  position: absolute;
  height: 40px;
  padding-top: 0 !important;
  bottom: 50px;
  width: 100%;
}

.estateSmallGallery .bx-controls .bx-pager a {
  background: #fdf7ec !important;
  width: 6px;
  height: 6px;
}

.estateSmallGallery .bx-controls .bx-pager a.active {
  background: #FFFAF0 !important;
}

.estateSmallGallery li.single_slide {
  position: relative;
}

/* .estateSmallGallery li.single_slide:before {
  display: block;
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.39) 100%);
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.39) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.39) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#63000000', GradientType=0);
} */
.showItems .estateSmallGallery {
  transform: translateY(0);
  -webkit-transform: translateY(0);
  opacity: 1;
}

.interiorRight .flexChild {
  max-width: 60%;
  width: 100%;
}

.interiorRight .singleInteriorContent {
  margin-bottom: 65px;
  opacity: 0;
  transform: translateY(25px);
  -webkit-transform: translateY(25px);
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}

.interiorRight .singleInteriorContent h4 {
  color: #000;
  font-weight: 300;
  text-transform: uppercase;
  font-size: 26px;
  margin-bottom: 15px;
}

.interiorRight .singleInteriorContent p {
  color: #000;
  font-weight: 300;
}

.interiorRight .singleInteriorContent.showItems {
  transform: translateY(0);
  -webkit-transform: translateY(0);
  opacity: 1;
}

.interiorRight .singleInteriorContent:last-child {
  margin-bottom: 0;
}

.exteriorContainer {
  padding: 80px 0;
}

.exteriorContainer .estateRight {
  padding-top: 0;
}

.sliderContent {
  position: absolute;
  max-width: 50%;
  width: 100%;
  text-align: center;
  top: 40%;
  z-index: 88;
  left: 50%;
  opacity: 0;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.sliderContent h1 {
  color: #fff;
  font-size: 42px;
  font-family: Cf Asty Std;
  margin-top: 15px;
}

.showSliderElements .sliderContent {
  opacity: 1;
  top: 25%;
}

.exteriorLeft .flexChild {
  max-width: 60%;
  width: 100%;
  margin: auto 10% auto 30%;
}

.exteriorLeft h3 {
  color: #000;
  font-size: 42px;
  font-family: Cf Asty Std;
  margin-bottom: 40px;
  -webkit-transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  transition-delay: 0.2s;
  position: relative;
  opacity: 0;
  transform: translateY(25px);
  -webkit-transform: translateY(25px);
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.exteriorLeft h3.showItems {
  transform: translateY(0);
  opacity: 1;
}

.exteriorLeft .simpleContent {
  color: #000;
  margin-bottom: 50px;
  font-size: 16px;
  line-height: 1.7;
  font-weight: 300;
  -webkit-transition-delay: 0.6s;
  -moz-transition-delay: 0.6s;
  -o-transition-delay: 0.6s;
  transition-delay: 0.6s;
  position: relative;
  opacity: 0;
  transform: translateY(25px);
  -webkit-transform: translateY(25px);
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.exteriorLeft .simpleContent.showItems {
  transform: translateY(0);
  opacity: 1;
}

.exteriorLeft .extFacilities {
  -webkit-transition-delay: 0.6s;
  -moz-transition-delay: 0.6s;
  -o-transition-delay: 0.6s;
  transition-delay: 0.6s;
  position: relative;
  opacity: 0;
  transform: translateY(25px);
  -webkit-transform: translateY(25px);
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.exteriorLeft .extFacilities.showItems {
  transform: translateY(0);
  opacity: 1;
}

.exteriorLeft .extFacilities .singleFacility:last-child span {
  border-bottom: 2px solid #FFFAF0;
}

.twoSimpleContents {
  padding: 80px 0;
}

.twoSimpleContents .simpleContentCol {
  max-width: 49%;
  margin-right: 2%;
  float: left;
}

.twoSimpleContents .simpleContentCol h4 {
  text-transform: uppercase;
  color: #000;
  font-weight: 300;
  font-size: 28px;
  margin-bottom: 10px;
  opacity: 0;
  transform: translateY(25px);
  -webkit-transform: translateY(25px);
  -webkit-transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  transition-delay: 0.2s;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.twoSimpleContents .simpleContentCol h4.showItems {
  transform: translateY(0);
  -webkit-transform: translateY(0);
  opacity: 1;
}

.twoSimpleContents .simpleContentCol p {
  color: #000;
  font-weight: 300;
  max-width: 80%;
  width: 100%;
  opacity: 0;
  transform: translateY(25px);
  -webkit-transform: translateY(25px);
  -webkit-transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  transition-delay: 0.2s;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.twoSimpleContents .simpleContentCol p.showItems {
  transform: translateY(0);
  -webkit-transform: translateY(0);
  opacity: 1;
}

.twoSimpleContents .simpleContentCol .simpleImage {
  float: left;
  opacity: 0;
  width: 100%;
  margin-top: 30px;
  transform: translateY(25px);
  -webkit-transform: translateY(25px);
  -webkit-transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  transition-delay: 0.2s;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.twoSimpleContents .simpleContentCol .simpleImage.showItems {
  transform: translateY(0);
  -webkit-transform: translateY(0);
  opacity: 1;
}

.twoSimpleContents :last-child {
  margin-right: 0;
}

.simpleTitle {
  margin-bottom: 80px;
}

.simpleTitle h4 {
  color: #000;
  text-transform: uppercase;
  font-family: work sans;
  font-weight: 300;
  letter-spacing: 1px;
  line-height: 1.3;
  font-size: 28px;
  text-align: center;
  opacity: 0;
  transform: translateY(25px);
  -webkit-transform: translateY(25px);
  -webkit-transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  transition-delay: 0.2s;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.simpleTitle.showItems h4 {
  opacity: 1;
  transform: translateY(0);
  -webkit-transform: translateY(0);
}

.imageRowMid .col-md-12 {
  float: left;
  width: 100%;
  height: 50%;
}

.imageRowMid .midColContentBox {
  text-align: center;
}

.imageRowMid .midColContentBox span.pretitle {
  opacity: 0;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  transform: translateY(25px);
  -webkit-transform: translateY(25px);
  -webkit-transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

.imageRowMid .midColContentBox h4 {
  color: #000;
  font-size: 38px;
  font-family: Cf Asty Std;
  margin: 15px 0 30px;
  opacity: 0;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  transform: translateY(25px);
  -webkit-transform: translateY(25px);
  -webkit-transition-delay: 0.6s;
  -moz-transition-delay: 0.6s;
  -o-transition-delay: 0.6s;
  transition-delay: 0.6s;
}

.imageRowMid .midColContentBox a.borderedBtn {
  left: 50%;
  transform: translate(-50%, 25px);
  -webkit-transform: translate(-50%, 25px);
  opacity: 0;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
}

.imageRowMid .midColContentBox .showItems span.pretitle,
.imageRowMid .midColContentBox .showItems h4 {
  opacity: 1;
  transform: translateY(0);
  -webkit-transform: translateY(0);
}

.imageRowMid .midColContentBox .showItems a.borderedBtn {
  opacity: 1;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
}

/* ESTATE ENDS */
/* LOCATION */
.borderedRow {
  padding: 85px 0;
}

.borderedRow .customGrid {
  position: relative;
}

.borderedRow .customGrid:before {
  display: block;
  content: "";
  opacity: 0;
  height: calc(100% - 40px);
  width: calc(100% - 40px);
  position: absolute;
  top: 20px;
  left: 20px;
  border: 2px solid #FFFAF0;
  z-index: 99;
  pointer-events: none;
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
  -webkit-transition-delay: 1.8s;
  -moz-transition-delay: 1.8s;
  -o-transition-delay: 1.8s;
  transition-delay: 1.8s;
}

.borderedRow.showItems .customGrid:before {
  opacity: 1;
  position: absolute;
}

.borderedRow.showItems .leftBorderedCol h3,
.borderedRow.showItems .leftBorderedCol span.capitalTitle,
.borderedRow.showItems .leftBorderedCol p.simpleText {
  opacity: 1;
  transform: translateY(0);
  -webkit-transform: translateY(0);
}

.borderedRow.showItems .borderedImageCol:before {
  width: 0;
}

.borderedRow .borderedImageCol {
  padding-bottom: 45%;
  position: relative;
}

.borderedRow .borderedImageCol:before {
  background: #fdf7ec;
  display: block;
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
  -webkit-transition-delay: 1.4s;
  -moz-transition-delay: 1.4s;
  -o-transition-delay: 1.4s;
  transition-delay: 1.4s;
}

.leftBorderedCol {
  background: #fdf7ec;
  padding: 0 5% !important;
}

.leftBorderedCol .flexChild {
  max-width: 90%;
  width: 100%;
}

.leftBorderedCol h3 {
  font-family: Cf Asty Std;
  font-size: 36px;
  color: #000;
  max-width: 90%;
  line-height: 1.4;
  margin-bottom: 15px;
  float: left;
  width: 100%;
  margin-right: 10%;
  opacity: 0;
  transform: translateY(15px);
  -webkit-transform: translateY(15px);
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
}

.leftBorderedCol span.capitalTitle {
  text-transform: uppercase;
  color: #000;
  font-size: 22px;
  line-height: 1.6;
  margin-bottom: 25px;
  display: block;
  float: left;
  width: 100%;
  opacity: 0;
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
  transform: translateY(15px);
  -webkit-transform: translateY(15px);
  -webkit-transition-delay: 1.4s;
  -moz-transition-delay: 1.4s;
  -o-transition-delay: 1.4s;
  transition-delay: 1.4s;
}

.leftBorderedCol p.simpleText {
  color: #000;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.7;
  max-width: 90%;
  opacity: 0;
  transform: translateY(15px);
  -webkit-transform: translateY(15px);
  -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  -o-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;
  -webkit-transition-delay: 1.8s;
  -moz-transition-delay: 1.8s;
  -o-transition-delay: 1.8s;
  transition-delay: 1.8s;
}

.corfuHistoryRow {
  margin-bottom: 150px;
}

.corfuHistoryRow span.pretitle {
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  -webkit-transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  transition-delay: 0.2s;
  position: relative;
  opacity: 0;
  transform: translateY(20px);
  -webkit-transform: translateY(20px);
}

.corfuHistoryRow .estateLeft.showItems span.pretitle {
  opacity: 1;
  transform: translateY(0);
  -webkit-transform: translateY(0);
}

.corfuHistoryRow .smallContentWrap h4 {
  margin-bottom: 5px;
}

/* LOCATION ENDS */
/* FACILITIES */
.facilitiesIntro {
  margin-bottom: 85px;
}

.facilitiesIntro .customGrid {
  background: #fdf7ec !important;
  padding: 65px 0;
}

.facilitiesIntro .doubleCol {
  max-width: 70%;
  margin: 0 15%;
  -webkit-transition-delay: 1.4s;
  -moz-transition-delay: 1.4s;
  -o-transition-delay: 1.4s;
  transition-delay: 1.4s;
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
  padding-bottom: 0 !important;
  opacity: 0;
  transform: translateY(15px);
  -webkit-transform: translateY(15px);
}

.facilitiesIntro .titleGroup h1 {
  font-size: 38px;
  font-family: Cf Asty Std;
  color: #000;
  margin-bottom: 10px;
  opacity: 0;
  transform: translateY(15px);
  -webkit-transform: translateY(15px);
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}

.facilitiesIntro .titleGroup p.subtitleSmall {
  text-transform: uppercase;
  color: #000;
  font-size: 26px;
  line-height: 1.6;
  margin-bottom: 25px;
  display: block;
  float: left;
  width: 100%;
  opacity: 0;
  transform: translateY(15px);
  -webkit-transform: translateY(15px);
  -webkit-transition-delay: 1.4s;
  -moz-transition-delay: 1.4s;
  -o-transition-delay: 1.4s;
  transition-delay: 1.4s;
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}

.facilitiesIntro.showItems .titleGroup h1 {
  opacity: 1;
  transform: translateY(0);
  -webkit-transform: translateY(0);
}

.facilitiesIntro.showItems .titleGroup p.subtitleSmall {
  opacity: 1;
  transform: translateY(0);
  -webkit-transform: translateY(0);
}

.facilitiesIntro.showItems .doubleCol {
  opacity: 1;
  transform: translateY(0);
  -webkit-transform: translateY(0);
}

.twoColFacilities {
  margin-bottom: 100px;
}

.twoColFacilities .singleFacCol span.pretitle {
  transform: translateY(20px);
  -webkit-transform: translateY(20px);
  opacity: 0;
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
  -webkit-transition-delay: 1.4s;
  -moz-transition-delay: 1.4s;
  -o-transition-delay: 1.4s;
  transition-delay: 1.4s;
}

.twoColFacilities .singleFacCol h2 {
  color: #000;
  font-size: 34px;
  font-family: Cf Asty Std;
  margin-bottom: 45px;
  margin-top: 10px;
  transform: translateY(20px);
  -webkit-transform: translateY(20px);
  opacity: 0;
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
}

.twoColFacilities .singleFacCol .facList {
  float: left;
  width: 100%;
  padding-left: 50px;
  max-width: 60%;
  transform: translateY(20px);
  -webkit-transform: translateY(20px);
  opacity: 0;
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
  -webkit-transition-delay: 1.8s;
  -moz-transition-delay: 1.8s;
  -o-transition-delay: 1.8s;
  transition-delay: 1.8s;
}

.twoColFacilities .singleFacCol .facList li {
  float: left;
  width: 100%;
  border-top: 1px solid #FFFAF0;
  text-transform: uppercase;
  color: #000;
  font-size: 16px;
  font-weight: 300;
  padding: 10px 0;
}

.twoColFacilities .singleFacCol .facList li:last-child {
  border-bottom: 1px solid #FFFAF0;
}

.twoColFacilities.showItems span.pretitle,
.twoColFacilities.showItems h2,
.twoColFacilities.showItems .facList {
  transform: translateY(0);
  -webkit-transform: translateY(0);
  opacity: 1;
}

/* FACILITIES END */
/* GASTRONOMY */
.gastronomyIntro {
  padding-top: 85px;
  padding-bottom: 120px;
}

.gastronomyIntro h1 {
  color: #000;
  font-size: 42px;
  font-family: Cf Asty Std;
  margin-bottom: 10px;
  transform: translateY(20px);
  -webkit-transform: translateY(20px);
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
  -webkit-transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  transition-delay: 0.2s;
  opacity: 0;
}

.gastronomyIntro span {
  display: block;
  text-transform: uppercase;
  color: #000;
  font-size: 24px;
  font-weight: 500;
  -webkit-transition-delay: 0.6s;
  -moz-transition-delay: 0.6s;
  -o-transition-delay: 0.6s;
  transition-delay: 0.6s;
  line-height: 1.4;
  max-width: 70%;
  margin: 0 15%;
}

.gastronomyIntro a.anchor-div {
  cursor: pointer;
  color: #000;
  font-weight: 300;
  text-align: center;
  display: block;
  float: left;
  width: 100%;
  letter-spacing: 1px;
  margin-top: 15px;
  transform: translateY(20px);
  -webkit-transform: translateY(20px);
  opacity: 0;
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
  -webkit-transition-delay: 2.2s;
  -moz-transition-delay: 2.2s;
  -o-transition-delay: 2.2s;
  transition-delay: 2.2s;
}

.gastronomyIntro.showItems h1 {
  opacity: 1;
  transform: translateY(0);
  -webkit-transform: translateY(0);
}

.gastronomyIntro.showItems a.anchor-div {
  opacity: 1;
  transform: translateY(0px);
  -webkit-transform: translateY(0px);
}

#borderedImageLeft {
  padding: 5% 0 2% 0;
}

.borderedRow.borderedImageRight .borderedImageCol::before {
  left: unset;
  right: 0;
}

/* GASTRONOMY ENDS */
/* GALLERY */
.page-template-gallery-template .container {
  min-height: 95vh;
}

.mfp-bg,
.mfp-wrap {
  z-index: 999999;
}

.mfp-figure:after {
  box-shadow: none;
}

.mfp-bg {
  background: #242424;
  z-index: 999999 !important;
}

.close-icon {
  color: #FFFAF0 !important;
}

.mfp-wrap {
  z-index: 9999999 !important;
}

.mfp-zoom-out-cur,
.gallery-popup,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: pointer;
}

button.mfp-arrow,
.mfp-close {
  opacity: 1;
}

.close-icon {
  position: relative;
  color: transparent;
  cursor: pointer;
}

.close-icon :after {
  position: absolute;
  content: "";
  width: 2px;
  height: 22px;
  background: #cbb778;
  top: 6px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  right: calc(48%);
}

.close-icon :before {
  position: absolute;
  content: "";
  width: 2px;
  height: 22px;
  background: #cbb778;
  left: 50%;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  top: 6px;
}

.mfp-arrow-left :before {
  background: #cbb778;
  border: none;
  width: 2px;
  height: 30px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  top: 29px;
  left: 6px;
  opacity: 1;
}

.mfp-arrow-left :after {
  background: #cbb778;
  border: none;
  width: 2px;
  height: 30px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  opacity: 1;
}

.mfp-arrow-right :before {
  border: none;
  background: #cbb778;
  width: 2px;
  height: 30px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  top: 29px;
  left: 6px;
  opacity: 1;
}

.mfp-arrow-right :after {
  background: #cbb778;
  border: none;
  width: 2px;
  height: 30px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  left: 1px;
  opacity: 1;
}

.singleImage.gallery-popup {
  max-width: 32.66%;
  float: left;
  width: 100%;
  margin-right: 1%;
  margin-bottom: 1%;
  list-style: none;
  position: relative;
}

.singleImage:nth-child(3n+3) {
  margin-right: 0;
}

.galleryContainer {
  min-height: 95vh;
}

.tabcontent {
  -webkit-animation: fadeEffect 1.5s;
  animation: fadeEffect 1.5s;
  /* Fading effect takes 1 second */
}

@-webkit-keyframes fadeEffect {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeEffect {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.galleryIntro {
  text-align: center;
  padding: 60px 0 25px;
}

.galleryIntro h1 {
  font-size: 38px;
  font-family: Cf Asty Std;
  color: #000;
}

.galleryContainer .tab {
  border-bottom: 1px solid #FFFAF0;
  max-width: 80%;
  width: 100%;
  float: left;
  margin: 0 10% 40px;
  padding: 0 0;
  position: relative;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -o-flex;
  display: flex;
}

.galleryContainer .tab li {
  min-width: 10%;
  flex-basis: 10%;
  width: 100%;
  text-align: center;
}

.galleryContainer .tab li a {
  display: block;
  text-transform: uppercase;
  color: #000;
  font-size: 13px;
  font-weight: 300;
  padding: 8px 0;
  letter-spacing: 1px;
  position: relative;
}

.galleryContainer .tab:after {
  display: block;
  content: "";
  position: absolute;
  width: 100%;
  height: 6px;
  left: 0;
  background: #FFFAF0;
  bottom: -4px;
  max-width: 10%;
  -webkit-transition: all 500ms cubic-bezier(0.455, 0.03, 0.1, 1);
  -webkit-transition: all 500ms cubic-bezier(0.455, 0.03, 0.1, 1.23);
  -moz-transition: all 500ms cubic-bezier(0.455, 0.03, 0.1, 1.23);
  -o-transition: all 500ms cubic-bezier(0.455, 0.03, 0.1, 1.23);
  transition: all 500ms cubic-bezier(0.455, 0.03, 0.1, 1.23);
  -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.1, 1);
  -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.1, 1.23);
  -moz-transition-timing-function: cubic-bezier(0.455, 0.03, 0.1, 1.23);
  -o-transition-timing-function: cubic-bezier(0.455, 0.03, 0.1, 1.23);
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.1, 1.23);
}

.galleryContainer .tab.tab0:after {
  left: 0;
}

.galleryContainer .tab.tab1:after {
  left: 10%;
}

.galleryContainer .tab.tab2:after {
  left: 20%;
}

.galleryContainer .tab.tab3:after {
  left: 30%;
}

.galleryContainer .tab.tab4:after {
  left: 40%;
}

.galleryContainer .tab.tab5:after {
  left: 50%;
}

.galleryContainer .tab.tab6:after {
  left: 60%;
}

.galleryContainer .tab.tab7:after {
  left: 70%;
}

.galleryContainer .tab.tab8:after {
  left: 80%;
}

.galleryContainer .tab.tab9:after {
  left: 90%;
}

.galleryContainer .tab.tab10:after {
  left: 100%;
}

.galleryTabsContent {
  max-width: 100%;
  width: 100%;
  -webkit-transition: all 500ms cubic-bezier(0.76, 0.035, 0.875, 0.15) !important;
  -moz-transition: all 500ms cubic-bezier(0.76, 0.035, 0.875, 0.15) !important;
  -o-transition: all 500ms cubic-bezier(0.76, 0.035, 0.875, 0.15) !important;
  transition: all 500ms cubic-bezier(0.76, 0.035, 0.875, 0.15) !important;
  -webkit-transition-timing-function: cubic-bezier(0.76, 0.035, 0.875, 0.15) !important;
  -moz-transition-timing-function: cubic-bezier(0.76, 0.035, 0.875, 0.15) !important;
  -o-transition-timing-function: cubic-bezier(0.76, 0.035, 0.875, 0.15) !important;
  transition-timing-function: cubic-bezier(0.76, 0.035, 0.875, 0.15) !important;
}

.galleryTabsContent #tabsViewport {
  float: left;
  width: 100%;
  max-width: 100%;
  position: relative;
}

.galleryTabsContent #tabsViewport.viewport-case-0 {
  left: 0;
}

.galleryTabsContent #tabsViewport.viewport-case-1 {
  left: -100%;
}

.tabcontent {
  display: none;
  float: left;
  max-width: 100%;
  width: 100%;
  -webkit-transition: all 500ms cubic-bezier(0.76, 0.035, 0.875, 0.15);
  -moz-transition: all 500ms cubic-bezier(0.76, 0.035, 0.875, 0.15);
  -o-transition: all 500ms cubic-bezier(0.76, 0.035, 0.875, 0.15);
  transition: all 500ms cubic-bezier(0.76, 0.035, 0.875, 0.15);
  /* custom */
  -webkit-transition-timing-function: cubic-bezier(0.76, 0.035, 0.875, 0.15);
  -moz-transition-timing-function: cubic-bezier(0.76, 0.035, 0.875, 0.15);
  -o-transition-timing-function: cubic-bezier(0.76, 0.035, 0.875, 0.15);
  transition-timing-function: cubic-bezier(0.76, 0.035, 0.875, 0.15);
}

.wideViewportWrap {
  float: left;
  width: 100%;
}

/* GALLERY ENDS */
/* CONTACT */
.contactContainer .customGrid {
  background: #fdf7ec;
}

.acf-map {
  width: 100%;
  height: 550px;
}

.acf-map img {
  max-width: inherit !important;
}

.page-template-contact-template .footerTop {
  display: none;
}

.page-template-contact-template .termsAccept span,
.page-template-reservations-template .termsAccept span {
  color: #FFFAF0;
  font-size: 15px;
}

.page-template-contact-template .termsAccept a.termsFormLink,
.page-template-reservations-template .termsAccept a.termsFormLink {
  color: #FFFAF0;
  font-size: 15px;
  text-decoration: underline;
}

.page-template-contact-template .footerTop .termsAccept a.termsFormLink,
.page-template-reservations-template .footerTop .termsAccept a.termsFormLink {
  color: #fff;
}

.page-template-contact-template .footerTop .termsAccept span,
.page-template-reservations-template .footerTop .termsAccept span {
  color: #fff;
}

.contactIntro {
  padding: 65px 0;
  text-align: center;
  max-width: 90%;
  margin: 0 5%;
  float: left;
  width: 100%;
}

.contactIntro h1 {
  color: #000;
  font-size: 42px;
  font-family: Cf Asty Std;
  margin-bottom: 45px;
  position: relative;
  opacity: 0;
  transform: translateY(20px);
  -webkit-transform: translateY(20px);
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
  -webkit-transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

.contactIntro span.pretitle {
  display: block;
  margin-bottom: 5px;
  position: relative;
  opacity: 0;
  transform: translateY(20px);
  -webkit-transform: translateY(20px);
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
  -webkit-transition-delay: 0.4s;
  -moz-transition-delay: 0.4s;
  -o-transition-delay: 0.4s;
  transition-delay: 0.4s;
}

.contactIntro .singleInfoCol a {
  display: block;
  font-size: 16px;
  font-weight: 300;
  color: #000;
  position: relative;
  opacity: 0;
  transform: translateY(20px);
  -webkit-transform: translateY(20px);
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
}

.contactIntro .singleInfoCol a:hover {
  color: #FFFAF0 !important;
}

.contactIntro .infoSocialCol a {
  display: inline-block;
  color: #898989;
  margin: 0 25px;
}

.contactIntro .infoSocialCol a:hover {
  color: #FFFAF0;
}

.contactIntro.showItems h1,
.contactIntro.showItems span.pretitle,
.contactIntro.showItems a {
  opacity: 1;
  transform: translateY(0px);
  -webkit-transform: translateY(0px);
}

.contactFormContainer {
  max-width: 80%;
  background: #fff;
  margin: 0 10% 65px 10%;
  padding: 45px !important;
  position: relative;
  opacity: 0;
  transform: translateY(20px);
  -webkit-transform: translateY(20px);
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
  -webkit-transition-delay: 1.4s;
  -moz-transition-delay: 1.4s;
  -o-transition-delay: 1.4s;
  transition-delay: 1.4s;
}

.contactFormContainer.showItems {
  opacity: 1;
  transform: translateY(0px);
  -webkit-transform: translateY(0px);
}

.contactFormContainer:before {
  display: block;
  content: "";
  height: calc(100% - 40px);
  max-width: calc(100% - 40px);
  position: absolute;
  left: 20px;
  top: 20px;
  width: 100%;
  border: 2px solid #FFFAF0;
}

.contactFormContainer h3 {
  color: #000;
  text-transform: uppercase;
  font-family: work sans;
  text-align: center;
  font-weight: 300;
  font-size: 26px;
  margin-bottom: 25px;
}

.contactFormContainer .contactFormWrap {
  float: left;
  width: 100%;
  max-width: 80%;
  margin: 0 10%;
}

.contactFormContainer .contactFormWrap .singleField input {
  border-bottom: 1px solid #FFFAF0;
  color: #FFFAF0;
  font-weight: 400;
}

.contactFormContainer .contactFormWrap .singleField input::placeholder,
.contactFormContainer .contactFormWrap textarea::placeholder {
  color: #FFFAF0;
  opacity: 0.6;
}

.contactFormContainer .contactFormWrap .textareaRow textarea {
  border-bottom: 1px solid #FFFAF0;
  color: #FFFAF0;
  font-weight: 400;
}

.contactFormContainer .contactFormWrap .formBtnWrap input {
  background: transparent;
  border: 2px solid #FFFAF0;
  color: #FFFAF0;
  font-weight: 400;
}

.contactFormContainer .contactFormWrap .formBtnWrap input:hover {
  background: #FFFAF0 !important;
  color: #fff;
}

/* CONTACT ENDS */
/* RESERVATIONS */
.resContainer .customGrid {
  background: #fdf7ec;
  margin-bottom: 100px;
}

.dateField {
  margin-bottom: 5px;
}

.dateField input {
  background-image: url('images/calendar.png') !important;
  background-size: 14px !important;
  background-position: center left 5px !important;
  background-repeat: no-repeat !important;
  padding-left: 30px;
}

.personField {
  margin-bottom: 5px;
}

.personField input {
  background-image: url('images/form-person.png') !important;
  background-size: 20px !important;
  background-position: center left 5px !important;
  background-repeat: no-repeat !important;
  padding-left: 30px;
}

/* RESERVATIONS END */
/* TERMS */
.termsWrap .customGrid {
  background: #fdf7ec;
  padding: 80px;
  margin-bottom: 120px;
}

.termsWrap h1 {
  text-align: center;
  font-family: Cf Asty Std;
  color: #000;
  font-size: 42px;
  margin-bottom: 35px;
}

.termsWrap p {
  color: #000;
  margin-bottom: 15px;
}

.termsWrap h2,
.termsWrap h3,
.termsWrap h4,
.termsWrap h5,
.termsWrap h6 {
  font-family: Cf Asty Std;
  color: #000;
  margin: 10px 0 5px;
  float: left;
  width: 100%;
}

.termsWrap h2 {
  font-size: 32px;
}

.termsWrap h3 {
  font-size: 28px;
}

.termsWrap h4 {
  font-size: 24px;
}

.termsWrap h5 {
  font-size: 22px;
}

.termsWrap h6 {
  font-size: 20px;
}

/* TERMS END */
/* TERMS END */
/* PAGES END */
/* FORMS */
.wpcf7-response-output {
  float: left;
  font-family: Cf Asty Std;
  position: relative;
  text-align: center;
  text-transform: none;
  width: 100%;
  background: #838f68;
  border: 0 !important;
  color: #fff;
  padding: 25px 5% !important;
  font-family: work sans;
  font-weight: 300;
  letter-spacing: 0;
  color: #000;
  font-size: 16px;
  line-height: 1.2;
}

.wpcf7-response-output.wpcf7-display-none.wpcf7-mail-sent-ok {
  padding: 25px;
  float: left;
  width: 100%;
  position: relative;
  top: 0;
  left: 0;
  background: #838f68;
  color: #fff;
  font-size: 16px;
  border: none;
}

.wpcf7-not-valid-tip {
  float: left;
  width: 100%;
  position: relative;
}

.wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors {
  padding: 25px;
  float: left;
  width: 100%;
  position: relative;
  top: 0;
  left: 0;
  background: #ff0000;
  color: #fff;
  font-size: 16px;
  border: none;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: '';
}

.selectField::after {
  display: block;
  content: "";
  height: 6px;
  width: 10px;
  border-top: 6px solid #000;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  position: absolute;
  top: 19px;
  right: 13px;
  pointer-events: none;
}

.dateIcon .wpcf7-form-control-wrap::before {
  content: "";
  position: absolute;
  top: 8px;
  width: 30px;
  height: 30px;
  left: 15px;
  background: url('images/date.png');
  background-size: contain;
  pointer-events: none;
}

.timeIcon .wpcf7-form-control-wrap::before {
  content: "";
  position: absolute;
  top: 8px;
  width: 30px;
  height: 30px;
  left: 15px;
  background: url('images/timegreen.png');
  background-size: contain;
  pointer-events: none;
}

.iconField input,
.iconField select {
  float: left;
  width: 100%;
  padding: 12px 12px 12px 50px;
  font-size: 16px;
  border: none;
}

.wpcf7-form-control-wrap {
  float: left;
  width: 100%;
  position: relative;
}

/* FORMS END */
/* CALENDAR STYLE */
.ui-datepicker-title span {
  font-family: Cf Asty Std !important;
}

#ui-datepicker-div {
  background: #fff;
  border: 0 none !important;
  border-radius: 0 !important;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  position: relative;
  z-index: 9999 !important;
  padding: 0 !important;
}

.half_field_right input {
  color: #737373 !important;
  font-size: 16px !important;
  border-left: 0 !important;
}

.ui-datepicker .ui-datepicker-header {
  background: #E3D2A8;
  border: 0 none !important;
  border-radius: 0 !important;
  color: #ffffff;
  font-weight: 300 !important;
  letter-spacing: 0 !important;
  position: relative;
}

.ui-datepicker-title span {
  color: #fff;
  font-family: Cf Asty Std !important;
  font-size: 19px !important;
}

.ui-datepicker th span {
  border: 0 none;
  color: #898989;
  font-weight: 300 !important;
  padding: 0.7em 0.3em;
  text-align: center;
}

.ui-datepicker-calendar {
  margin-bottom: 0 !important;
}

table.ui-datepicker-calendar th span {
  color: #363636 !important;
  font-family: work sans !important;
  font-weight: 300 !important;
}

.ui-datepicker td {
  padding: 0.5px !important;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  border: #fdf7ec !important;
  background: #fdf7ec !important;
  font-weight: normal;
  color: #000 !important;
  padding: 8px !important;
  text-align: center;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  background: #838f68 !important;
  border: 0 none !important;
  color: #fff !important;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  background: #E3D2A8 !important;
  border: 0 none !important;
  color: #ffffff !important;
  font-weight: normal;
}

a.ui-datepicker-prev:hover,
a.ui-datepicker-next:hover,
.ui-widget-header .ui-icon {
  background: transparent !important;
}

#ui-datepicker-div {
  z-index: 99999 !important;
}

a.ui-datepicker-prev {
  border-bottom: 1px solid #fff;
  border-left: 1px solid #fff;
  border-radius: 0 !important;
  height: 20px !important;
  left: 12px !important;
  position: relative;
  top: 8px !important;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  width: 20px !important;
}

a.ui-datepicker-next {
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  border-radius: 0 !important;
  height: 20px !important;
  right: 12px !important;
  position: relative;
  top: 8px !important;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  width: 20px !important;
}

a.ui-datepicker-prev:hover {
  border-bottom: 1px solid #fff !important;
  border-left: 1px solid #fff !important;
}

a.ui-datepicker-next:hover {
  border-bottom: 1px solid #fff !important;
  border-right: 1px solid #fff !important;
}

.ui-widget-header a {
  cursor: pointer;
}

/* CALENDAR STYLE ENDS */
/* BX SLIDER */
.bx-wrapper {
  border: 0;
  box-shadow: none;
  left: 0px;
  position: relative;
  margin-bottom: 0;
}

.bx-wrapper img {
  margin: auto;
  width: 100%;
}

.bx-wrapper .bx-viewport {
  box-shadow: none;
  border: none;
  background: transparent;
}

.bx-wrapper a.bx-prev,
.bx-wrapper a.bx-next {
  background-image: none !important;
}

/* BX SLIDER ENDS */
/* FORMS END */
/* FOOTER */
.footerTop {
  background: #FFFAF0;
  padding: 50px 0;
}

.footerTop h4 {
  color: #000;
  font-family: Cf Asty Std;
  font-size: 28px;
  margin-bottom: 25px;
}

.footerTop h5 {
  color: #000;
  text-transform: uppercase;
  letter-spacing: 1px;
  float: left;
  width: 100%;
  margin-bottom: 5px;
}

.footerTop .footerTopLeft a {
  color: #fff;
  font-size: 15px;
  font-weight: 300;
  float: left;
  display: block;
  width: 100%;
  margin-bottom: 5px;
}

.footerTop .footerTopLeft a.borderedBtn {
  border-color: #fff;
  margin-top: 30px;
}

.footerTop .footerTopLeft a.borderedBtn:after {
  background: #fff;
}

.footerTop .footerTopLeft a.borderedBtn span {
  color: #fff;
}

.footerTop .footerTopLeft a.borderedBtn:hover span {
  color: #000;
}

.singleField {
  margin-bottom: 15px;
}

.singleField input {
  width: 100%;
  height: 40px;
  background: transparent;
  border: 0;
  border-bottom-color: currentcolor;
  border-bottom-style: none;
  border-bottom-width: 0px;
  border-bottom: 1px solid #fff;
  border-radius: 0;
  -webkit-border-radius: 0;
  color: #fff;
  font-weight: 300;
}

.singleField input::placeholder {
  color: #fff;
  text-transform: uppercase;
  opacity: 0.6;
}

.textareaRow {
  margin-bottom: 15px;
}

.textareaRow textarea {
  width: 100%;
  border: 0;
  border-bottom: 1px solid #fff;
  border-radius: 0;
  -webkit-border-radius: 0;
  background: transparent;
  color: #fff;
  font-weight: 300;
  height: 140px;
}

.textareaRow textarea::placeholder {
  color: #fff;
  text-transform: uppercase;
  opacity: 0.6;
}

.termsAccept .wpcf7-list-item-label {
  color: #fff;
  font-weight: 300;
}

.termsAccept .wpcf7-list-item-label a {
  color: #fff;
  text-decoration: underline;
}

.formBtnWrap {
  margin-top: 30px;
  text-align: center;
}

.formBtnWrap input {
  background: #838f68;
  height: 40px;
  border-radius: 0;
  -webkit-border-radius: 0;
  text-align: center;
  color: #fff;
  font-weight: 300;
  text-transform: uppercase;
  border: 0;
  width: 160px;
  position: relative;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}

.formBtnWrap input:hover {
  background: #789f87 !important;
}

.footerBot {
  padding: 30px 0;
}

.footerLogo,
.footerSocial {
  max-width: 10%;
  float: left;
  width: 100%;
}

.footerMenu {
  max-width: 80%;
  float: left;
  width: 100%;
}

.footerMenu ul {
  float: left;
  width: 100%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -o-flex;
  display: flex;
}

.footerMenu ul li {
  display: inline-block;
  width: 100%;
  text-align: center;
  float: left;
  margin-right: 15px;
  line-height: 50px;
  text-transform: uppercase;
}

.footerMenu ul li a {
  color: #000;
}

.footerSocial {
  text-align: right;
}

.footerSocial a {
  line-height: 60px;
  color: #898989;
  font-size: 17px;
  display: inline-block;
  margin-left: 20px;
}

.footerSocial a:hover {
  color: #000;
}

.copyrightsRow .customGrid {
  border-top: 1px solid #000;
  padding: 15px 0;
}

.copyrightsRow .footerCopyrights,
.copyrightsRow .footerSignature {
  color: #898989;
  font-size: 11px;
  font-family: work sans;
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.copyrightsRow .footerTerms {
  text-align: center;
}

.copyrightsRow .footerTerms a {
  color: #FFFAF0;
  display: inline-block;
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: 1px;
}

.copyrightsRow .footerTerms a:hover {
  color: #000;
  text-decoration: underline;
}

.copyrightsRow .footerSignature {
  text-align: right;
}

.copyrightsRow .footerSignature a {
  color: #898989;
  text-decoration: underline;
  font-size: 11px;
  letter-spacing: 1px;
}

.copyrightsRow .footerSignature a:hover {
  color: #000;
}

/* FOOTER END */

/*Alex 22-6-2020 */

/*Alex 22-6-2020 */

/* MEDIA QUERIES */
@media screen and (max-width: 1680px) {
  .wideSlider li.single_slide {
    padding-bottom: 52% !important;
  }
}

@media screen and (max-width: 1500px) {
  .wideSlider li.single_slide {
    padding-bottom: 46% !important;
  }

  .imageRowMid .midColContentBox h4 {
    font-size: 32px;
  }

  .facilitiesIntro {
    margin-bottom: 55px;
  }

  .borderedRow span.capitalTitle {
    font-size: 20px;
    margin-bottom: 20px;
  }

  .borderedRow h3 {
    font-size: 32px;
  }
}

@media screen and (max-width: 1400px) {
  .wideSlider .heroContent h1 {
    font-size: 48px;
  }

  .singleImageCol .imageColContainer p {
    font-size: 14px;
  }

  .customGrid {
    max-width: 80%;
  }

  .wideSlider .bx-pager {
    top: 41%;
    left: 4%;
    font-size: 25px;
  }

  .titleGroup h2 {
    max-width: 90%;
    margin: 0 5%;
  }

  .galleryContainer .tab {
    max-width: 90%;
    margin: 0 5% 40px;
  }
}

@media screen and (max-width: 1300px) {
  .wideSlider li.single_slide {
    padding-bottom: 40% !important;
  }

  .wideSlider .heroContent h1 {
    font-size: 38px;
    margin: 15px 0;
  }

  .singleImageCol {
    padding-bottom: 38%;
  }

  .facilitiesRow {
    padding: 110px 0;
  }

  .galleryLarge li.single_slide {
    padding-bottom: 41% !important;
  }

  a.headerLogo img {
    max-width: 200px;
  }

  .showSliderElements .sliderContent {
    top: 30%;
  }

  .facilitiesIntro .doubleCol {
    max-width: 80%;
    margin: 0px 10%;
  }

  .twoColFacilities .singleFacCol .facList {
    max-width: 80%;
  }

  .gastronomyIntro {
    padding-top: 35px;
  }

  .galleryIntro {
    padding: 20px 0 25px;
  }

  .contactIntro {
    padding: 35px 0;
  }

  .contactIntro h1 {
    font-size: 36px;
  }

  .termsWrap .customGrid {
    padding: 30px 60px;
  }

  .termsWrap h1 {
    font-size: 36px;
  }

  .customHeader.whiteBgHeader .logoColor {
    max-width: 200px !important;
    top: 60px !important;
  }
}

@media screen and (max-width: 1200px) {
  .titleButton h4 {
    max-width: 80%;
  }

  body.page-template-homepage-template .customHeader.customHeaderScrolled a.headerLogo,
  body.single-accommodation .customHeader.customHeaderScrolled a.headerLogo,
  body.page-template-new-villa-template .customHeader.customHeaderScrolled a.headerLogo,
  body.page-template-location-template .customHeader.customHeaderScrolled a.headerLogo,
  body.page-template-estate-template .customHeader.customHeaderScrolled a.headerLogo {
    height: 85px;
  }

  .singleImageCol .imageColContainer {
    max-width: calc(100% - 30px);
    height: calc(100% - 30px);
    left: 15px;
    top: 15px;
    padding: 20px 15px;
  }

  .galleryLarge .galleryContent h3 {
    font-size: 36px;
  }

  .imageRowMid .midColContentBox h4 {
    font-size: 26px;
  }

  .borderedRow p.simpleText {
    font-size: 14px;
    max-width: 100%;
  }

  p,
  .doubleCol p {
    font-size: 14px;
  }

  .galleryContainer .tab li a {
    font-size: 12px;
  }

  .contactFormContainer .contactFormWrap {
    max-width: 90%;
    margin: 0 5%;
  }

  .interiorRight .singleInteriorContent {
    margin-bottom: 35px;
  }

  .twoSimpleContents {
    padding: 40px 0 60px;
  }
}

@media screen and (max-width: 1100px) {
  .wideSlider li.single_slide {
    padding-bottom: 47% !important;
  }

  .wideSlider .bx-pager {
    left: 2%;
  }

  .smallGrid,
  .heroContent {
    max-width: 70%;
  }

  .estateLeft {
    padding-left: 10% !important;
  }

  .singleImageCol {
    padding-bottom: 43%;
  }

  .singleVillaInfo img {
    max-width: 35px;
  }

  .titleGroup {
    margin-bottom: 15px;
  }

  .facilitiesIntro .customGrid {
    padding: 45px 0;
  }

  .facilitiesIntro .titleGroup h1 {
    font-size: 35px;
    margin-bottom: 0px;
  }

  .footerMenu {
    max-width: 90%;
  }

  .footerLogo,
  .footerSocial {
    max-width: 5%;
  }

  .footerLogo img {
    width: 100%;
  }

  .footerSocial a {
    margin-left: 5px;
  }

  .footerMenu ul li a {
    font-size: 13px;
  }

  .titleGroup h2 {
    font-size: 28px;
    line-height: 1.4;
    margin-bottom: 10px;
  }

  .galleryContainer .tab li a {
    font-size: 12px;
    line-height: 1;
  }
}

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

  .headerLeft,
  .headerRight {
    max-width: calc(50% - 80px);
  }

  a.headerLogo {
    max-width: 160px;
  }

  .wideSlider li.single_slide {
    padding-bottom: 64% !important;
  }

  .singleImageCol .imageColContainer p {
    line-height: 1.5;
  }

  .galleryLarge .bx-controls {
    bottom: 10px;
  }

  .galleryLarge.playing::after {
    bottom: 70px;
  }

  .customGrid {
    max-width: 90%;
  }

  .estateLeft {
    padding-left: 5% !important;
  }

  .smallContentWrap h4 {
    margin-bottom: 15px;
  }

  .galleryLarge li.single_slide {
    padding-bottom: 51% !important;
  }
}

@media screen and (max-width: 1000px) {
  .customHeader {
    display: none;
  }

  .mobMenuWrap {
    display: block !important;
  }

  .mobHeader {
    display: flex !important;
    -webkit-display: flex !important;
    -o-display: flex !important;
    -ms-display: flexbox !important;
  }

  .mobMenuWrap {
    position: fixed;
    top: 0;
    left: 0;
    background: #FFFAF0;
    background: @darkColor;
    z-index: 9999;
    opacity: 0;
    width: 100%;
    height: 100%;
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
  }

  .mobMenuWrap.toggleMobMenu {
    opacity: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0);
  }

  .mobHeader {
    display: flex;
    display: -webkit-flex;
    display: -o-flex;
    display: -ms-flexbox;
    background: transparent;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 100%;
    height: 80px;
    z-index: 9999999;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
  }

  .mobHeaderScrolled {
    background: #fff;
  }

  .mobMenuContent {
    float: left;
    max-width: 50%;
    position: relative;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    left: 50%;
    width: 100%;
  }

  .col-md-12 {
    float: left;
    width: 100%;
  }

  .mobHeaderLeft,
  .mobHeaderRight {
    max-width: 25%;
    float: left;
    width: 100%;
  }

  a.mobLogo {
    max-width: 50%;
    display: flex;
    float: left;
    text-align: center;
    width: 100%;
    justify-content: center;
    align-items: center;
  }

  a.mobLogo img {
    position: absolute;
    opacity: 0;
  }

  a.mobLogo img.badgeWhite {
    opacity: 1;
  }

  button.toggleMenu {
    border: 0;
    background: transparent;
    width: 30px;
    height: 20px;
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
  }

  button.toggleMenu::before {
    display: block;
    content: "";
    height: 20px;
    width: 30px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }

  button.toggleMenu::after {
    background: #fff;
    display: block;
    content: "";
    height: 1px;
    width: 30px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    left: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }

  button.toggleMenu.closeButton {
    height: 30px;
    width: 30px;
  }

  button.toggleMenu.closeButton::before {
    border-bottom: 0;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    top: 12px;
    left: 6px;
  }

  button.toggleMenu.closeButton::after {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    left: -1px;
  }

  .mobHeader.mobHeaderScrolled button.toggleMenu::before,
  .mobHeader.whiteBgHeader button.toggleMenu::before {
    border-color: @darkColor;
    border-color: #E3D2A8;
  }

  .mobHeader.mobHeaderScrolled button.toggleMenu::after,
  .mobHeader.whiteBgHeader button.toggleMenu::after {
    background: @darkColor;
    background: #E3D2A8;
  }

  .mobHeader button.toggleMenu.closeButton::before,
  .mobHeader.mobHeaderScrolled button.toggleMenu.closeButton::before {
    border-color: #fff;
  }

  .mobHeader button.toggleMenu.closeButton::after,
  .mobHeader.mobHeaderScrolled button.toggleMenu.closeButton::after {
    background: #fff;
  }

  .mobHeader.whiteBgHeader img.mobMenuLogoColor {
    max-height: 90%;
    width: auto;
    position: absolute;
    opacity: 1;
  }

  .mobHeader.whiteBgHeader.mobHeaderScrolled img.mobMenuLogoColor {
    opacity: 0;
  }

  img.mobMenuLogo {
    max-height: 90%;
    width: auto;
    position: absolute;
  }

  .mobHeader.whiteBgHeader img.mobMenuLogo {
    opacity: 0;
  }

  .mobHeaderRight a.solidBtn {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
  }

  .toggledHeader {
    background: transparent;
  }

  .toggledHeader a.mobLogo img.badgeWhite,
  .mobHeaderScrolled a.mobLogo img.badgeWhite {
    opacity: 0;
  }

  .toggledHeader a.mobLogo img.mobMenuLogo {
    opacity: 1;
  }

  .mobHeaderScrolled a.mobLogo img.badgeDark {
    opacity: 1;
  }

  .mobMenu {
    float: left;
    width: 100%;
    margin-bottom: 40px;
  }

  .mobMenu ul li {
    width: 100%;
    display: block;
    margin-bottom: 16px;
  }

  .mobMenu ul li a {
    color: #fff;
    font-weight: 300;
    font-size: 18px;
    text-transform: uppercase;
  }

  .mobMenu li.menu-item-has-children {
    position: relative;
  }

  .mobMenu li.menu-item-has-children::before {
    display: block;
    content: "";
    height: 5px;
    width: 8px;
    border-top: 4px solid #fff;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    position: absolute;
    left: 110px;
    top: 12px;
  }

  .mobMenu li.menu-item-has-children ul.sub-menu {
    margin-top: 13px;
    padding-left: 10px;
  }

  .mobMenu li.menu-item-has-children ul.sub-menu li a {
    text-transform: none;
    font-family: Cf Asty Std;
    font-size: 16px;
  }

  .mobMenuInfo {
    float: left;
    width: 100%;
    margin-bottom: 15px;
  }

  .mobMenuInfo span {
    display: block;
    text-transform: uppercase;
    color: #fff;
  }

  .mobMenuInfo span:nth-child(3) {
    margin-top: 15px;
  }

  .mobMenuInfo a {
    color: #fff;
    font-weight: 300;
  }

  .mobResBtn {
    float: left;
    width: 100%;
  }

  .mobResBtn a.borderedBtn {
    border-color: #fff;
  }

  .mobResBtn a.borderedBtn span {
    color: #fff;
  }

  .mobResBtn a.borderedBtn:hover span {
    color: #000;
  }

  .mobResBtn a.borderedBtn::after {
    background: #fff;
  }

  .wideSlider li.single_slide {
    padding-bottom: 112% !important;
  }

  .wideSlider .bx-pager {
    left: 50%;
    bottom: 60px;
    top: unset;
    transform: translate(-50%);
    -webkit-transform: translate(-50%);
    font-size: 16px;
    z-index: 99;
  }

  .wideSlider .heroContent {
    text-align: center;
  }

  .heroContent {
    max-width: 70%;
    text-align: center;
  }

  .heroContent a.solidBtn {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
  }

  .wideSlider .solidBtn {
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    position: relative;
  }

  .wideSlider::before {
    display: block;
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    z-index: 1;
    opacity: 0.3;
  }

  .wideSlider .heroContent {
    z-index: 2;
  }

  .galleryLarge li.single_slide {
    padding-bottom: 64% !important;
  }

  .estateSmallGallery {
    max-width: 100%;
    width: 100%;
  }

  .estateLeft .estateImgWide {
    max-width: 100%;
    width: 100%;
  }

  .estateLeft {
    padding-left: 5% !important;
    padding-right: 5% !important;
    float: left;
    width: 100%;
  }

  .interiorRight .flexChild {
    max-width: 80%;
  }

  .smallGrid {
    max-width: 90%;
  }

  .singleFacility {
    width: 100%;
    max-width: 80%;
    margin-right: 0%;
  }

  .estateRight .flexChild {
    max-width: 80%;
  }

  .exteriorLeft .flexChild {
    max-width: 80%;
    margin: auto 10% auto 10%;
  }

  .estateRight {
    padding-top: 8%;
    position: relative;
    float: left;
    width: 100%;
  }

  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12 {
    float: left;
    width: 100%;
  }

  .titleButton {
    padding-top: 8%;
  }

  .titleButton h4 {
    max-width: 100%;
    width: 100%;
  }

  .flexCls.fourImagesRow {
    display: block;
  }

  .singleImageCol {
    max-width: 50%;
  }

  .facilitiesLeft {
    margin-bottom: 52px;
  }

  .customFooter {
    text-align: center;
  }

  .footerTopLeft a.borderedBtn {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    margin-bottom: 55px;
  }

  .footerTopRight {
    margin-top: 50px;
  }

  .copyrightsRow .footerSignature {
    margin-top: 4px;
    text-align: center;
  }

  .footerLogo,
  .footerSocial {
    max-width: 100%;
  }

  a.footerLogo img {
    margin-bottom: 20px;
    max-width: 60px;
  }

  .footerMenu ul {
    display: block;
  }

  .footerMenu {
    max-width: 100%;
  }

  .footerSocial {
    text-align: center;
  }

  .footerSocial a {
    font-size: 22px;
    margin-left: 15px;
    margin-right: 15px;
  }

  .largeGrid {
    max-width: 95%;
  }

  .singleFacility {
    max-width: 80%;
    margin-right: 20%;
  }

  .singleFacCol.leftFacCol {
    margin-bottom: 55px;
  }

  .borderedRow .borderedImageCol {
    padding-bottom: 58%;
  }

  .leftBorderedCol .flexChild {
    max-width: 100%;
    width: 100%;
  }

  .customGrid {
    max-width: 95%;
  }

  .borderedRow span.capitalTitle {
    font-size: 16px;
  }

  .galleryContainer .tab {
    max-width: 96%;
    margin: 0 2% 40px;
  }

  .galleryContainer .tab li a {
    letter-spacing: 0;
  }

  .contactFormContainer {
    max-width: 90%;
    margin: 0 5% 65px 5%;
  }

  .twoFields .singleField {
    float: left;
    max-width: 50%;
  }

  .mobLogo img {
    width: auto !important;
    max-height: 90% !important;
  }

  .toggledHeader.mobHeaderScrolled img.mobMenuLogo {
    opacity: 0 !important;
  }
}

@media screen and (max-width: 800px) {
  .page-template-gastronomy-template .doubleColContent {
    padding: 10px 0 50px;
  }

  img.mobMenuLogo {
    max-width: 150px;
  }

  #mobMenuLogoColor {
    max-width: 150px;
  }

  a.mobLogo {
    max-width: 40%;
  }

  .wideSlider li.single_slide {
    padding-bottom: 142% !important;
  }

  .mobHeaderLeft,
  .mobHeaderRight {
    max-width: 30%;
  }

  .mobHeaderRight a.solidBtn {
    right: 10px;
    max-width: 90px;
  }

  .mobHeaderRight a.solidBtn span {
    font-size: 11px;
  }

  button.toggleMenu {
    left: 10px;
  }

  .heroContent {
    max-width: 80%;
  }

  .wideSlider .heroContent h1 {
    font-size: 32px;
  }

  .doubleCol p {
    background: #fff;
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    -webkit-column-gap: 0px;
    -moz-column-gap: 0px;
    column-gap: 0px;
    float: left;
    position: relative;
    padding: 10px 0;
    width: 100%;
  }

  .doubleColContent {
    padding: 100px 0 50px;
  }

  .smallContentWrap {
    max-width: 100%;
  }

  .titleButton .flexChild {
    max-width: 90%;
    width: 100%;
  }

  .titleRestriction h3,
  .titleRestriction h4 {
    font-size: 28px;
  }

  .titleRestriction {
    margin: 70px 0 10px;
  }

  .titleButton h4 {
    font-size: 26px;
  }

  .singleImageCol {
    max-width: 100%;
    padding-bottom: 95%;
    margin-bottom: 5%;
  }

  .facilitiesRow {
    padding: 65px 0;
  }

  .facilitiesLeft p {
    max-width: 100%;
    margin-right: 0%;
  }

  .singleFacility {
    max-width: 90%;
    margin-right: 10%;
  }

  .galleryLarge .galleryContent h3 {
    font-size: 26px;
    margin-top: 0px;
  }

  .galleryLarge .galleryContent {
    top: 4%;
  }

  .galleryLarge .bx-controls {
    bottom: 0px;
    height: 50px;
  }

  .galleryLarge.playing::after {
    display: none;
  }

  .galleryLarge .bx-controls .bx-pager {
    bottom: 45px;
    font-size: 19px;
    letter-spacing: 2px;
  }

  .areaDouble .doubleCol p {
    background: #fdf7ec;
  }

  .threeImagesContainer .col-md-4.singleImageCol {
    max-width: 100%;
    margin-right: 0%;
    float: left;
    width: 100%;
    margin-bottom: 5%;
  }

  .twoFields .singleField {
    float: left;
    max-width: 100%;
  }

  a.mobLogo img.badgeWhite {
    opacity: 1;
    width: 100%;
  }

  .mobMenuContent {
    max-width: 70%;
  }

  .toggledHeader a.mobLogo img.mobMenuLogo {
    display: none;
  }

  .toggledHeader a.mobLogo img.badgeWhite {
    opacity: 1;
    z-index: 99;
  }

  .mobMenu ul li {
    margin-bottom: 11px;
  }

  .mobMenu li.menu-item-has-children ul.sub-menu li a {
    font-size: 13px;
  }

  .mobMenu ul li a {
    font-size: 15px;
  }

  .mobResBtn a.borderedBtn {
    padding: 7px 0;
  }

  .mobResBtn a.borderedBtn::after {
    top: -1px;
  }

  .mobResBtn a.borderedBtn span {
    font-size: 11px;
  }

  .mobHeader button:focus,
  .mobHeader button {
    outline: 0 !important;
    box-shadow: none !important;
  }

  .mobMenu {
    margin-bottom: 20px;
    padding-top: 25px;
  }

  .mobMenu li.menu-item-has-children ul.sub-menu {
    margin-top: 7px;
  }

  .titleGroup h2 {
    font-size: 20px;
  }

  .sliderContent {
    font-size: 34px;
    max-width: 90%;
  }

  .interiorContainer.flexCls {
    display: block;
  }

  .interiorRight {
    padding-top: 30px;
  }

  .interiorRight .flexChild {
    max-width: 100%;
  }

  .exteriorContainer.flexCls {
    display: block;
  }

  .exteriorLeft .flexChild {
    max-width: 90%;
    margin: auto 5% auto 5%;
  }

  .exteriorLeft h3 {
    font-size: 32px;
    margin-bottom: 15px;
  }

  .twoSimpleContents .simpleContentCol {
    max-width: 100%;
    margin-right: 0%;
    margin-bottom: 30px;
    float: left;
  }

  .twoSimpleContents .simpleContentCol h4,
  .twoSimpleContents .simpleContentCol p,
  .twoSimpleContents .simpleContentCol .simpleImage {
    opacity: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0);
  }

  .simpleTitle h4 {
    font-size: 21px;
  }

  .imageBoxes.flexCls {
    display: block;
  }

  .leftImageCol {
    padding-bottom: 94%;
  }

  .imageRowMid .col-md-12 {
    height: unset;
    padding-bottom: 72%;
  }

  .midColContentBox {
    padding: 30px 0 30px !important;
  }

  .sliderContent h1 {
    font-size: 32px;
    margin-top: 5px;
  }

  .exteriorContainer .estateRight {
    padding-top: 45px;
  }

  .twoSimpleContents .simpleContentCol p {
    max-width: 100%;
  }

  .facilitiesIntro .titleGroup p.subtitleSmall {
    font-size: 18px;
  }

  .facilitiesIntro .doubleCol {
    max-width: 100%;
    margin: 0px 0%;
    padding: 0 5%;
    padding-bottom: 0px;
    background: #fff;
  }

  .facilitiesIntro .titleGroup h1 {
    font-size: 32px;
  }

  .twoColFacilities .singleFacCol .facList {
    max-width: 90%;
    padding-left: 25px;
  }

  .twoColFacilities .singleFacCol h2 {
    font-size: 30px;
    margin-bottom: 25px;
  }

  .mobHeader.whiteBgHeader img.mobMenuLogoColor {
    display: none;
  }

  .whiteBgHeader .badgeDark {
    opacity: 1 !important;
  }

  .container {
    margin-top: 100px;
  }

  .doubleColContent {
    padding: 70px 0 50px;
  }

  .gastronomyIntro h1 {
    font-size: 32px;
  }

  .gastronomyIntro span {
    font-size: 18px;
    max-width: 90%;
    margin: 0px 5%;
  }

  .gastronomyIntro a.anchor-div,
  .gastronomyIntro.showItems a.anchor-div {
    opacity: 0;
  }

  .borderedRow .customGrid {
    display: block;
  }

  .leftBorderedCol {
    background: #fdf7ec;
    padding: 5% !important;
  }

  .borderedRow .customGrid::before,
  .borderedRow.showItems .customGrid::before {
    display: none !important;
  }

  .borderedRow .leftBorderedCol::before {
    display: block;
    content: "";
    opacity: 0;
    height: calc(100% - 10px);
    width: calc(100% - 10px);
    position: absolute;
    top: 5px;
    left: 5px;
    border: 2px solid #FFFAF0;
    z-index: 99;
    pointer-events: none;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    transition-delay: 0s;
    -webkit-transition-delay: 1.8s;
    -moz-transition-delay: 1.8s;
    -o-transition-delay: 1.8s;
    transition-delay: 1.8s;
  }

  .borderedRow.showItems .leftBorderedCol::before {
    opacity: 1;
    position: absolute;
  }

  .borderedRow h3 {
    font-size: 28px;
    margin-bottom: 10px;
  }

  .borderedRow span.capitalTitle {
    font-size: 14px;
    margin-bottom: 5px;
  }

  .borderedRow p.simpleText {
    font-size: 14px;
    max-width: 100%;
    line-height: 1.4;
    margin-bottom: 10px;
  }

  .borderedRow {
    padding: 20px 0;
  }

  .borderedImageRight {
    margin-bottom: 15px;
  }

  .page-template-location-template #next {
    padding-top: 75px;
  }

  .estateRight .flexChild {
    max-width: 90%;
  }

  .galleryIntro h1 {
    font-size: 32px;
  }

  .galleryContainer .tab {
    display: block;
  }

  .galleryContainer .tab li {
    min-width: 20%;
    flex-basis: unset;
    width: 100%;
    text-align: center;
    float: left;
    max-width: 20%;
    line-height: 1.1;
    height: 30px;
  }

  .galleryContainer .tab li a {
    padding: 0 0 0 0;
  }

  .galleryContainer .tab li a {
    padding: 0 0 0 0;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
  }

  .galleryContainer .tab::after {
    display: none;
  }

  .singleImage.gallery-popup {
    max-width: 49%;
    margin-right: 1%;
    padding-bottom: 33% !important;
  }

  .singleImage:nth-child(3n+3) {
    margin-right: 1%;
  }

  .popup-gallery {
    float: left;
    width: 100%;
    max-width: 99%;
    margin-left: 1%;
  }

  .contactIntro h1 {
    font-size: 32px;
    margin-bottom: 15px;
  }

  .singleInfoCol {
    margin-bottom: 20px;
  }

  .singleInfoCol.infoSocialCol {
    margin-bottom: 0;
  }

  .contactFormContainer {
    max-width: 100%;
    margin: 0 0 45px 0;
  }

  .contactFormContainer {
    padding: 20px 5px !important;
  }

  .contactFormContainer::before {
    height: calc(100% - 10px);
    max-width: calc(100% - 10px);
    left: 5px;
    top: 5px;
    border: 2px solid #FFFAF0;
  }

  .mobLogo img {
    width: 50px !Important;
  }

  .termsAccept .wpcf7-list-item {
    margin-left: 0;
    display: block;
    line-height: 1.1;
  }

  .termsAccept .wpcf7-list-item span,
  .termsAccept .wpcf7-list-item span a.termsFormLink {
    font-size: 13px;
  }

  .contactMap .acf-map {
    height: 300px !important;
  }

  .mobMenu li.menu-item-has-children::before {
    left: 95px;
    top: 10px;
  }

  .termsWrap .customGrid {
    padding: 30px 2%;
  }

  .termsWrap h1 {
    font-size: 32px;
  }

  .termsWrap h2 {
    font-size: 26px;
  }

  .termsWrap h3 {
    font-size: 24px;
  }

  .termsWrap h4 {
    font-size: 22px;
  }

  .termsWrap h5 {
    font-size: 20px;
  }

  .termsWrap h6 {
    font-size: 18px;
  }

  .mobLogo img {
    width: auto !important;
    max-height: 80% !important;
    max-width: 100% !important;
    height: 100% !important;
  }
}

@media screen and (max-width: 600px) {
  .mobMenu {
    margin-bottom: 10px;
    padding-top: 35px;
  }

  .titleGroup h2 {
    font-size: 16px;
  }

  .borderedRow h3 {
    font-size: 24px;
    margin-bottom: 10px;
    max-width: 100%;
    margin-right: 0;
  }

  .simpleTitle h4 {
    font-size: 16px;
  }

  .simpleTitle {
    margin-bottom: 30px;
  }

  .corfuHistoryRow {
    margin-bottom: 40px;
  }

  .galleryContainer .tab li {
    min-width: 33.3%;
    max-width: 33.3%;
  }

  .galleryLarge .swiper-controls {
    position: absolute;
    bottom: 6%;
    left: 40%;
    z-index: 9;
    display: grid;
    justify-items: center;
    gap: 10px;
  }

  .galleryLarge .swiper-counter {
    font-size: 15px;
    color: #fff;
  }

  .galleryLarge .swiper-counter span {
    font-size: 15px;
    color: #fff;
  }

  .galleryLarge .swiper-counter .current {
    font-size: 18px;
    color: #fff;
    font-weight: 500;
  }

  .galleryLarge .swiper-button-next-custom {
    color: #fff !important;
    font-size: 15px;
  }
}

/* Retina Devices
@media
(-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {

} */
/* MEDIA QUERIES END */