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

*/


/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
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: 'Noto Sans', sans-serif;
	font-size:15px;
	line-height:22px;
	color:#3D372D;
}
body,html {
	width:100%; height:100%;
	color:#3D372D;
}
p {margin-bottom:10px;}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
}

h1{
	color:#7E6547;
	font-size:21px;
	font-weight:400;
	line-height:23px;
	padding-bottom:20px;
}

h2{
	color:#7E6547;
	font-size:20px;
	font-weight:400;
	line-height:23px;
	padding-top:20px;
}

ol, ul {
	/*list-style: none;*/
	list-style:disc;
}
.accommodation_content li, .faqcontent li {  padding-left:5px; margin-left:15px; }
.faqcontent ul{ margin-bottom:10px;}
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;
	

}

a:hover, a:link, a:visited{
	color:black;
	text-decoration:none;
}
.phoneonly{ display:none; }
.nodisponphone{ display:block; }


.ninesixty{ width:960px; margin:0 auto; position:relative; }

.clear{ clear:both; }
.cl20{ height:20px; }
.cl50{height:50px; }

/*STAY AND EXPLORE*/
	img{ max-width:100%; }
	.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; }
		.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 */
}

.logo{ width:302px; height:125px; position:absolute; top:27px; left:0px; z-index:10;}

.makeabooking{position:absolute; top:-15px; right:0px; width:242px; height:70px; background:url('img/makeabooking.png') no-repeat; background-size:242px auto; cursor:pointer;}
	.makeabooking .bookingicon{ position:absolute; top:10px; left:20px; background:url('img/handy-icon_04.png') no-repeat;  width:70px; height:70px; background-size:48px auto;}
	.makeabooking .bookingtext{ color:#FFF; font-size:15px; line-height:17px; position:absolute; top:25px; left:80px; text-transform:uppercase; font-weight:700;}

/*popup*/
#transparent_div{display:none; width:100%; height:100%; background:#000000; opacity:0.4; filter:alpha(opacity=70); position:fixed; top:0; left:0; z-index:1000000000;}
#addoperator{display:none; width:100%; height:90%; opacity:1; filter:alpha(opacity=100); position:fixed;  top:70px; left:0; z-index:10000000000;}
#addoperator2{ padding:30px; width:80%; max-width: 807px; height:80%;  margin:0 auto; background:#ffffff; border:35px solid rgba(67,64,52,0.4); -webkit-background-clip: padding-box; /* for Safari */  background-clip: padding-box; overflow:auto;  box-shadow:2px 2px 5px 0 rgba(0,0,0,0.4)}
#close1{position:absolute; margin-left:50%; margin-top:-10px; padding-left:410px; z-index:100000000001; top:-25px; left:-30px; }
#close2{width:22px; height:19px; background:#e4e4e4; color:#666666; font-size:18px; font-weight:bold; cursor:pointer;	text-align:center; padding:3px 3px 6px 3px;}
#edithead{ padding:40px 20px 0px; text-transform:uppercase;}
#trip_details{ padding:0 20px; }

.circles{ width:40%; height:60%; position:absolute; left:-40%; bottom:100px; z-index:100;}
	.circles div{ position:absolute; border-radius:50%; -moz-border-radius:50%; opacity:0;}
	.circle1{ width:40%; padding-top:40%; background:rgba(255,255,255,0.2); top:10%; left:-94%;}
	.circle2{ width:40%; padding-top:40%; background:rgba(255,255,255,0.2); top:48%; left:-93%;}

	.circle3{ width:35%; padding-top:35%; background:rgba(141,101,70,0.2); top:35%; left:-90%;}

	.circle4{ width:55%; padding-top:55%; border:3px solid rgba(255,255,255,0.2); top:23%; left:-90%;}
	.circle5{ width:40%; padding-top:40%; border:3px solid rgba(255,255,255,0.2);  top:40%; left:-50%;}

	.circle6{ width:25%; padding-top:25%; background:rgba(255,255,255,0.2); top:42%; left:-40% }

	.circle7{ width:10%; padding-top:10%; background:rgba(255,255,255,0.2); top:28%; left:-30% }
	.circle8{ width:8%; padding-top:8%; background:rgba(255,255,255,0.2); top:34%; left:-23% }
	.circle9{ width:5%; padding-top:5%; background:rgba(255,255,255,0.2); top:40%;left:-18%  }
.banner{ background:rgba(113,76,45,0.8); padding:35px;  padding-right:150px; width:300px; position:absolute; top:50%; right:0; opacity:0; }
.banner h2{ font-size:26px; font-weight:400;  line-height:31px;  color:#FFF;}
.banner span{ font-size:14px; font-weight:400;  line-height:16px;  color:#FFF; font-style: italic;}
.googlemap{ width:100%; height:100%; position:relative; }
.bottommenu{ width:100%; height:125px; position:absolute; bottom:0px; left:0px; z-index:8;
	background: #76573D;
}
.bshadow{  box-shadow: 5px 3px 5px 2px rgba(0, 0, 0, 0.3);position: relative;top:-5px;left: 0px;height: 0px;background: blue;z-index: -1; }
	.bottommenu .bookit{ top:10px; position:relative;}
	.bottommenu .bookingicon{ position:absolute; top:5px; left:20px; background:url('img/handy-icon_04.png') no-repeat; width:128px; height:128px; background-size:88px auto;  cursor:pointer;}
	.bottommenu .bookingtext{ color:#FFF; font-size:28px; line-height:28px; position:absolute; top:22px; left:120px; text-transform:none; width:135px; text-shadow:3px 3px 3px rgba(0,0,0,0.7); cursor:pointer;}
	.bottommenu .scrolldown{ width:100px; height:130px; margin:0 auto; top:-15px; position:relative;}
		.bottommenu .scrolldown img{ width:100px; height:90px; }
		.bottommenu .scrolldown span{ position:relative; width:105px; font-size:13px; line-height:14px; color:#FFF; text-transform:uppercase; display:block;}
		.bottommenu .icons{ position:absolute; right:0px; top:10px; width:450px; text-align:right;}
			.bottommenu .icons div{ display:inline-block; width:80px; padding-left:15px}
			.bottommenu .icons img{ width:80px; height:auto; }
			.bottommenu .icons span{ position:relative; width:80px; text-align:center; padding-left:5px;  font-size:10px; line-height:10px; color:#FFF; text-transform:uppercase; display:block; color:#FFDF8A; }

.scrolldown{ width:100px; height:130px; margin-left:-50px; left:50%; top:90%; position:absolute;}
.scrolldown img{ width:100px; height:90px; }
.scrolldown span{ position:relative; width:105px; font-size:13px; line-height:14px; color:#FFF; text-transform:uppercase; display:none;}

.mainmenu{ position:absolute; right:0px; top:40px; width:620px; text-align:right;}
.lavaLampBottomStyle {
            position: relative;
            height: 35px;
            width: 100%;
            background-color: white;
            padding: 0px 15px;
          margin:0 10;
            overflow: hidden;
           
        }
                .lavaLampBottomStyle li {
                    float: right;
                    list-style: none;
                }
                    .lavaLampBottomStyle li.back {
                        border-bottom: 5px solid #A2132F;
                        width: 9px;
                        height: 30px;
                        z-index: 8;
                        position: absolute;
                    }
                    .lavaLampBottomStyle li a {                       
                        color: #634022;                       
                        text-align: center;
                        top: 7px;
                        text-transform: uppercase;
                        letter-spacing: 0;
                        z-index: 10;
                        display: block;
                        float: right;                       
                        position: relative;                       
                        margin: auto 8px;
						font-size:13px;
                    }   
                        .lavaLampBottomStyle li a:hover, .lavaLampBottomStyle li a:active, .lavaLampBottomStyle li a:visited {
                            border: none;
                        }     
						
/* FOOTER*/
.footer{
	position:relative;
	width:100%; min-height:200px;
	background: rgb(57,1,5); /* Old browsers */
	background: -moz-linear-gradient(45deg,  rgba(57,1,5,1) 47%, rgba(162,19,47,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left bottom, right top, color-stop(47%,rgba(57,1,5,1)), color-stop(100%,rgba(162,19,47,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(45deg,  rgba(57,1,5,1) 47%,rgba(162,19,47,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(45deg,  rgba(57,1,5,1) 47%,rgba(162,19,47,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(45deg,  rgba(57,1,5,1) 47%,rgba(162,19,47,1) 100%); /* IE10+ */
	background: linear-gradient(45deg,  rgba(57,1,5,1) 47%,rgba(162,19,47,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#390105', endColorstr='#a2132f',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
	.footer .circles2{ position: absolute;right: 0;top: 0;width: 40%;height: 100%;overflow: hidden; }
	.circles2 div{ position:absolute; border-radius:50%; -moz-border-radius:50%; }
	.footer .circles2 .circle1{ width:500px; padding-top:500px; background:rgba(0,0,0,0.4); left:0%; top:-200px; border:0;}
	.footer .circles2 .circle2{ width:500px; padding-top:500px; background:rgba(0,0,0,0.2); left:35%; top:60px; border:0;}
	.footer .circles2 .circle3{ width:350px; padding-top:350px; background:rgba(0,0,0,0.2); left:70%; top:30px; border:0;}
	.footer .circles2 .circle4{ width:250px; padding-top:250px; background:rgba(0,0,0,0.2); left:50%; top:-130px; border:0;}
.leftside.footerright{ background: transparent; position:relative;  width:280px; margin-left:80px; }
.facebook img, .twitter img{ width:40px; }
.facebook{ position:absolute; top:180px; left:180px; }
.twitter{ position:absolute; top:180px;  left:240px;}
.qualmark{ position:absolute; top:180px; left:300px; }
.qualmark img{ width:60px; }
.tripadvisor{ position:absolute; top:30px; left:180px; }
.businessaward{ position: absolute;top: 29px;left: -27px; }
.businessaward img{ width:180px; }
.tripadvisor img{ width:180px; }
.footermenu{ float:left; width:30%; border-right:1px solid #fff; padding-top:40px;}
.footermenu a{ font-size:10px; text-transform:uppercase; color:#FFF; padding-left:20px;}
.footer .content{ padding-top:0px; padding-bottom:80px;}
.fbottom{ color:#BFA37C; text-transform:uppercase; font-size:11px; font-weight:700; letter-spacing: 1.2px; padding-top:40px;}

/*Trip Advisor*/
.tripadvisorreviews{margin-left: 50%;left: -300px; position: relative;}

/*HOME*/
.specialoffer h2{ width:160px; padding-left:35px; padding-top:40px; padding-bottom:20px; color:#FFF; position:relative; display:block;}
.specialoffer p, .specialoffer span{ width:160px; display:block; color:#FFFFFF !important; position:relative;}
.specialoffercontent{ margin-left:0px;}
.specialoffer span{padding-left:35px;}
.specialoffer a{ color:#FFF; }
.content{ padding-top:50px; width:600px; float:left;}
.content h6{ color:#7E6547; }
.leftside{ float:left; width:300px; margin-left:60px; padding-bottom:60px; background:#f8f5f0;}

.specialoffer{ border-radius:35px; background:#a2122f; width:220px; margin:0 auto; position:relative; min-height:380px; overflow:hidden; }
.specialoffercircles{ position:absolute; width:100%; top:-30%; height:120%; }
	.specialoffercircles div{ position:absolute; border-radius:50%; -moz-border-radius:50%;  overflow:hidden; }
	.specialoffercircles .circle1{ width:90%; padding-top:90%; background:rgba(0,0,0,0.4); left:-15%; border:2px solid #A2122F; }
	.specialoffercircles .circle2{ width:90%; padding-top:90%; background:rgba(0,0,0,0.2); left:35%; border:2px solid #A2122F; }
	.specialoffercircles .circle3{ width:85%; padding-top:85%; background:rgba(0,0,0,0.2); left:-30%; top:40%; border:2px solid #A2122F; }
	.specialofferheader{ background:url('img/specialoffer.png'); width:135px; height:84px;; position:relative; top:30px; left:35px; }

	.specialoffer li, .specialoffer p, .specialoffer span, .specialoffer strong{ color:#FFF; font-size:14px; padding-right:20px; display:block; }

/*ACCOMMODATION*/
.accommodation_content{ padding:50px; }
.accbar{ width:100%; border-bottom:2px solid #FFF; border-style: dotted; }
/*.accbar0{ background:#C89E5A; }
.accbar1{ background:#A88152; }
.accbar2{ background:#937759; }
.accbar3{ background:#7D5B40; }
.accbar4{ background:#9D3A38; }
.accbar5{ background:#7E1921; }
.accbar6{ background:#598B89; }
.accbar7{ background:#445552; }*/

.accbar0{ background:#7E5737; }
.accbar1{ background:#9F7955; }
.accbar2{ background:#B8A284; }
.accbar3{ background:#E6CD90; }
.accbar4{ background:#3EADB8; }
.accbar5{ background:#4E7D83; }
.accbar6{ background:#9D3A38; }
.accbar7{ background:#AB2A38; }

.buttonbar{ padding-top:10px; left: 50px; position: relative; cursor:pointer;}
.buttonbar img{ position: relative; height:23px;  }
.buttonbar span{ line-height:40px; color:#FFF; font-size:16px; padding-left:20px; top:-5px; position:relative; padding-top:10px; }
.buttonbar span span{ font-size:12px; line-hight:30px; top:0px; font-style:italic;}

.contentbar{ display:none; padding-top:20px; }
.introbar{ color:#FFF; width:180px; float:left; padding-left:50px; padding-right:20px; }
.meetings{ width:875px !important; padding-bottom:50px; }
.youtubebar{ float:left; }
.youtubebar{ float:left; }
.morecont{   background:rgba(255,255,255,0.1); margin-top:40px;}
.accmore{ width:500px; float:left;}
.accmore, .accmore p, .accmore em, .accmore b, .accmore strong, .accmore span{ padding:20px 30px; color:#FFF; }
.accmore strong{padding-left:0px !important;}
.bookrates{ width:230px; float:left;  background:rgba(0,0,0,0.1); padding:10px; position: relative; top:40px; }
.bookingbox, .enquirebox, .ratesbox{ background:rgba(0,0,0,0.1); padding:3px 0; margin-bottom:5px; height:50px; position:relative; }
.bookingbox{cursor:pointer}
.ratesbox{ height:auto;}
.ratesbox span, .ratesbox p{ color:#FFF; font-size:12px; padding:20px; display: block; line-height:18px;}
.ratesbox p{ padding:0 20px !important;}
.bookingbox .bicon{ width:50px; position: relative; height:46px; float:left; background: rgba(0,0,0,0.1) url("img/handy-icon_04.png") no-repeat; background-size:50px; background-position:10px 0px;; top:-3px; padding:5px 10px;}
.btext{ color:#FFF; line-height:15px; padding-left:20px; float:left; font-weight:400; width:70px; padding-top:10px; }
.enquirebox .bicon{ width:50px; position: relative; height:46px; float:left; background: rgba(0,0,0,0.1) url("img/handy-icon_11.png") no-repeat; background-size:50px; background-position:10px 0px;; top:-3px; padding:5px 10px;}
.barrow{ background:url("img/accarrow.png") no-repeat; width:40px; height:40px; position:absolute; right:0px; top:20px; background-size: 9px;}
.ratesheader{ color:#FFF;  background:rgba(0,0,0,0.1); padding:10px 15px; text-transform: uppercase; position: relative; top:-3px; }

/*FAQ*/
.faqcontent{ padding:50px; }
.faqcontent h4{ padding-top:5px; padding-bottom:3px; font-size:20px; color:#7E6547; font-weight:700; font-style:italic; }


.imggallery{ width:100%; height:100%; position:relative; clear:both; }
.camera_wrap, .fluid_container{width: 100%;height: 100%;}
.camera_caption > div {    background: #A6A79B !important; padding: 0 !important; position:absolute; bottom:180px; }
.caption{ background:#714C2C; padding:20px 30px; text-align:right; font-size:30px; font-weight:100; color:#FFF; }
.camera_bar_cont{ background-color:rgba(0,0,0,0) !important; }



/*GALLERY*/
.nodisp_in_gallery{ display:none !important; }
.camera_thumbs_cont {
    top: -168px;
}

/*CONTACT*/
#contact{width:960px;}
.contact_left{ width:500px; margin-right:60px; float:left;}
.contact_right{ width:400px; float:left;}
.contact_left p{ font-size:18px;	font-weight:400;	line-height:23px;}
.contact_left input, .contact_left textarea{ width:400px; border:1px solid #7E6547; padding:8px;}
.contact_left input[type="submit"]{ width:80px; float:right; margin-right:80px; background:#7E6547; color:#FFF; font-size:14px; text-transform:uppercase; }
div.wpcf7-validation-errors {
    border: 0px solid #F7E700;
	  color:red; 
		width:300px;
}
div.wpcf7-response-output {
    margin:0;
    padding: 0;
    margin-top: 80px;
}

@media only screen  and ( max-width:960px ){
	.ninesixty{width:768px}
	.mainmenu {right: 20px;}
	div.logo{ width:170px; }
	.logo img{ width:170px !important; top:0px; padding-left:4px !important; }
	
	.background{ max-height:800px;}
	.imggallery{ width:100%; height:100%; position:relative; clear:both; }
	.camera_wrap, .fluid_container{width: 100%;height: 100%; max-height:800px; }
	.camera_caption{ width:50% !important; max-width: 300px; }
	.camera_caption > div {    background: #A6A79B !important; padding: 0 !important; position:absolute; bottom:180px; max-width:300px !important; }
	.caption{ background:#714C2C; padding:10px 30px; text-align:left; font-size:18px; font-weight:100; color:#FFF; }
	.camera_bar_cont{ background-color:rgba(0,0,0,0) !important; }
	
	.content {
			padding-top: 50px;
			width: 387px;
			padding-left:20px;
			float: left;
	}
	
	.youtubebar iframe{ max-width:500px;}
	.accmore{ width:440px;}
	
}


@media only screen  and ( max-width:767px ){
	.phoneonly{ display:block; }
	.nodisponphone, .banner{display:none;padding-right: 0;width: auto;padding-right: 40px;left: 0;right: unset;}
	.scrolldown{ top:84%; }
	.ninesixty{width:320px}
	.mainmenu {right: 20px;}
	div.logo{ width:170px; height:75px; top:0px !important;}
	.logo img{ width:170px !important; top:0px; padding-left:4px !important; }
	
	.background{ max-height:800px;}
	.imggallery{ width:100%; height:100%; position:relative; clear:both; }
	.camera_wrap, .fluid_container{width: 100%;height: 100%; max-height:800px; }
	.camera_caption{ width:50% !important; max-width: 300px; }
	.camera_caption > div {    background: #A6A79B !important; padding: 0 !important; position:absolute; bottom:180px; max-width:300px !important; }
	.caption{ background:#714C2C; padding:10px 30px; text-align:left; font-size:18px; font-weight:100; color:#FFF; }
	.camera_bar_cont{ background-color:rgba(0,0,0,0) !important; }
	
	.content {			padding-top: 50px;			width: 300px;			padding-left:10px;			float: left;	}
	h6 a img{ max-width:140px; height:auto;}
	.leftside {			float: left;			width: 300px;			margin-left: 10px;			padding-bottom: 60px;			margin-top:30px;			background: none repeat scroll 0% 0% #F8F5F0;	}
	
	.youtubebar iframe{ max-width:500px;}
	.accmore{ width:440px;}
	
	
	.leftside.footerright {	background: none repeat scroll 0% 0% transparent;		position: relative;			width: 280px;			margin-left: 10px;			margin-top:-70px;	}
	.footerright div{ display:none; }
	.footermenu {	float: left;width: 33%;			border-right: 1px solid #FFF;			padding-top: 40px;	}
	.footermenu a {			font-size: 9px;			text-transform: uppercase;			color: #FFF;			padding-left: 5px;	}


	.menubutton{ background:#a2122f; width:50px; margin:0 auto; position:absolute; height:75px; overflow:hidden; right:0px;}
	.menubutton div{ border-radius:50%; z-index:0;}
	.menubutton .circle1{ width:90%; padding-top:90%; background:rgba(0,0,0,0.4); left:-15%; position:absolute;}
	.menubutton .circle2{ width:90%; padding-top:90%; background:rgba(0,0,0,0.2); left:35%; position:absolute;}
	.menubutton .circle3{ width:85%; padding-top:85%; background:rgba(0,0,0,0.2); left:-30%; top:40%;  position:absolute;}
	.menubutton img{ width:8px; z-index:1; position: relative; top:30px; left:21px;}
	.menubutton span{ color:#FFF; position:relative; z-index:1; display:block; transform:rotate(-90deg); -ms-transform:rotate(-90deg); -webkit-transform:rotate(-90deg); top:10px;}
	
	.mobilemenu_elements{
		position:absolute; top:75px; width:100%; display:none;
	}
	.buttonbar a{ line-height:40px; color:#FFF; font-size:16px; padding-left:20px; top:-5px; position:relative; padding-top:10px;  }

	.accommodation_content, .faqcontent  {			padding: 10px;	}
	
	.introbar{ width:300px; padding:10px;}
	.youtubebar{ width:300px; padding:10px;}
	.youtubebar iframe, p iframe{ max-width:300px;}
	.accmore{ width:300px; padding:0; margin:0; }
	.bookrates {    width: 280px;		margin-left:10px;		margin-bottom:50px;    padding: 10px;    top: 0px;}

	.camera_thumbs_cont {    display:none; }
	
	.camera_caption {
    bottom: -160px !important;
    display: block;
    position: absolute;
    width: 100%; }

    .exp_intro_map, .exp_intro_text {    width: 100%;   }
       .exp_intro_text {   padding: 10px; }
       .exp_lising{display:block;}
	.exp_icon{width: 100%;/* float: left; */text-align:center;display:block;display:block;vertical-align: middle; padding:20px 0;}
		.exp_icon img{max-width:100px;max-height:60%;/* position:relative; *//* top:50%; *//* transform:translateY(-50%); */}
	.exp_content{width: 100%;/* float:left; */box-sizing:border-box;padding:20px; 40px;display:block;vertical-align: top;}
		.exp_title{ font-size:24px; font-weight:bold; padding-bottom:10px; }
	.exp_map{ display:block;}
		.exp_map img{width: 100%;}

	.makeabooking {
		background: rgba(0, 0, 0, 0) url("img/makeabooking.png") no-repeat scroll 0 0 / 150px 40px;
		cursor: pointer;
		height: 50px;
		left: 10px;
		position: absolute;
		top: 75px;
		width: 150px;
		z-index: -9;
	}
	.makeabooking .bookingtext {
		color: #fff;
		font-size: 15px;
		font-weight: 700;
		left: 40px;
		line-height: 17px;
		position: absolute;
		text-transform: uppercase;
		top: 12px;
	}
		
}