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

/* ---- RESET ---- */
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 {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
body {
	line-height:1;
}
ol, ul {
	list-style:none;
}
blockquote, q {
	quotes:none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content:'';
	content:none;
	}
:focus {
	outline:0;
}
ins {
	text-decoration:none;
}
del {
	text-decoration:line-through;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}

/* ---- GENERAL ---- */
html, body {
	height:100%;
}
body {
	font-family:Verdana,Arial,Helvetica,Sans-Serif;
	color:#333;
	/* overflow:hidden; */
	background:#000;
}
a:link, a:visited, a:active, a {
	color:#333;
	outline:none;
	text-decoration:none;
}
.clear:before, .clear:after {
	content:" ";
	display:table;
}
.clear:after {
	clear:both;
}
h1 {
	font-size:38px;
	font-style:normal;
	line-height:1.2em;
	margin-bottom:20px;
}
h2 {
	font-size:24px;
	font-style:normal;
	line-height:1.2em;
	margin-bottom:20px;
}
p, legend {
	line-height:1.3em;
	margin-bottom:30px;
}

/* ---- PRELOADER ---- */
#loader {
	background:#fff;
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index:9999999;
}

/* ---- MENU ---- */
#menu {
	width:100%;
	position:fixed;
	z-index:9999;
}
#menu img {
	float:left;
	padding:20px;
	max-width:90%;
}
#menu hr {
	border:none;
	background-image:none;
	border-bottom:5px solid #af9828;
	margin-top:8px;
}
#menu nav {
	width:100%;
	background:url("../img/bg/menu_bg.jpg");
	border-bottom:1px solid #5c4e34;
}
#menu nav ul {
	margin-top:50px;
}
#menu nav li {
	display:inline;
	float:left;
	font-size:12px;
}
#menu nav li a {
	display:inline-block;
	color:#dccf9f;
	padding:20px 20px;
	text-decoration:none;
}
#menu nav li a:hover {
	background:#372914;
}
#menu nav a#pull {
	display:none;
	padding:10px;
}
.navicon-line {
	width:23px;
	height:4px;
	border-radius:1px;
	margin-bottom:3px;
	background-color:#fff;
}

/* ---- MAIN ---- */
#container {
	height:100%;
}
#container div.top {
	height:83%;
	position:relative;
}
#section1 {
	background:url("../img/section1.jpg") no-repeat center center fixed;
}
#section2 {
	background:url("../img/section2.jpg") no-repeat center center fixed;
}
#section3 {
	background:url("../img/section3.jpg") no-repeat center center fixed;
}
#section4 {
	background:url("../img/section4.jpg") no-repeat center center fixed;
}
#section5 {
	background:url("../img/section5.jpg") no-repeat center center fixed;
}
#section1, #section2, #section3, #section4, #section5 {
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
}
#about {
	background:url("../img/bg/content_waves.png") repeat center center;
	border-top:1px solid #5c4e34;
	border-bottom:1px solid #5c4e34;
}
#rooms {
	background:url("../img/bg/content_tile.jpg") repeat;
	border-top:1px solid #5c4e34;
	border-bottom:1px solid #5c4e34;
}
#events {
	background:url("../img/bg/content_wallpaper.gif") repeat center center;
	border-top:1px solid #5c4e34;
	border-bottom:1px solid #5c4e34;
}
#neighbourhood {
	background:url("../img/bg/pattern_bg.gif") repeat center center;
	border-top:1px solid #5c4e34;
	border-bottom:1px solid #5c4e34;
}
#contact {
	background:url("../img/bg/blue_bg.jpg") repeat center center;
	border-top:1px solid #5c4e34;
	border-bottom:1px solid #5c4e34;
}
.down {
	position:absolute;
	top:150px;
	right:100px;
}
.block {
	z-index:1000;
	min-height:100%;
	height:auto; /* Allows overflow if contents exceed 100% height */
	width:85%;
	color:#333;
	margin:0 auto;
	padding:50px 0 20px 0;
}
.block hr {
	display:block;
    border:0px;
    height:4px;
    background-image:url("../img/bg/double_border.png");
	margin-bottom:20px;
}
a.link {
	border:1px solid #5c4e34;
	padding:1px 10px;
	font-family:"Lobster Two", cursive;
	font-weight:400;
	font-style:italic;
	color:#5c4e34;
}
a.link:hover {
	background:#372914;
	color:#dccf9f;
}
.hidden {
	display:none;
}
/* Header */
.head {
	overflow:hidden;
	margin-top:-1px;
	padding:15px 0;
	background:url("../img/bg/menu_bg.jpg");
	text-align:center;
	border-top:5px solid #af9828;
	border-bottom:5px solid #af9828;
}
.head header {
	font-size:60px;
	color:#af9828;
	padding:0px 40px;
	letter-spacing:0.05em;
	font-weight:bold;
}
.harrow {
	width:100%;
	text-align:center;
}
/* Inner Blocks */
.inner_left {
	float:left;
	width:70%;
	padding:20px 3% 0 0;
	border-right:1px solid #5c4e34;
}
.inner_right {
	float:left;
	width:30%;
	padding:20px 0 0 3%;
}
/* Footer */
#contact hr {
	border:none;
	background-image:none;
	border-bottom:5px solid #af9828;
	margin-bottom:8px;
}
#footer {
	padding:20px 0;
	background:url("../img/bg/menu_bg.jpg");
	text-align:center;
	border-top:1px solid #5c4e34;
	font-size:12px;
	color:#dccf9f;
}
#footer div {
	width:85%;
	margin:0 auto;
}
#footer a {
	display:inline-block;
	color:#dccf9f;
	padding:5px 5px;
	text-decoration:none;
}
#footer a:hover {
	background:#372914;
}
/* SlipHover */
.sliphover img {
	float:left;
	width:53.27%;
}
.sliphover img.portrait {
	width:46.73%;
}
/* Image Box */
.imgbox {
	border-top:5px solid #5c4e34;
	border-bottom:5px solid #5c4e34;
	padding:1px 0 1px 0;
	margin-bottom:20px;
}
.imgbox img:hover {
	opacity:0.6;
}
.imgbox2 img {
	width:50%;
	float:left;
}
.imgbox3 img {
	width:33.33%;
	height:200px;
	float:left;
}
.imgbox4 img {
	width:25%;
	float:left;
}
.imgbox6 img {
	width:16.66%;
	float:left;
}

/* ---- OUR ROOMS ---- */
.features img {
	float:left;
	height:78px;
	margin-bottom:20px;
}
ul.list {
	list-style-type:circle;
	margin-left:15px
}
ul.list li {
	line-height:1.2em;
	margin-bottom:20px;
}

/* ---- FORM ---- */
#contactForm .btn-group .form-control-feedback {
    top: 0;
    right: -30px;
}
#contactForm textarea {
	resize:vertical;
}

/* ---- ICONS ---- */
#address {
	background:url("../img/icons/address.png") no-repeat;
}
#telephone {
	background:url("../img/icons/telephone.png") no-repeat;
}
#email {
	background:url("../img/icons/email.png") no-repeat;
}
#address, #telephone, #email {
	padding-left:35px;
	background-size:30px;
}
.socials img {
	height:80px;
}

/* ---- HOME LOGO ---- */
.home-logo {
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	transform:rotate(-45deg);
	border:50px solid rgba(255,255,255,0.1);
	width:400px;
	height:400px;
	position:absolute;
	top:58%;
	left:50%;
	margin-top:-200px;
	margin-left:-196px;
	text-align:center;
	overflow:hidden;
}
.home-logo img {
	padding-top:20%;
}
.home-logo h1 {
	font-size:60px;
}
.home-logo h2 {
	font-size:20px;
}
/* Snowflakes Effect */
.snowflakes{
	position:absolute;
	bottom:0;
	width:100%;
	height:100%;
	background-image:url("../img/arrow-bg-1.png"), url("../img/arrow-bg-2.png");
	background-repeat:repeat-y;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	-webkit-animation:animate-snowflakes 300s infinite linear;
	-moz-animation:animate-snowflakes 300s infinite linear;
	-o-animation:animate-snowflakes 300s infinite linear;
	-ms-animation:animate-snowflakes 300s infinite linear;
	animation:animate-snowflakes 300s infinite linear;
}
@-webkit-keyframes animate-snowflakes{from{background-position:0 -100px, 0 100px}to{background-position:0 9000px, 0 6000px}}
@-moz-keyframes animate-snowflakes{from{background-position:0 -100px, 0 100px}to{background-position:0 6000px, 0 6000px}}
@-ms-keyframes animate-snowflakes{from{background-position:0 -100px, 0 100px}to{background-position:0 6000px, 0 6000px}}
@-o-keyframes animate-snowflakes{from{background-position:0 -100px, 0 100px}to{background-position:0 6000px, 0 6000px}}
@keyframes animate-snowflakes{from{background-position:0 -100px, 0 100px}to{background-position:0 9000px, 0 6000px}}

/* ---- FONTS ---- */
@font-face {
    font-family:James Fajardo;
    src:url("../fonts/james_fajardo.ttf");
}
.james_fajardo {
	font-family:"James Fajardo";
	font-weight:400;
}
.lobster_two {
	font-family:"Lobster Two", cursive;
	font-weight:400;
}
.italic {
	font-style:italic;
}


/* Styles for screen 1024px and lower */
@media screen and (max-width: 1024px) {
	/* Pull-Down Settings */
	#menu nav { 
  		height:auto;
  	}
  	#menu nav ul {
  		width:100%;
  		height:auto;
  	}
  	#menu nav li {
  		display:block;
  		float:none;
  	}
  	#menu nav a {
	  	text-align:left;
	  	width:100%;
  	}
	/* Activate Pull-Down */
	#menu nav ul {
		display:none;
	}
	#menu nav a#pull {
		display:block;
		position:relative;
	}
	#menu nav a#pull:after {
	}
	/* Main */
	.block {
		width:90%;
	}
	#footer div {
		width:90%;
	}
	/* Slipover */
	.sliphover img {
		min-width:100%;
	}
	/* Image Box */
	.imgbox4 img, .imgbox6 img {
		width:50%;
	}
	.imgbox6 img {
		width:33.33%;
	}
}
/* Styles for screen 800px and lower */
@media screen and (max-width: 800px) {
	/* Home Logo */
	.home-logo {
		margin-left:-100px;
		margin-top:-100px;
		background:none;
		border:none;
		width:200px;
		height:400px;
		-webkit-transform:none;
		-moz-transform:none;
		-o-transform:none;
		-ms-transform:none;
		-transform:none;
	}
	/* Snowflakes Effect */
	.snowflakes{
		display:none;
	}
	/* Inner Block */
	.inner_left {
		clear:left;
		width:100%;
		padding:0;
		border:none;
	}
	.inner_right {
		clear:left;
		width:100%;
		padding:0;
	}
}
/* Styles for screen 600px and lower */
@media screen and (max-width: 600px) {
}

/* Styles for screen 515px and lower */
@media only screen and (max-width : 480px) {
}

/* Smartphones */
@media only screen and (max-width : 320px) {
	/* Image Box */
	.imgbox2 img, .imgbox3 img, .imgbox4 img, .imgbox6 img {
		width:100%;
	}
}