/*

Name: California

Version: 1.0

Author: AvaThemes

Author URI: http://themeforest.net/user/AVAThemes

*/





/* =Table of Contents

--------------------------------------------------------------

	=Essential

	=Animation Elements

	=Top Strip

	=Logo and Navigation

	=Carousel Slider One

	=InfoContainer

	=Tradition Container

	=Video Container

	=Gallery & Testimonials

	=Footer

	=Subscribe

	=Testimonials

	=Footer

	=About - Header

	=Menu

	=Events

	=Gallery

	=Shortcodes

	=Responsive with media queries

*/









/*#########################################################################

Essential

##########################################################################*/



/** Generated by FG **/

@font-face {

	font-family: 'Conv_HOMEMADEAPPLE';

	src: url('../fonts/HOMEMADEAPPLE.eot');

	src: local('â?º'), url('../fonts/HOMEMADEAPPLE.woff') format('woff'), url('../fonts/HOMEMADEAPPLE.ttf') format('truetype'), url('../fonts/HOMEMADEAPPLE.svg') format('svg');

	font-weight: normal;

	font-style: normal;

}



body, html {

	width: 100%;

	height: 100%;

}



.fullscreen-container {

	overflow: hidden;

}



body {
	overflow-x: hidden;
	background-image: url(../img/bg.jpg);
/*	width: 1680px;
	height: 1691px;*/
}



section.main {

	margin-top: 40px;

}



.preloader {

	position: fixed;

	z-index: 9999999999999;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background-color: #1c2831;

}



.preloader img {

	position: absolute;

	top: 50%;

	left: 50%;

	-webkit-transform: translate(-50%, -50%);

	-moz-transform: translate(-50%, -50%);

	-o-transform: translate(-50%, -50%);

	-ms-transform: translate(-50%, -50%);

	transform: translate(-50%, -50%);

}



.topStrip, .logo-nav {

	position: relative;

	z-index: 10;

}



a:hover {

	text-decoration: none;

}





.smallScreenNav {

	display: none;

}



.fullscreen-container {

	z-index: 1;

	position: absolute;

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

}



.fullscreenbanner img.revolutionImage {

	width: auto !important;

	height: auto !important;

}



.content-error {

	position: absolute;

	top: 50%;

	left: 50%;

	-webkit-transform: translate(-50%, -50%);

	-moz-transform: translate(-50%, -50%);

	-o-transform: translate(-50%, -50%);

	-ms-transform: translate(-50%, -50%);

	transform: translate(-50%, -50%);

}



.video-pattern {
	position: absolute;
	z-index: -1;
	top: 1px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0, 0.3) url(../img/pattern.png);

}	





img.parallax-el {

	position: absolute;

	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

	filter: alpha(opacity=0);

	opacity: 0;

	-webkit-transform: scale(0);

	-moz-transform: scale(0);

	-o-transform: scale(0);

	-ms-transform: scale(0);

	transform: scale(0);

	-webkit-transition: all 0.9s;

	-moz-transition: all 0.9s;

	-o-transition: all 0.9s;

	-ms-transition: all 0.9s;

	transition: all 0.9s;

}



img.parallax-animation {

	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

	filter: alpha(opacity=100);

	opacity: 1;

	-webkit-transform: scale(1);

	-moz-transform: scale(1);

	-o-transform: scale(1);

	-ms-transform: scale(1);

	transform: scale(1);

}





/*#########################################################################

Animation Elements

##########################################################################*/



img.item5 {

	bottom: 0;

	left: 35%;

}



img.item1 {

	bottom: 80px;

	left: 0;

}



img.item2 {

	top: 80px;

	left: 10%;

}



img.item3 {

	top: 240px;

	left: 18%;

}



img.item7 {

	bottom: 80px;

	right: 12%;

}



img.item8 {

	bottom: 40%;

	right:0;

}



img.item4 {

	bottom: 16%;

	left:23%;

}



img.item6 {

	bottom: 40px;

	left:45%;

}



img.item9 {

	top: 90px;

	right:23%;

}



img.item10 {

	top: 40px;

	right:7%;

}



a {



}





.animationElementsWrapp {

	position: relative;

}



.animationElementsWrapp img {

	max-width: none;

	position: absolute;

	top: 0;

	left: 0;

	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

	filter: alpha(opacity=0);

	opacity: 0;

	-webkit-transition: all 0.9s;

	-moz-transition: all 0.9s;

	-o-transition: all 0.9s;

	-ms-transition: all 0.9s;

	transition: all 0.9s;

}



.animationElementsWrapp img.hitem1 {

	left: -970px;

	top: -70px;

}



.animationElementsWrapp img.hitem2 {

	top: 520px;

	left: 200px;

}



.animationElementsWrapp img.hitem3 {

	top: 300px;

}



.animationElementsWrapp img.hitem4 {

	left: -130px;

}



.animationElementsWrapp img.hitem5 {

	top: 40px;

	left: 0px;

}



.animationElementsWrapp img.hitem6 {

	top: 320px;

	left: 330px;

}





img.aitem {

	position: absolute;

	z-index: -1;

	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

	filter: alpha(opacity=0);

	opacity: 0;

	-webkit-transform: scale(0);

	-moz-transform: scale(0);

	-o-transform: scale(0);

	-ms-transform: scale(0);

	transform: scale(0);

	-webkit-transition: all 0.9s;

	-moz-transition: all 0.9s;

	-o-transition: all 0.9s;

	-ms-transition: all 0.9s;

	transition: all 0.9s;

}



img.aitem.a1 {

	right: 0;

}



img.aitem.a2 {

	right: 200px;

}



img.aitem.a3 {

	right: 0;

	top: 280px;

}



img.aitem.a4 {

	left: 0;

	top: 380px;

}



img.aitem.a5 {

	left: 370px;

	top: -80px;

}



img.aitem.a6 {

	left: 80px;

	top: -90px;

	z-index: 1;

}



img.aitem.a8 {

	left: 80px;

	top: -90px;

	z-index: 1;

	-webkit-transform: scale(-1);

	-moz-transform: scale(-1);

	-o-transform: scale(-1);

	-ms-transform: scale(-1);

	transform: scale(-1);



}



a.slideDown {

	display: block;

	position: absolute;

	width: 76px;

	height: 76px;

	border-radius: 50%;

	text-align: center;

	z-index: 99;

	border: 1px solid white;

	color: #fff;

	font-family: 'Robot', sans-serif;

	font-size: 10px;

	text-transform: uppercase;

	line-height: 190px;

	left: 50%;

	bottom: 50px;

	-webkit-transform: translateX(-50%);

	-moz-transform: translateX(-50%);

	-o-transform: translateX(-50%);

	-ms-transform: translateX(-50%);

	transform: translateX(-50%);

	background-image: url(../img/explore.png);

	background-repeat: no-repeat;

	background-position: center 60%;

	display: none;

}



img.aitem.animateIt {

	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

	filter: alpha(opacity=100);

	opacity: 1;

	-webkit-transform: scale(1);

	-moz-transform: scale(1);

	-o-transform: scale(1);

	-ms-transform: scale(1);

	transform: scale(1);

}





.videoParaHolder {

	position: relative;

}



.videoitem {

	position: absolute;

	left: 50%;

	margin-left: -100px;

	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

	filter: alpha(opacity=0);

	opacity: 0;

	-webkit-transition: all 0.9s;

	-moz-transition: all 0.9s;

	-o-transition: all 0.9s;

	-ms-transition: all 0.9s;

	transition: all 0.9s;

}











/*#########################################################################

Top Strip

##########################################################################*/



.topStrip {

	background-color: #000;

	color: #fff;

	font-family: 'Roboto', sans-serif;

	position: relative;

}



#social-icons {

	margin: 0;

	padding: 0;

	float: right;

}



#social-icons li {

	display: inline-block;

}



.topAddress p {

	margin: 0;

	padding-top: 10px;

	padding-bottom: 10px;

}



#social-icons li a {

	display: block;

	margin-left: 10px;

	text-indent: -9999px;

	width: 20px;

	height: 40px;

	background-image: url(../img/socials.png);

	background-repeat: no-repeat;

	background-position: 0 center;

}





#social-icons li a.ico-2 {

	background-position: -22px center;

}



#social-icons li a.ico-3 {

	background-position: -49px center;

}



#social-icons li a.ico-4 {

	background-position: -78px center;

}



#social-icons li a.ico-5 {

	background-position: -103px center;

}















/*#########################################################################

Logo and Navigation

##########################################################################*/



.logo-nav {

	padding-top: 250px;

}



.logoHolder {

	display: block;

	float: left;

	position: relative;

	left: 50%;

	margin-left: -131px;

}



.main-nav {

	margin-top: 50px;

	margin-bottom: 50px;

	border-top: 1px solid #928473;

	border-bottom: 1px solid #928473;

}



.main-nav ul {

	margin: 0;

	padding: 0;

	padding-top: 12px;

	padding-bottom: 10px;

	width: 950px;

	margin: 0 auto;

}



.main-nav ul li {

	display: inline-block;

	position: relative;

}



.main-nav ul li a {

	position: relative;

	font-size: 14px;

	text-transform: uppercase;

	font-family: 'Roboto', sans-serif;

	display: block;

	padding: 0 10px;

	color: #fff;

	-webkit-transition: all 0.3s;

	-moz-transition: all 0.3s;

	-o-transition: all 0.3s;

	-ms-transition: all 0.3s;

	transition: all 0.3s;

}



.main-nav > ul li ul {

	-webkit-transition: all 0.3s;

	-moz-transition: all 0.3s;

	-o-transition: all 0.3s;

	-ms-transition: all 0.3s;

	transition: all 0.3s;

	position: absolute;

	padding-top: 25px;

	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

	filter: alpha(opacity=0);

	opacity: 0;

	display: none;

}



.main-nav > ul li:hover > ul {

	opacity: 1;

	display: block;

	width: 190px;

}



.main-nav > ul li > ul li {

	display: block;

	padding-top: 5px;

	padding-bottom: 5px;

}



.main-nav > ul li ul li a:hover:before {

	content: '';

}



.main-nav > ul > li > a:before {

	content: ' ';

	display: block;

	position: absolute;

	width: 100%;

	height: 3px;

	background-color: #fff;

	top: -20px;

	left: 0;

	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

	filter: alpha(opacity=0);

	opacity: 0;

	-webkit-transition: all 0.3s;

	-moz-transition: all 0.3s;

	-o-transition: all 0.3s;

	-ms-transition: all 0.3s;

	transition: all 0.3s;

}



.main-nav ul li a:hover:before {

	top: -30px;

	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

	filter: alpha(opacity=100);

	opacity: 1;

}











/*#########################################################################

Carousel Slider One

##########################################################################*/



.carou-slider {

	position: relative;

	padding: 0;

	margin-top: 399px;

	z-index: 99999999999999;

}

.carou-slider .carousel-indicators {

	width: 230px;

	height: 36px;

	bottom: 0;

	left: 50%;

	margin-left: -115px;

	top: auto;

	background-image: url(../img/bullet-container.png);

	background-repeat: no-repeat;

	background-position: center center;

}



.carou-slider .carousel-indicators li {

	cursor: pointer;

	width: 8px;

	height: 8px;

	background-color: transparent;

	border: 3px solid white;

	border-radius: 50%;

	position: relative;

	top: 12px;

	margin: 0 5px;

}



.carou-slider .carousel-indicators li:first-child {

	margin-left: 83px;

}



.carou-slider .carousel-control {

	top: auto;

	z-index: 9;

	bottom: 0;

}



.carou-slider .carousel-control.right, .carou-slider .carousel-control.left {

	width: 20px;

	height: 36px;

	border-radius: 0;

	border: none;

	background-color: transparent;

	background-position: center center;

	background-repeat: no-repeat;

}



.carou-slider .carousel-control.right {

	right: 45%;

	background-image: url(../img/arrow-right.png);

}



.carou-slider .carousel-control.left {

	left: 45%;

	background-image: url(../img/arrow-left.png);

}



.carou-slider .itemContent {

	position: absolute;

	top: 70px;

	left: 23%;

	width: 900px;

	background-color: #000;

	color: #fff;

	padding: 20px 50px;

}



.carou-slider .itemContent span {

	display: block;

}



.carou-slider .itemContent span h4 {

	font-size: 24 px;

	font-family: 'Roboto', sans-serif;

	font-weight: bold;

	text-transform: uppercase;

	letter-spacing: 1px;

	line-height: 28px;

}



.carou-slider .itemContent span p {

	font-family: 'Roboto', sans-serif;

	font-size: 13px;

	line-height: 16px;

}



.carou-slider .carousel-indicators .active {

	background-color: #fff;

}













/*#########################################################################

InfoContainer

##########################################################################*/



.infoContainer {

	margin-top: 30px;

	padding-top: 30px;

	border-top: 1px solid #aea58c;

}



.infoHolder h3 {

	position: relative;

	color: #fff;

	font-weight: normal;

	font-family: 'Roboto', sans-serif;

	font-size: 17px;

	letter-spacing: 3px;

	text-transform: uppercase;

	margin-bottom: 30px;

}



.infoHolder h3:before {

	content: attr(data-number);

	display: block;

	float: left;

	font-size: 27px;

	text-align: center;

	line-height: 50px;

	font-family: 'Conv_HOMEMADEAPPLE';

	padding-right: 30px;

	background-image: url(../img/circle.png);

	background-repeat: no-repeat;

	width: 53px;

	height: 45px;

}



.infoHolder img {

	-webkit-transition: all 0.3s !important;

	-moz-transition: all 0.3s !important;

	-o-transition: all 0.3s !important;

	-ms-transition: all 0.3s !important;

	transition: all 0.3s !important;

}



.infoHolder img:hover {

	-webkit-transform: scale(1.2);

	-moz-transform: scale(1.2);

	-o-transform: scale(1.2);

	-ms-transform: scale(1.2);

	transform: scale(1.2);

}



.infoHolder p {

	padding-right: 20px;

	font-size: 14px;

	padding-top: 25px;

	color: #fff;

	font-family: 'Roboto', sans-serif;

	line-height: 23px;

}





.infoHolder > a, .content-error a {

	display: block;

	float: left;

	color: #fff;

	text-transform: uppercase;

	font-family: 'Roboto', sans-serif;

	font-size: 12px;

	border: 0px solid white;

	padding: 0px 0px 25px 0px;

	padding-left: 0px;

	padding-right: 0px;

	margin-top: 0px;

	background-image: url(../img/button-arrow.png);

	background-repeat: no-repeat;

	background-position: 82% center;
	 /* 
	-webkit-transition: all 0.3s !important;

	-moz-transition: all 0.3s !important;

	-o-transition: all 0.3s !important;

	-ms-transition: all 0.3s !important;

	transition: all 0.3s !important;
	 */
}



.infoHolder > a:hover, .content-error a:hover {

	 /*  background-color: #fff;    */  

	color: #000;

}



.content-error a {

	float: none;

	position: absolute;

	right: -100px;

	top: 20%;

}

















/*#########################################################################

Tradition Container

##########################################################################*/



.tradition {

	margin-top: 170px;

}



.tradition .span4, .early-start .span6, .gallery-testimonials .span10 h3 .span6 h3 {

	color: #fff;

}



.tradition .span4 h3, .early-start .span6 h3, .gallery-testimonials .span6 h3 {

	font-weight: 700;

	text-transform: uppercase;

	font-size: 17px;

	font-family: 'Roboto', sans-serif;

	letter-spacing: 3px;

	margin-bottom: 20px;

}



.tradition .span4 p, .early-start .span6 p {

	font-size: 14px;

	font-family: 'Roboto', sans-serif;

	line-height: 24px;

	margin-bottom: 20px;

}



.early-start .span6 p {

	padding-right: 200px;

}



.early-start {

	margin-top: 200px;

	padding-bottom: 100px;

}



.early-start .span6 img {

	-webkit-transform: rotate(10deg);

	-moz-transform: rotate(10deg);

	-o-transform: rotate(10deg);

	-ms-transform: rotate(10deg);

	transform: rotate(10deg);

	padding: 10px;

	background-color: #fff;

	-webkit-box-shadow: -5px -5px 25px rgba(0,0,0, 0.9);

	box-shadow: -5px -5px 25px rgba(0,0,0, 0.9);

}













/*#########################################################################

Video Container

##########################################################################*/



#video-container {

	padding-left: 0;

	padding-right: 0;

	position: relative;

}



.pattern {

	position: absolute;

	width: 100%;

	height: 100%;

	background-image: url(../img/pattern.png);

	z-index: 999;

	background-color: rgba(0,0,0, 0.5);

}





.vjs-poster {

	-webkit-background-size: cover;

	background-size: cover;

}





#video-container .vjs-default-skin .vjs-big-play-button {

	left: 50%;

	top: 40%;

	-webkit-transform: translate(-50%);

	-moz-transform: translate(-50%);

	-o-transform: translate(-50%);

	-ms-transform: translate(-50%);

	transform: translate(-50%);

	z-index: 99999999;

	background-color: transparent;

	border-color: #fff;

	color: #fff;

	-webkit-box-shadow: none;

	box-shadow: none;

	border-radius: 100%;

	width: 143px;

	height: 143px;

	line-height: 143px;

	font-size: 4em;

}



#video-container .vjs-default-skin .vjs-big-play-button:before {

	text-shadow: none;

	line-height: 143px;

}



#video-container .vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {

	visibility: visible !important;

	z-index: 9999999999999999999 !important;

	opacity: 1 !important;

	display: block !important;

}















/*#########################################################################

Gallery & Testimonials

##########################################################################*/



.gallery-testimonials {

	margin-top: 60px;

}





.galleryContainer > a {

	display: block;

	float: left;

	width: 90px;

	height: 90px;

	padding: 10px;

	background-color: #fff;

	margin-right: 15px;

	margin-bottom: 15px;

	-webkit-box-shadow: 10px 10px 15px rgba(0,0,0, 0.6);

	box-shadow: 10px 10px 15px rgba(0,0,0, 0.6);

	-webkit-transition: all 0.3s;

	-moz-transition: all 0.3s;

	-o-transition: all 0.3s;

	-ms-transition: all 0.3s;

	transition: all 0.3s;

}



.galleryContainer > a:hover {

	opacity: 0.6;

}





#testimonialCarousel .item .span3 img {

	display: block;

	width: 90px;

	height: 90px;

	padding: 5px;

	background-color: #fff;

	border-radius: 50%;

}



#testimonialCarousel .item .span9 h5 {

	font-size: 16px;

	font-family: 'Roboto', sans-serif;

	font-weight: 800;

	color: #fff;

	text-transform: uppercase;

	letter-spacing: 3px;

	margin-bottom: 5px;

}



#testimonialCarousel .item .span9 span {

	display: block;

	font-family: 'Roboto', sans-serif;

	font-size: 12px;

	font-weight: 300;

	color: #d7d5d3;

}



#testimonialCarousel .item .span9 p {

	color: #fff;

	font-family: 'Roboto', sans-serif;

	line-height: 24px;

	padding: 20px 0;

}



#testimonialCarousel a.left, #testimonialCarousel a.right {

	border: none;

	background-color: transparent;

	width: 25px;

	height: 25px;

	background-repeat: no-repeat;

	background-position: center center;

	top: 140px;

}



#testimonialCarousel a.left {

	background-image: url(../img/testimonals-arrow-small-left.png);

}



#testimonialCarousel a.right {

	right: auto;

	left: 70px;

	background-image: url(../img/testimonals-arrow-small-right.png);

}









.galleryContainer {

	overflow: hidden;

}









/*#########################################################################

Footer

##########################################################################*/





.footer-wrapper {

	background-color: #000;

	margin-top: 70px;

}



.twitterFeed {

	margin-bottom: 40px;

}



.twitterFeed ul {

	margin: 0;

	padding: 0;

	list-style: none;

	border-bottom: 1px solid #616161;

}



.twitterFeed ul li {

	padding-top: 40px;

	padding-bottom: 40px;

	color: #616161;

	font-family: 'Roboto', sans-serif;

}



.twitterFeed ul li > p:before {

	position: relative;

	top: 3px;

	padding-right: 25px;

	content: url(../img/tweet-ico.png);

}



.twitterFeed ul li a {

	text-decoration: underline;

	color: #616161;

}



.twitterFeed ul li p {

	margin: 0;

}



.twitterFeed ul li p.timestamp {

	display: inline-block;

	padding-left: 15px;

}





.aboutInfo .span4 {

	padding: 0 5px;

}





.aboutInfo .span8 p {

	font-family: 'Roboto', sans-serif;

	font-size: 11px;

	color: #848383;

	line-height: 18px;

}



.aboutInfo .span8 a {

	display: block;

	font-family: 'Roboto', sans-serif;

	font-size: 11px;

	color: #848383;

	text-transform: uppercase;

	letter-spacing: 2px;

	background-image: url(../img/testimonals-arrow-small-right.png);

	background-repeat: no-repeat;

	background-position: 95% center;

	margin-top: 10px;

}



.footer-features .span4 h5 {

	margin: 0;

	font-weight: 800;

	color: #616161;

	font-size: 12px;

	text-transform: uppercase;

	letter-spacing: 2px;

	font-family: 'Roboto', sans-serif;

}



.postHolder {

	padding-top: 20px;

	padding-bottom: 15px;

	border-bottom: 1px solid #616161;

}



.postHolder:last-child {

	border: none;

}



.postHolder .span10 h6 {

	margin-top: 0;

	line-height: 1;

	margin-bottom: 5px;

}






.postHolder .span10 h6 h3 p a {

	font-weight: 800;

	color: #fff;

	font-family: 'Roboto', sans-serif;

	font-size: 12px;

}



.postHolder .span10 p {

	color: #fff;

	font-family: 'Roboto', sans-serif;

	font-size: 12px;

	line-height: 17px;

	margin-bottom: 0;

}



#schedule {

	list-style: none;

	padding: 0;

	margin: 0;

	padding-top: 20px;

}



#schedule li {

	color: #fff;

	font-family: 'Roboto', sans-serif;

	font-size: 11px;

	border-bottom: 1px solid #545454;

	padding-top: 3px;

	padding-bottom: 3px;

	overflow: hidden;

}



#schedule li:last-child {

	border: none;

	clear: both;

}





#schedule li span.day {

display: block;

float: left;

}



#schedule li span.dtime {

	display: block;

	float: right;

}



.bottom-footer {

	padding-top: 25px;

	padding-bottom: 15px;

	background-color: #000;

}



.bottom-footer a {

	position: relative;

	display: block;

	font-family: 'Roboto', sans-serif;

	color: #848383;

}



.bottom-footer .span6 a.goTop {

	padding-left: 50px;

}



.bottom-footer .span6 a.goTop:before {

	position: absolute;

	left: 0;

	top: -10px;

	content: url(../img/toparrow.png);

}





.bottom-footer .span6:last-child a {

	float: right;

}



























/*#########################################################################

About - Header

##########################################################################*/



#aboutNavigation {

	padding-top: 50px;

}



.about-features, .reservations-features {

	padding-top: 60px;

	width: 820px;

	margin: 0 auto;

}



.aboutWrapper {

	background-image: url(../img/about-wrapper1387.png);

	background-repeat: no-repeat;

	background-position: center center;

	height: 1387px;

	position: relative;

}



.about-title h2, .reservations-title h2 {

	text-align: center;

	font-size: 66px;

	color: #6e6d64;

	font-weight: 100;

	font-family: 'Roboto', sans-serif;

	text-transform: uppercase;

	margin: 0;

	padding: 130px;

	padding-bottom: 50px;

	line-height: 1;

}



.aboutWrapper .divider {

	height: 43px;

	overflow: hidden;

	background-image: url(../img/divider-algemeen.png);

	background-repeat: no-repeat;

	background-position: center center;

}



.aboutWrapper .divider_contact {

	background-image: url(../img/divider-contact.png);

}





.about-features .span4, .about-info {

	padding-left: 20px;

	padding-right: 20px;

}





.about-features .span4 h3 {

	text-align: center;

	color: #6e6d64;

	font-size: 20px;

	font-weight: normal;

	font-family: 'Lato', sans-serif;

	text-transform: uppercase;

}



.about-features .span4 p {

	text-align: center;

	font-size: 14px;

	font-family: 'Lato', sans-serif;

	color: #6e6d64;

	line-height: 24px;

}



.about-info, .reservations-features {

	margin-top: 90px;

	font-family: 'Lato', sans-serif;

	color: #6e6d64;

	font-size: 14px;

	line-height: 28px;

	text-align: center;

}



.about-info p {

	margin-bottom: 30px;

}



.reservations-features {

	margin-top: 0;

	padding-top: 10px;

}











/*#########################################################################

Menu

##########################################################################*/



.rm-front h3 {

	border-top: none;

	font-weight: 100;

	color: #6e6d64;

	font-family: 'Roboto', sans-serif;

	font-size: 41px;

	text-align: center;

	margin: 20px 0px;

	padding: 0;

	padding-bottom: 30px;

	padding-top: 20px;

}



.rm-info {

	margin-bottom: 80px;

}



.rm-info > p {

	text-align: center;

	text-transform: uppercase;

	font-size: 15px;

	color: #55371b;

	font-family: 'Roboto', sans-serif;

	padding: 60px 0;

}



.rm-info address p {

	text-align: center;

	font-size: 15px;

	color: #55371b;

	font-family: 'Roboto', sans-serif;

	font-weight: normal;

}



.rm-info address p a {

	color: #55371b;

}



a.rm-button-open {

	font-size: 15px;

	color: #55371b;

	font-family: 'Roboto', sans-serif;

	text-transform: uppercase;

	letter-spacing: 1px;

}



a.rm-button-open:after {

	content: url(../img/menu-arrow.png);

	padding-left: 10px;

}



.rm-content h4 {

	border: none;

	font-size: 21px;

	text-transform: uppercase;

	font-family: 'Roboto', sans-serif;

	font-weight: 300;

	color: #000;

	text-shadow: none;

}



.main-nav ul{

	color: #55371b;

}





















/*#########################################################################

Menu

##########################################################################*/









.news-holder {

	margin-top: 70px;

	margin-bottom: 150px;

}



.news-holder:last-child {

	margin-bottom: 0;

}



.news-holder-right .span6.post-info {

	padding-right: 50px;

}



.news-holder-left .span6.post-info {

	padding-left: 50px;

}



.news-holder .span6 h3 a, .gallery-postinfo h3 a {

	display: block;

}



.news-holder .span6 h3 a, .gallery-postinfo h3 a, .news-holder .span6 h3 a, .gallery-postinfo h3 a, .news-holder .span6 h3, .gallery-postinfo h3, .news-holder .span6 h3, .gallery-postinfo h3  {

	font-family: 'Cookie', sans-serif;

	color: #fff;

	font-size: 39px;

	margin: 0;

	padding-bottom: 5px;

	font-weight: normal;

}



.news-holder .span6 h3, .gallery-postinfo h3, .news-holder .span6 h3, .gallery-postinfo h3 {

	border-bottom: 1px solid white;

}





.news-holder .span6 .postinfo p, .gallery-postinfo .postinfo p {

	font-family: 'Roboto', sans-serif;

	color: #fff;

	font-size: 12px;

	padding-top: 13px;

}



.news-holder .span6 .postinfo p a {

	color: #fff;

}



.news-holder .span6 .postinfo p:before, .gallery-postinfo .postinfo p:before {

	content: url(../img/time-icon.png);

	position: relative;

	top: 2px;

	padding-right: 10px;

}



.news-holder .span6 > p, .gallery-postinfo > p {

	color: #fff;

	font-family: 'Roboto', sans-serif;

	line-height: 26px;

	margin-bottom: 30px;

}



.news-holder .span6.post-info > a, .gallery-postinfo > button {

	display: block;

	float: left;

	border: 3px solid white;

	padding-top: 10px;

	padding-bottom: 10px;

	padding-left: 30px;

	padding-right: 70px;

	font-size: 11px;

	letter-spacing: 1px;

	color: #fff;

	text-transform: uppercase;

	font-family: 'Roboto', sans-serif;

	margin-top: 15px;

	background-image: url(../img/readmore-arrow.png);

	background-repeat: no-repeat;

	background-position: 80% center;

	-webkit-transition: all 0.3s !important;

	-moz-transition: all 0.3s !important;

	-o-transition: all 0.3s !important;

	-ms-transition: all 0.3s !important;

	transition: all 0.3s !important;

}



.news-holder .span6.post-info > a:hover, .gallery-postinfo > button:hover {

	background-color: #fff;

	color: #000;

}



.news-holder .span6.image-holder a {

	display: block;

	margin-bottom: 100px;

}



.news-holder .span6.image-holder a img {

	-webkit-transition: all 0.3s;

	-moz-transition: all 0.3s;

	-o-transition: all 0.3s;

	-ms-transition: all 0.3s;

	transition: all 0.3s;

}



.news-holder-right .span6.image-holder img {

	padding: 10px;

	background-color: #fff;

	-webkit-transform: rotate(5deg);

	-moz-transform: rotate(5deg);

	-o-transform: rotate(5deg);

	-ms-transform: rotate(5deg);

	transform: rotate(5deg);

	-webkit-box-shadow: -15px -15px 15px rgba(0,0,0, 0.5);

	box-shadow: -15px -15px 15px rgba(0,0,0, 0.5);

}



.news-holder-left .span6.image-holder img {

	padding: 10px;

	background-color: #fff;

	-webkit-transform: rotate(-5deg);

	-moz-transform: rotate(-5deg);

	-o-transform: rotate(-5deg);

	-ms-transform: rotate(-5deg);

	transform: rotate(-5deg);

	-webkit-box-shadow: -15px 15px -15px rgba(0,0,0, 0.5);

	box-shadow: -15px -15px 15px rgba(0,0,0, 0.5);

}





.news-holder-right .span6.image-holder a:last-child img {

	-webkit-transform: rotate(-5deg);

	-moz-transform: rotate(-5deg);

	-o-transform: rotate(-5deg);

	-ms-transform: rotate(-5deg);

	transform: rotate(-5deg);

}



.news-holder .span6.image-holder a:hover img {

	-webkit-transform: none;

	-moz-transform: none;

	-o-transform: none;

	-ms-transform: none;

	transform: none;

}



.shareable {

	border-top: 1px solid white;

	padding-top: 20px;

}



.shareable span {

	display: block;

	float: left;

	color: #fff;

	font-family: 'Roboto', sans-serif;

}



ul.sharing-post {

	float: left;

}





ul.sharing-post li {

	display: inline-block;

}



ul.sharing-post li a {

	margin-right: 5px;

	display: block;

	float: left;

	width: 15px;

	height: 20px;

	text-indent: -9999px;

	background-image: url(../img/sharings.png);

	background-repeat: no-repeat;

	-ms-background-position-y: 5px;

	background-position-y: 5px;

}



ul.sharing-post li a.share-two {

	-ms-background-position-x: -19px;

	background-position-x: -19px;

}



ul.sharing-post li a.share-three {

	-ms-background-position-x: -41px;

	background-position-x: -41px;	

}



ul.sharing-post li a.share-four {

	-ms-background-position-x: -65px;

	background-position-x: -65px;

}



ul.sharing-post li a.share-five {

	-ms-background-position-x: -87px;

	background-position-x: -87px;

}



ul.sharing-post li a.share-six {

	-ms-background-position-x: -105px;

	background-position-x: -105px;

}





/*#########################################################################

Events

##########################################################################*/



.news-holder.event-holder .span6 h3 {

	border: none;

	margin-bottom: 20px;	

}



.event-holder .image-holder {

	position: relative;

}



.event-holder.news-holder-right .image-holder .evt-date {

	position: absolute;

	top: 40%;

	left: 0;

	-webkit-transform: translate(-50%);

	-moz-transform: translate(-50%);

	-o-transform: translate(-50%);

	-ms-transform: translate(-50%);

	transform: translate(-50%);

}



.event-holder.news-holder-left .image-holder .evt-date {

	position: absolute;

	top: 20%;

	right: -100px;

	-webkit-transform: translate(-50%);

	-moz-transform: translate(-50%);

	-o-transform: translate(-50%);

	-ms-transform: translate(-50%);

	transform: translate(-50%);

}



.event-holder .image-holder .evt-date {

	width: 91px;

	height: 91px;

	background-color: #fff;

	border-radius: 50%;

	text-align: center;

}



.event-holder .image-holder .evt-date p {

	font-family: 'Roboto', sans-serif;

	color: #2b1e0d;

	font-size: 17px;

	text-transform: uppercase;

	line-height: 25px;

	padding-top: 7px;

}



.event-holder .image-holder .evt-date p span {

	font-weight: 800;

	letter-spacing: 3px;

}













/*#########################################################################

Events

##########################################################################*/





.reservationsWrapper {

	margin-top: 70px;

}



.reservations-features form {

	margin-top: 50px;

	padding-left: 10px;

}



.reservations-features form input {

	width: 95%;

	height: 39px;

	background-color: transparent;

	border: 1px solid #a9927b;

	padding-left: 15px;

	-webkit-transition: all 0.3s;

	-moz-transition: all 0.3s;

	-o-transition: all 0.3s;

	-ms-transition: all 0.3s;

	transition: all 0.3s;

	font-family: 'Roboto' sans-serif;

	color: #2b1e0d;

	border-radius: 0;

}





.reservations-features form input:focus {

	outline: none;

	background-color: transparent;

	border-color: none;

	-webkit-box-shadow: none;

	box-shadow: none;

	border-color: #a9927b;

}



.reservations-features form label {

	text-align: left;

	position: relative;

	margin-bottom: 15px;

}



.inputWrapper .span6 p {

	margin-bottom: 40px;

}



.reservations-features form button {

	display: block;

	width: 174px;

	background-color: #603913;

	text-transform: lowercase;

	font-family: 'Georgia';

	text-align: center;

	padding-top: 10px;

	padding-bottom: 10px;

	margin: 0;

	border: none;

	color: #fff;

	margin: 0 auto;

	margin-top: 40px;

}





/*#########################################################################

Gallery

##########################################################################*/



.paperStack {

	position: relative;

	display: block;

	max-width: 428px;

	background: #fff;

	box-shadow: 5px 5px 10px 10px rgba(0,0,0,0.6);

	padding: 5px;

	position: relative;

}





.paperStack:before, .paperStack:after {

  content: "";

  height: 98%;

  position: absolute;

  width: 100%;

  z-index: -1;

}

.paperStack:before {

  background: #fafafa;

	-webkit-box-shadow: 0 0 8px rgba(0,0,0,0.4);

	box-shadow: 0 0 8px rgba(0,0,0,0.4);

	left: -5px;

	top: 4px;

	-webkit-transform: rotate(-2.5deg);

	-moz-transform: rotate(-2.5deg);

	-o-transform: rotate(-2.5deg);

	-ms-transform: rotate(-2.5deg);

	transform: rotate(-2.5deg);

}

.paperStack:after {

  background: #f6f6f6;

	-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.4);

	box-shadow: 0 0 3px rgba(0,0,0,0.4);

	right: -3px;

	top: 1px;

	-webkit-transform: rotate(1.4deg);

	-moz-transform: rotate(1.4deg);

	-o-transform: rotate(1.4deg);

	-ms-transform: rotate(1.4deg);

	transform: rotate(1.4deg);

}



.gallery-wrapper .row-fluid .gallery-post {

	margin-top: 60px;

	margin-bottom: 60px;

	width: 43%;

}





.gallery-postinfo {

	padding-top: 50px;

	padding-right: 60px;

}



.gallery-postinfo h3 a {

	color: #fff;

}



.gallery-postinfo > button {

	background-color: transparent;

}



.gallery-wrapper .row-fluid .gallery-post {

	margin-left: 0;

}



.gallery-wrapper .row-fluid .gallery-post:nth-child(2n+2) {

	margin-left: 12.5%;

}



.single-gallery {

	position: relative;

}















/*#########################################################################

Shortcodes

##########################################################################*/



.paragraph-shortcodes {

	color: #fff;

	font-family: 'Robot', sans-serif;

	font-weight: normal;

}



.paragraph-shortcodes h3 {

	font-weight: normal;

	font-family: 'Robot', sans-serif;

	font-size: 17px;

	font-weight: 800;

	text-transform: uppercase;

	letter-spacing: 2px;

}



.paragraph-shortcodes h5 {

	margin-top: 25px;

	margin-bottom: 25px;

	font-weight: normal;

	font-family: 'Roboto', sans-serif;

	text-transform: uppercase;

	font-size: 14px;

	letter-spacing: 1px;

}



.paragraph-shortcodes .row-fluid p {

	margin-bottom: 50px;

	font-family: 'Robot', sans-serif;

	font-size: 14px;

	line-height: 25px;

}





.row-fluid > a.small {

	font-family: 'Robot', sans-serif;

	font-weight: 300;

	font-size: 13px;

	display: block;

	padding: 10px 35px;

	background-color: #fff;

	float: left;

	margin-right: 15px;

	color: #000;

	border-radius: 5px;

	overflow: hidden;

}





.row-fluid > a.small.black {

	background-color: #000;

	color: #fff;

	border: 1px solid gray;

}



.row-fluid > a.small.transparent {

	background-color: transparent;

	border: 1px solid white;

	color: #fff;

}





.row-fluid > a.big {

	width: 60%;

	display: block;

	overflow: hidden;

	padding: 10px;

	text-align: center;

	background-color: #fff;

	float: left;

	clear: both;

	color: #000;

	margin-top: 25px;

	border-radius: 5px;

}



.row-fluid > a.big.transparent {

	background-color: transparent;

	border: 1px solid white;

	color: #fff;

}



.row-fluid > a.big.black {

	background-color: #000;

	border: 1px solid gray;

	color: #fff;

}



.row-fluid > a.big.red {

	background-color: #e43b27;

	color: #fff;

}



.tabifyContainer #menu {

	margin: 0;

	padding: 0;

	list-style: none;

}



.tabifyContainer #menu li {

	display: inline-block;

	background-color: transparent;

	border: 1px solid white;

	padding: 15px 40px;

	margin-right: 2px;

	color: #fff;

	float: left;

	font-size: 13px;

	font-family: 'Roboto', sans-serif;

	-webkit-border-top-left-radius: 5px;

	-webkit-border-top-right-radius: 5px;

	-moz-border-radius-topleft: 5px;

	-moz-border-radius-topright: 5px;

	border-top-left-radius: 5px;

	border-top-right-radius: 5px;

}



.tabifyContainer #menu li.active {

	background-color: #fff;

	color: #000;

}



.tabifyContainer #menu li.active a {

	color: #000;

}



.tabifyContainer #menu li a {

	color: #fff;

	display: block;

}



.tabifyContainer > div {

	clear: both;

	-webkit-border-radius: 5px;

	-webkit-border-top-left-radius: 0;

	-moz-border-radius: 5px;

	-moz-border-radius-topleft: 0;

	border-radius: 5px;

	border-top-left-radius: 0;

	background-color: #fff;

	padding: 55px 50px;

	color: #000;

}



.tabifyContainer > div p {

	margin: 0 !important;

}





.capsacordions {

	margin-top: 50px;

}







dl.accordion dt a {

	display: block;

	background-color: #fff;

	font-size: 13px;

	color: #000000;

	font-family: 'Roboto';

	font-weight: normal;

	padding: 10px 35px;

	-webkit-border-top-left-radius: 5px;

	-webkit-border-top-right-radius: 5px;

	-moz-border-radius-topleft: 5px;

	-moz-border-radius-topright: 5px;

	border-top-left-radius: 5px;

	border-top-right-radius: 5px;

	margin-bottom: 15px;

	background: #fff url(../img/plus.png) 95% center no-repeat;

}







dl.accordion dd {

	position: relative;

	top: -15px;

	background-color: #fff;

	padding-left: 35px;

	padding-right: 35px;

	padding-bottom: 15px;

	font-family: 'Roboto', sans-serif;

	font-weight: normal;

	color: #000;

	font-size: 13px;

	margin-left: 0;

	-webkit-border-bottom-right-radius: 5px;

	-webkit-border-bottom-left-radius: 5px;

	-moz-border-radius-bottomright: 5px;

	-moz-border-radius-bottomleft: 5px;

	border-bottom-right-radius: 5px;

	border-bottom-left-radius: 5px;

}





.dcaps p:first-letter {

  font-size: 40px;

  font-weight: bold;

  font-family: 'Roboto', sans-serif;

  padding: 10px 18px;

  float: left;



}





.dcaps p.second-cap:first-letter {

	border: 1px solid white;

	padding: 10px 18px;

	margin-right: 15px;

	border-radius: 3px;

	font-size: 25px;

	font-weight: 300;

}



.dcaps p.third-cap:first-letter {

	background-color: #fff;

	border-radius: 70%;

	color: #000;

	font-size: 25px;

	margin-right: 18px;

	font-weight: 300;

}



.messageContainer textarea {

	width: 100%;

	resize: none;

	background-color: transparent;

	box-shadow: none;

	border-color: #a9927b;

	padding-top: 10px;

	padding-left: 10px;

	height: 130px;

	border-radius: 0;

}















/*Responsive with media queries*/





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

	img.aitem.a5 {

		top: 45px;

		left: 30%;

	}

}





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

	.carou-slider .itemContent {

		left: 152px;

		width: 70%;

		top: 30px;

	}



	.carou-slider .carousel-control.left, .carou-slider .carousel-control.right, a.slideDown {

		display: none !important;

	}





}



@media only screen and (max-height: 920px) {

	.videoitem.el4, a.slideDown {

		display: none !important;

	}

}





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

	.carou-slider .itemContent {

		position: relative;

		top: 0;

		left: 0;

	}



	img.aitem.a5 {

		display: none;

	}



	.videoitem.el4, a.slideDown {

		display: none !important;

	}



	.carou-slider .itemContent span {

		width: 100%;

	}



	.early-start .span6 img, .news-holder-left .span6.image-holder img, .news-holder-right .span6.image-holder img {

		-webkit-transform: none;

		-moz-transform: none;

		-o-transform: none;

		-ms-transform: none;

		transform: none;

	}



	.early-start .span6 p {

		padding-right: 0;

	}



	.paperStack {

		width: 100%;

	}



	.about-title h2, .reservations-title h2 {

		font-size: 46px;

		padding-top: 20px;

		padding-bottom: 30px;

		padding-left: 0;

		padding-right: 0;

	}



	.gallery-wrapper .row-fluid .gallery-post {

		overflow: hidden;

	}

}







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

		.about-features, .reservations-features {

			width: 650px;

		}

	}



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

	.infoContainer .infoHolder {

		margin-bottom: 200px;

	}



	.news-holder-right .span6.image-holder a:last-child img, .news-holder-right .span6.image-holder img {

		-webkit-transform: none;

		-moz-transform: none;

		-o-transform: none;

		-ms-transform: none;

		transform: none;

		margin-top: 40px;

	}



	.news-holder-right .span6.image-holder img, .news-holder .span6.image-holder a img {

		padding: 0;

	}



	.news-holder-left .span6.post-info {

		padding-left: 0;

	}



	.about-features, .reservations-features {

		width: 100%;

	}



	.news-holder-right .span6.post-info {

		padding-right: 0;

	}



	.about-title h2, .reservations-title h2 {

		padding-top: 70px;

	}



	.news-holder {

		margin-bottom: 0;

	}



	.smallScreenNav {

		display: block;

		width: 100%;

		height: 50%;

		background-color: #fff;

		color: #000;

		padding-top: 10px;

		padding-bottom: 10px;

		text-transform: uppercase;

		border: none;

	}



	.smallScreenNav:focus {

		outline: none;

	}



	.main-nav {

		margin-top: 50px;

		margin: 0;

		border: none;

	}



	.logo-nav .span12 {

		overflow: hidden;

		margin-bottom: 20px;

	}



	.main-nav ul {

		padding-top: 0;

		width: 100%;

	}



	.main-nav ul li {

		display: block;

	}



	.main-nav > ul.smallNavMenu {

		overflow: hidden;

		height: 0;

		opacity: 0;

		-webkit-transition: all 0.3s;

		-moz-transition: all 0.3s;

		-o-transition: all 0.3s;

		-ms-transition: all 0.3s;

		transition: all 0.3s;

	}



	.main-nav ul li a {

		background-color: #fff;

		padding-top: 10px;

		padding-bottom: 8px;

		color: #000;

		border-top: 1px solid gray;

		display: block;

		text-align: center;

		font-weight: 300;

	}







	.event-holder.news-holder-left .image-holder .evt-date {

		left: 5%;

		top: -40px;

		right: auto;

	}



	.event-holder.news-holder-right .image-holder .evt-date {

		bottom: -40px;

		top: auto;

		left: 5%;

	}



	.aboutWrapper {

		background-image: none;

		background-color: #f8f7f5;

		height: auto;

		padding-bottom: 50px;

	}



	#testimonialCarousel a.left {

		left: auto;

		right: 80px;

	}



	#testimonialCarousel a.right {

		left: auto;

		right: 40px;

	}



	.postHolder .span2 {

		margin-top: 10px;

		margin-bottom: 10px;

	}



	.gallery-testimonials .span6:last-child {

		margin-top: 60px;

	}



	.aboutInfo {

		margin-bottom: 40px;

	}



	.working-schedule {

		margin-top: 40px;

	}



	.bottom-footer .span6:last-child a {

		float: none;

		display: block;

		text-align: center;

		padding-top: 25px;

	}



	.topAddress p {

		text-align: center;

	}



	#social-icons {

		width: 165px;

		margin: 0 auto;

		float: none;

	}



	.gallery-postinfo {

		padding-right: 0;

	}



	.gallery-wrapper .row-fluid .gallery-post {

		width: 100%;

	}



	.gallery-wrapper .row-fluid .gallery-post:nth-child(2n+2) {

		margin-left: 0;

	}



}





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

	.carou-slider {

		margin-top: 174px;

	}



	.videoitem {

		display: none;

	}



	.main-nav > ul li ul {

		display: block;

		opacity: 1;

		position: relative;

		width: 100%;

		margin: 0;

		padding: 0;

	}



	.main-nav ul li a:hover:before {

		content: '';

	}



	.main-nav > ul li:hover > ul {

		width: 100%;

		padding: 0;

		margin: 0;

	}



	.main-nav > ul li > ul li {

		padding: 0;

	}

	

	.animationElementsWrapp img, img.aitem.a6 {

		display: none;

		opacity: 0;

	}



	img.a3, img.a5 {

		display: none;

	}





	.tradition {

		margin-top: 0;

	}



	.logo-nav {

		padding-top: 90px;

	}

}
.infoHolder img {
	width:100vw!important;
}
