/*
Theme Name: Beck & Caul
Theme URI: http://www.beckandcaul.co.nz
Author: Beck & Caul
Version: 1.0

*/

/* new contact form*/
@media all and (max-width: 700px) {

	.gform_wrapper {
		width: 90%;
		margin-left: 5%;
	}

}

.gform_fields input {
	width: 100% !important;
    padding: 20px !important;
	margin: 0 !important;
}

.gform_fields .ginput_container {
	margin: 0 !important;
}

.gform_button {
	background: #9a1f3f;
    color: #FFF;
    padding: 20px 80px !important;
}

.gform_button:hover {
	cursor: hover;
	opacity: 0.8;
}

.gform_confirmation_message {
	font-size: 21px;
	text-align: center;
}


.footernav,
.inner,
.whats_on_content{
  	max-width: 1200px;
  	margin: 0 auto;
}

@media only screen and (min-width:960px){
    .header_slider,
    .welcome_top,
    .full_image,
    .welcome_bottom,
    #map,
    body .contact_content{
    	margin-left: 12px;
    	margin-right: 12px;
    }
    #map{ width: calc(100% - 20px); }
}


/* =Reset default browser CSS.
-------------------------------------------------------------- */

/*ARROWS*/
@font-face {
    font-family: 'Arrows';
    src: url('fonts/arrows/Glyphter.eot');
    src: url('fonts/arrows/Glyphter.eot?#iefix') format('embedded-opentype'),
         url('fonts/arrows/Glyphter.woff') format('woff'),
         url('fonts/arrows/Glyphter.ttf') format('truetype'),
         url('fonts/arrows/Glyphter.svg#Glyphter') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Generated by Glyphter (http://www.glyphter.com) on  Wed Sep 07 2016*/
@font-face {
    font-family: 'Glyphter';
    src: url('fonts/Glyphter.eot');
    src: url('fonts/Glyphter.eot?#iefix') format('embedded-opentype'),
         url('fonts/Glyphter.woff') format('woff'),
         url('fonts/Glyphter.ttf') format('truetype'),
         url('fonts/Glyphter.svg#Glyphter') format('svg');
    font-weight: normal;
    font-style: normal;
}
[class*='icon-']:before{
	display: inline-block;
   font-family: 'Glyphter';
   font-style: normal;
   font-weight: normal;
   line-height: 1;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale
}
.icon-facebook:before{content:'\0041';}
.icon-twitter:before{content:'\0042';}
.icon-googleplus:before{content:'\0043';}
.icon-youtube:before{content:'\0044';}
input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	font-family: 'Josefin Sans', sans-serif;
	font-size: 15px;
	line-height: 26px;
}


html{position:relative;/* overflow-x:hidden; */height: 100%;display: block;}
body {position:relative;overflow-x:hidden;height:100%;display: block;}
body .main{position:relative;height: 100%;display:block;overflow: visible;}
p {margin-bottom:10px;}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
}
img{ max-width:100%;}
h1{
	color: #39385C;
	font-size:54px;
	line-height:55px;
	font-weight:normal;
	margin-bottom:40px;

  font-size: 18px;
  line-height: 32px;
  text-transform: uppercase;

}

ol, ul{ margin-left:20px; padding-left:5px; }

blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.logo{ image-rendering: -moz-crisp-edges;         /* Firefox */
	image-rendering:   -o-crisp-edges;         /* Opera */
	image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
	image-rendering: crisp-edges;
	-ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */ }


a{
	color:black;
	text-decoration:none;
}
.acf-map {
	width: 100%;
	height: 300px;
	border: #ccc solid 1px;
	margin: 20px 0;
}
#sending, #sent{display:none;}
input, select, textarea{box-sizing: border-box;}

#savetarget{ padding: 0; margin: 0; border: 0; display: block; width: 0; height: 0; }

.ninesixty{ width:100%; max-width:960px; position:relative; margin:0 auto; }
.clear{clear:both;}
.cl5{ height:5px;}
.cl10{ height:10px;}
.cl20{height:20px;}
.cl30{height:30px;}
.cl40{height:40px;}
.cl50{height:50px;}
.cl60{height:60px;}
.cl70{height:70px;}
.cl80{height:80px;}
.cl90{height:90px;}
.cl100{height:100px;}
.smartphoneonly{ display: none; }

div, input, span, a{ transition:all 0.5s ;  -webkit-transition:all 0.5s ;  -o-transition:all 0.5s ;  -moz-transition:all 0.5s  }
.mapdiv, .mapdiv div, div#map, #map div{ transition:all 0s ;  -webkit-transition:all 0s ;  -o-transition:all 0s ;  -moz-transition:all 0s }

::selection {
  background: #f6c212; /* WebKit/Blink Browsers */
  color:#FFF;
}
::-moz-selection {
  background: #f6c212; /* Gecko Browsers */
   color:#FFF;
}
::placeholder{ color:#737373; }

/*STAY AND EXPLORE*/
	.exp_intro_map{ width:40%; float:left; }
		.exp_intro_text{ width:60%; float:left; box-sizing:border-box; padding:0 0 0 70px; box-sizing:border-box; }

      @media only screen and (max-width:768px){
      	.exp_intro_text{ padding-left: 20px; padding-right: 10px;}
     }


		.exp_intro_text h2{ padding-bottom:20px;}

	.exp_lising{display:table; clear:both; margin-bottom:40px; position:relative;  }
	.exp_icon{width: 15%;/* float: left; */text-align:center;display:block;display:table-cell;vertical-align: middle;}
		.exp_icon img{max-width:80%;max-height:60%;/* position:relative; *//* top:50%; *//* transform:translateY(-50%); */}
	.exp_content{width: 63%;/* float:left; */box-sizing:border-box;padding:0 40px;display:table-cell;vertical-align: top;}
		.exp_title{ font-size:24px; font-weight:bold; padding-bottom:10px; }
	.exp_map{ display:table-cell;}
		.exp_map img{width: 230px;}

	.md-trigger:after{ content:"Click for itinerary"; display:block; font-size:12px; text-align:center; font-style:italic;}

.headbar{position:fixed; width:100%; height:75px; background:#FFF; z-index:10;}
.scrolltop{position:fixed; width:100%; height:125px; background:#76573D; z-index:5; top:125px; display:none; box-shadow: 5px 3px 5px 5px rgba(0,0,0,0.3);}
.background{ width:100%; height:100%; }
.bggradient{
	position:absolute;
	top:0px;
	width:100%;
	height:40%;
	background: -moz-linear-gradient(top,  rgba(107,74,43,1) 0%, rgba(107,74,43,1) 21%, rgba(107,74,43,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(107,74,43,1)), color-stop(21%,rgba(107,74,43,1)), color-stop(100%,rgba(107,74,43,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(107,74,43,1) 0%,rgba(107,74,43,1) 21%,rgba(107,74,43,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(107,74,43,1) 0%,rgba(107,74,43,1) 21%,rgba(107,74,43,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(107,74,43,1) 0%,rgba(107,74,43,1) 21%,rgba(107,74,43,0) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(107,74,43,1) 0%,rgba(107,74,43,1) 21%,rgba(107,74,43,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b4a2b', endColorstr='#006b4a2b',GradientType=0 ); /* IE6-9 */
}



/*EXPLORE*/
	.secondary_image{background-size:cover !important;background-position:50% !important;position:relative;}

  hr{
    border: 1px solid #EEEEEE;
  }


	.features{margin:50px auto 100px;max-width:1250px;text-align:center;margin-top: 100px;}
		.features h2{ margin-bottom:50px; font-weight:normal;text-transform: uppercase;font-size: 18px; line-height: 32px; color: #39385C;}
		.cols{ column-count:4; text-align:left; column-gap:20px;  }
		.feature_content{ -webkit-column-break-inside: avoid;   page-break-inside: avoid;     break-inside: avoid; }
		.cols .feature{display:inline-block;margin-bottom:10px;font-size:15px;font-weight:800;padding-left: 65px;position:relative;height: 57px; width: 100%;padding-right: 20px;box-sizing: border-box;}
			.feature_icon{width:50px;height:50px;background-color: #F2F2F2;background-size: 65% 65%;background-repeat: no-repeat;background-position: 50% !important;border-radius: 50%;position: absolute;display: inline-block;left: 0;top: 50%;transform: translateY(-50%);}
			.fetaure_text{display:inline-block;position:relative;top:50%;transform:translateY(-50%);font-weight: normal; font-size: 13px; line-height: 18px; color: #39385C;}
	.features_outro{ display:Block; padding-top:70px; }
		.features_outro a{ display:block; font-size:24px; line-height:24px; color:#3F3E66; padding-top:5px; }

/*FOOTER*/
	.footer{
		padding: 80px 0 80px;
		background: #3F3E66;
		}

    #menu-footer-menu { margin-left: 0; padding-left: 0; }
    #menu-footer-menu #menu-item-52 { 	padding-left: 10px; }

		.footernav{ }
			.footernav li{display:inline;list-style:none;float: unset;margin: 0;padding: 0 20px;}
			.footernav .page_item a:first-of-type, .footernav li a{color:#ffffff;line-height:20px;display:inline;text-transform:uppercase;font-weight:500;padding: 0; letter-spacing: 0.15em;font-size: 11px; line-height: 14px;}
			.footernav li a:after{ display:none; }
      .footernav li a:hover{ text-decoration: underline;}

		.footercontact{margin-top: 60px;}
			.footercontact *, .footercontact a{ font-size:18px; font-weight:300; color:#FFF; padding:0 10px; letter-spacing: 0.15em; line-height: 35px; text-transform: uppercase; }
      .footercontact .slides li{ width: auto !important; padding: 0;}


      .footercontact a{font-weight:700; text-decoration: underline; letter-spacing: 0.15em;}
			.footerhead{ font-weight:bold; color:#f6c212; }
			.orspan{ padding-left:10px; display:inline-block;}
    .footer_separator{width: 20px;height: 0;background: #f6c212;padding: 0 0 0 0px;margin: 16px auto 0;display: block; /* clear: both; */}
			.footer_social{  }
				.footer_social a{ padding:0 4px }
				.facebook{background: url('img/icons/facebook-white.svg'); background-size:contain; background-repeat:no-repeat; width:21px; height:20px; display:inline-block; position:relative; top:10px; padding:0;}
				.instagram{background: url('img/icons/instagram-white.svg'); background-size:contain; background-repeat:no-repeat; width:21px; height:20px; display:inline-block; position:relative; top:10px; padding:0;}
				.tripadvisoricon{background: url('img/icons/icon_tripadvisor.svg'); background-size:contain; background-repeat:no-repeat; width:30px; height:33px; display:inline-block; position:relative; top:10px; padding:0;}

	.footer_awards{background:#3F3E66;text-align:center;padding: 45px 0; float: right; padding: 0px;}
		.award{width:100%;height:100%;display:block;/* height: 105px; */ padding: 0 2px;}
		.footer_awards img{max-height: 86px;}
			.footer_awards li:last-child img{max-height: 86px;}
		.award_slider{max-width: 600px;position:relative;display:block;left:50%;transform:translateX(-50%);}


	.footerbc{background: #3F3E66;color: #ffffff;text-align:center;padding:20px 0;}
	.footerbc a{color: #ffffff; text-transform: uppercase;}
	.footerbc .float_left{ float:left; padding-left:20px;font-size: 11px; line-height: 14px;}
	.footerbc .float_right{ float:right; padding-right:20px; font-size: 11px; line-height: 14px;}

/*DEFAULT*/
	.header_social{display:block;float:right;margin-left: 15px;}
  .book_now {display:block;float:right;margin-left: 0px;}
  .book_now a {
  	display: block;
  	background: #9A1F40;
  	max-width: 267px;
  	text-align: center;
  	text-transform: uppercase;
  	font-weight: 500;
  	color: #ffffff;
  	padding: 14px 40px;
  	font-size: 13px;
  	line-height: 14px;
    border: 2px solid #ffffff;
}

.book_now a:hover {
  border: 2px solid #9A1F40;
  color: #9A1F40;
  background-color: #ffffff;
}

		.header_social .facebook{background: url('img/icons/facebook.svg'); background-size:contain; background-repeat:no-repeat; width:17px; height:17px; display:inline-block; position:relative; top:10px; padding:0;}
		.header_social	.instagram{background: url('img/icons/instagram.svg'); background-size:contain; background-repeat:no-repeat; width:17px; height:17px; display:inline-block; position:relative; top:10px; padding:0;}
		.header_social	.tripadvisoricon{background: url('img/icons/icon_tripadvisor_top.svg'); background-size:contain; background-repeat:no-repeat; width:30px; height:33px; display:inline-block; position:relative; top:10px; padding:0;}
    .header_contact{ position:absolute; right:50px; top:20px;  }
        .headerphone {font-weight: bold;color: #f6c212;	}
		.header_contact *, .header_contact a {font-size: 20px;font-weight: 300;	padding: 0 10px;}
		.header_contact a:last-child{ padding-right:0;}
		.header_contact .orspan{ padding:0; }
	.booknowbutton{
  /* position:fixed;right: -96px;line-height:34px;bottom: 70px;background:#9A1F40;transform:rotate(90deg);padding: 72px 80px 20px 40px;border-radius: 33px;z-index: 999999999;color: #FFF;text-transform: uppercase;font-weight: bold;font-size: 17px; */
  position: fixed;
  right: -67px;
  bottom: 285px;
  background: #9A1F40;
  transform: rotate(270deg);
  padding: 23px 36px 60px 70px;
  z-index: 999999999;
  color: #FFF;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 13px;
  line-height: 14px;
  text-decoration: underline;
}
	 .booknowbutton .booknowspan:before{content:"";display:inline-block;width:16px; height:15px;position:absolute;background: url("img/icons/book-now.svg") no-repeat;background-size:contain;bottom: 66px;
left: 39px; transform:rotate(-270deg);}

  /*
   	@media only screen and (max-width:960px){
      body .booknowbutton *,

      body .specialsbutton *{
          font-weight: bold;
          font-size: 11px;
          line-height: 14px;
      }

       .booknowbutton .booknowspan:before{ bottom: 39px; left: 30%; }
       body .specialsbutton:before{ bottom: 39px; left: 30%; }

     }
 */

		.booknowbutton:hover{ right:-49px;  }
		.booknowbutton *, .booknowbutton a:link{ font-size:inherit; color:inherit;  }
    /* .specialsbutton{position:fixed;right: -122px;line-height:34px;bottom: 325px;background:#f6c212;transform:rotate(90deg);padding: 72px 80px 20px 40px;border-radius: 33px;z-index: 999999999;color: #FFF;text-transform: uppercase;font-weight: bold;font-size: 17px;} */
    .specialsbutton {
	position: fixed;
	right: -100px;
	bottom: 507px;
	background: #3F3E66;
	transform: rotate(270deg);
	padding: 23px 36px 60px 67px;
	z-index: 999999999;
	color: #FFF;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 13px;
	line-height: 14px;
	text-decoration: underline;
}

    .specialsbutton::before {
    	content: "";
    	display: inline-block;
    	width: 20px;
    	height: 19px;
    	position: absolute;
    	background: url("img/icons/speicals-check.svg") no-repeat;
    	background-size: contain;
    	bottom: 63px;
    	transform: rotate(-270deg);
    	left: 36px;
    }

		/* .specialsbutton .booknowspan:before{  background:url("img/icons/icon_specials.svg") no-repeat;  } */
		.specialsbutton:hover{ right:-76px;  }
		.specialsbutton *, .specialsbutton a:link{ font-size:inherit; color:inherit;  }

	.main_content{ padding:125px 0; }
		.main_content.experience{ padding-bottom:0px; }
		.main_content .ninesixty{ max-width:700px; text-align:center; }
		.environmental-policy .ninesixty{ text-align:left; margin:150px auto 50px auto}
			.main_content.video-tour .ninesixty{ max-width:1280px; }
			.video-tour iframe{ width:100%; height:600px; }
		.main_content .ninesixty p{ margin-bottom:20px; color: #39385C;}
	.header{top:0;position: fixed;top: 0;z-index: 999999;width: 100%;height: 89px;background: #FFFFFF;}

	.logo{position:relative;top:63%;left: 0px;display:block;width: auto; margin-top: 25px;}
		.logo img{ max-height:100%; height: auto; }
	.nav-up, .nav-down {top: 0;height: 70px;box-shadow: 0 0 10px 0 rgba(0,0,0,0.4);}
	.nav-up .logo, .nav-down .logo{ height:50px; }
  .nav-up .logo, .nav-down .logo{ margin-top: 13px; }
	.nav-up .header_social, .nav-down .header_social{top:-90px; }
	.nav-up .header_contact, .nav-down .header_contact{top:-90px; }


  .nav-up .menubar, .nav-down .menubar { bottom:48px; }
	.header_image{
		    position: relative;
		    margin-top: 89px;
		    display: block;
		    clear: both;
		    height: 684px;
		    background-position:50% !important;
		    background-size:cover !important;
		  }
		 .header_image:before{ content:""; width:100%; height:50%; position:absolute; bottom:0; left:0; z-index:99;
			/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+1,0.72+100 */
				background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 1%, rgba(0,0,0,0.72) 100%); /* FF3.6-15 */
				background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.72) 100%); /* Chrome10-25,Safari5.1-6 */
				background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.72) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#b8000000',GradientType=0 ); /* IE6-9 */
		}
	.header_slider {
		    height: 684px; ;
		    position: relative;
		    margin-top: 89px;
		    display: block;
		    clear: both;
		}
		.header_slider.home{  height: calc( 100% - 89px);}
		.header_slider:before{ content:""; width:100%; height:50%; position:absolute; bottom:0; left:0; z-index:99;
			/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+1,0.72+100 */
				background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 1%, rgba(0,0,0,0.72) 100%); /* FF3.6-15 */
				background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.72) 100%); /* Chrome10-25,Safari5.1-6 */
				background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.72) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#b8000000',GradientType=0 ); /* IE6-9 */
		}
		.flexslider, .flexslider .slides{ display:block; height:100%; width:100%; position:relative; }
		.flexslider .slides{ margin:0; padding:0;}
		.hs_image {
		    height: 100%;
		    background-size: cover!important;
		    background-position: 50%!important;
		}

		.flexslider .slides>li {
		    position: relative;
		    width: 100%;
		    height: 100%;
		    background: #444
		}
		.flex-direction-nav{ display:none; }

		.slider_title{ position:absolute; top:50%; transform:translateY(-50%); left:50%; margin-left:-500px; }
			.slider_title h1{ color:#FFF; font-size:50px; line-height:50px;}
			.slider_title h2{ color:#FFF; font-size:30px; line-height:30px;}

/*HOME*/
	.premier{position:absolute;z-index:999;bottom: 32%;left:50%;transform:translateX(-50%);width:235px;height:206px;}
		.premier #premier-svg{ -webkit-filter: drop-shadow(0 2px 17px rgba(0,0,0,0.5));  filter: drop-shadow(0px 2px 17px rgba(0,0,0,0.5)); }
		.bookdirect{position: absolute;z-index:999;bottom: 43%;left:50%;width:600px;transform: translateX(-50%);font-weight:300;margin-bottom: 0;text-align: center;}
    .bookdirect {bottom:20%;}
    .page-home .bookdirect{ bottom: 43%; }

    @media only screen and (max-width:960px){ .bookdirect{ width: 90%; } }

			.subpagedirect{ width:900px; }
		.bookdirect span{color:#FFF;font-size: 32px; line-height: 36px;clear:both;display:block; font-weight: 700; text-transform: uppercase;letter-spacing: 0.15em;
text-shadow: 0px 0px 100px #000000, 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 200px rgba(0, 0, 0, 0.25), 0px 4px 20px #000000;
    }
	  .bookdirect a img{margin-left: 10px;}
    .bookdirect a {
      letter-spacing: 0.15em;
    	display: block;
    	background: #ffffff;
    	max-width: 350px;
    	margin: 40px auto 0;
    	text-align: center;
    	text-transform: uppercase;
    	font-weight: 600;
    	color: #9A1F40;
    	padding: 18px 0px;
    	font-size: 11px;
    	line-height: 14px;
    }

			.bookdirect a:hover{
         background: #9A1F40;
         color: #ffffff;
       }

       .arrow-hover{
   -webkit-transition: opacity 200ms linear;
   -moz-transition: opacity 200ms linear;
   -o-transition: opacity 200ms linear;
   -ms-transition: opacity 200ms linear;
   transition: opacity 200ms linear;
}

       .bookdirect a .arrow-hover{ display:none;}
       .bookdirect a:hover .arrow-hover{
         display: inline-block;
       }
       .bookdirect a:hover .arrow{display:none;}

        .scrolldown {
        	position: absolute;
        	z-index: 999;
        	bottom: 0px;
        	left: calc(50% - 7px);
          margin-left: -24px;
        	width: 60px;
        	height: 60px;
        	transform: translateX(-50%);
        	margin-bottom: 0;
        	text-align: center;

          animation: updown 2s ease infinite;
        }

        /* Animate scrolldown */
        @keyframes updown {
        0% {
          transform: translateY(-25%);
        }

        50% {
          transform: translateY(25%);
        }

        100% {
          transform: translateY(-25%);
        }
      }

	.hbcontainer{ /* margin-top:150px; */ position:relative;z-index:9;  }
		.hotbuttons{max-width:877px;padding-bottom: 417px;display:block;position:relative;margin:0 auto;}
			.hotbuttons a{display:block;float:left;width: calc( 25% - 24px );margin-left:24px;padding-top: 0;}
				.hotbuttons a:first-of-type{ margin-left:0; }

				.hotbuttons a:nth-of-type(1) span{ background:#F6C212; }
					.hotbuttons a:nth-of-type(1) span:before{ content:""; position:absolute; bottom:60px; background:url("img/icons/icon_booknow.svg") no-repeat; width:40%;  left:30%; height:50%; background-position:50%; background-size:contain;}
					.hotbuttons a:nth-of-type(1) span:after{ content:"book now"; position:absolute; bottom:40px; color:#FFF; text-align:center; width:100%; font-size:20px; font-weight:300; }

				.hotbuttons a:nth-of-type(2) span{ background:#A77E2B; }
					.hotbuttons a:nth-of-type(2) span:before{ content:""; position:absolute; bottom:60px; background:url("img/icons/icon_360.svg") no-repeat; width:50%;  left:25%; height:50%; background-position:50%; background-size:contain;}
					.hotbuttons a:nth-of-type(2) span:after{ content:"video tour"; position:absolute; bottom:40px; color:#FFF; text-align:center; width:100%; font-size:20px; font-weight:300; }

				.hotbuttons a:nth-of-type(3) span{ background:#4D4D4D; }
					.hotbuttons a:nth-of-type(3) span:before{ content:""; position:absolute; bottom:60px; background:url("img/icons/icon_specials.svg") no-repeat; width:38%;  left:31%; height:50%; background-position:50%; background-size:contain;}
					.hotbuttons a:nth-of-type(3) span:after{ content:"our specials"; position:absolute; bottom:40px; color:#FFF; text-align:center; width:100%; font-size:20px; font-weight:300; }

					.hotbuttons a:nth-of-type(4) span:before{ content:""; position:absolute; bottom:60px; background:url("img/icons/icon_thingstodo.svg") no-repeat; width:44%;  left:31%; height:50%; background-position:50%; background-size:contain;}
					.hotbuttons a:nth-of-type(4) span:after{content: "things to do";position:absolute;bottom:40px;color:#FFF;text-align:center;width:100%;font-size:20px;font-weight:300;}

				.hotbuttons span{width:100%; /* 20% of the viewport width */padding-top: 100%;background:black;border-radius:50%;display:block;position: relative;content: "asdfas";}
				.hotbuttons a:hover span{ background:#bb913b; box-shadow:5px 5px 10px 0px rgba(0,0,0,0.2);  }

			.hotbuttons:after{ content:""; display:block; clear:both; }

      .welcome_top{ position:relative; z-index:2;  background:#3F3E66;}
    		.welcome_top_content{max-width:830px; position:relative;margin:0 auto;color: #6D6CA0; text-transform: uppercase; /* margin-top: -100px;*/ z-index:10;padding-bottom: 40px; padding-top: 60px; text-align: center;}
    			.welcome_top_content *{color:#FFF;text-align:center;font-size: 16px;font-weight: 300; letter-spacing: 0.15em;}
    			.welcome_top_content p{ padding-bottom:20px;}
          @media only screen and (max-width:960px){
	             .welcome_top_content p { padding-bottom: 72px; }
             }
    			.welcome_top h1{text-align:center;padding:0 60px 20px; text-transform: uppercase;
            font-weight: 600;
            font-size: 18px;
            line-height: 32px;
            letter-spacing: 0.15em;
          }
          .welcome_top hr {
          	border: 1px solid #6D6CA0;
          	margin-bottom: 30px;
          	margin-top: 60px;
          }

          @media only screen and (max-width:960px){
                  .welcome_top hr {
                    margin-left: 50px;
                    margin-right: 50px;
                  }
        }

      .welcome-icon{
        font-weight: 600;
        font-size: 14px;
        line-height: 20px;
      }
      span.welcome-icon a{ font-size: 12px; color: #ffffff;
        font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.15em;
  text-decoration-line: underline;
  text-transform: uppercase;
 }

 .under-welcome-icons span{
   font-weight: 600;
   font-size: 12px;
   line-height: 32px;
   letter-spacing: 0.15em;
   text-transform: uppercase;
   color: #6D6CA0;
 }

	.welcome{ position:relative; z-index:2;  background:#fff;}

  .welcome-icon {
      width: 25%;
    	border-left: 1px #6D6CA0 solid;
      border-right: 1px #6D6CA0 solid;
      padding-bottom: 15px;
      padding-top: 10px;
  }

	@media only screen and (max-width:960px){
    .welcome-icons {  flex-wrap: wrap; }
    .welcome-icon {
      width: 45%;
      border-left: none !important;
      border-right: none !important;
    }
  }

  .welcome-icon:first-child{ border-left: none;}
  .welcome-icon:last-child{ border-right: none;}

  .welcome-icon:nth-child(1) img { 	margin-top: 10px;	margin-bottom: 10px; }
  .welcome-icon:nth-child(2) img {  margin-top: 15px; margin-bottom: 14px; }
  .welcome-icon:nth-child(3) img {  margin-top: 5px; margin-bottom: 4px; }
  .welcome-icon:nth-child(4) img {  margin-top: 10px; margin-bottom: 10px; }



  .welcome-icons { display: flex; margin-bottom: 40px;}

  @media only screen and (max-width:768px){
      .under-welcome-icons span{
        	width: 100%;
        	display: block;
      }
   }


		.welcome_content{
			max-width:782px;
			position:relative;
			margin:0 auto;
			color:#FFF;
			z-index:10;
			padding-bottom: 40px;
			padding-top: 100px;
		}
      @media only screen and (max-width:768px){
					.welcome_content{
						padding-bottom: 10px;
						padding-top: 40px;
					}
			}
			.welcome_content *{
				color:#39385C;
				text-align:center;
				font-weight: 500;
				font-size: 14px;
				line-height: 21px;
			 }
			.welcome_content p{ padding-bottom:20px; }
			.welcome h1{text-align:center;padding:0 60px 40px; text-transform: uppercase;
        font-weight: 500;
        font-size: 18px;
        line-height: 32px;
      }

      .welcome_content .button {
        margin-top: 30px;
        margin-bottom: 60px;
      }

      .welcome_content iframe {
				margin: 0 auto;
				display: block;
			}


      .button{text-align: center; display: block;}

      .button a {
      	background: #9A1F40;
      	max-width: 267px;
      	text-align: center;
      	text-transform: uppercase;
      	font-weight: 700;
      	color: #ffffff;
      	padding: 20px 40px;
      	font-size: 11px;
      	line-height: 14px;
        letter-spacing: 0.15em;
        border: 2px solid #ffffff;
      }

      .button a:hover {
        border: 2px solid #9A1F40;
        color: #9A1F40;
        background-color: #ffffff;
      }

		/*
    .welcome:after{content:"";display:block;position:absolute;background:url("img/gold_bottom.png");background-size:cover;background-position:bottom;height:350px;width:100%;z-index:3;top: 430px;}
		.welcome:before{ content:""; display:block; position:absolute;  background:url("img/gold_top.png"); background-size:cover; background-position:bottom; height:550px; width:100%; z-index:3; top:-450px; background:url("img/gold_top.png"); background-size:cover; background-position:bottom;  }
    */
	    /* .welcome.specials{margin-top:100px; padding-top:100px; } */
	    .welcome.specials:before{ height:100px;  top:-100px; }
	    .welcome.specials:after{top: -100px;}
	.welcome_bottom{ width:100%; position:relative; background-color: #F7F8FC;}

  .full_image, .bottom_image { line-height: 0px;}
  .full_image img, .bottom_image img{ width: 100%;}


  .full_image.specials img { max-height: 400px; object-fit: cover;   }


	.testimonial_slider{width: 100%;z-index: 999;}
		.testimonial_slider *{ color:#39385C; }
		.testimonial_slider li{ list-style:none; }
			.testimonial_slider .testimonial{max-width: 710px;display:block;margin:0 auto;position:relative;/* left:50%; */color: #FFF;padding: 40px 70px;box-sizing: border-box;text-align: center;font-size: 22px;}
			.testimonial *{ font-size:22px; font-weight:500;}

      .testimonial p{
        font-style: italic;
        font-weight: 500;
        font-size: 14px;
        line-height: 22px;
      }

      .testimonial strong a{font-style: normal !important;}

			.twriter{ padding-top:20px; text-transform: uppercase;}
			.twriter, .twriter *{ font-size:12px !important;  line-height:21px; font-weight:400; font-style: normal !important;}
			.twriter img{ position:relative; top:2px; padding-left:10px; }

      .whats_on_content {
        background-color: #F7F8FC;
        margin-top: 40px;
      }

  .whats_on{
      padding-top: 20px;
  }
  @media only screen and (min-width:960px){
      .whats_on{
        	padding-top: 100px;
          padding-bottom: 100px;
      }
    }

      .whats_on h2{
        font-size: 18px;
        line-height: 32px;
        text-align: center;
        color: #57385C;
      }

      .left {
      	float: left;
      	width: 400px;
        line-height: 0px;

      }
      @media only screen and (max-width:960px){
	        .left { width: 100%; text-align: center}
      }
    .right {
        float: left;
        width: 600px;
        padding: 50px 20px;
        padding-top: 75px;
        padding-left: 75px;

    }
    @media only screen and (max-width:960px){
          .right {
              width: calc(100% - 20px);
              text-align: center;
              padding: 20px 10px;
        }
    }

    .whats_on_content .right p{
      font-size: 12px;
      line-height: 22px;
      letter-spacing: 0.15em;
      color: #57385C;
      padding-top:5px;
      padding-bottom:5px;
    }
    .whats_on_content .right h3{
      font-weight: bold;
      font-size: 14px;
      line-height: 20px;
      letter-spacing: 0.15em;
      text-transform: uppercase;
      color: #57385C;
      margin-bottom: 20px;
    }

    .whats_on_content .right p a{
      letter-spacing: 0.15em;
      color: #57385C;
      font-weight: bold;
  font-size: 10px;
  line-height: 10px;
    }



    .whats_on_content::after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
}


/*CONTACT*/
	#sending, #sent{display:none;}
	.fields input, .fields textarea{width: 100%;display:block;margin-bottom:10px;padding:5px 10px;font-size:16px;height: 55px;}
	.fields textarea{ height:150px;}
	.fields label{ text-transform: uppercase; font-family: 'Raleway', sans-serif;}
.fields input[type="submit"]{ /* width: 127px;float:right;margin-right: 0;background: #F6C212;border:0;color: #FFF;text-transform: uppercase;font-weight: bold;border-radius: 29px;cursor: pointer;margin-top: 10px; */

  	float:right;
  	background: #9A1F40;
  	max-width: 267px;
  	text-align: center;
  	text-transform: uppercase;
  	font-weight: 900;
  	color: #ffffff;
  	padding: 14px 40px;
  	font-size: 11px;
  	line-height: 14px;
    border-radius: 0;
}

.fields input[type="submit"]:hover {
	border: 2px solid #9A1F40;
	color: #9A1F40;
	background-color: #ffffff;
  cursor: pointer;
}

	.contact_content{ margin:0px 0; }
		.contact_imageblock{background:url("/wp-content/themes/beckandcaul/img/villagelake_new_contact_image.jpg");width:50%;height: 524px;float:left;background-size:cover;background-position: 50% 93%;}
		.contact_details{float:left;width: 45%;max-width: 560px;margin-left: 5%;padding-top: 164px;padding-bottom: 150px;}
    	.contact_details a, .welcome.specials a{text-decoration: underline;}
		.contact_content h1{ font-size:54px; text-transform:lowercase; }

		.contact_cform{ background:#F2F2F2; padding:85px 0;   }
			.contact_cform .ninesixty{ max-width:660px;}
			.contact_cform label{ display:none; }
				.contact_cform input{ border:0; padding:20px; }
				.contact_cform textarea{width:100%;border:0;height: 266px;font-family: 'Roboto', sans-serif;padding: 15px;font-size: 15px;}
				.contact_cform .fields{margin-bottom: 15px;}
			.contact_cform h1{font-size:41px;}
			.half_field{ width:47.4%; margin:0 1.2%; float:left; }
			.g-recaptcha{ margin-left: 10px; float:right;}
	.mapdiv{width:100%;height: 435px;margin-top: 123px;}


/*MENU*/
	.main_menu{ z-index:9999; position:absolute; top:0; left:0; width:100%;  box-sizing:border-box; background:rgba(255,255,255,0.7);  }
.menubar{width: auto;float:right; /* bottom: -7px;*/ bottom: 51px; position: relative;right:0;text-align: left;height: 50px;box-sizing:border-box;padding: 0;max-width:1200px;right: 0px;/* margin-right: -850px; */}
	.menubar .first_level_menu{ float:right; }
	.submenu{ display:none; }

	.page_item	{list-style: none;padding: 0;margin: 0;float: left;/* position:relative; *//* position:relative; */}
	.page_item a:first-of-type, .page_item span{line-height: 50px;color: #3B5274;text-transform: uppercase;}
	.page_item > li	{		position: relative;		float: right;		height: 40px;		width: auto;		background: transparent;		display:block;		padding:100px 10px 20px 0px; 	}

	.first_level_menu li:hover a, .first_level_menu li.parent_of_current_page a, .first_level_menu li:hover span, .first_level_menu li.parent_of_current_page span{position:relative;z-index:1;display:block;}
	.first_level_menu li:hover a, .first_level_menu li.parent_of_current_page a, .first_level_menu li:hover span, .first_level_menu li.parent_of_current_page span{/* background: #6AA847; */ transition: all 0s;-webkit-transition: all 0s;-o-transition: all 0s;-moz-transition: all 0s;}
		.first_level_menu li:hover .first_level_submenu li a, .first_level_menu li:hover .first_level_submenu li span{
      background: transparent;
    	color: #3B5274;
    	font-weight: normal;
    	font-size: 11px;
      text-align: center !important;
  }

  .current-menu-item.page_item a {text-decoration: underline;}
  .current-menu-item.page_item .menu_item a {text-decoration: none;}
  .current-menu-item.page_item .menu_item.current-menu-item a {text-decoration: underline;}

.first_level_menu li a:hover,
.first_level_menu li .first_level_submenu li:hover a{
  text-decoration: underline;
}
	/*.current-menu-item, .current_page_parent {background: #be001a !important;}*/
	.page_item a, .page_item span {padding: 0 20px 0 20px;margin:0 10px;display: block;position: relative;font-weight: normal; font-size: 11px; line-height: 14px; letter-spacing: 1.5px;}
		/*
    .first_level_menu li:hover a:after, .first_level_menu li.parent_of_current_page a:after, .first_level_menu li:hover span:after, .first_level_menu li.parent_of_current_page span:after{content:'';position:absolute;display:block;bottom: 0;left: 50%;transform: translateX(-50%);z-index: -1; width: 70px; height: 10px;  background: #F6C212;}
*/

		.first_level_menu li:hover .first_level_submenu a:after{  content:''; display:none; }

  .menu_item_has_children:hover .first_level_submenu {
	visibility: visible;
	opacity: 1;
	padding-left: 0;
	padding-right: 0px;
	top: 50px;
	max-width: 101%;
}

.menu_item_has_children:nth-child(1).menu_item_has_children:hover .first_level_submenu {
	margin-left: -4px;
}
.menu_item_has_children:nth-child(3).menu_item_has_children:hover .first_level_submenu {
	margin-left: -72px;
}

	.first_level_submenu{background-color: #fff; display:block;z-index: unset;position:absolute;visibility: hidden;top: 100px;
     /* left: 15px;*/ /* min-height: 230px; *//* transform: translateX(-50%); */list-style: none;/* margin-left:0px; */clear:both;text-align:left;
     box-sizing:border-box;padding: 30px 40px 30px 34%;/* width: auto; */display:block;/* visibility:hidden; */opacity:0; /* transition:all 0.2s;-webkit-transition:all 0.2s;-o-transition:all 0.2s;-moz-transition:all 0.2s; */ columns: 1;column-gap: 0;}

     /* fix for nav order */

     .first_level_submenu {
      	display: flex;
      	flex-direction: column;
      }
      .first_level_submenu li:nth-child(4) { /* 3 bed room */
          order: 3;
      }
      .first_level_submenu li:nth-child(3) {  /* 1 bed room */
         order: 1;
       }
       .first_level_submenu li:nth-child(2) { /* 2 bed room */
          order: 2;
        }
        .first_level_submenu li:nth-child(5) { /* Video Tour */
            order: 4;
        }


	.first_level_submenu .menu_item a{ color: #FFF; }
	.first_level_submenu li{
								break-inside: avoid-column;
								-webkit-column-break-inside: avoid;
								page-break-inside: avoid;
								break-inside: avoid-column;
								position:relative;
								display:block;
								top: 50%;
								padding: 0 10px 0 10px;
								box-sizing: border-box;
								height: 27px;
								}
	.first_level_submenu li:first-child{display: none; }
	.first_level_submenu li:first-child div{position:absolute;display:block; width: 80%;margin: 0;top:50%;transform:translateY(-50%);padding: 0px 0;box-sizing:border-box;font-size: 20px;line-height: 20px;color:#FFF;font-weight: 500;white-space: pre-wrap;}

	.first_level_submenu li:last-child, .first_level_submenu li:last-child(1), .first_level_submenu li:last-child(2){ border-bottom:10px solid rgb(0,194,223);  }
	.first_level_submenu a{line-height: 17px !important;white-space: nowrap; padding: 6px 20px;text-align: left;transition:all 0.2s;-webkit-transition:all 0.2s;-o-transition:all 0.2s;-moz-transition:all 0.2s;font-size: 14px;font-weight: 300;text-align: center;color: #FFF;}
	.first_level_submenu li:hover a, .current-submenu-item a{ color:#ffffff; display:block; text-shadow:0 0 15px rgba(255,255,255,1) }

	.submenu_item_has_children{ position:relative; }
	.submenu_item_has_children:after{content:'A';font-family:'Arrows';-ms-transform: rotate(-90deg);-webkit-transform: rotate(-90deg);transform: rotate(-90deg);position:absolute;right:10px;color: #264348;z-index: 999;top: 4px;}
	.submenu_item_has_children:hover .second_level_submenu{visibility:visible; opacity:1; height:auto;  }
	.submenu_item_has_children:hover .second_level_submenu{visibility:visible; opacity:1; height:auto;  }
	.second_level_submenu{ width:auto;position:absolute;top:0;left: 100%; z-index:10; list-style: none;margin-top:-10px;clear:both;text-align:left;box-sizing:border-box;padding:10px 0px;width: auto; display:block; visibility:hidden; opacity:0; transition:all 0.2s ;  -webkit-transition:all 0.2s ;  -o-transition:all 0.2s ;  -moz-transition:all 0.2s ; height:0; }
	.first_level_submenu .second_level_submenu li{ position:relative; left:0%;display:block; top:auto; background:rgba(255,255,255,0.4) !important; margin-left:-20px; }
	.second_level_submenu li:first-child, .second_level_submenu li:last-child{ border:0; }
	.second_level_submenu a{ line-height:30px !important; white-space:nowrap; text-transform:none; background:rgba(255,255,255,0.4) !important; padding:0 20px; text-align:center;transition:all 0.2s ;  -webkit-transition:all 0.2s ;  -o-transition:all 0.2s ;  -moz-transition:all 0.2s ;  }
	.second_level_submenu a:hover, .current-submenu-item a{text-decoration: underline;display:block;}
	.first_level_menu .menu_item:first-child .first_level_submenu .second_level_submenu, .first_level_menu .menu_item:nth-of-type(2) .first_level_submenu .second_level_submenu, .first_level_menu .menu_item:nth-of-type(3) .first_level_submenu .second_level_submenu{ left:unset; right:100%;}


	.mobileonly{ display:none; }
	.smartphoneonly{ display:none; }
	.mobilemenu_button{margin-top: 34px;position: fixed;z-index: 999999999;right: 34px;cursor:pointer;top: 10px;display: none;border-top:2px solid black;border-bottom:2px solid black;}
	.mobilemenu_button:before{ content:""; display:block; width:30px; height:2px; background: black; margin:5px 0; }
	.mobilemenu_button:hover:before{ color:rgb(0,40,86); }
	.mobilmenu{
    	width: 100%;
    	background: #3F3E66;
    right: 0%;position: fixed; height: auto;top: -100%;z-index: 0;box-sizing: border-box;padding: 5px 20px 50px 0px; /* overflow: scroll; */ transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;-moz-transition:all 0.5s;
    padding-top: 40px; padding-right: 0px;}
	.mobilmenu .menu-main-menu-container{ margin-top:40px;}

  .moibe-phone {
  	float: left;
  	padding-left: 12.5%;
  	width: calc(25% - 12.5%);
  }
  .moibe-logo{
    float: left;
  	width: 50%;
    text-align: center;
  }
  .phone {
  	float: left;
  	padding-left: 8.5%;
  	width: calc(20% - 8.5%);
  	padding-top: 30px;
  }
.logo{
  float: left;
  width: 50%;
}

	.mobilmenushow{top:0;z-index: 999999999992;}
	.mobilmenu ul{clear:both;position: relative;top: 0;text-align: left;padding: 0 0 6px;float: none;margin-left: 0px;}
	.mobilmenu li{list-style: none;float: none;display: block !important;clear:both;display:block;width:100%;padding: 5px 6px; box-sizing:border-box;margin-bottom:5px;text-align: center;left: 0px;}
  .mobilmenu li ul {}
	.mobilmenu li ul li{padding:5px;text-align: left;background: rgba(0,0,0,0.1);}
	.mobilmenu a{color: #FFF !important;display:block;clear:both;padding:10px;text-transform: lowercase;line-height:20px !important;font-size: 17px;font-weight: 300;padding-right: 41px;position: relative;}
	.mobilmenu a:after{content:"";background: #3F3E66;position: absolute;right: 0 !important;left: unset !important;transform: translateX(0) !important;width: 14px !important;height: 14px !important;bottom: 13px !important;}

  .mobilmenu #sublink_2, .mobilmenu #sublink_195{ 	display: none; } /* Don't display certain menu items */

  .mobilmenu .menu_item.page_item.menu_item_has_children a::after {
     content: "+";
     font-size: 14px;
     color: #fff;
     position: relative;
     padding-left: 10px;
     top: -4px;
    }


  .header_social_mobile { text-align: center; display: block; }
	.mobilmenu .header_social_mobile a{padding: 2px; display: inline;}
  .mobilmenu .header_social_mobile a::after{display: none;}

	.mobilmenu li ul li a{text-transform: none;text-align: right;}
	.mobilmenuclose{position: absolute;width:25px;height:25px;cursor:pointer;font-family: 'Roboto';
  top: 37px;
  right: 20px;
  color: #fff;
  font-weight: 400;
  font-size: 25px;
  z-index: 999999;
}
	/* 	.mobilmenuclose:before{content:"";width: 5px;height: 19px;display:block;position:absolute;background: #3F3E66;transform: rotate( 45deg ); top:0; left:10px;  transition:all 0.5s ;  -webkit-transition:all 0.5s ;  -o-transition:all 0.5s ;  -moz-transition:all 0.5s }
		.mobilmenuclose:after{content:"";width: 5px;height: 19px;display:block;position:absolute;background: #3F3E66;transform: rotate( -45deg ); top:0; left:10px;  transition:all 0.5s ;  -webkit-transition:all 0.5s ;  -o-transition:all 0.5s ;  -moz-transition:all 0.5s }
    */

	.mobilmenuclose:hover:after{ transform: rotate( -45deg ); background:#9A1F40; }
	.mobilmenuclose:hover:before{transform: rotate( +45deg );background:#9A1F40;}
	.mobilmenuclose span{color:inherit;display: block;font-size:10px;padding-top:5px;display: none;}

	.mobmenu{ width:100%; box-sizing: border-box; clear:both;}
	.mobmenu span{ text-transform: uppercase; background:rgba(255,255,255,0.1); width:100%; display:block; padding:20px 30px; margin-bottom: 5px; box-sizing:border-box;}


/*POSTS*/



/*RESPONSIVE*/



	/* @media only screen and (max-width:1630px){
		.header_social { position:absolute; top:-50px; right:30px; margin-left: 0px;}
		.menubar { right: 0px; }
		.header_contact{ right:150px; top:35px;  }
	}
  */

  	@media only screen and (min-width:1900px){

      h1,
      .welcome h1{
        font-size: 32px;
	       line-height: 34px;
       }

      .welcome_top h1{  font-size: 21px; }

      .page_item a, .page_item span{ font-size: 14px; }

      .footernav,
      .inner{
        	max-width: 1600px;
      }

      .logo { margin-top: 30px; }
       .header_slider.home {
        	height: calc( 100% - 104px);
        }
        .header_slider {
	           margin-top: 104px;
        }

      .whats_on_content{ max-width: 1200px;}

      .header_social .instagram{  margin-right: 8px; }


      span.welcome-icon a {
      	font-size: 17px;
      	line-height: 17px;
      }

      .under-welcome-icons span {
      	font-size: 14px;
      	line-height: 32px;
      }

      .menubar{bottom: 65px;}
      .bookdirect a{ font-size: 14px; padding: 18px 30px; }
      .specialsbutton, .booknowbutton{ font-size: 14px;}

      .book_now {
        	margin-left: 35px;
        	margin-right: 35px;
      }

      .book_now a {
      	font-size: 14px;
      	line-height: 14px;
      	font-weight: normal;
        Letter-spacing: 1.5px
      }

       .welcome_content * {
      	font-size: 17px;
      	line-height: 24px;
      }

      .button a {
      	font-size: 14px;
      	line-height: 14px;
      }

      .bookdirect {
      	width: 800px;
      }
      .bookdirect span{
        font-size: 40px;
        line-height: 44px;
      }

      .header_social .instagram,
      .header_social .facebook{
          width: 22px;
          height: 22px;
      }

      .welcome_top_content { 	max-width: 1000px; }



      .testimonial p {font-size: 13px; line-height: 20px;}
      .twriter, .twriter * {
        font-size: 13px !important;
        line-height: 20px;
      }

      .whats_on h2 {
      	font-size: 28px;
      	line-height: 32px;
      	padding-bottom: 30px;
      	padding-top: 30px;
      }

      .whats_on_content .right h3 {
        	font-size: 20px;
        	line-height: 24px;
      }
      .whats_on_content .right p {
      	font-size: 17px;
      	line-height: 24px;
        }

      .whats_on_content .right p a {
        	font-size: 14px;
        	line-height: 14px;
       }

       .right {
          padding: 50px;
          padding-top: 75px;
          padding-left: 75px;
        }

      .footernav .page_item a:first-of-type, .footernav li a{
        font-size: 15px;
        line-height: 15px;
      }
      .footerbc .float_left,
      .footerbc .float_right{
        font-size: 14px;
        line-height: 14px;
      }
      .facebook, .instagram{
        width: 25px;
        height: 24px;
      }
      .footercontact *, .footercontact a {
        font-size: 21px;
      }
      .footer_awards img,
      .footer_awards li:last-child img { max-height: 120px; }

      .welcome_top_content { padding-top: 75px; }


      /* Pages */

      .features h2 { font-size: 22px; }
      .fetaure_text { font-size: 15px; }

      .main_content .ninesixty { max-width: 900px; }
    }

    @media only screen and (min-width:1400px) and (max-width:1900px){
        .logo img{ max-width: 240px; }
    }

  @media only screen and (min-width:1900px) and ( min-height: 768px ){

        .booknowbutton {
            bottom: 79px;
            padding: 30px 55px 55px 75px;
            right: -85px;
            letter-spacing: 0.15em;
          }
          .booknowbutton .booknowspan::before {
            bottom: 62px;
            left: 47px;
         }
        .booknowbutton:hover {
          right: -71px;
        }

        .specialsbutton {
            bottom: 363px;
            padding: 30px 55px 55px 75px;
            right: -132px;
            letter-spacing: 0.15em;
        }
        .specialsbutton::before {
          bottom: 58px;
          left: 42px;
        }
        .specialsbutton:hover {
          right: -118px;
        }

    }

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

		.header_contact{ right:130px; top:45px;  }
    .mobilemenu_button{ display: block; }
    .menubar.desktoponly{ display:none;}
    .first_level_menu li:hover .first_level_submenu a:after{  content:''; display:none; }
		.menu_item_has_children:hover .first_level_submenu{
			  visibility:visible;opacity:1;height: auto;padding-left: 0;padding-right: 0px;top: 0;left: 0;margin: 0;width: 100%;
        padding-bottom: 10px;
			  padding-top: 10px;
			  display: flex;
			}
			.first_level_submenu{
				transition:none;-webkit-transition:none;-o-transition:none;-moz-transition:none;
        display:block;z-index: unset;width:100%;position:absolute;visibility: hidden;top: 100px;left: 15px; list-style: none; clear:both;text-align:left;box-sizing:border-box;padding: 30px 40px 30px 34%; display:block; opacity:0; height:0;columns: 3;column-gap: 0;background: rgba(255,255,255,0.4);
			 }
		  .first_level_submenu:after{display:none; }
			.mobilmenu .first_level_submenu{ text-align:right; columns: auto;}
			.first_level_submenu .menu_item a{ color: #FFF; }
			.first_level_submenu li{
										break-inside: avoid-column;
										-webkit-column-break-inside: auto;
										page-break-inside: auto;
										break-inside: auto;
										display: block !important;
										position:relative;
										top: 0;
										padding: 0 10px 0 10px;
										box-sizing: border-box;
										height: 27px;
										width: 100%;
										text-align: right !important;
										background: transparent !important;
										clear: both;
										left: unset;
				}
			.first_level_submenu li:first-child{display: none !important;}
			.first_level_submenu li:first-child div{position:absolute;display:block;/* height:100px; */width: 100%;margin: 0;top:50%;transform:translateY(-50%);padding: 0px 0;box-sizing:border-box;font-size: 20px;line-height: 20px;color:#FFF;font-weight: 500;white-space: pre-wrap;}

			.first_level_submenu li:last-child, .first_level_submenu li:last-child(1), .first_level_submenu li:last-child(2){ border-bottom:10px solid rgb(0,194,223);  }
			.first_level_submenu a{line-height: 17px !important;white-space: nowrap;/* text-transform: lowercase; */padding: 6px 20px;text-align: left;transition:all 0.2s;-webkit-transition:all 0.2s;-o-transition:all 0.2s;-moz-transition:all 0.2s;font-size: 14px;font-weight: 300;text-align: center;color: #FFF;}
			.first_level_submenu li:hover a, .current-submenu-item a{ color:#ffffff; display:block; text-shadow:0 0 15px rgba(255,255,255,1) }
      .mobilemenu .menu_item_has_children ul li.menu_item a{ padding:0; display:block; width:100%; }
	}

	@media only screen and (max-width:1200px){
		.header_contact{ display:none;  }
	}



	@media only screen and (min-width:768px) and ( max-height: 768px ){
    .specialsbutton { bottom: 322px; }
    .booknowbutton{ bottom: 94px; }
  }

  @media only screen and (min-width:960px){

    .testimonial_slider .testimonial { padding-top: 75px; }
  }


  @media only screen and (min-width:768px) and (max-width:1400px) { /* *NEW* SHOW  menu above IPAD */
			.logo{
				max-width: 150px;
				left: 10px;
				margin-top: 32px;
			}

			.page_item a, .page_item span {
		    margin: 0 2px;
			}
			.header_social {
				margin-left: 6px;
				margin-right: 12px;
			 }
			.menubar{
				margin-top: 20px;
				bottom: unset;
			}
			.page_item a{
				font-size: 9px;
				letter-spacing: 1.2px;
			}
			.book_now a{
				padding: 14px 26px;
				font-size: 10px;
			}
			.first_level_menu{
				margin-left: 7px;
				margin-right: 7px;
			}
			.nav-up .menubar, .nav-down .menubar {
			    bottom: unset;
			    margin-top: 12px;
			}
	}

@media only screen and (min-width:768px) and (max-width:1400px) { 	.page_item a, .page_item span { padding: 0 5px 0 5px; }	}
@media only screen and (min-width:850px) and (max-width:1400px) { 	.page_item a, .page_item span { padding: 0 7px 0 7px; }	}
@media only screen and (min-width:900px) and (max-width:1400px) { 	.page_item a, .page_item span { padding: 0 5px 0 5px; }	}
@media only screen and (min-width:1000px) and (max-width:1400px) { 	.page_item a, .page_item span { padding: 0 10px 0 10px; }	}
@media only screen and (min-width:1100px) and (max-width:1400px) { 	.page_item a, .page_item span { padding: 0 20px 0 20px; }	}

	@media only screen and (min-width:950px) and (max-width:1400px) {
		.logo{ max-width: 250px; }
		.page_item a { font-size: 11px; }
		.header_social { margin-left: 12px; margin-right: 25px; }
		.first_level_menu{ margin-left: 10px; margin-right: 10px; }
	}

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

		.mobilemenu_button{ display: block; }
		.desktoponly{ display:none !important;}
		.ninesixty{ width:100%;}
		body, html{ overflow-x:hidden; }
		.header_slider.home, .header_slider, .hs_image {  height: 512px; }
		body .main{height: 512px;}
    .scrolldown{ display:none; }
		.premier {	bottom: 40%;width: 165px;	height: 146px;	}
		.bookdirect { bottom: 13%; }
		.bookdirect span { font-size: 28px; }
    .bookdirect a {
		  	margin: 20px auto 0;
		  	font-size: 11px;
		  	max-width: 241px;
		  	line-height: 14px;
		  	padding: 19px 5px;
  }

		.hbcontainer {    margin-top: 40px; }
		.hotbuttons {    max-width: 86%;    padding-bottom: 247px; }
		.welcome.specials {margin-bottom: 100px;margin-top: 100px;padding-top: 100px;/* padding-bottom: 110px; */z-index: 1;}
			.welcome:before{    height: 350px;    top: -250px; }
			.welcome.specials:before {height:100px;top: -100px;}
			.welcome.specials:after {top: 480px;}
			.welcome:after{height: 270px;top: 347px;}
			.welcome_content {max-width: 90%;margin-top: -106px;}
			.hotbuttons a:nth-of-type(n) span:before{ bottom:45px;}
			.hotbuttons a:nth-of-type(n) span:after{  bottom:25px;}
			.welcome h1 {    font-size: 38px;    line-height: 42px;    padding: 0 60px 0px; }

			/* .welcome_bottom {height: 500px; } */
			.footer {  padding: 80px 0 50px; }
			.footernav .page_item a:first-of-type, .footernav li a {   line-height: 20px;    font-size: 16px; }
			.footernav ul{ margin:0;}
			.footerhead{ display:block; }
			.footercontact *, .footercontact a {font-size: 14px;display:block;text-align: center;}
			.footer_separator{width:200px;height:1px;border: 0;background: #3B5274;margin: 10px auto;padding: 0;}
			.footer_social{ padding:0; margin:0; }
			.footercontact .footer_social a, .footercontact .footer_social a * {display: inline-block;height: 30px;width: 30px;}

      @media only screen and (max-width:960px){
            .award_slider .slides {
                width: 100% !important;
                margin-bottom: 20px;
                padding: 0px;
              }
            .footercontact .slides li { width: 25% !important; }

      }


		.secondary_image{/* overflow-x:hidden;height: 400px;z-index: 99999; */}

	/* 	.page_item a:first-of-type, .page_item span{padding: 10px 41px 10px;margin: 0;} */
    .page_item a:first-of-type, .page_item span{padding: 5px 32px 5px;margin: 0;}

		.main_content {	padding: 55px 20px;	}
		h1{	font-size:32px;	line-height:35px;	margin-bottom:40px;	}
		.cols {   columns: 2;     column-gap: 50px; }
		.features {	margin: 50px 20px 100px; }

		.logo {
			max-width:50%;
			height: 66px;
		/* 	top: 50%; */
			left: 47px;
			display: block;
			width: auto;
		/* 	transform: translateY(-50%); */
		}


			.video-tour video{ height:220px !important;}

	}

	@media only screen and (max-width:767px){
    .desktoponlyside{ display:none !important;}
    .desktoponly{ display:none; }
	  .mobileonly{ display:block; }
	   body, html{ width:100%;}
	  .ninesixty{ width:100%;}

	  .header_slider.home, .header_slider, .hs_image {  height: 312px; }

	  .logo {	max-width: 260px;	height: 41px;	left: 7px; width: 55%;	}
	  .mobilemenu_button { margin-top: 21px; right: 16px; border-top: 2px solid #39385C;  border-bottom: 2px solid #39385C; }
    .bookdirect span {
	font-size: 14px;
	padding: 0px 10px;
	line-height: 20px;
	width: calc(100% - 20px);
}
	.bookdirect {  bottom: 18%; }


	  .hotbuttons a:nth-of-type(n) span:after {display:none }
	  .hotbuttons a:nth-of-type(n) span:before {bottom: 18px;width: 84%;left: 8%;}
		.hotbuttons a {	width: calc( 25% - 4px );	margin-left: 4px; }

		.header {    height: 93px; }

	  .booknowbutton{text-decoration: none; position:fixed;right: 0%;left:0px;width:50%;text-align: center;line-height:31px;top:unset;bottom:-20px;background:#9A1F40;transform:rotate(0deg) translateX(0%);padding: 8px 20px 30px 90px;z-index: 999999999;color: #FFF;text-transform: uppercase;font-weight: 400;font-size: 17px;box-sizing: border-box;}
			/* .booknowspan:after{content:"";display:inline-block;width:30px;height:40px;position:absolute;background:url("img/icons/icon_booknow.svg") no-repeat;background-size:contain;bottom:28px;right:20px;transform:rotate(0deg);} */
			.booknowbutton:hover{ right:-80px;  }
       .specialsbutton{text-decoration: none; position:fixed;right: 0%;left:50%;line-height:31px; text-align:center;top:unset;bottom:-20px;background:#3F3E66;transform:rotate(0deg) translateX(0%);padding: 8px 20px 30px 90px;z-index: 999999999;color: #FFF;text-transform: uppercase;font-weight: 400;font-size: 17px;box-sizing: border-box;}
    /*         .specialsbutton:after{content:"";display:inline-block;width:30px;height:40px;position:absolute;background:url("img/icons/icon_specials.svg") no-repeat;background-size:contain;bottom:28px;right:20px;transform:rotate(0deg);} */
			.specialsbutton:hover{ right:0%;  }
	    .booknowbutton .booknowspan, .specialsbutton .booknowspan{ margin-right:30px; text-align:center}

      .booknowbutton,
      .specialsbutton{
          padding-left: 50px;
          padding-right: 5px;
      }
      .booknowbutton .booknowspan:before,
      body .specialsbutton::before {
          bottom: 39px;
          left: 18%;
       }

		.testimonial * {    font-size: 12px; line-height:15px;}

		.footernav{ display:none; margin:0; }
		.footer {    padding: 20px 0 50px;}
		.footer_awards li{ padding:0 20px; box-sizing:border-box;}
		.footerbc{padding-bottom: 85px;}
		.footerbc a{display:block;text-align:center;position:relative;width:100%;padding: 0 !important;}
		.features h2 {    font-size: 32px;    line-height: 40px;    margin-bottom: 20px;}
			.cols{ column-count:1; text-align:left; column-gap:0px;  }

		.contact_imageblock{background:url("https://www.villagelage.co.nz/wp-content/uploads/2018/10/Village-Lake-High-Res-31.jpg");width:100%;height: 524px;float:left;background-size:cover;background-position: 50% 93%;display: none;}
		.contact_details{float:left;width: 100%;max-width: 560px;margin-left: 0%;padding: 50px 20px;box-sizing: border-box;}
		.contact_content h1{font-size: 45px;text-transform:lowercase;}

		.half_field {
			width: 100%;
			margin: 0%;
			float: left; padding:0 20px; box-sizing:border-box;
		}
		.contact_cform h1 {    font-size:38px;}
		.environmental-policy .ninesixty {    margin: 50px auto 50px auto;}
	}

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

	}

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

	}