@charset "utf-8";
/* CSS Document */

body{
    font-family: Roboto,Tahoma,Geneva,sans-serif !important;
	margin: 0;
	font-weight: 300 !important;
}
a:link{
color: white;	
}
a:hover{
	color: white;
	text-decoration: none;
}
a:visited {
  color: pink;
	text-decoration: none;
}
@media only screen and (min-width : 100px) and (max-width : 869px) {
	#wrapperrandomimages {
	width: 100%;
	height: 300px;
	/* background-color: red; */
}
	#booking_form {
	position: absolute;
	/* top: 45%; */
	/* left: 25%; */
	width: 90%;
	background-color: rgba(77, 77, 77, 0.6);
	right: 25%;
	padding: 10px;
	border-radius: 5px;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
	#dates {
	width: 100%;
	float: left;
	margin-bottom: 3%;
}
	#pax {
	width: 100%;
	float: left;
	height: 50px;
	background-color: white;
	/*! margin-left: 1%; */
	cursor: pointer;
	/* padding-top: 10px; */
	margin-bottom: 3%;
}
	#submit_button {
	width: 100%;
	float: left;
	/*! margin-left: 1%; */
	text-align: center;
}
	#main_content {
	width: 100%;
	float: left;
	min-height: 200px;
}
	.info {
	width: 100%;
	float: left;
	position: relative;
}
.counter {
  width: 100%;
  float: left;
  position: relative;
}
.meter {
  width: 10%;
  float: left;
  position: absolute;
  bottom: 0;
  right: 60px;
}
#contact_left {
	width: 100%;
	float: left;
}
#middle_title {
	width: 100%;
	float: left;
	background-color: #d8d8d845;
	position: relative;
	z-index: -99999;
}
#contact_right {
	width: 100%;
	float: left;
}
#contact_left_top {
  width: 100%;
  float: left;
}
#contact_left_bottom {
  width: 100%;
  float: left;
}
.fsp-wrapper {
	width: 100%;
}
	.info_wrapper {
	width: 100%;
	float: left;
	/* background-color: yellowgreen; */
	text-align: center;
	padding: 5%;
	font-size: 40px;
	font-weight: 100 !important;
}
}
@media only screen and (min-width : 870px) and (max-width : 1199px) {
	#wrapperrandomimages {
	width: 100%;
	height: 430px;
	/* background-color: red; */
}
	#booking_form {
	position: absolute;
	/* top: 45%; */
	/* left: 25%; */
	width: 70%;
	background-color: rgba(77, 77, 77, 0.6);
	right: 25%;
	padding: 10px;
	border-radius: 5px;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
	#dates {
	width: 100%;
	float: left;
}
#pax {
	width: 49%;
	float: left;
	height: 50px;
	background-color: white;
	/* margin-left: 1%; */
	cursor: pointer;
	/* padding-top: 10px; */
	margin-top: 2%;
}
#submit_button {
	width: 49%;
	float: left;
	margin-left: 1%;
	text-align: center;
	margin-top: 2%;
}
		#main_content {
	width: 100%;
	float: left;
	min-height: 200px;
}
	.info {
	width: 50%;
	float: left;
	position: relative;
}
.counter {
  width: 100%;
  float: left;
  position: relative;
}
.meter {
  width: 10%;
  float: left;
  position: absolute;
  bottom: 0;
  right: 60px;
}
#contact_left {
	width: 100%;
	float: left;
}
#contact_middle {
	width: 100%;
	float: left;
}
#contact_right {
	width: 100%;
	float: left;
}
#contact_left_top {
  width: 100%;
  float: left;
}
#contact_left_bottom {
  width: 100%;
  float: left;
}
.fsp-wrapper {
	width: 25%;
}
}
@media only screen and (min-width: 1200px) {
	#wrapperrandomimages {
	width: 100%;
	height: 950px;
	/* background-color: red; */
}
	#booking_form {
	position: absolute;
	/* top: 45%; */
	/* left: 25%; */
	width: 60%;
	background-color: rgba(77, 77, 77, 0.6);
	right: 25%;
	padding: 10px;
	border-radius: 5px;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
	#dates {
	width: 50%;
	float: left;
}
	#pax {
	width: 24%;
	float: left;
	height: 50px;
	background-color: white;
	margin-left: 1%;
	cursor: pointer;
	/* padding-top: 10px; */
}
	#submit_button {
	width: 24%;
	float: left;
	margin-left: 1%;
	text-align: center;
}
		#main_content {
	width: 100%;
	float: left;
	min-height: 200px;
}
.info {
	width: 20%;
	float: left;
	position: relative;
}
.counter {
  width: 100%;
  float: left;
  position: relative;
}
.meter {
  width: 10%;
  float: left;
  position: absolute;
  bottom: 0;
  right: 60px;
}
#contact_left {
	width: 33.3%;
	float: left;
}
#contact_middle {
	width: 33.3%;
	float: left;
}
#contact_right {
	width: 33.3%;
	float: left;
}
#contact_left_top {
  width: 100%;
  float: left;
}
#contact_left_bottom {
  width: 100%;
  float: left;
}
.fsp-wrapper {
	width: 25%;
}
}
#top_bar {
	width: 100%;
	float: left;
	padding: 0% 2%;
	color: white;
	background-color: #8ecfb1;
	position: fixed;
	top: 0;
	z-index: 100;
}
.espa {
	width: 100%;
	float: left;
	background-image: url("/images/espa.png");
	background-size: contain;
	background-repeat: no-repeat;
	height: 120px;
	background-position: 0;
	position: absolute;
}
.hide_espa {
		display: none;
}
.logo {
	width: 100%;
	float: left;
	background-image: url("/images/logo_white.png");
	background-size: contain;
	background-repeat: no-repeat;
	height: 120px;
	background-position: 50%;
}
.scroll_bar {
	width: 100%;
	float: left;
	background-image: url("/images/logo_white.png");
	background-size: contain;
	background-repeat: no-repeat;
	height: 60px;
	background-position: 0;
}
#text {
  width: 30%;
  float: left;
}
/*#menu {
  width: 50%;
  float: left;
}*/	
#image_wrapper {
}
#image_wrapper {
  width: 100%;
  float: left;
	margin-top: 90px;
}
#image_container {
  width: 100%;
  float: left;
  position: relative;
}
#image {
	width: 100%;
	height: 100%;
/*	background-image: url(../images/main_page/main_page_blue.jpg);*/
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

button  {
	width: 100%;
	float: left;
	background-color: white;
	filter: none;
	background-image: url(/images/search_mag.png);
	background-position: 99% center;
	background-repeat: no-repeat;
	border: medium none;
	cursor: pointer;
	height: 50px;
	color: #a28a5d;
	margin: 0;
	padding: 0;
	text-align: center;
	/* padding-left: 20%; */
	font-weight: 200;
	font-size: 22px;
}
button:hover {
	background: #8ecfb1;
	letter-spacing: 1px;
	-webkit-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57);
	-moz-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57);
	box-shadow: 5px 40px -10px rgba(0,0,0,0.57);
	transition: all 0.4s ease 0s;
	color: white;
	background-image: url(/images/search_mag.png);
	background-position: 99% center;
	background-repeat: no-repeat;
}
input[name='NCS'], #date {
    height: 38px;
    min-width: 300px;
    border-radius: 5px;
    padding: 0 5px;
    border: 0.5px solid #cccccc;
    font-size: 16px;
}
.guests_selector {
	position: relative;
	/* margin: 10px; */
	height: 50px;
	cursor: pointer;
	/* padding-top: 11px; */
	display: table;
	width: 100%;
}
.guests_select_wrapper {
	width: 100%;
	height: 50px;
	/* background-color: red; */
	/* float: left; */
	display: table-cell;
	overflow: hidden;
	vertical-align: middle;
	position: relative;
}
.guests_select {
	/* padding: 6%; */
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
	/* background-color: red; */
	width: 100%;
	height: 50px;
	font-weight: 200;
	line-height: 50px;
	padding-left: 2%;
	background-image: url(/images/adults_icon_arrow.png);
	background-repeat: no-repeat;
	background-position: 99% center;
}
#top_title, #video_title{
	width: 100%;
	float: left;
	text-align: center;
	padding: 5%;
	font-size: 40px;
	font-weight: 100 !important;
	cursor: pointer;
}
#middle_title {
	width: 100%;
	float: left;
	text-align: center;
	padding: 5%;
	font-size: 40px;
	font-weight: 100 !important;
	position: relative;
	z-index: -99999;
}
/*.info_wrapper {
	width: 100%;
	float: left;
	text-align: center;
	padding: 5%;
	font-size: 40px;
	font-weight: 100 !important;
}*/
.info_top {
	width: 100%;
	float: left;
	font-weight: 400;
}
#photo_gallery {
	width: 100%;
	float: left;
}
.photo_gallery, .photo_gallery1 {
	width: 100%;
	float: left;
}
#guests {
	display: none;
}
#map_canvas {
	width: 100%;
	height: 650px;
}
#footer {
	width: 100%;
	float: left;
	background-color: #838c9b;
	color: white;
	padding: 2%;
}
#logo_footer {
	width: 25%;
	background-image: url("/images/logo_white.png");
	background-size: contain;
	height: 80px;
	background-repeat: no-repeat;
	float: left;
}
#text_footer {
	width: 75%;
	float: left;
}
.gg-element {
	overflow: hidden !important;
}
.gg-element2 {
	overflow: hidden !important;
}
#contact_us {
	width: 100%;
	float: left;
	background-color: #d8d8d845;
}
#contact_us_header {
  width: 100%;
  float: left;
  padding: 5% 0;
  text-align: center;
  font-size: 44px;
}
.captcha {
  text-align: center;
  margin: 0 auto;
  position: relative;
  min-height: 200px;
}
.g-recaptcha {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.comments input {
	height: 200px;
}
#form_container {
  width: 100%;
  float: left;
  font-size: 12px;
}

.confirm_form_message {
	width: 100%;
	float: left;
	font-size: 20px;
	padding-left: 10px;
	padding-right: 10px;
}
#xml-info, #xml-info-hide {
	width: 100%;
	float: left;
}
.wait {
	width: 100%;
	float: left;
	padding: 0% 0.5%;
	text-align: center;
}
.spinner {
	width: 100%;
	text-align: center;
}
#contact_section .panel-default > .panel-heading {
	color: white;
	background-color: #4d4d4d;
	/* border-color: #4d4d4d; */
}
.fsp-close {
	background-image: url(../../images/close_black_small.png);
	text-indent: -999999px;
	white-space: nowrap;
	width: 40px;
	height: 40px;
	position: absolute;
	right: 2%;
	top: 1px;

	}
.fsp-content {
	width: 96%;
	margin-left: 2%;
	margin-right: 2%;
	margin-top: 50px;
	color: white;
}
/*#video {
  width: 100%;
  float: left;
  padding: 4% 4%;
  background-color: #4342424d;
}
#video iframe {
  width: 100%;
  height: 800px;
}*/

#video  {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-top: 56.25%; /* 16:9 Aspect Ratio */
}

.responsive_iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: none;
}
#rates {
	width: 100%;
	float: left;
	padding: 4% 5%;
}
.rates_header {
	width: 100%;
	float: left;
	text-align: center;
	font-size: 40px;
	font-weight: 100;
	margin-bottom: 5%;
	margin-top: 4%;
}
.table_rates {
	width: 100%;
	display: table;
	border-spacing: 0px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
}
.table_rates:nth-of-type(2n+1) {
	background-color: #c8c9cb;
}
.cell_wrapper {
  display: table-row;
  width: 100%;

}
.cell_wrapper:nth-of-type(2n+1) {
	background-color: #7ea4d5;
	color: white;
}
.odd_wrapper {
  display: table;
  width: 100%;
  /*! text-align: center; */
  table-layout: fixed;
  border-collapse: collapse;
}
.range_header {
	background-color: #838c9b;
	font-size: 25px;
}
.odd, .range_header {
	display: table-row;
	width: 100%;
	padding: 5%;
	border-bottom: solid 1px eacea7;
	/* background-color: green; */
}
.from {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	word-wrap: break-word;
	padding: 1%;
	border-right: solid 1px #838c9b;
}
.to {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	border-right: solid 1px #838c9b;
}
.rate {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
@media only screen and (min-width : 100px) and (max-width : 869px) {
	
#calendar_section {
	width: 100%;
	float: left;
	padding: 4% 0%;

}
#calendar {
	width: 100%;
	float: left;
	min-height: 800px;
	padding: 0% 0%;
}	
}
@media only screen and (min-width: 1200px) {
#calendar_section {
	width: 100%;
	float: left;
	padding: 4% 5%;

}
#calendar {
	width: 100%;
	float: left;
	min-height: 800px;
	padding: 0% 10%;
}	
}

.cal_desktop {
	width: 100%;
	height: 1250px;
}
.cal_mobile {
	width: 100%;
	height: 800px;
}
#reviews {
	width: 100%;
	float: left;
	padding: 0 5%;
}
.checkmark {
	display: inline-block;
	transform: rotate(45deg);
	height: 25px;
	width: 12px;
	margin-left: 60%;
	border-bottom: 7px solid #7ea4d5;
	border-right: 7px solid #7ea4d5;
}
#facilities {
	width: 100%;
	float: left;
	position: relative;
	z-index: -99999;
}

@media only screen and (min-width : 100px) and (max-width : 869px) {
.facilities_row {
	width: 100%;
	float: left;
}
	.checkmark_wrapper {
  width: 20%;
  float: left;
}
.facilities_desription {
  width: 80%;
  float: left;
  line-height: 25px;
}
}
@media only screen and (min-width: 1200px) {
	.facilities_row {
	width: 33.3%;
	float: left;
}
	.checkmark_wrapper {
  width: 10%;
  float: left;
}
.facilities_desription {
  width: 90%;
  float: left;
  line-height: 25px;
}
}

	/* Paste this css to your style sheet file or under head tag */
/* This only works with JavaScript, 
if it's not present, don't show loader */
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	/*background: url("/images/Preloader_2.gif") center no-repeat #fff;*/
	background-color: #434444e8;
	color: white;
	font-size: 28px;
	font-weight: 100;
	text-align: center;
	padding-top: 10%;
	/* opacity: 0.9; */
}
.loader{
	-webkit-perspective:700px;
	perspective: 700px;
}
@media only screen and (min-width : 100px) and (max-width : 869px) {
.loader>span{
	font-size: 70px;
/*	font-family: "franklin gothic medium",sans-serif;*/
	display: inline-block;
	animation:flip 2.6s infinite linear;
	transform-origin:0 70%;
	transform-style:preserve-3d;
	-webkit-transform-style:preserve-3d;
}	
}
@media only screen and (min-width: 1200px) {
	.loader>span{
	font-size: 130px;
/*	font-family: "franklin gothic medium",sans-serif;*/
	display: inline-block;
	animation:flip 2.6s infinite linear;
	transform-origin:0 70%;
	transform-style:preserve-3d;
	-webkit-transform-style:preserve-3d;
}
}

@media only screen and (min-width : 100px) and (max-width : 1199px) {
.info_wrapper {
	width: 100%;
	float: left;
	/* background-color: yellowgreen; */
	text-align: center;
	padding: 5%;
	font-size: 40px;
	font-weight: 100 !important;
}
}
@media only screen and (min-width : 1200px) and (max-width : 1449px) {
.info_wrapper {
	width: 100%;
	float: left;
	/* background-color: yellowgreen; */
	text-align: center;
	padding: 5%;
	font-size: 20px;
	font-weight: 100 !important;
}
}
@media only screen and (min-width : 1450px) and (max-width : 1649px) {
.info_wrapper {
	width: 100%;
	float: left;
	/* background-color: yellowgreen; */
	text-align: center;
	padding: 5%;
	font-size: 30px;
	font-weight: 100 !important;
}
}
@media only screen and (min-width: 1650px) {
.info_wrapper {
	width: 100%;
	float: left;
	/* background-color: yellowgreen; */
	text-align: center;
	padding: 5%;
	font-size: 40px;
	font-weight: 100 !important;
}
}
@keyframes flip{
	35%{
		transform: rotateX(360deg);
	}
	100%{
		transform: rotatex(360deg);
	}
}


.loader>span:nth-child(even){
	color:#8ecfb1;

}

.loader>span:nth-child(2){
	animation-delay: 0.3s;
}

.loader>span:nth-child(3){
	animation-delay: 0.6s;
}

.loader>span:nth-child(4){
	animation-delay: 0.9s;
}

.loader>span:nth-child(5){
	animation-delay: 1.2s;
}

.loader>span:nth-child(6){
	animation-delay: 1.5s
}

.loader>span:nth-child(7){
	animation-delay: 1.8s
}
.shownextyear, .hidenextyear {
	width: 100%;
	float: left;
	text-align: center;
	margin-top: 2%;
	font-size: 20px;
	cursor: pointer;
}
#platforms {
	width: 100%;
	float: left;
	background-color: #8ecfb1;
	margin-bottom: 5%;
}
@media only screen and (min-width : 100px) and (max-width : 869px) {
	.slider {
		width: 100%;
		margin: 0px auto;
	}
	  }
@media only screen and (min-width: 1200px) {
	.slider {
		width: 50%;
		margin: 30px auto;
	}
}
    .slick-slide {
      margin: 0px 20px;
    }

    .slick-slide img {
      width: 100%;
    }

    .slick-prev:before,
    .slick-next:before {
      color: black;
    }


    .slick-slide {
      transition: all ease-in-out .3s;
      opacity: .2;
    }
    
    .slick-active {
      opacity: 1;
    }

    .slick-current {
      opacity: 1;
    }