@charset "utf-8";
/* CSS Document */
:root {
	--white: #ffffff;
	--black: #000000;
	--limegreen: #b3ba50;
	--grey: #878787;
	--lightgreen: #f6f8e9;

}
/*  */
@font-face {
    -family: 'ACaslonPro-Regular';
    src: url(/themes/zen/s/ACaslonPro-Regular.otf) format("truetype");
}
@font-face {
    -family: 'ACaslonPro-Bold';
    src: url(/themes/zen/s/ACaslonPro-Bold.otf) format("truetype");
}
@font-face {
    -family: 'Montserrat-Bold';
    src: url(/themes/zen/s/Montserrat-Bold.otf) format("truetype");
}
@font-face {
    -family: 'Montserrat-Regular';
    src: url(/themes/zen/s/Montserrat-Regular.otf) format("truetype");
}
@font-face {
    -family: 'Signature of the Ancient';
    src: url(/themes/zen/s/Signature_of_the_Ancient.ttf) format("truetype");
}
@font-face {
    -family: 'PlayfairDisplay-Italic';
    src: url(/themes/zen/s/PlayfairDisplay-Italic.ttf) format("truetype");
}
@font-face {
    -family: 'PlayfairDisplay';
    src: url(/themes/zen/s/PlayfairDisplay-wght.ttf) format("truetype");
}
@font-face {
    -family: 'PlayfairDisplay-Regular';
    src: url(/themes/zen/s/PlayfairDisplay-Regular.ttf) format("truetype");
}
@font-face {
    -family: 'PlayfairDisplay-Medium';
    src: url(/themes/zen/s/PlayfairDisplay-Medium.ttf) format("truetype");
}
@font-face {
    -family: 'PlayfairDisplay-MediumItalic';
    src: url(/themes/zen/s/PlayfairDisplay-MediumItalic.ttf) format("truetype");
}
@font-face {
    -family: 'PlayfairDisplay-Black';
    src: url(/themes/zen/s/PlayfairDisplay-Black.ttf) format("truetype");
}
@font-face {
    -family: 'PlayfairDisplay-BlackItalic';
    src: url(/themes/zen/s/PlayfairDisplay-BlackItalic.ttf) format("truetype");
}

/* ---------- Overall Specifications ---------- */

body { line-height: 1.5 !important; -size: 87.5%; word-wrap: break-word; margin: 0; padding: 0; border: 0; outline: 0; -family:'Montserrat-Regular'; background: transparent; }
a { text-decoration: none; color:#000000; }
a:hover { text-decoration: underline; }
h1, h2, h3, h4, h5, h6 { margin: 0.5em 0 0.5em; -weight: inherit; -family: 'PlayfairDisplay' !important; color: #b3ba50;
}
/*h1 { -size: 1.357em; color: #000; }
h2 { -size: 1.143em; }*/
p { margin:0; -size:11pt; text-align:justify; -family: 'Montserrat-Regular'; color:#666666;}
tr.odd { background-color: #dddddd; }
img { outline: 0; }

/*-------------------------- Mobile Menu Sidebar -------------------- */
a[data-toggle="offCanvas"] {
    position: absolute;
    right: 20px;
    top: 0;
    width: 50px;
    height: 50px;
    box-sizing: border-box;
    cursor: pointer;
    z-index: 100;
}
#header a[data-toggle="offCanvas"] {
    position: absolute;
    left: 200px;
    top: 220px;
    width: 50px;
    height: 50px;
    box-sizing: border-box;
    cursor: pointer;
    z-index: 100;
}
a[data-toggle="offCanvas"] span {
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
}

a[data-toggle="offCanvas"] span,
a[data-toggle="offCanvas"] span:before,
a[data-toggle="offCanvas"] span:after {
    cursor: pointer;
    border-radius: 1px;
    height: 5px;
    width: 29px;
    background: var(--limegreen);
    box-shadow: 0 2px 5px #fff;
    position: absolute;
    display: block;
    content: "";
}
a[data-toggle="offCanvas"] span:before {
    -ms-transform: translate(0px, -10px);
    transform: translate(0px, -10px);
    -webkit-transform: translate(0px, -10px);
}
a[data-toggle="offCanvas"] span:after {
    -ms-transform: translate(0px, 10px);
    transform: translate(0px, 10px);
    -webkit-transform: translate(0px, 10px);
}
a[data-toggle="offCanvas"] span,
a[data-toggle="offCanvas"] span:before,
a[data-toggle="offCanvas"] span:after {
    -webkit-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
}

a[data-toggle="offCanvas"].activeOpen span {
    background-color: transparent;
}
a[data-toggle="offCanvas"].activeOpen span:before,
a[data-toggle="offCanvas"].activeOpen span:after {
    -webkit-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
}
a[data-toggle="offCanvas"].activeOpen span:before {
    -ms-transform: translate(-0px, -0px) rotate(-45deg);
    transform: translate(-0px, -0px) rotate(-45deg);
    -webkit-transform: translate(-0px, -0px) rotate(-45deg);
}
a[data-toggle="offCanvas"].activeOpen span:after {
    -ms-transform: translate(0px, -0px) rotate(45deg);
    transform: translate(0px, -0px) rotate(45deg);
    -webkit-transform: translate(0px, -0px) rotate(45deg);
}

/* Sticky nav */

.sticky-nav  {
  width: 100%;
  /* animation magic */
  transition: all 2.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  z-index: 99;
}

.fixed {
	background:#b3ba50 !important;
    box-shadow:0 2px 6px rgba(0,0,0,0.2);
    animation:slide-down 0.7s;
	position:fixed;
	top:0px;
	opacity:0.9;
}
.shrink img{
	width:40%;
}
.move{
	display:inline-block;
}
.move .logo-wrap{
	padding-top: 5px !important;
    padding-bottom: 5px !important;
}

@keyframes slide-down {
    0% {
        opacity: 0;
        transform: translateY(-100%);
    }
    100% {
        opacity: 0.9;
        transform: translateY(0);
    }
}
/* Off canvas */
.off-canvas{
	padding-top:70px;
	background:#b3ba50 !important;
}
.off-canvas ul:not(.contextual-links){
    margin: 0;
    padding: 0;
    list-style: none;
	display:block !important;
}
.off-canvas ul:not(.contextual-links) li{
    width: 100%;
    padding: 0;
}
.off-canvas ul:not(.contextual-links) li a{
    -size: 1.5rem;
    padding: 10px;
    text-align: center;
    transition: all ease-in-out .2s;
    color: #cccccc;
}
.off-canvas ul:not(.contextual-links) li a:hover{
    color: #3e57a7;
}
.stick{
    position: fixed !important;
    margin-top: -159px;
    z-index: 500;
    border-bottom: 1px solid #b3ba50;
    background: #fff;
    width: 100%;
    justify-content: center;
    align-items: center;
}
@media all and (max-width: 767px){
	.stick{
		display: none;
	}
	.stick a[data-toggle="offCanvas"]{
		top: 25px;
	}
}



/* -------------------------Custom ----------------------- */
.toolbar { background:none; -size:12px; }
ul.menu li { list-style:none; display:inline; }
.nopadding { padding:0; }
.nopadding-left { padding-left: 0; }
.nopadding-right { padding-right: 0; }
.nomargin { margin: 0; }

.row.maxWidth { max-width:65rem; margin-left:auto; margin-right:auto; }


.row .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.row,
.columns {
	max-width:100% !important;
}
.column,
.columns{

	/*overflow:visible;*/
}
.no-paddings-rl{
    padding-left:0px;
	padding-right:0px;
}
.fullWidth {
   width: 100%;
   margin-left: auto;
   margin-right: auto;
   max-width: 100%;
   padding-left:0;
   padding-right:0;
}

.page-container{
	position: relative;
    overflow: hidden;
}
.page-title{
	text-align:center;
}
#block-pagetitle{
	text-align:center;
}

.navigation-wrapper,
.content-wrapper,
.slideshow-wrapper,
.header-wrapper,
.highlite-wrapper,
.top-highlite-wrapper,
.events-wrapper,
.page-wrapper,
.showcase-wrapper,
.features-wrapper,
.blog-wrapper,
.gallery-wrapper,
.footer-wrapper {
	float:left;
	width: 100%;
	clear: both;
}

/* Regions */
.navigation,
.content,
.slideshow,
.header,
.highlite,
.top-highlite,
.events,
.page,
.showcase,
.features,
.blog,
.gallery,
.footer {
	max-width:100%;
	margin: 0 auto;
}


/* Navigation */
.navigation-wrapper{
	background: #ffffff;
	max-height:65px;
}
.navigation{
	max-width:1800px;
	margin:0 auto;
	display: flow-root;
	position:relative;
}
.navigation ul li{
	-size:1.3rem;
	list-style-type:none;
	display:inline-block;
}
.navigation  a{
	-family: 'PlayfairDisplay-Regular';
	color:#b3ba50; 
	display:inline-block;
	margin:0;
	line-height: 30px;
}
.navigation ul li a:hover{
	color:var(--grey);
	transition: 0.8s ease-in-out;
	text-decoration:none;
}
.navigation .menu-item{
	padding-top:0;
}
.navigation ul{
	justify-content:space-around;
	display:flex;
}
.navigation ul li a:after {
  display:block;
  content: '';
  border-bottom: solid 3px var(--grey);  
  transform: scaleX(0);  
  transition: transform 800ms ease-in-out;
}
.navigation ul li a:hover:after {
 transform: scaleX(1);
}
#logo img{
	z-index: 5000;
    position: relative;
	max-width:120px;
}
.language-switch{
	line-height:5;
}
.language-switch ul{
	list-style-type:none !important;
	display:inline-flex;
}
.language-switch ul li{
	padding-left:10px;
}
#block-languageswitcher .contextual-links{
	display:none;
}
#primary_menu{
	padding-top:10px;
}
/* Superfish */
.sf-depth-2{
	background:#ffffff;
}
.sf-depth-2 a{
	padding: 0.5em 1em !important;
}
ul.sf-menu a, ul.sf-menu span.nolink{
	padding-left: 5px;
    padding-right: 5px;
    padding-top: 0;
    padding-bottom: 0;
}
/* Header */
.header-wrapper{
	height:0;
}
.header{
	position: relative;
	z-index:1000;
}
.header-right{
	padding-top:10px;
	float:right
}
/* Slideshow */
.slideshow{
	border-bottom:1px solid #b3ba50;
	border-top:1px solid #b3ba50;
}
.slideshow img{
	width:100%;
}
.fp-slideshow{
	position:relative;
}
.fp-slideshow-body-wrapper{
	position: absolute;
    top: 20%;
	width:100%;
}
.fp-slideshow-body{
    text-align: center;
	max-width:699px;
	margin:0 auto;
}
.fp-slideshow-body h2{
    text-transform: uppercase;
    -weight: 800;
    color: #ffff;
    text-align: center;
    -size: 3vw;
	margin-bottom:0;
	text-shadow: -1px 0 var(--grey), 0 1px var(--grey), 1px 0 var(--grey), 0 -1px var(--grey);
}
.fp-slideshow-body h3{
    -weight: 800;
    color: #ffff;
	text-align:center;
	text-transform: uppercase;
	-size:1.5vw;
	text-shadow: -1px 0 var(--grey), 0 1px var(--grey), 1px 0 var(--grey), 0 -1px var(--grey);
}
/* Top Highlite */
.top-highlite{
	max-width:800px;
	margin:0 auto;
	padding-top:50px;
	padding-bottom:50px;
}
.thr-wrapper{
	max-width:370px;
	margin: 0 auto;
}
.thl-star{
	text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}
.thl-star img{
	width:10%;
}
.thl-title{
	text-align:center;
}
.thl-title h2{
	color:#6a6a6a;
}
.thl-body{
	padding:5px;
}
.thr{
	padding:5px;
}
.thr-top-wrapper{
	padding:5px;
}
.thr-left-image{
	padding:5px;
}
.thr-w{
	padding:5px;
}
/* Highlite */
.highlite-wrapper{
	background:#f6f8e9;
	padding-bottom:50px;
}
.highlite{
	max-width:1380px;
	margin:0 auto;
	padding-bottom: 50px;
}
.fp-rooms-wrapper{
	background:#ffffff;
	border: 1px solid #d9e1a1;
    box-shadow: 10px 5px 18px #878787;
	min-height:400px;
	position:relative;
	max-width:315px;
    margin: 0 auto;
    margin-bottom: 30px;
}
.fp-image-wrapper{
	position:relative;
}
.fp-rooms-title{
	text-align: center;
    padding-top: 30px;
    padding-bottom: 30px;
}
.fp-rooms-title-over{
    text-align: center;
    position: absolute;
    top: 0;
    z-index: 9999;
    background: rgb(152 167 57 / 50%);
    width: 100%;
    max-width: 391px;

}
.fp-rooms-body p{
	padding: 20px;
    line-height: 1.3;
    text-align: center;
	color:var(--grey);
}
.fp-rooms-title-over h4{
	color: #ffffff;
    -family: 'PlayfairDisplay-Regular';
}
.fp-rooms-image img:before{
	background:#d9e1a1;
	opacity:0.5;
}
.fp-rooms-image img{
	width:100%;
}
#image-pager img{
	padding-top:5px;
}
.fp-rooms-title-over {
	transition: all 500ms ease-out;
}
.fp-rooms-wrapper:hover .fp-rooms-title-over{
	background: rgb(152 167 57 / 100%);
	
}
/* Parallax */
.parallax-section{
	overflow:hidden;
	z-index:0;
	position:relative;
}
.parallax-section-header {
	border: 1px solid var(--limegreen);
}
.parallax-image{
	width:100%;
	background-attachment:fixed;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:-1;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:50% 50%;
}
.parallax{
}
.parallax-banner{
	background-image:url('/themes/zen/images/features2.jpg');
}
.fp-banner-text{
	display:none;
}
#block-bannerlogo{
	text-align:center;
}
#block-bannerlogo img{
	padding-top:5vh;
	padding-bottom:5vh;
}

/* Events */
.events{
	max-width:1380px;
	margin:0 auto;
}
.events h2{
	color:#6a6a6a;
	text-align: center;
    padding-bottom: 30px;
    padding-top: 30px;
}
.events-page{
	max-width:1000px;
	margin:0 auto;
}
/* Rooms */
.room-title-overlay{
	text-align:center;
}
.room-title-overlay h1{
	padding-top:200px;
	padding-bottom:200px;
	color:#ffffff;
	text-shadow: -1px 0 var(--grey), 0 1px var(--grey), 1px 0 var(--grey), 0 -1px var(--grey);
}
.rooms-body-text{
	max-width:1000px;
	margin:0 auto;
	padding-top:30px;
	padding-bottom:30px;
	text-align:center;
	padding-left:15px;
	padding-right:15px;
}
.rooms-lb{
	margin:0 auto;
	max-width: 1000px;
	padding-top:30px;
	padding-bottom:30px;
}
.rooms-bottom{
	margin:0 auto;
	max-width: 1000px;
	padding-top:30px;
	padding-bottom:30px;
}
.room-images-slider{
	text-align:center;
	padding: 5px;
    border: 1px solid var(--limegreen);
}
.imagefield_slideshow-wrapper{
	border: 1px solid var(--limegreen);
}
/* Reservation */
.reservation-wrapper{
	background:var(--lightgreen);
	border-bottom: 1px solid var(--limegreen);
}
.reservation{
	text-align:center;
	padding-top: 20px;
    padding-bottom: 20px;
	
}
.reservation label{
	-family: 'Montserrat-Regular';
	color:var(--limegreen);
	-style:italic;
}
[type=color], [type=date], [type=datetime-local], [type=datetime], [type=email], [type=month], [type=number], [type=password], [type=search], [type=tel], [type=text], [type=time], [type=url], [type=week], textarea {
	    border: 1px solid var(--limegreen);
		color: var(--limegreen);
}
select {
	border: 1px solid var(--limegreen);
	color: var(--limegreen);
}
/* Showcase */
.showcase-wrapper{
	background:#f6f8e9;
	padding-bottom: 30px;
}
.showcase{
	max-width:1350px;
	margin:0 auto;
}
.fp-events-wrapper{
	background:#ffffff;
	border: 1px solid #d9e1a1;
    box-shadow: 10px 5px 18px #878787;
}
.fp-events-image-wrapper{
	position:relative;
}
.fp-events-title{
	text-align: center;
    padding-top: 30px;
    padding-bottom: 30px;
}
.fp-events-title-over{
	text-align: center;
    padding-top: 30px;
    padding-bottom: 30px;
	position:absolute;
	top: 50%;
    left: 20%;

}
.fp-events-body p{
	padding: 20px;
    line-height: 1.3;
    text-align: center;
	color:#dbe1a1;
}
.fp-events-title-over h4{
	color: #ffffff;
    -family: 'PlayfairDisplay-Regular';
}
.fp-events-image img{
	width:100%;
}
.front-text-header-title{
	text-align:center;
}
.front-text-header-body{
	padding-bottom:30px;
}
.front-text-header-body p{
	text-align:center !important;
}
.front-text-header{
	padding-left:20px;
	padding-right:20px;
}
/* Features */
.features-wrapper{padding-top:10px;}
.test-header-wrapper{
	max-width: 800px;
    margin: 0 auto;
    padding-top: 50px;
    padding-bottom: 50px;
}
.test-header{
	padding:10px;
}
.text-header-title{
	text-align:center;
}
.text-header-title h2{
	color:#ffffff;
}
.test-header-body{
	padding-top:20px;
	padding-bottom:20px;
}
.test-header-body p{
	text-align:center;
	color:#ffffff;
}
.flexslider{
	max-width: 1000px;
    margin: 0 auto;
	background:transparent !important;
	border:none !important;
	padding-bottom:50px;
}
.flex-viewport{
	height: auto !important;
}
.test-wrapper{
	padding-left:20px;
	padding-right:20px;
}
.test-body p{
	color:#ffffff;
}
.text-name{
	padding-top:20px;
	padding-bottom:20px;
}
.text-name p{
	text-align:center;
	color:#ffffff;
}
.flex-direction-nav a{
	height:60px !important;
	top: 20% !important;
	opacity:1 !important;
}
.flex-direction-nav a:before{
	color:#ffffff;
}
.flexslider .flex-direction-nav a, .flexslider .flex-direction-nav a{
	display:block !important;
}
.flexslider:hover .flex-direction-nav .flex-next {
    right: -50px !important;
}
.flexslider:hover .flex-direction-nav .flex-prev{
    left: -50px !important;
}
/* Spa & Wellnes*/
.fp-dest-title{
    text-align: center;
    position: absolute;
    top: 0;
    z-index: 9999;
    background: rgba(246,248,233, 0.5);
	width:100%;
    max-width: 391px;
}
.fp-dest-title p{
	-size: xx-large;
    text-align: center;
    color: var(--white);
}
.fp-dest-image{
	max-width:431px;
	margin:0 auto;
}
.fp-dest-image img{
	position:relative;
	border:1px solid var(--limegreen);
	background:#ffffff;
}
.fp-dest-overlay{
	position:absolute;
	top:1.021vh;
	left:1.021vh;
	display:flex;
}
.container-dest .fp-dest-overlay{
	  background-color: var(--lightgreen);
      position: absolute;
      top: 0;
      left: 0;
      color: #fff;
      -webkit-transition: all 500ms ease-out;
      -moz-transition: all 500ms ease-out;
      -o-transition: all 500ms ease-out;
      -ms-transition: all 500ms ease-out;
      transition: all 500ms ease-out;
      opacity: 0;
	  width:100%;
	  height:100%;
      max-width: 391px;
      max-height: 603px;
}
.container-dest:hover .fp-dest-overlay{
	  opacity: 0.6;
}

.container-dest .dest-text{
	  -webkit-transition: all 500ms ease-out;
      -moz-transition: all 500ms ease-out;
      -o-transition: all 500ms ease-out;
      -ms-transition: all 500ms ease-out;
      transition: all 500ms ease-out;
      transform: translateX(30px);
      -webkit-transform: translateX(30px);
}
.container-dest .fp-dest-hover-link{
	  -webkit-transition: all 500ms ease-out;
      -moz-transition: all 500ms ease-out;
      -o-transition: all 500ms ease-out;
      -ms-transition: all 500ms ease-out;
      transition: all 500ms ease-out;
      transform: translateX(30px);
      -webkit-transform: translateX(30px);
}
.container-dest:hover .dest-text{
      transform: translateX(0px);
      -webkit-transform: translateX(0px);
}
.container-dest:hover .fp-dest-hover-link{
      transform: translateX(0px);
      -webkit-transform: translateX(0px);
}
.box-border{
	/*border:1px solid #ffffff;*/
}
.dest-image{
	position:relative;
	text-align:center;
}
.fp-dest-hover-link{
    /*padding-left:20px;
	padding-top:10vh;*/
	text-align: center;
    /*padding-bottom: 10vh;*/
}
.fp-dest-hover-link a{
	color:var(--grey);
	-size:large;
}
.dest-text{
	padding:30px;
    margin-top:20px;
}
.dest-text p{
	padding:20px;
	color:var(--grey);
	text-align: center;
    -size: x-large;
}
.fp-dest-hover-text{
	padding: 10px;
    margin-top: 50px;
	height: 70%;
    display: flex;
}
.container-dest:hover .fp-dest-title p{
	color:var(--grey);
}
.zen-price-mass ul{
	list-style-type: none;
}
.zen-price-mass li{
	border-top:2px solid var(--limegreen);
	border-left:2px solid var(--limegreen);
	border-right:2px solid var(--limegreen);
	border-bottom:1px solid var(--limegreen);
	padding:5px;
}
.tabela01{
	margin-top:30px;
}
.tabela01 tbody, tfoot, thead {
    border: 1px solid var(--limegreen);
    background-color: #fefefe;
}
.tabela01 tbody tr:nth-child(even) {
    border-bottom: 1px;
    background-color: var(--lightgreen);
}
/* Gallery */
.grid-stack-instance-4701 > .gridstack__box[gs-h="1"] {
    height: 250px;
}
/* Webform */
#block-webform{
	background: #ffffff;
    max-height: 200px;
    text-align: center;
	padding-top:50px;
}
#block-zen-content{
	overflow:hidden;
}
.webform-submission-reservation-form{
	display:inline-flex;
}
.webform-submission-reservation-form .webform-button--submit{
	margin-top:25px;
}
.webform-submission-reservation-form .js-form-item{
	padding-left:10px;
	padding-right:10px;
}
/*.spa-wel-width{
	max-width:600px;
	margin:0 auto;
}*/
[type=date]{
	-size:0.875rem;
}
select{
	-size:0.875rem;
}
.webform-submission-spa-wellness-form{
	display:inline-flex;
}
.webform-submission-spa-wellness-form .js-form-item {
    padding-left: 10px;
    padding-right: 10px;
}
.webform-submission-spa-wellness-form .webform-button--submit {
    margin-top: 20px;
}
/* Button */
.button{
    background: var(--limegreen)!important;
    color: #ffffff;
    border: 1px solid #ffffff;
    padding: 10px 20px;
    -size: 16pt;
    -weight: 700;
    transition: .5s ease-in-out;
}
.button:hover{
	background-color:#ffffff !important;
	border: 1px solid #0e5897;
	color: #0e5897;
}
.purple-button a{
    padding: 10px 20px;
    -size: large;
    -weight: 700;
	color: #ffffff;
}
.purple-button{
	background: #571b35;
    border: 2px solid #571b35;
    transition: .5s ease-in-out;
	padding-bottom: 5px;
    padding-top: 5px;
    max-width: 150px;
    margin: 0 auto;
	text-align:center;
	border-radius:10px;
}
.purple-button:hover{
	background: #b3ba50;
	border: 2px solid #571b35;
}
.purple-button a:hover{
	color: #ffffff !important;
	text-decoration: none;
}
.gold-button{
	background: #ecc66b;
    border: 2px solid #ecc66b;
    transition: .5s ease-in-out;
	padding-bottom: 5px;
    padding-top: 5px;
    max-width: 150px;
    margin: 0 auto;
	text-align:center;
	border-radius:10px;
	
}
.gold-button a{
	padding: 10px 20px;
    -size: large;
    -weight: 700;
	color: #ffffff;
}
.gold-button:hover{
	background: #b3ba50;
	border: 2px solid #ecc66b;
}
.gold-button a:hover{
	color: #ffffff !important;
	text-decoration: none;
}
.green-button{
    text-align: center;
	margin-bottom:10px;
	margin-left: 5px;
    margin-right: 5px;
}
.green-button a{
    background: #dae1a1;
    color: #ffffff;
    border: 1px solid #b3ba50;
    padding: 2px 10px;
    -size: 11pt;
    -weight: 700;
    transition: .5s ease-in-out;
	display:block;
}
.green-button a:hover{
	background: #ffffff;
	border: 1px solid #bababa;
	color: #e4ccb4 !important;
	text-decoration: none;
}
.green-button-2{
    text-align: center;
	margin-bottom:10px;
	margin-left: 5px;
    margin-right: 5px;
	position:absolute;
	bottom:0;
	width:100%;
}
.green-button-2 a{
    background: #dae1a1;
    color: #ffffff;
    border: 1px solid #b3ba50;
    padding: 2px 10px;
    -size: 11pt;
    -weight: 700;
    transition: .5s ease-in-out;
	display:block;
	max-width:50%;
	margin:0 auto;
}
.green-button-2 a:hover{
	background: #ffffff;
	border: 1px solid #bababa;
	color: #e4ccb4 !important;
	text-decoration: none;
}
.orange-button{
    padding-top: 40px;
    text-align: center;
}
.orange-button a{
    background: #bababa;
    color: #ffffff;
    border: 1px solid #bababa;
    padding: 10px 20px;
    -size: large;
    -weight: 700;
    transition: .5s ease-in-out;
}
.orange-button a:hover{
	background: #ffffff;
	border: 1px solid #bababa;
	color: #bababa !important;
	text-decoration: none;
}
.dark-blue-button{
	border: 2px solid #ffffff;
    text-align: center;
	padding: 10px 20px;
	background: #0e5897;
	max-width:200px;
}
.dark-blue-button:hover{
	background: #ffffff;
	border: 2px solid #0e5897;
	color: #016781 !important;
	text-decoration: none;
}
.dark-blue-button a{
	color: #ffffff;
	border-radius:10px;
	-size: large;
    -weight: 700;
	transition: .5s ease-in-out;
}
.dark-blue-button:hover a{
	color: #0e5897 !important;
	text-decoration: none;
}
.tophl-button{
	margin-bottom:20px;
}
.mo-btn {
	cursor: pointer;
	position: relative;
	padding: 10px 20px;
	background: var(--lightgreen);
	-size: 28px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	transition: all 1s;
	&:after,
	&:before {
		content: " ";
		width: 10px;
		height: 10px;
		position: absolute;
		border: 0px solid #fff;
		transition: all 1s;
	}
	&:after {
		top: -1px;
		left: -1px;
		border-top: 5px solid var(--limegreen);
		border-left: 5px solid var(--limegreen);
	}
	&:before {
		bottom: -1px;
		right: -1px;
		border-bottom: 5px solid var(--limegreen);
		border-right: 5px solid var(--limegreen);
	}
	&:hover {
		border-top-right-radius: 0px;
		border-bottom-left-radius: 0px;
		// background:rgba(0,0,0,.5);
		// color:white;
		&:before,
		&:after {
			width: 100%;
			height: 100%;
			// border-color:white;
		}
	}
}
.mo-btn-wtn {
	cursor: pointer;
	position: relative;
	padding: 10px 20px;
	background: var(--white);
	-size: 28px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	transition: all 1s;
	&:after,
	&:before {
		content: " ";
		width: 10px;
		height: 10px;
		position: absolute;
		border: 0px solid #fff;
		transition: all 1s;
	}
	&:after {
		top: -1px;
		left: -1px;
		border-top: 5px solid var(--limegreen);
		border-left: 5px solid var(--limegreen);
	}
	&:before {
		bottom: -1px;
		right: -1px;
		border-bottom: 5px solid var(--limegreen);
		border-right: 5px solid var(--limegreen);
	}
	&:hover {
		border-top-right-radius: 0px;
		border-bottom-left-radius: 0px;
		// background:rgba(0,0,0,.5);
		// color:white;
		&:before,
		&:after {
			width: 100%;
			height: 100%;
			// border-color:white;
		}
	}
}

.mo-btn-container {
	display: flex;
	justify-content: center;
	align-items: center;
}


/* Special pages */
.fp-objects-wrapper{
    /*padding-top: 20px;
    padding-right: 20px;
    padding-left: 20px;*/
}
.fp-objects{
	border:1px solid #b3ba50;    
	box-shadow: 5px 5px 10px #bababa;
}
.left-border-purple{
	padding:20px;
}

/* Accordion view */

/* Sidebar */
/* Css Effects */
.container{
	position:relative;
}
.fp-objects-wrapper{
	padding-bottom:50px;
}
.events .fp-objects{
	position:relative;
	max-width:300px;
	margin: 0 auto;
}
.fp-objects{
	position:relative;
}
.fp-objects-image{
	position:relative;
	/*padding:20px;
	border:1px solid #dbdbdb;
	box-shadow: 5px 10px 8px #b5b5b5;
	max-width: 570px;
    text-align: center;
    margin: 0 auto;*/
}
.fp-image-overlay{
	position:absolute;
	top:1.021vh;
	left:1.021vh;
}
.container .fp-image-overlay{
	  background-color: #b3ba50;
      position: absolute;
      top: 0;
      left: 0;
      color: #fff;
      -webkit-transition: all 500ms ease-out;
      -moz-transition: all 500ms ease-out;
      -o-transition: all 500ms ease-out;
      -ms-transition: all 500ms ease-out;
      transition: all 500ms ease-out;
      opacity: 0;
	  width:100%;
	  height:100%;
      /*width: 460px;
      height: 540px;*/
}
.objects-image-2{
      position: relative;
      top: 0;
      left: 0;
      color: #fff;
      -webkit-transition: all 500ms ease-out;
      -moz-transition: all 500ms ease-out;
      -o-transition: all 500ms ease-out;
      -ms-transition: all 500ms ease-out;
      transition: all 500ms ease-out;
	  width:100%;
	  height:100%;
}
.objects-image-2:hover{
	opacity:0.5;
}
.objects-image-2 img{
    border: 1px solid #bababa;
    box-shadow: 5px 5px 10px #bababa;
    margin-top: 20px;
    margin-bottom: 20px;
    width: 100%;
}
.objects-title-2 h3{
	padding-left:20px;
}
.container-2 .block-text{
	  -webkit-transition: all 500ms ease-out;
      -moz-transition: all 500ms ease-out;
      -o-transition: all 500ms ease-out;
      -ms-transition: all 500ms ease-out;
      transition: all 500ms ease-out;
      transform: translateX(20px);
      -webkit-transform: translateX(20px);
}
.container-2 .fp-immg-hover-link{
	  -webkit-transition: all 500ms ease-out;
      -moz-transition: all 500ms ease-out;
      -o-transition: all 500ms ease-out;
      -ms-transition: all 500ms ease-out;
      transition: all 500ms ease-out;
      transform: translateX(20px);
      -webkit-transform: translateX(20px);
}
.container-2:hover .block-text{
      transform: translateX(30px);
      -webkit-transform: translateX(30px);
}
.container-2:hover .fp-immg-hover-link{
      transform: translateX(30px);
      -webkit-transform: translateX(30px);
}
.purple:hover{
	background-color: #b3ba50;
	-webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    -ms-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
	opacity: 0.5;
}
.container:hover .fp-image-overlay{
	  opacity: 0.9;
}

.container .block-text{
	  -webkit-transition: all 500ms ease-out;
      -moz-transition: all 500ms ease-out;
      -o-transition: all 500ms ease-out;
      -ms-transition: all 500ms ease-out;
      transition: all 500ms ease-out;
      transform: translateX(30px);
      -webkit-transform: translateX(30px);
}
.container .fp-immg-hover-link{
	  -webkit-transition: all 500ms ease-out;
      -moz-transition: all 500ms ease-out;
      -o-transition: all 500ms ease-out;
      -ms-transition: all 500ms ease-out;
      transition: all 500ms ease-out;
      transform: translateX(30px);
      -webkit-transform: translateX(30px);
}
.container:hover .block-text{
      transform: translateX(0px);
      -webkit-transform: translateX(0px);
}
.container:hover .fp-immg-hover-link{
      transform: translateX(0px);
      -webkit-transform: translateX(0px);
}
.objects-image{
	position:relative;
}
.fp-objects-title{
    position: absolute;
    top: 5px;
    left: 5%;
    z-index: 9999;
}
.fp-objects-title p{
	color: #571b35;
    -size: x-large;
    /*text-transform: lowercase;*/
	text-align:left;
}
.fp-img-hover-text{
	padding:10px;
    margin-top:45px;
}
.fp-img-hover-text .block-text{
	padding-left:10px;
	color: #ecc66b;
    -size: medium;
	-family: 'PlayfairDisplay-Regular';
}
.fp-img-hover-text p{
	padding:20px;
	color:#ecc66b !important;
}
.fp-immg-hover-link{
	padding-left:20px;
	padding-top:20px;
	text-align:center;

}
.fp-immg-hover-link a{
	color:#ecc66b;
	-size:large;
}
.pur a{
	color:#b3ba50 !important;
	-size:large;
}
.left-border{
	border-left:1px solid #ecc66b;
}
.left-border-green{
	border-right:1px solid #b3ba50;
}
.container:hover .fp-objects-title p{
	color:#ecc66b;
}
/* Gallery */
.gallery h2{
	text-align:center;
	color: #6a6a6a;
    padding-bottom: 30px;
    padding-top: 30px;
}
.gallery p{
	max-width:800px;
	margin:0 auto;
	text-align:center;
	padding-bottom:30px;
}
/* Blog */
.blog-wrapper{
	padding-bottom:50px;
}
.blog{
	max-width:1000px;
}
.blog-body{
	max-width:800px;
	margin:0 auto;
}
.blog-body-title h2{
	text-align: center;
    color: #6a6a6a;
    padding-bottom: 30px;
    padding-top: 30px;
}
.blog-body-text p{
    text-align: center;
    padding-bottom: 30px;
}
.fp-blog-wrapper{
	background:#ffffff;
	border: 1px solid #d9e1a1;
    box-shadow: 10px 5px 18px #878787;
	min-height:450px;
	position:relative;
	max-width: 305px;
    margin: 0 auto;
    margin-bottom: 50px;
}
.fp-blog-image-wrapper{
	position:relative;
}
.fp-blog-title{
	text-align: center;
    padding-top: 30px;
    padding-bottom: 30px;
}
.fp-blog-title-over{
    text-align: center;
    position: absolute;
    top: 0;
    z-index: 9999;
    background: rgb(152 167 57 / 50%);
    width: 100%;
    max-width: 391px;

}
.fp-blog-body p{
	padding: 20px;
    line-height: 1.3;
    text-align: center;
	color:#dbe1a1;
}
.fp-blog-title-over h4{
	color: #ffffff;
    -family: 'PlayfairDisplay-Regular';
}
.fp-blog-image img{
	width:100%;
}
.fp-blog-body{
	padding:20px;
}
.fp-blog-title-over {
	transition: all 500ms ease-out;
}
.fp-blog-wrapper:hover .fp-blog-title-over{
	background: rgb(152 167 57 / 100%);
	
}
.blog-body-wrapper{
	padding-left:50px;
	padding-right:50px;
}
/*animation element sliding left*/

.animation-element.slide-left {
  opacity: 0;
  -moz-transition: all 500ms linear;
  -webkit-transition: all 500ms linear;
  -o-transition: all 500ms linear;
  transition: all 500ms linear;
  -moz-transform: translate3d(-100px, 0px, 0px);
  -webkit-transform: translate3d(-100px, 0px, 0px);
  -o-transform: translate(-100px, 0px);
  -ms-transform: translate(-100px, 0px);
  transform: translate3d(-100px, 0px, 0px);
}

.animation-element.slide-left.in-view {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}
.animation-element.slide-right {
  opacity: 0;
  -moz-transition: all 500ms linear;
  -webkit-transition: all 500ms linear;
  -o-transition: all 500ms linear;
  transition: all 500ms linear;
  -moz-transform: translate3d(100px, 0px, 0px);
  -webkit-transform: translate3d(100px, 0px, 0px);
  -o-transform: translate(100px, 0px);
  -ms-transform: translate(100px, 0px);
  transform: translate3d(100px, 0px, 0px);
}

.animation-element.slide-right.in-view {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}
.animation-element.slide-up {
  opacity: 0;
  -moz-transition: all 500ms linear;
  -webkit-transition: all 500ms linear;
  -o-transition: all 500ms linear;
  transition: all 500ms linear;
  -moz-transform: translate3d(0px, 100px, 0px);
  -webkit-transform: translate3d(0px, 100px, 0px);
  -o-transform: translate(0px, 100px);
  -ms-transform: translate(0px, 100px);
  transform: translate3d(0px, 100px, 0px);
}

.animation-element.slide-up.in-view {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}
.animation-element.zoom-pop{
	opacity:0;
	transition: all 500ms linear; /* Animation */
	transform:scale(0.1);
}
.animation-element.zoom-pop.in-view{
	opacity:1;
	transform:scale(1);
}
.animelement-fade-in{
	animation: fadeIn 2s;
}
.animelement-fade-in-1{
	animation: fadeIn 1s 2s both;
}
.animelement-fade-in-2{
	animation: fadeIn 2s 4s both;
}

@keyFrames animelement-fade-in{
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.animelement-fade-in-1{
	opacity:0;
}
.animelement-fade-in-2{
	opacity:0;
}
@-webkit-keyframes slide-in-left {
  0% {
    -webkit-transform: translateX(-1000px);
            transform: translateX(-1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slideInFromLeft {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
  }
}

@keyframes slide-in-left {
  0% {
    -webkit-transform: translateX(-1000px);
            transform: translateX(-1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slide-in-bottom {
  0% {
    transform: translateY(1000px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
.owl-item .active h3{
  animation: slide-in-left 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.7s both;
  opacity: 1;
  -webkit-animation: slide-in-left 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.7s both;
}

.owl-item .active img{
  animation: slide-in-bottom 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s both;
  -webkit-animation: slide-in-bottom 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s both;
}
/* footer */
.menu--footer{text-align: center;display: inline-block;}
.region-footer-navigation{text-align: center;}
.footer-wrapper{
	background:#6c6b6b;
	border-top:1px solid #bababa;
	margin-top:30px;
}
.footer{
	position:relative;
	margin:0 auto;
	max-width:1200px;
	padding-top:50px;
}
.footer-address{
	padding-left:30px;
}
.footer-address h4{
    color: #ffffff;
    margin-top: 0 !important;
    margin-bottom: 20px;
    border-bottom: 1px solid var(--limegreen);
    text-align:center;
}
.footer-address p{
	color:#ffffff;
}
.footer-address a{
	color:#ffffff;
}
.fm-text{
	padding-bottom:20px;
}
.fm-logo-left{
	float:left;
}
.footer-nav ul.menu a{
	color:#ffffff;
	-size: 12pt !important;
}
.footer-nav ul.menu{
	display:flex;
	justify-content : space-around;
}
.footer-content{
	margin: 0 auto;
    max-width: 100%;
    padding-top: 50px;
}
.fleft-text p{
	color:#ffffff !important;
}
.social-bar-wrapper{
	padding-top: 85px;
    padding-left: 30px;
}
.social-bar-wrapper-2{
	float:left;
	display:inline-flex;
}
.footer-nav ul.menu a.is-active{
	color: #ffffff;
}
.footer-content-text ul{
	margin-left:0;
	list-style-type:none;
}
.footer-content-text ul li{
	color:#ffffff;
}
.footer-one p{
	color:#ffffff !important;
	-size: 12pt !important;
}
.footer-two p{
	color:#ffffff !important;
	-size: 12pt !important;
}
.footer-two a{
	color:#ffffff !important;
	-size: 12pt !important;
}
.footer-bottom{
	padding-top:10px;
}
.ft-b-left{
	display:inline-flex;
}
.ft-b-right{
	display:inline-flex;
	float:right;
}
.ft-b-left p{
	-size:10px !important;
	color:#ffffff !important;
}
.ft-b-right p{
	-size:10px !important;
    color:#ffffff !important;
}
.fm-text p{
	-size: 9pt;
	color:#ffffff;
}
.fm-logo-right{
	float:right;
}
#block-footermiddle {
	padding-bottom:10px;
}
#block-blockeu{
	padding-bottom:50px;
}
#block-blockeu p{
	color:#ffffff !important;
}
.map-title h4{
	color: #ffffff;
    margin-top: 0 !important;
    margin-bottom: 20px;
    border-bottom: 1px solid var(--limegreen);
    text-align:center;
}
.map-location{
	text-align:center;
}
#block-footermap{
	margin-top:-10px;
}
#block-footerbottom p{
	color:var(--white);
	-size:11px;
}
.fa-location-dot{
	color:var(--limegreen);
}
.fa-phone{
	color:var(--limegreen);
}
.fa-envelope{color:var(--limegreen);}
#block-footerbottom a{
	color:var(--limegreen);
}
/* Page content */
.page-content{
	max-width: 1200px;
    margin: 0 auto;
    padding: 10px;
}
.page{
    max-width: 1350px;
    margin: 0 auto;
    padding: 10px;
	text-align:left;
}
.page-content img{
	margin-bottom:30px;
}
.page-content ul li{
	margin: 0;
    -size: 12pt;
    text-align: justify;
    -family: 'PlayfairDisplay-Regular';
    color: #666666;
}
.page-content img{
	border: 1px solid #bababa;
    box-shadow: 5px 5px 10px #bababa;
	margin-top:20px;
	margin-bottom:20px;
	width:100%;
}

.page-content h2{
	padding-bottom:1vw;
	text-align:center;
}
.cycle-pager-field-slideshow-id img{
	margin-left:5px;
	margin-right:5px;
	box-shadow:none;
}
.field-slideshow-wrapper{
	padding-top:20px;
}
.field-slideshow-item {
	position:relative !important;
	display:flex !important;
}

/* Image effects */

figure {
	margin: 0;
	padding: 0;
	background: #fff;
	overflow: hidden;
}
.hoverop figure img {
    opacity: 1;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.hoverop figure:hover img {
	opacity: .5;
}
.s-hover figure{
	position:relative;
}
.s-hover figure:before{
	content: "";
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}
.s-hover .figure:hover:before{
	-webkit-animation: shine .75s;
	animation: shine .75s;
}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}
/* Forms */


/* FP gallery */

/* Responsive */
@media screen and (max-width:559px) {
}
@media screen and (max-width:1007px) {
}
@media screen and (max-width:1024px) {
	.webform-submission-reservation-form{
		display:block;
		max-width:300px;
		margin:0 auto;
	}
	.showcase .fp-objects{
		position:relative;
		max-width:600px;
		margin: 0 auto;
	}
	.footer-address{
		text-align:center;
	}
	.footer-address p{
		text-align:left;
	}
	.footer-social{
		text-align:center;
	}
	#block-footermap {
		text-align: center;
		padding-top: 30px;
	}
	.fp-slideshow-body h3{
		font-size:1.2rem;
	}
	.fp-slideshow-body-wrapper{
		top:10%;
	}
}
@media screen and (min-width: 560px) and (max-width:640px){
}
@media screen and (max-width:640px) {
	.fp-slideshow-body h3 {
    	font-size: 1rem;
    }
}
@media screen and (min-width: 641px) and (max-width:840px){
}
@media screen and (min-width: 841px) and (max-width:1023px){
}
@media screen and (min-width: 1024px) and (max-width:1140px){
	ul.sf-menu a, ul.sf-menu span.nolink{
    -size: 1rem;
    }
	.webform-submission-reservation-form{
		display:block;
		max-width:300px;
		margin:0 auto;
	}
}
@media screen and (min-width: 1141px) and (max-width:1240px){
	ul.sf-menu a, ul.sf-menu span.nolink{
    -size: 1rem;
    }
	.webform-submission-reservation-form{
		display:block;
		max-width:300px;
		margin:0 auto;
	}
}
@media screen and (min-width: 1241px) and (max-width:1550px){
	.webform-submission-reservation-form{
		display:block;
		max-width:300px;
		margin:0 auto;
	}
}