@charset "utf-8";



/* 1.250 - Major Third type-scale for proportions*/
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, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0px; padding: 0px; border: 0px; font-size: 100%; vertical-align: baseline; }
html {font-size: 1em;}
body { margin: 0; line-height: 162.5%; font-family: Helvetica, sans-serif; color: rgb(102, 102, 102); padding: 0; background-attachment: fixed; background-color: rgb(144, 93, 72); background-size: cover; background-position: 50% 0%; background-repeat: no-repeat; }
body{font-family:Helvetica,sans-serif;color:#666;background-color: #6BB75F;margin:0;padding:0;background-repeat:no-repeat;background-attachment:fixed;background-position:center top;background-size:cover;line-height:162.5%;background: #FFF}
h2,h4,h5,h6{letter-spacing:0;font-weight:normal;position:relative;padding:0 0 10px;font-weight:normal;font-family:Helvetica,sans-serif;line-height:140%!important;color:#222}
h1{font-weight:medium;font-size:2.5em}
h2{display:block;position:static;text-rendering:optimizeLegibility;font-family:Helvetica,sans-serif;font-size:2em;line-height:1.5em;color:#222;padding-top:.5em}
a.h2{color:#222;text-decoration:none}
h4{font-size:1.2em;line-height:1.2em}
h5{font-size:1em;line-height:1.2em}
h6{font-size:14px;line-height:28px}

body {
	font-family: 'Helvetica', sans-serif;
	font-weight: 400;
	line-height: 1.45;
	color: #333;
}

p {margin-bottom: 1.3em;}

h1, h2, h3, h4 {
  margin: 1.414em 0 0.5em;
  font-weight: inherit;
  line-height: 1.2;
}

h1 {
  margin-top: 0;
  font-size: 2.074em;
}

.header h1 {
  margin-top: 0;
  font-size: 2.074em;
}

h2 {
	display: block;
	position: static;
	text-rendering: optimizeLegibility;
	font-family: Helvetica,sans-serif;
	/*g rule*/
	font-size: 1.728em;
	line-height: 1.5em;
	color: rgb(34, 34, 34);
	padding-top: 0.5em;
	/* padding-bottom: 1em; */
	font-weight: 300;
}

h2 {font-size: 1.728em;}

.black-background h2 {font-size: 1.728em;}

h3 {font-size: 1.44em;}

.black-background h3 {font-size: 1.44em; margin: 1.414em 0 0.5em;
  font-weight: inherit;
  line-height: 1.2;}
  
  
  
  .black-background p {margin-bottom: 1.3em;}

h4 {font-size: 1.2em;}

.black-background h4 {font-size: 1.2em; margin: 1.414em 0 0.5em;
  font-weight: inherit;
  line-height: 1.2;}

small, .font_small {font-size: 0.833em;}
/* Finish - Golden rule for proportions*/
/* ----------- btf  ----------- */
@keyframes slidy {0%{left:0} 20%{left:0} 25%{left:-100%} 45%{left:-200%} 50%{left:-300%} 70%{left:-400%} 75%{left:-500%} 95%{left:-600%} 100%{left:-700%}}
div#slider{overflow:hidden}
div#slider figure img{width:20%;float:left}
#mask{margin-top:0;width:100%;float:left;margin-left:0;height:auto;background-color:#1E1E1E;padding:2em 5% 3em 40%}

label{margin:4px}
table{border-collapse:collapse;border-spacing:0}
caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}
q,blockquote{quotes:none}
q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}
a img{border:none}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block}
strong{font-weight:bold}
info,a{color:#252525;cursor:pointer;text-decoration:none}
label,a{color:#252525;cursor:pointer;text-decoration:none}
label:hover,a:hover{color:#fff!important}
* {
	/* -moz-box-sizing: border-box; */
	/* -webkit-box-sizing: border-box; */
	/* box-sizing: border-box; */
}
label,#active,img{-moz-user-select:none;-webkit-user-select:none}
.catch{display:block;height:0;overflow:hidden}
#award {
	display: block;
	position: relative;
	margin-left: 5%;
	/* width: 100%; */
	height: auto;
	padding-left: 0;
	font-family: Helvetica, sans-serif;
	padding-top: 2em;
	padding-bottom: 5em;
}
.capitalise {

	text-transform: uppercase;

}

.italics {
	/* font-style: italic; */
	/* font-weight: bold; */
	/* color: darkgreen; */
	font-family: Helvetica,sans-serif;
	line-height: 1.8;
	font-size: 1.5em;
}

/*imported styles from other sheets*/
.landscape{position:relative;top:0px;z-index:10;box-sizing: border-box;-webkit-box-sizing: border-box;width:auto
}
#pdf{display:inline-block;top-margin:15px;}

#googleMap{position:relative;display:block;left:0;width:100%;height:100%;top:40em;z-index:50;}
    .google-maps {
        position: relative;
        padding-bottom: 65.25%;
padding-top: 30px; // This is the aspect ratio
        height: auto;
        overflow: hidden;
    }
    .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
/*other styles*/

#award br{margin-bottom:2em;padding:1em;line-height:3em}
.h2Award{font-size:1.5em;font-weight:600}
.reviews{font-size:1.5em;font-weight:600;color:black;margin-left: 3em;margin-top: 1em}
#slider{margin:0 auto}
input{display:none}
#slide1:checked ~ #slides .inner{margin-left:0}
#slide2:checked ~ #slides .inner{margin-left:-100%}
#slide3:checked ~ #slides .inner{margin-left:-200%}
#slide4:checked ~ #slides .inner{margin-left:-300%}
#slide5:checked ~ #slides .inner{margin-left:-400%}
#slide6:checked ~ #slides .inner{margin-left:-500%}
#slide7:checked ~ #slides .inner{margin-left:-600%}
#slide8:checked ~ #slides .inner{margin-left:-700%}
#overflow{width:742px;height:550px;overflow:hidden}
article img{width:100%}
#slides .inner{width:500%;line-height:350px;display:block}
#slides article{width:20%;float:left}
#controls{margin:-37% 0 0;width:auto;height:50px}
#controls label{display:none;width:50px;height:50px;opacity:.3}
#active{margin:23% 6% 0;text-align:left}
#active label{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;display:inline-block;width:10px;height:10px;background:#bbb}
#active label:hover{background:#ccc;border-color:#777!important}
#controls label:hover{opacity:.8}
#slide1:checked ~ #controls label:nth-child(2),#slide2:checked ~ #controls label:nth-child(3),#slide3:checked ~ #controls label:nth-child(4),#slide4:checked ~ #controls label:nth-child(5),#slide5:checked ~ #controls label:nth-child(6),#slide6:checked ~ #controls label:nth-child(7),#slide7:checked ~ #controls label:nth-child(8),#slide8:checked ~ #controls label:nth-child(1){background:url(next.png) no-repeat;float:right;margin:100px -70px 0 0;display:block}
#slide1:checked ~ #controls label:nth-child(8),#slide2:checked ~ #controls label:nth-child(1),#slide3:checked ~ #controls label:nth-child(2),#slide4:checked ~ #controls label:nth-child(3),#slide5:checked ~ #controls label:nth-child(4),#slide6:checked ~ #controls label:nth-child(5),#slide7:checked ~ #controls label:nth-child(6),#slide8:checked ~ #controls label:nth-child(7){background:url(prev.png) no-repeat;float:left;margin:100px 0 0 -70px;display:block}
#slide1:checked ~ #active label:nth-child(1),#slide2:checked ~ #active label:nth-child(2),#slide3:checked ~ #active label:nth-child(3),#slide4:checked ~ #active label:nth-child(4),#slide5:checked ~ #active label:nth-child(5),#slide6:checked ~ #active label:nth-child(6),#slide7:checked ~ #active label:nth-child(7),#slide8:checked ~ #active label:nth-child(8){background:#333;border-color:#333!important}
.info{line-height:20px;margin:0 0 -150%;position:absolute;font-style:italic;padding-top:500px;padding-left:550px;opacity:0;color:#006363;text-align:left}
.info h3{color:#E3E3E3;margin:0 0 5px;font-weight:normal;font-size:14px;font-style:normal}
#slides .inner{-webkit-transform:translateZ(0);-webkit-transition:all 800ms cubic-bezier(0.770,0.000,0.175,1.000);-moz-transition:all 800ms cubic-bezier(0.770,0.000,0.175,1.000);-ms-transition:all 800ms cubic-bezier(0.770,0.000,0.175,1.000);-o-transition:all 800ms cubic-bezier(0.770,0.000,0.175,1.000);transition:all 800ms cubic-bezier(0.770,0.000,0.175,1.000);-webkit-transition-timing-function:cubic-bezier(0.770,0.000,0.175,1.000);-moz-transition-timing-function:cubic-bezier(0.770,0.000,0.175,1.000);-ms-transition-timing-function:cubic-bezier(0.770,0.000,0.175,1.000);-o-transition-timing-function:cubic-bezier(0.770,0.000,0.175,1.000);transition-timing-function:cubic-bezier(0.770,0.000,0.175,1.000)}
#slider{-webkit-transform:translateZ(0);-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out}
#controls label{-webkit-transform:translateZ(0);-webkit-transition:opacity .2s ease-out;-moz-transition:opacity .2s ease-out;-o-transition:opacity .2s ease-out;transition:opacity .2s ease-out}
#slide1:checked ~ #slides article:nth-child(1) .info,#slide2:checked ~ #slides article:nth-child(2) .info,#slide3:checked ~ #slides article:nth-child(3) .info,#slide4:checked ~ #slides article:nth-child(4) .info,#slide5:checked ~ #slides article:nth-child(5) .info,#slide6:checked ~ #slides article:nth-child(6) .info,#slide7:checked ~ #slides article:nth-child(7) .info,#slide8:checked ~ #slides article:nth-child(8) .info{opacity:1;-webkit-transition:all 1s ease-out .6s;-moz-transition:all 1s ease-out .6s;-o-transition:all 1s ease-out .6s;transition:all 1s ease-out .6s}
.info,#controls,#slides,#active,#active label,.info h3,.desktop{-webkit-transform:translateZ(0);-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out}
#desktop:checked ~ #slider{width:742px}
#desktop:checked ~ #slider .desktop,.desktop{display:inline-block;width:60px;height:60px;padding-top:50px;opacity:.35;font-size:14px}
.desktop:hover{opacity:.2}
.desktop{background:url(desktop.png) no-repeat}

a{color:#fff;text-decoration:none}
#img{max-width:100%;height:auto}
.img{max-width:100%;height:auto:}
hr{display:block;color:rgba(150,54,58,0);width:100%;border-style:inset;border-width:1px}
br{display:block;line-height:2em}
br {
    display: block;
    margin-bottom: 2em;
    font-size:1em;
    line-height: 1em;
}
li{display:inline;margin-right:185px}
#i{background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0.41,#ae35b5),color-stop(0.71,#d150da),color-stop(0.86,#fb70ff))}
#book_now{display:block;position:relative;float:right;margin-right:5%;top:2em;z-index:27}
#things_to_do{position:relative;display:block;float:left;margin-left:5%;margin-top:1.5em;z-index:27;width:95%;padding-top:1em}
#description{text-align:justify}
.description a{color:#000;font-weight:600}
.description{position:relative;width:auto;max-width:90%;line-height:1.5em;margin:.5em;top-margin:0;top:2em;margin-left:5%;margin-right:5%;z-index:2;overflow:visible;color:#343434;text-align:justify;text-justify:inter-word}
.description h1{column-span:all;-webkit-column-span:all}
.description h2{column-span:all;-webkit-column-span:all}
.description h3{-webkit-column-break-before:always;-moz-column-break-before:always;column-break-before:always;font-size:1.5em;line-height:1.5em;color:#010000;font-weight:lighter}
.description h5{-webkit-column-break-before:always;-moz-column-break-before:always;column-break-before:always;font-size:1em;line-height:1.2em;font-weight:normal;font-style:italic}
#description ul li{display:list-item;line-height:2em;width:100%;list-style-position:inside;list-style-type:circle;margin-right:1em}
#secondheader{position:relative;width:1100px;margin:0;top:0;left:30px;z-index:2;max-height:700px;overflow:hidden;color:#343434}
#media{position:relative;display:block;width:90%;margin-top:-9em;left:5%;z-index:2;height:auto;overflow:hidden;color:#343434;background-color:#FFF}
#left_nav{position:absolute;margin:auto;left:-50px;top:100px;height:600px;z-index:2;width:240px;color:rgba(173,69,46,0)}
#left_nav{position:relative;left:450px!important;z-index:24}
#top_content{position:absolute;left:0;z-index:100;margin-top:3em}
.things_to_do_button{display:block;position:relative;width:100%;right:0;margin-top:2em;margin-bottom:2em;text-rendering:optimizeLegibility;font:normal;font-family:Helvetica,sans-serif;z-index:57;text-rendering:optimizeLegibility;font:normal;font-size:22px;padding:3px;text-align:center;word-spacing:5px;top:20px;background:-webkit-linear-gradient(top,#7E3134,rgba(92,16,24,1));background:-moz-linear-gradient(top,#9F0628,rgba(92,16,24,1));background:-ms-linear-gradient(top,#323232,rgba(92,16,24,1));background:-o-linear-gradient(top,#323232,rgba(92,16,24,1));background:linear-gradient(top,#323232,rgba(92,16,24,1));border-radius:3px;-moz-border-radius:5px;-webkit-border-radius:5px;border:none;font-family:Helvetica,sans-serif;font-size:22px;line-height:35px;border:1px solid #611319;border-radius:5px;-webkit-border-radius:5px;box-shadow:0 1px 2px hsla(0.0,0.0%,0.0%,0.50),inset 0 1px 0 hsla(0.0,0.0%,100.0%,0.15);-webkit-box-shadow:0 1px 2px hsla(0.0,0.0%,0.0%,0.50),inset 0 1px 0 hsla(0.0,0.0%,100.0%,0.15);color:#fff;padding:6px 20px;text-align:center;text-shadow:0 -1px 0 #611319}
#navigation{display:inline;left:-10px}
#footer_stuff {
	    position: absolute;
    display: block;
    /* bottom: -3em; */
    left: 0;
    width: 100%;
    background-color: rgb(46,46,48);
    border-color: antiquewhite;
    border-style: solid;
    border-bottom-width: .1em;
    height: 3em;
    font-size: 1.5em;
    /* color: #659525; */
    font: Helvetica,sans-serif;
    border-right-width: 0;
    border-left-width: 0;
    z-index: 1000;
    margin-top: 1em;
}
.crossDesign{display:inline-block;margin-left:5%;bottom:0;margin-top:.7em}
#footer{position:relative;bottom:0}
.credits{position:relative;display:block;bottom:75px;color:#FFF;font:Helvetica,sans-serif}
.credits h3{color:#006363;margin:0 0 5px;font-weight:normal;font-size:14px;font-style:normal;font:Helvetica,sans-serif}
.whitebk{position:absolute;top:0;left:0;margin:auto;z-index:1;overflow:visible;visibility:visible;width:100%;height:1750px;overflow-x:hidden;overflow-y:auto}
.content{position:relative;margin:auto}
.content a:ink{color:#5785BD}
.content a:visited{color:#757575}
.footer{position:relative;display:block;font-size:14px;z-index:2;line-height:28px}
.contact_us{position:absolute;left:570px;top:975px;font-size:14px;font-family:Helvetica,sans-serif;z-index:50;colour:#FFF!important;white-space:nowrap;font-weight:lighter;line-height:28px}
a.contact_us{color:#DFE8EF!important;font-weight:lighter}
.base{position:absolute;top:-550px;left:0;margin:auto;padding:0;z-index:1;overflow:visible;visibility:visible;width:100%;height:1000px;overflow-x:hidden;overflow-y:auto}
.nav{position:absolute;left:40px;top:-25px;height:900px;z-index:2;width:250px;padding:0}
.navButtons{display:block;position:absolute;top:0;height:40px;z-index:2;border:10px;spacing:30px}
.navButtons li{display:inline;float:left;margin-right:182px}
.navButtons br{display:block;margin:10px}
.left_nav{border-bottom:none!important;line-height:110%;list-style:none!important}
.main_buttons{display:block;position:absolute;left:61px;top:140px;height:600px;z-index:2;width:200px}
a.mainbuttons{display:block;padding:0;margin:0}
.buttons {
	z-index: 57;
	display: inline-block;
	position: static;
	padding: 3px;
	width: auto;
	/* max-width: 200px; */
	text-rendering: optimizeLegibility;
	font-weight: 700;
	font-size: 1em;
	padding: 3px;
	text-align: center;
	word-spacing: .3em;
	background: -webkit-linear-gradient(top,#9F0628,rgba(92,16,24,1));
	background: -moz-linear-gradient(top,#9F0628,rgba(92,16,24,1));
	background: -ms-linear-gradient(top,#323232,rgba(92,16,24,1));
	background: -o-linear-gradient(top,#323232,rgba(92,16,24,1));
	background: linear-gradient(top,#323232,rgba(92,16,24,1));
	border-radius: 3px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: none;
	border: 1px solid #611319;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 0 1px 2px hsla(0.0,0.0%,0.0%,0.50),inset 0 1px 0 hsla(0.0,0.0%,100.0%,0.15);
	-webkit-box-shadow: 0 1px 2px hsla(0.0,0.0%,0.0%,0.50),inset 0 1px 0 hsla(0.0,0.0%,100.0%,0.15);
	color: #fff;
	padding: 6px 20px;
	text-align: center;
	text-shadow: 0 -1px 0 #611319;
	/* line-height: 35px; */
	margin: 0px;
	padding: 6px 7px;
	color: #fff;
	font-size: 1.15em;
	font-weight: normal;
	text-decoration: none;
	text-transform: uppercase;
	border-radius: 3px;
	background: -webkit-gradient(linear, left top, right top, from(#b21117), to(#e91b23));
	background: -webkit-linear-gradient(left, #b21117, #e91b23);
	background: -moz-linear-gradient(left, #b21117, #e91b23);
	background: -ms-linear-gradient(left, #b21117, #e91b23);
	background: -o-linear-gradient(left, #b21117, #e91b23);
}
a.buttons{color:#FFF!important;text-decoration:none!important}
.buttons2{z-index:57;display:inline-block;position:absolute;font-family:Helvetica,sans-serif;font-size:22px;width:255px;text-rendering:optimizeLegibility;-webkit-box-shadow:rgba(92,16,24,0.3) 0 1px 0 0;-moz-box-shadow:rgba(92,16,24,0.3) 0 1px 0 0;box-shadow:rgba(92,16,24,30) 0 1px 0 0;padding-top:7px;padding-bottom:7px;text-align:center;word-spacing:5px;color:rgba(173,69,46,.05);background-color:rgba(46,46,48,0.65);border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;border:#fff;margin:12px}
a.buttons2{color:rgba(225,193,163,.8)!important;text-decoration:none!important;line-height:35px}
.buttons2 li{padding:0;line-height:120%;float:left;margin-right:185px;list-style:none;text-decoration:none;left:150px}
.buttons3{z-index:57;display:block;position:absolute;font-family:Helvetica,sans-serif;font-size:22px;width:200px;text-align:center;word-spacing:5px;margin-left:0;float:left}
buttons3 a{display:block;margin-right:-4px}
.buttons3 br{display:inline-block}
.buttonsred {
	z-index: 57;
	display: inline-block;
	position: static;
	padding: 3px;
	width: auto;
	/* max-width: 200px; */
	text-rendering: optimizeLegibility;
	font-weight: 700;
	font-size: 1em;
	padding: 3px;
	text-align: center;
	word-spacing: .3em;
	background: -webkit-linear-gradient(top,#9F0628,rgba(92,16,24,1));
	background: -moz-linear-gradient(top,#9F0628,rgba(92,16,24,1));
	background: -ms-linear-gradient(top,#323232,rgba(92,16,24,1));
	background: -o-linear-gradient(top,#323232,rgba(92,16,24,1));
	background: linear-gradient(top,#323232,rgba(92,16,24,1));
	border-radius: 3px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: none;
	border: 1px solid #611319;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 0 1px 2px hsla(0.0,0.0%,0.0%,0.50),inset 0 1px 0 hsla(0.0,0.0%,100.0%,0.15);
	-webkit-box-shadow: 0 1px 2px hsla(0.0,0.0%,0.0%,0.50),inset 0 1px 0 hsla(0.0,0.0%,100.0%,0.15);
	color: #fff;
	padding: 6px 20px;
	text-align: center;
	text-shadow: 0 -1px 0 #611319;
	/* line-height: 35px; */
	margin: 0px;
	padding: 6px 7px;
	color: #fff;
	font-size: 1.15em;
	font-weight: normal;
	text-decoration: none;
	text-transform: uppercase;
	border-radius: 3px;
	background: -webkit-gradient(linear, left top, right top, from(#b21117), to(#e91b23));
	background: -webkit-linear-gradient(left, #b21117, #e91b23);
	background: rgb(224, 74, 50);
	background: -ms-linear-gradient(left, #b21117, #e91b23);
	background: -o-linear-gradient(left, #b21117, #e91b23);
	margin-left: 4em;
}

.buttonsred1 {
	z-index: 57;
	display: inline-block;
	position: static;
	padding: 3px;
	width: auto;
	/* max-width: 200px; */
	text-rendering: optimizeLegibility;
	font-weight: 700;
	font-size: 1em;
	padding: 3px;
	text-align: center;
	word-spacing: .3em;
	background: -webkit-linear-gradient(top,#9F0628,rgba(92,16,24,1));
	background: -moz-linear-gradient(top,#9F0628,rgba(92,16,24,1));
	background: -ms-linear-gradient(top,#323232,rgba(92,16,24,1));
	background: -o-linear-gradient(top,#323232,rgba(92,16,24,1));
	background: linear-gradient(top,#323232,rgba(92,16,24,1));
	border-radius: 3px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: none;
	border: 1px solid #611319;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 0 1px 2px hsla(0.0,0.0%,0.0%,0.50),inset 0 1px 0 hsla(0.0,0.0%,100.0%,0.15);
	-webkit-box-shadow: 0 1px 2px hsla(0.0,0.0%,0.0%,0.50),inset 0 1px 0 hsla(0.0,0.0%,100.0%,0.15);
	color: #fff;
	padding: 6px 20px;
	text-align: center;
	text-shadow: 0 -1px 0 #611319;
	/* line-height: 35px; */
	margin: 0px;
	padding: 6px 7px;
	color: #fff;
	font-size: 1.15em;
	font-weight: normal;
	text-decoration: none;
	text-transform: uppercase;
	border-radius: 3px;
	background: -webkit-gradient(linear, left top, right top, from(#b21117), to(#e91b23));
	background: -webkit-linear-gradient(left, #b21117, #e91b23);
	background: rgb(224, 74, 50);
	background: -ms-linear-gradient(left, #b21117, #e91b23);
	background: -o-linear-gradient(left, #b21117, #e91b23);
}
.units {
	width: 40%;
	background-color: rgb(245, 245, 245);
	border: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: currentcolor;
	border-right-color: currentcolor;
	border-bottom-color: currentcolor;
	border-left-color: currentcolor;
	border-color: rgba(0,0,0,0.2);
	border-style: solid;
	margin: 1em;
	padding: 1em;
	margin-block-end: 3em;
	display: inline-block;
	flex: 1;
	margin-block-start: 1em;
	margin-inline-start: 2em;
}

.units-contain{display: flex;}
.black-background {
	background-color: rgb(245, 245, 245);
	padding: 5em;
	text-align: center;
}

#new_nav div.menu-icon{display:none;<iclass:material-icons>menu</i>}
#new_nav ul{margin-left:5%}
#base_content{padding-bottom:5em}
#new_nav ul li{display:inline;position:relative;float:left;margin-top:0;margin-right:2.3em}
.contact_list{color:#4D7300}
.header{color:#222;line-height:100%;font-size:22px;line-height:35px}
.tab{left:160px}
p span{display:block}
p{margin-top:1em;margin-bottom:2em}
.img{max-width:100%;height:auto:}
media="screen, projection"{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.landscape{position:relative;top:0;z-index:10;box-sizing:border-box;-webkit-box-sizing:border-box;width:auto}
#img{max-width:100%;width:100%;height:auto}
.img{max-width:100%;height:auto:}
#footer_stuff_2{position:relative;left:-48px}
.packages{position:relative;width:550px;line-height:28px;margin:8px;top-margin:0;top:90px;left:40px;z-index:2;max-height:1000px;overflow:visible;color:#343434;text-align:left;text-justify:inter-word}
hr ul li{display:block;margin-after:2em;margin-before:2em;color:rgba(150,54,58,0);width:100%;-webkit-margin-before:2em;-webkit-margin-after:2em;-webkit-margin-start:auto;-webkit-margin-end:auto;border-style:inset;border-width:1px}
.menu ul{transition:max-height .25s linear;margin:0;padding:0;text-align:center}
.menu li{transition:visibility .25s linear;display:inline-block}
.rwd-break {display:none;}
.centre-heading {
	font-family: Helvetica, sans-serif;
	font-weight: normal;
	align-content: center;
	line-height: 1.6;
	text-align: center;
	border-bottom: 1px solid currentColor;
	border-width: auto;
	border-padding: 5em;
	text-decoration: none;
	display: inline;
	border-spacing: 1em;
	font-size: 1.728rem;
}
.centre-heading, p {margin-bottom: 0;margin-top: 0}

.centre-heading h3{font-family: Helvetica, sans-serif;
font-weight:normal!important;align-content: center;line-height: 1.6;text-align: center;border-spacing: 15px 50px} 

<style>
* { box-sizing: border-box; }


#content {
	position: relative;
	margin: auto;
	width: 100%;
	/* max-width: 1200px; */
	height: 100%;
	background-color: rgb(255, 255, 255);
}
.parent {
  display: flex;
  justify-content: center;
  align-items: center;
}
#black_content {
	position: relative;
	display: block;
	margin: 0px;
	width: 100%;
	background-color: rgb(30, 30, 30);
}
.black-nav{height: 4em;width:100%}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }
.menu {
	padding: 0.5em;
	height: 1.5em;
	line-height: 1.15em;
	font-size: 1.15em;
	background: #659525;
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	padding: 1em;
	background: #2e2e30;
	background: rgba(46,46,48,0.75);
	text-transform: uppercase;
}
ul { display: block; }

info, a { color: rgb(37, 37, 37); cursor: pointer; text-decoration: none; }
label, a { color: rgb(37, 37, 37); cursor: pointer; text-decoration: none; }
a { color: rgb(255, 255, 255); text-decoration: none; }
.buttons4 { z-index: 300; display: block; position: relative; margin-top: 2%; width: auto; height: auto; font-family: Helvetica,sans-serif; font-size: 1em; line-height: 0.5em; text-rendering: optimizeLegibility; padding-top: .5em; padding-bottom: .5em; text-align: center; word-spacing: .3em; color: rgb(198, 157, 134); text-decoration: none !important; margin-left: 5%; width:100$}
a.buttons4 { text-decoration: none; color: beige !important; }
#button { display: inline; }
label { margin: 4px; }
label, #active, img { -webkit-user-select: none; }
.navbar-handle { display: none; cursor: pointer; position: relative; font-size: 1em; padding: 0.5em 0px; height: 0px; width: 1.66667em; border-top-width: 0.133333em; border-top-style: solid; }
.menu .navbar-handle { display: block; position: absolute; font-size: 1.2em; color: rgb(255, 255, 255); top: 0.7em; right: 12px; z-index: 10; }
#mask {
	margin-top: 0em;
	width: 100%;
	float: left;
	margin-left: 0;
	height: auto;
	background-color: #1E1E1E;
	padding: 0 0 0;
	display: block;
	position: relative;
}
#top_content{position:absolute;left:0;z-index:100;margin-top:0}



.header {
	position: relative;
	display: block;
	left: 6% !important;
	top: 14em;
	z-index: 100;
	width: auto;
	font-size: nomral;
	line-height: .2em;
	animation: 1s ease-out 0s 1 slideInFromLeft;
	background: rgb(215,223,33);
	padding: 1.75em;
	font-family: 'Josefin Sans', sans-serif;
	font-weight: lighter;
	font-size: large;
	font-family: 'Montserrat', sans-serif;
	color: black;
	padding-bottom: 1em;
	padding-top: 1.8em;
}

.header2 {
	position: absolute;
	/* display: block; */
	left: 6% !important;
	/* top: 14em; */
	z-index: 100;
	width: auto;
	font-size: nomral;
	line-height: .2em;
	animation: 1s ease-out 0s 1 slideInFromLeft;
	background: rgb(215,223,33);
	padding: 1.75em;
	font-family: 'Josefin Sans', sans-serif;
	font-weight: lighter;
	font-size: large;
	font-family: 'Montserrat', sans-serif;
	color: black;
	padding-bottom: 1em;
	padding-top: 1.8em;
	top: 14em;
}

@keyframes slideInFromLeft {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
  }
}
br { display: block; line-height: 40px; }
#base_content { padding-bottom: 5em; }
/*.buttons { z-index: 57; display: inline-block; position: static; width: auto; max-width: 200px; text-rendering: optimizeLegibility; font-weight: 700; font-size: 1em; word-spacing: 5px; border: 1px solid rgb(97, 19, 25); border-radius: 5px; box-shadow: rgba(0, 0, 0, 0.498039) 0px 1px 2px, rgba(255, 255, 255, 0.14902) 0px 1px 0px inset; color: rgb(255, 255, 255); padding: 6px 20px; text-align: center; text-shadow: rgb(97, 19, 25) 0px -1px 0px; line-height: 35px; background: -webkit-linear-gradient(top, rgb(159, 6, 40), rgb(92, 16, 24)); }*/
#book_now { display: block; position: relative; float: right; margin-right: 5%; top: 2em; z-index: 27; }
#secondheader { position: relative; width: 1100px; margin: 0px; top: 0px; left: 30px; z-index: 2; max-height: 700px; overflow: hidden; color: rgb(52, 52, 52); }
.description {
	position: relative;
	width: auto;
	max-width: 90%;
	line-height: 1.5em;
	margin: 0.5em 5%;
	top: 2em;
	z-index: 2;
	overflow: visible;
	color: #404040;
	text-align: justify;
	/* max-width: 800px; */
}

#description { text-align: justify; }


.description h2 { -webkit-column-span: all; }
.description h3 { -webkit-column-break-before: always;  color: rgb(1, 0, 0); font-weight: lighter;
font-size: 1.44em; margin: 1.414em 0 0.5em;
  font-weight: inherit;
  line-height: 1.2; }
  .grey-text{color:rgb(102,102,102)}
hr {
	display: block;
	color: black;
	width: 100%;
	border-style: inset;
	border-width: 1px;
	/* padding: 1em; */
	margin-block-end: 3em;
	margin-block-start: 2em;
}
p { margin-top: 1em; margin-bottom: 2em; }
h4 { font-size: 1.2em; line-height: 1.2em; }
#description ul li { display: list-item; line-height: 2em; width: 100%; list-style-position: inside; list-style-type: circle; margin-right: 1em; }
#new_nav {
	z-index: 300;
	display: block;
	position: relative;
	width: 100%;
	height: 0;
	top: 0;
	right: 0;

}
input { display: none; }
.navbar-checkbox { display: none; }
#new_nav ul { margin-left: 5%; }
li { display: inline; margin-right: 185px; }
#new_nav ul li { display: inline; position: relative; float: left; margin-top: 0px; margin-right: 2.3em; }
.menu ul { }
.menu li { }
#slider {
	display: block;
	left: 0;
	/* top: 3em; */
	/* margin-top: 1em; */
	/* padding-top: 1em; */
	text-align: center;
	width: 100%;
	float: left;
}
#slider2 {
	display: block;
	left: 0;
	/* top: 3em; */
	/* margin-top: 1em; */
	/* padding-top: 1em; */
	text-align: center;
	width: 100%;
	float: left;
}

.monster {position:absolute;width: 2400px;
  height: 495px;
  transform:translateX(-495px);
  mask-border: url("mask.svg") 35 repeat;
 /*-webkit-mask-box-image: url("stamp.svg") 35 repeat;
 mask-box-image: url("stamp.svg") 35 repeat;*/
  background: url('https://www.hallsgaplogcabins.com.au/exterior-sprite.jpg') left center;
  animation: play 15s steps(3) infinite;}
  
  .cover {position:absolute;width: 25%;
  height: 495px;
	/* background-color: rgba(0,0,0,.3); */
}

.cover2 {
	position: absolute;
	width: 25%;
	height: 495px;
	/* background-color: rgba(0,0,0,.3); */
	float: right;
	margin-left: 75%;
}

.masked-element {
  mask-image: url(luminance-mask.png);
  mask-mode: luminance;
}
  
div#slider { overflow: hidden; }
div#slider figure { position: relative; width: 800%; margin: 0; left: 0; text-align: left; font-size: 0; animation: slidy 35s infinite; }

.rwd-break {display:none;}
.slideshow {background-image: url("Halls_Gap_Log_Cabins.jpg");width:100%;height:auto;background-size: contain;}
.slideshow2 {
	background-image: url("halls-gap-emu-kangaroo-96.jpg");
	/* width: 450px; */
	height: 800px;
	background-size: cover;
	background-repeat: no-repeat;
}
#dummy {position:relative;width:100%;height:495px;overflow-x: hidden;}
#placeholder{display:block;}

    

  
  @keyframes play {
    100% { background-position: -2400px; }
    
    img {
  -webkit-mask-box-image: url("mask.svg") 35 repeat;
  mask-box-image: url("mask.svg") 35 repeat;
  mask-border: url("mask.svg") 35 repeat;
}

html {font-size: 1em;}




</style>
/* ----------- big landscape tablets, laptops, and desktops  ----------- */
@media (min-width:1025px) {  
/* #title{position:relative;display:block;left:5% !important;top:0;z-index:100;width:100%;color:#E3E3E3;font-family: 'Dynalight', cursive;font-size:2em !important;line-height:2em;max-width:100%}
*/
.menu .navbar-handle {visibility: hidden;}
.rwd-break {display:block !important;}
#slider{left:30%;width:100%;margin-top:1em;padding-top:0;text-align:center}
.buttons4{z-index:300;display:block;position:relative;margin-left:5%;margin-top:2%;width:100%;height:auto;font-family:Helvetica,sans-serif;font-size:1.4em;text-decoration:none!important;line-height:2em;text-rendering:optimizeLegibility;padding-top:7px;padding-bottom:7px;text-align:center;word-spacing:5px;color:#c69d86}
}
/* ----------- tablet, landscape iPad, lo-res laptops ands desktops  ----------- */
@media only screen and (min-device-width : 1024px) {
#title {

}
}



@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  {
.rwd-break {display:block !important;}
#title{position:relative;display:block;left:25%;top:0;z-index:100;width:100%;color:#E3E3E3;font-family:Helvetica,sans-serif;font-size:.8em;line-height:2em}}

/* ----------- portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones  ----------- */
@media only screen and (max-width: 854px) and (min-width: 450px) {
#slider #controls{margin:-25% 0 0 15%;width:70%;height:50px}
#slider #controls label{-moz-transform:scale(0.8);-webkit-transform:scale(0.8);-o-transform:scale(0.8);-ms-transform:scale(0.8);transform:scale(0.8)}
#slider #slides{padding:1% 0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
#slider #active{margin:22% 0 0}
}
/* ----------- portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones  ----------- */
@media (max-width: 854px) {
.menu ul{max-height:0;overflow:hidden;margin:0 3.5em 0 1em}
.menu li{visibility:hidden;display:block;padding:.5em .6em;border-bottom:1px;border-color:#FFF}
.menu .navbar-handle{display:block}
#navbar-checkbox:checked + .menu ul{max-height:300px}
#navbar-checkbox:checked + .menu li{visibility:visible}
#navbar-checkbox:checked + .menu .navbar-handle,#navbar-checkbox:checked + .menu .navbar-handle:after,#navbar-checkbox:checked + .menu .navbar-handle:before{border-color:#CCC}
.navbar-checkbox{display:none}
.navbar-handle{display:none;cursor:pointer;position:relative;font-size:1em;padding:.5em 0;height:0;width:1.6666666666667em;border-top:.13333333333333em solid}
.navbar-handle:before,.navbar-handle:after{position:absolute;left:0;right:0;content:' ';border-top:.13333333333333em solid}
.navbar-handle:before{top:.37777777777778em}
.navbar-handle:after{top:.88888888888889em}
.menu{position:absolute;top:0;left:0;right:0}
.menu .navbar-handle{position:absolute;font-size:1.2em;color:#FFF;top:.7em;right:12px;z-index:10}
}
/* ----------- portrait iPad and similar  ----------- */
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
.buttons4{z-index:300;display:block;position:relative;margin-left:5%;margin-top:2%;width:auto;height:auto;font-family:Helvetica,sans-serif;font-size:1.2em;text-decoration:none!important;line-height:.5em;text-rendering:optimizeLegibility;padding-top:7px;padding-bottom:7px;text-align:center;word-spacing:5px;color:#c69d86}
}
/* ----------- iPhone 6 and Galaxy S5  ----------- */
@media only screen and (max-device-width : 667px) {
#mask{margin-top:0;width:100%;float:left;margin-left:0;height:auto;background-color:#1E1E1E;padding:2em 5% 3em}
#content{position:relative;margin:auto;width:100%;background-color:#fff;height:100%;padding-bottom:7em}
#top_content{position:absolute;left:0;z-index:100;margin-top:0}
#new_nav div.menu-icon ul li{display:block;border-bottom:5px solid #0F6;border-bottom-width:3em}
.buttons{z-index:57;display:inline-block;position:static;width:auto;text-rendering:optimizeLegibility;font-weight:bold;font-size:.8em;padding:1px;text-align:center;word-spacing:.5em;background:-webkit-linear-gradient(top,#9F0628,rgba(92,16,24,1));background:-moz-linear-gradient(top,#9F0628,rgba(92,16,24,1));background:-ms-linear-gradient(top,#323232,rgba(92,16,24,1));background:-o-linear-gradient(top,#323232,rgba(92,16,24,1));background:linear-gradient(top,#323232,rgba(92,16,24,1));border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;border:none;border:.5px solid #611319;border-radius:5px;-webkit-border-radius:5px;box-shadow:0 1px 2px hsla(0.0,0.0%,0.0%,0.50),inset 0 1px 0 hsla(0.0,0.0%,100.0%,0.15);-webkit-box-shadow:0 1px 2px hsla(0.0,0.0%,0.0%,0.50),inset 0 1px 0 hsla(0.0,0.0%,100.0%,0.15);color:#fff;padding:3px 10px;text-align:center;text-shadow:0 -1px 0 #611319;line-height:15px}
.description_1{position:relative;width:80%;font-size:1em;line-height:28px;top:0;z-index:2;height:auto;overflow:visible;color:#343434;text-align:justify;text-justify:inter-word;z-index:3;margin:0 auto 2em}
#footer_stuff{position:absolute;bottom:0;left:0;width:100%;background-color:#222;border-color:#7F3235;border-style:solid;border-bottom-width:.5em;height:3em;font-size:1.5em;color:#DFE8EF;font:Helvetica,sans-serif;border-right-width:0;border-left-width:0;z-index:1000}
#slider{display:block;left:0;margin-top:1em;padding-top:1em;text-align:center}
h2{display:block;position:static;text-rendering:optimizeLegibility;font-family:Helvetica,sans-serif;font-size:1.5em;line-height:1.5em;color:#222;font-weight:bolder;padding-top:0}
.description h3{-webkit-column-break-before:always;-moz-column-break-before:always;column-break-before:always;font-size:1.2em;line-height:1.5em;color:#010000;font-weight:lighter}
hr{display:block;margin-after:1.52em;margin-before:1em;color:rgba(150,54,58,0);width:100%;-webkit-margin-before:1em;-webkit-margin-after:1.2em;-webkit-margin-start:auto;-webkit-margin-end:auto;border-style:inset;border-width:1px}
h1{font-weight:600;font-size:1.7em;padding-bottom:.5em}
#title{position:relative;left:6%;top:-1.2em;z-index:100;width:auto;color:#E3E3E3;font-family:Helvetica,sans-serif;font-size:1em;line-height:2em}
}
/* ----------- iPhone 6 Plus  ----------- */
@media only screen and (max-width: 415px) {
.landscape{position:relative;top:0;z-index:10;box-sizing:border-box;-webkit-box-sizing:border-box;width:auto}
#title{position:relative;left:7%;top:-1.2em;z-index:100;width:auto;color:#E3E3E3;font-family:Helvetica,sans-serif;font-size:1em;line-height:2em}
}
/* ----------- poor man's phone  ----------- */
@media only screen and (max-width: 320px) {
#title{position:relative;left:5%;top:-1.2em;margin-top:1m;z-index:100;width:auto;color:#E3E3E3;font-family:Helvetica,sans-serif;font-size:.8em !important;line-height:2em}
}


 /* 
.monster {
  width: 1480px;
  height: 996px;
 
  background: url('https://www.hallsgaplogcabins.com.au/Halls_Gap_Log_Cabins.jpg') left center;
  animation: play 24s steps(8) infinite;
  
  
}
@keyframes play {
    200% { background-position: -11940px; }
    }*/
    
    

    
      .monster {
  width: 2400px;
  height: 1495px;
  transform:translateX(-495px);
  mask-border: url("mask.svg") 35 repeat;
 -webkit-mask-box-image: url("stamp.svg") 35 repeat;
  background: url('https://www.hallsgaplogcabins.com.au/exterior-sprite.jpg') left center;
  animation: play 15s steps(3) infinite;}
  @keyframes play {
    100% { background-position: -2400px; }
    
#covers{width:25%;height:60px;background-color: rgb(0,0,0);z-index: 5}
#covers2{width:25%;height:60px;background-color: rgb(0,0,0);z-index: 5;margin-left:75%}

    
    img {
  -webkit-mask-box-image: url("mask.svg") 35 repeat;
  mask-border: url("mask.svg") 35 repeat;
}