/*###########################################################################*/
/*################################### 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, 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: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
  
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, img{
	display:block;
}
body{
	line-height: 1;
	-webkit-text-size-adjust: none; /* avoid automatic text adjustement in safari on mobiles */
	-webkit-tap-highlight-color: rgba(0,0,0,0); /* remove clicked menu hightlight in iphone */
}
ul{
	padding:0px;
}
ul li{
	list-style-type: none;	
}
a:link, a:visited{
	text-decoration:none;
}
a img{
	border:none;
}
a{
	outline: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}



/*###########################################################################*/
/*############################### Main Grid #################################*/
/*###########################################################################*/


/* Sections & Content Blocks */
.containerBack{
	width: 100%;
	float: left;
	/*overflow:hidden; /* for shadow effect on entire container */ 
	position: relative;
}
.container{
	width: 1192px; /* The bigger possible size -> fix menu width spacing bug ( 1192 - 12 (pixels for borders) = 1180 can be divided by 5 (menu buttons) ) on safari */ 
	margin: 0 auto;
}
.section{
	position: relative;
	width:100%;
	float:left;
}
.subSection{ 
	/* works with subsection template - sections within section(s) */ 
	position: relative;
	width:100%;
	float:left;
}
/* Proportional Columns */
.col{
	margin-left: 2%;
	float: left;
}
.col:first-child{
	margin-left: 0;
}
.full{
	width:100%;
}
.goldenSlim{
  	width: 38%;
}
.goldenLarge{
  	width: 60%;
}
.slim{
	width: 28%;
}
.large{
	width: 70%;
}
.half{
	width:46%;
}
.half:first-child{
	width:52%;
}
.quarter{
	width:23.5%;
}
.third{
	width:25%;
	margin-left: 12.5%;
}

.headerColA,
.headerColB,
.headerColC,
.menuCol{
	float:left;
}
.headerColA{
	width:0%;
}
.headerColB{
	width:30%;
}
.headerColC{
	float:right;
	width:70%;
}
.menuCol{
	width:100%;
}


/* Main content columns */

.mainCol{
	float:right;
}
.mainCol, .mainLayout{
	min-height:564px;
}
.sideCol, .topCol{
	width: 298px; /* 2x 1px border pixel */
	float: left;
	display:none;
}
.sideCol{
	clear:left; /* prevents block from going on the left of the previous one during transitions */
}
.colNotFull{
	width: 890px;
}
.colFull, .homeConf .colNotFull{
	width:100%;
}
#contentStartAnchor{
	display:block;
}

/*###########################################################################*/
/*########################## Global Responsive ##############################*/
/*###########################################################################*/


@media only screen and (min-width: 980px) and (max-width: 1189px) { /* Normal Screens */

.container {
	width: 962px;
}
.sideCol, .topCol{
	width: 250px;
}
.colNotFull{
	width: 710px;
}
.nosmalldesk {
	display: none;
}
.showsmalldesk {
	display: block;
}
.mainCol, .mainLayout{
	min-height:478px; /* 456 */
}

}
@media only screen and (min-width: 720px) and (max-width: 979px) { /* Tablet Devices */

.container {
	width: 700px;
}
.sideCol, .topCol{
	width: 100%;
}
.colNotFull{
	width: 100%;
}
.notablet {



	display: none;
}
.showtablet {
	display: block;
}
.headerColA{
	width:15%;
	min-height:1em;
}
.headerColB{
	width:85%;
}
.headerColC{
	width:0%;
}
.mainCol, .mainLayout{
	min-height:348px;
}
.third{
	width:100%;
	margin-left: 0;
	padding: 0 3em 3em 3em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
}
}
@media only screen and (max-width: 719px) { /* Mobile Devices */

.full,
.goldenLarge,
.goldenSlim,
.half,
.half:first-child,
.third,
.large,
.slim,
.quarter,
.colNotFull,
.sideCol,
.topCol,
.shifter{
	width: 100%;
	margin-left: 0;
	margin-right: 0;
	float: left;
}
.container {
	padding:0px;
	width:100%;
}
.nomobile {
	display: none;
}
.showmobile {
	display: block;
}
.headerColA{
	width:20%;
}
.headerColB{
	width:80%;
}
.headerColC{
	width:0%;
}
.mainCol, .mainLayout{
	min-height:203px;
}
.third{
	width:100%;
	margin-left: 0;
	padding: 0 1.5em 3em 1.5em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align:center;
}
.half{
	text-align:center;
	padding:0 1.5em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
}

/*###########################################################################*/
/*######################## Global Customizations ############################*/
/*###########################################################################*/

/* General */
.displayNone{
	display:none;
}

/* Logo & Header */
.logo{
	width:280px;
	/*margin: 0 auto;*/
	display:block;
	margin-top:2em;
	margin-bottom:2em;
}
.logo img{
	max-width:100%;
}


/* end main shadow effect */

#headerLogo{	
	background: #CA0028; /* Old browsers */
	background: -moz-linear-gradient(top,  #b90025 0%, #d4002a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b90025), color-stop(100%,#d4002a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #b90025 0%,#d4002a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #b90025 0%,#d4002a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #b90025 0%,#d4002a 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #b90025 0%,#d4002a 100%); /* W3C */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b90025', endColorstr='#d4002a',GradientType=0 ); /* IE6-9 */
	
	-webkit-box-shadow: 0 2px 100px -50px #000000;
	box-shadow: 0 2px 100px -50px #000000;
	z-index:1;
}

#mainCt .section{
	background-color: #292526;
	border-left: 1px solid #D4002A;
	border-right: 1px solid #D4002A;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


/* Pre - Footer */
#preFooter{
	padding-top: 2.5em;
	line-height: 1.4;
	background-color: #231F20;
	padding-bottom: 2.5em;
	color: #8D8D8D;	/*-webkit-box-shadow: 0 -2px 100px -30px #000;
	box-shadow: 0 -2px 100px -30px #000;*/
	-webkit-font-smoothing: antialiased; /* Fix Font Flickering With Slideshow, CSS and JS Animations */
	/*-webkit-backface-visibility: hidden; /* Fix Flickering With Animations */
}
#preFooter h1{
	font-size:2em;
	font-weight:normal;
	line-height:1;
	margin-bottom:0.3em;
}
#preFooter a:link, #preFooter a:visited{
	color: #E2E2E2;
}
#preFooter a:hover{
	color: #FFF;
}

/* Footer */
#footer{
	/*-webkit-box-shadow: 0 -2px 100px -30px #000000;
	box-shadow: 0 -2px 100px -30px #000000;*/
	color: #8D8D8D;
	line-height: 1.4;
	padding-top: 2.5em;
	padding-bottom: 2.5em;
	background-color: #292526;
	-webkit-font-smoothing: antialiased; /* Fix Font Flickering With Slideshow, CSS and JS Animations */
	/*-webkit-backface-visibility: hidden; /* Fix Flickering With Animations */
}
.footerText{
	padding-top:1em;
	padding-right:1em;
	font-size:0.9em;
	text-align:right;
	line-height:1.3;
}
#footer .footerText a:link, #footer .footerText a:visited{
	color: #8D8D8D;
	font-size: 0.8em;
}
.footerText span{
	font-size:0.8em;
}

@media only screen and (min-width: 980px) and (max-width: 1189px) { /* Normal Screens */
#preFooter{
	font-size:0.9em;
}
}
@media only screen and (min-width: 720px) and (max-width: 979px) { /* Tablet Devices */
.logo{
	width:280px;
	margin-left:130px;
	max-width:100%;
	margin-top:2.5em;
	margin-bottom:2.5em;
}
#headerLogo{	
	-webkit-box-shadow: 0 2px 100px -30px #000000;
	box-shadow: 0 2px 100px -30px #000000;
}
#preFooter{
	font-size:1.1em;
	padding-bottom: 1.5em;
	padding-top: 4em;
}
#preFooter h1{
	font-size:1.7em;
}
}
@media only screen and (max-width: 719px) { /* Mobile Devices */
.logo{
	width:250px;
	margin: 0 auto;
	max-width:90%;
	margin-top:2em;
	margin-bottom:1em;
}
#mainCt .section{
	border-left: none;
	border-right: none;
}
#preFooter{
	font-size:1.1em;
	padding-bottom: 1em;
	padding-top: 3em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#preFooter h1{
	font-size:1.7em;
}
.footerText{
	padding-top:0;
	padding-right:0;
	font-size:1em;
	text-align:center;
	line-height:1.3;
}
#footer{
	padding-bottom:3em;
}
}

/*###########################################################################*/
/*############################### Font Face #################################*/
/*###########################################################################*/

/*@font-face {
  font-family: 'Museo';
  src: url('font/MuseoSansRounded-500-webfont.eot?') format('eot'), 
  url('font/MuseoSansRounded-500-webfont.woff') format('woff'), 
  url('font/MuseoSansRounded-500-webfont.ttf') format('truetype');
}*/

/*@font-face {
  font-family: 'Open';
  src: url('font/OpenSans-Regular-webfont.eot?') format('eot'), 
  url('font/OpenSans-Regular-webfont.woff') format('woff'), 
  url('font/OpenSans-Regular-webfont.ttf') format('truetype');
}*/

@font-face{ 
	font-family: 'Tex';
	src: url('font/texgyreadventor-regular-webfont.eot');
	src: url('font/texgyreadventor-regular-webfont.eot?iefix') format('eot'),
	     url('font/texgyreadventor-regular-webfont.woff') format('woff'),
	     url('font/texgyreadventor-regular-webfont.ttf') format('truetype'),
	     url('font/texgyreadventor-regular-webfont.svg#webfont') format('svg');
}

@font-face {
    font-family: 'Tex';
    src: url('font/texgyreadventor-bold-webfont.eot');
	src: url('font/texgyreadventor-bold-webfont.eot?iefix') format('eot'),
	     url('font/texgyreadventor-bold-webfont.woff') format('woff'),
	     url('font/texgyreadventor-bold-webfont.ttf') format('truetype'),
	     url('font/texgyreadventor-bold-webfont.svg#webfont') format('svg');
    font-weight: bold;
}

/*###########################################################################*/
/*############################# Sprite Elements #############################*/
/*###########################################################################*/

.spriteElement, 
.mainLayout ul li:before,
blockquote:before,
blockquote:after,
a.phone:before,
div.email:before,
.reservations:before,
a.location:before,
.megaMenu li a:before,
#megaTab a#closingTabButton:before,
.tripAdvisor,
.facebook,
.wifi,
.qr:before,
.faqs h3:before,
.faqs h3.active:after,
.formBox h3:before,
.formBox h3.active:after,
.accordionMenu > li > a:before,
.accordionMenu > li.dropedDown > a:before,
.dl-menuwrapper li.dl-back:after,
.inputWrap span:after,
.labelRadio:before,
.labelCheck:before,
.labelRadio.checked:after,
.labelCheck.checked:after,
.reserveArrow,
.reserveArrowBottom div,
.owl-theme .owl-controls .owl-buttons div{
	background: url('../img/sprite.png');
	background-repeat: no-repeat;
	content:'';
}
.dl-menuwrapper li > a:not(:only-child):after{ /* Separate because of bug IE 8 */
	background: url('../img/sprite.png');
	background-repeat: no-repeat;
	content:'';
}
/*************************************************************************************************************************************** To Uncomment in Production */
@media only screen and (-webkit-min-device-pixel-ratio: 2), 
only screen and (min-device-pixel-ratio: 2) { 
.spriteElement,
.mainLayout ul li:before,
blockquote:before,
blockquote:after,
a.phone:before,
div.email:before,
.reservations:before,
a.location:before,
.megaMenu li a:before,
#megaTab a#closingTabButton:before,
.tripAdvisor,
.facebook,
.wifi,
.qr:before,
.faqs h3:before,
.faqs h3.active:after,
.formBox h3:before,
.formBox h3.active:after,
.accordionMenu > li > a:before,
.accordionMenu > li.dropedDown > a:before,
.dl-menuwrapper li.dl-back:after,
.dl-menuwrapper li > a:not(:only-child):after,
.inputWrap span:after,
.labelRadio:before,
.labelCheck:before,
.labelRadio.checked:after,
.labelCheck.checked:after,
.reserveArrow,
.reserveArrowBottom div,
.owl-theme .owl-controls .owl-buttons div{
	background: url('../img/sprite2x.png');
	background-size:400px 400px;
}
}

/*.toApply{
	position: absolute;
	top:-0.1em; left:0;
	width: 25px; height: 25px;
	background-position: -75px -25px;
}*/

/*###########################################################################*/
/*############################ Global Typography ############################*/
/*###########################################################################*/


/* Global Typography & Content */

body{
	font-family: 'Tex';
	color: #4D4D4D;
	-webkit-font-smoothing: antialiased; /* Fix Font Flickering With Slideshow, CSS and JS Animations */
	/*-webkit-backface-visibility: hidden; /* Fix Flickering With Animations */
	background-color: #D4002A;
}
a:link,
a:visited{
	color: #D4002A;
}
a:hover{
	color: #000000;
}
p{
	margin-bottom:1em;
}
.mainLayout{
	padding-top:2.5em;
	padding-bottom:3em;
	background-color: #F4F4F4;
	float:left; /* forces ie 8 to behave */
	width:100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	line-height:1.4em; /* !! changes icons spacing */
	font-size:0.95em;
	text-shadow:1px 1px 1px #FFFFFF;
}
.mainLayout h1{
	font-size: 1.8em;
	margin-bottom: 0.7em;
	color: #AEAEAE;
	line-height: 1.1;
}

.mainLayout h2{
	font-size: 1.6em;
	margin-bottom: 1em;
	color: #D4002A;
	line-height: 1.1;
}
.mainLayout h2.res{
	margin-bottom:0;
}
.mainLayout .chunkBite h2{
	margin-bottom:0.5em;
}

span.phoneBigger{
	font-size:1.1em;
	font-weight:bold;
	color: #868686;
	display:inline-block;
}

.mainLayout.mapPage{
	padding-top:0;
}

@media only screen and (min-width: 980px) and (max-width: 1189px) { /* Normal Screens */

}
@media only screen and (min-width: 720px) and (max-width: 979px) { /* Tablet Devices */
.mainLayout{
	font-size:1.1em;
	min-height:0;
}
}
@media only screen and (max-width: 719px) { /* Mobile Devices */
.mainLayout{
	font-size:1.1em;
	min-height:0;
}
}

/*###########################################################################*/
/*################################# Lists ###################################*/
/*###########################################################################*/

.mainLayout ul{
	display:inline-block; /* allow lists with floating objects */
	max-width:100%;
}
.mainLayout ul li{
	position: relative;
	padding-left:2.2em;
	margin-bottom:0.8em;
}
.mainLayout ul li.noMB,
.mainLayout ol li.noMB{
	margin-bottom:0;
}
.mainLayout ul li:before{
	position: absolute;
	top:-0.1em; left:0;
	width: 25px; height: 25px;
}

/* lists variations */
.mainLayout ul.check li:before{
	background-position: -75px -25px;
}
.mainLayout ul.hand li:before{
	background-position: -25px -25px;
}
.mainLayout ul.arrow li:before{
	background-position: -125px -25px;
}
.mainLayout ul.thinArrow li:before{
	background-position: -225px -50px;
}
.mainLayout ul.star li:before{
	background-position: -25px -75px;
}
.mainLayout ul.play li:before{
	background-position: -224px 0px;
}
.mainLayout ul.playWhite li:before{
	background-position: -275px 0px;
}
.mainLayout ul.roundCheck li:before{
	background-position: -175px -75px;
}
.mainLayout ul.info li:before{
	background-position: -125px -75px;

}
.mainLayout ul.smile li:before{
	background-position: -275px -50px;
}
.mainLayout ul.file li:before{
	background-position: -175px -25px;
}
.mainLayout ul.heart li:before{
	background-position: -75px -75px;
}
.mainLayout ul.present li:before{
	background-position: -325px 0px;
}
.mainLayout ul.bright li:before{
	background-position: -375px 0px;
}

/* more list variations */

.mainLayout ul.leftArrow li:before{
	background-position: -363px -50px;
	width: 37px; height: 37px;
	top:-0.5em;
	left:-1.2em;
}

.mainLayout ul.arrowRight li, 
.mainLayout ul.arrowUp li, 
.mainLayout ul.arrowDown li {
	padding-left:0;
	padding-right:2em;
	display:inline-block;
}
.mainLayout ul.arrowRight li:before{
	background-position: -125px -25px;
	left:auto;
	right:0;
}
.mainLayout ul.arrowUp li:before{
	background-position: -250px -100px;
	left:auto;
	right:0;
	top:-0.4em;
}
.mainLayout ul.arrowDown li:before{
	background-position: -325px -50px;
	left:auto;
	top:0.4em;
	right:0;
}

/* number lists */

.mainLayout ol{
	counter-reset: li; /* Initiate a counter */
	list-style: none; /* Remove default numbering */
}
.mainLayout ol li{
	display: block;
	float:left;
	clear:both;
	position:relative;
	padding:1em;
	padding-left:5em;
	background-color: #E8E8E8;
	border-radius:6px;
	margin-bottom:1.5em;
	width:100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.mainLayout ol li:before{
	content: counter(li);
	counter-increment: li;
	position: absolute;
	left: 1em;
	top: 1em;
	height: 2.2em;
	width: 2.2em;
	border-radius: 2.2em;
	background-color: #D4002A;
	color: #FFF;
	font-size: 1.2em;
	font-weight: bold;
	text-shadow: 1px 1px 1px #82001A;
	padding-top: 0.4em;
	padding-left: 0.86em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.specialFlyer{
	max-width:100%;
}

/* legend lists */

.mainLayout ul.legend li{
	padding-left:0;
	display:block;
	float:left;
	width:100%;
	line-height:1.8;
}
.mainLayout ul.legend li img{
	max-width:30px;
	float:left;
	margin-right:0.8em;
}

.whatsappIcon{
	background: url('../img/sprite2x.png');
	background-size:400px 400px;
}

.whatsappIcon{
	display:inline-block;
	width:26px;
	height:26px;
	margin-top:-7px;
	background-position:-199px -109px;
    vertical-align:middle;
}

@media only screen and (min-width: 980px) and (max-width: 1189px) { /* Normal Screens */

}
@media only screen and (min-width: 720px) and (max-width: 979px) { /* Tablet Devices */
.mainLayout ul.leftArrow li:before{
	display:none;
}
.mainLayout ul.leftArrow li{
	padding-left:0;
}



}
@media only screen and (max-width: 719px) { /* Mobile Devices */
.mainLayout ul.leftArrow li:before{
	display:none;
}
.mainLayout ul.leftArrow li{
	padding-left:0;
}
.mainLayout ul.mobRemove li{
	padding-left:0;
}
.mainLayout ul.mobRemove li:before{
	display:none;
}

}


/*###########################################################################*/
/*################################# Drop Caps ###############################*/
/*###########################################################################*/

/* usage: <span class="dropcap">T</span>est */
.dropcap {
	font-size: 300%;
	float: left;
	line-height: 0.80em;
	padding: 0 0.08em 0 0;
	position: relative;
	top:0.1em;
}

/*###########################################################################*/
/*################################## Quotes #################################*/
/*###########################################################################*/

blockquote{
	display:inline-block;
	position: relative;
	margin:0;
	padding-left:3.2em;
	padding-right:3.2em;
	text-align:left;
	margin-bottom:1.5em;
	line-height:1.3em;
	margin-top:0.5em;
}
blockquote:after,
blockquote:before{
	position: absolute;
}
blockquote:before{
	background-position: -100px -217px;
	width:43px;
	height:34px;
	left:0;
	top:0;
}
blockquote:after{
	background-position: -99px -175px;
	width:45px;
	height:35px;
	right:0;
	bottom:0;
}
blockquote span.author{
	display:block;
	position: absolute;
	left:3.5em;
	bottom:-1.5em;
	font-style: italic;
	font-size: 0.9em;
}


/*###########################################################################*/
/*############################### Floating Objects ##########################*/
/*###########################################################################*/


.alignLeftThird{ /* Always a proportion of the width, good for images */
	float:left;
	width:33%;
	margin-right:1em;
	margin-bottom: 0.5em;
	margin-top:0.5em; /* Depending on adjacent paragraph line height */
}
.alignLeftThird img{
	width:100%; /* stretch too small images */
	/*max-width:100%;*/
}

@media only screen and (min-width: 980px) and (max-width: 1189px) { /* Normal Screens */

}
@media only screen and (min-width: 720px) and (max-width: 979px) { /* Tablet Devices */
.alignLeftThird{ 
	width:50%;
}
}
@media only screen and (max-width: 719px) { /* Mobile Devices */
.alignLeftThird{
	width:100%;
	margin-right:0;
	margin-bottom:1em;
}
}

/*###########################################################################*/
/*############################# Content Columns #############################*/
/*###########################################################################*/

.columnsWrapper{
	display:inline-block;
	vertical-align:top;
	width:100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left:3em; /* To change depending on the lateral content padding */
	padding-right:3em;
}
.column{
	vertical-align:top;
	display:inline-block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.column:first-child{
	margin-left: 0px;
}


/* customizations */
.twoColumn{
	/*max-width:47%;*/
	width:47%;
	margin-left:5%;
}
.threeColumn{
	/*max-width:30%;*/
	width:31%;
	margin-left:3%;
}

/* contact */
.contactACol{
	width:36%;
}
.contactBCol{
	width:59%;
	margin-left: 4%;
}

/* images page */
.imgACol{
	width:59%;
}
.imgBCol{
	width:36%;
	margin-left: 4%;
}

/* image gallery */
.colThumb{
	width:23.1%;
	margin-left:2%;
}
.colThumb img{
	max-width:100%;
}
.thumbLine{
	margin-top:2%;
}



@media only screen and (min-width: 980px) and (max-width: 1189px) { /* Normal Screens */
/* contact */
.contactACol{
	width:47%;
}
.contactBCol{
	width:50%;
	margin-left: 2%;
}
}
@media only screen and (min-width: 720px) and (max-width: 979px) { /* Tablet Devices */
.twoColumn, .threeColumn, .contactBCol, .contactACol{
	margin-left:0px;
	max-width:100%;
	width:100%;
}

/* image gallery */
.colThumb{
	width:23%;
}


}
@media only screen and (max-width: 719px) { /* Mobile Devices */
.twoColumn, 
.threeColumn, 
.formBCol, 
.formACol,
.imgACol,
.imgBCol,
.contactBCol, .contactACol{
	margin-left:0px;
	max-width:100%;
	width:100%;
}

/* full width layer */
.mFW, .mFW > .column.mFW{ /* mFW = Mobile Full Width for "columnsWrapper" and "column" */
	padding:0;
}
.mFW > .column{ /* Default column apply the normal padding */
	padding-right:2em; /* To change depending on the lateral content padding */
	padding-left:2em;
}

/* image gallery */
.colThumb{
	width:100%;
	margin:0;
	margin-top:2em;
}
.thumbLine{
	margin:0;
}

.columnsWrapper{
	padding-left:1em; /* To change depending on the lateral content padding */
	padding-right:1em;
}

}

/*###########################################################################*/
/*########################### Content Adjusters #############################*/
/*###########################################################################*/

.vOne{
	margin-top:1em;
}
.vTwo{
	margin-top:2em;
}
.vHalf{
	margin-top:0.5em;
}
.vZero{
	margin-top:0;
}
.vNeg{
	margin-top:-0.5em;
}
.pileOne, .pileTwo, .pileHalf, .pileOneHalf{
	margin-top:0;
}

.faqTitleCompensate{
	display:inline-block;
	margin-top:3em;
}

@media only screen and (min-width: 980px) and (max-width: 1189px) { /* Normal Screens */

}
@media only screen and (min-width: 720px) and (max-width: 979px) { /* Tablet Devices */
.pileOne{
	margin-top:1em;
}
.pileOneHalf{
	margin-top:1.5em;
}
.pileTwo{
	margin-top:2em;
}
.pileHalf{
	margin-top:0.5em;
}
.faqTitleCompensate{
	display:none;
}
}
@media only screen and (max-width: 719px) { /* Mobile Devices */
.pileOne{
	margin-top:1em;
}
.pileOneHalf{
	margin-top:1.5em;
}
.pileTwo{
	margin-top:2em;
}
.pileHalf{
	margin-top:0.5em;
}
.faqTitleCompensate{
	display:none;
}
}


/*###########################################################################*/
/*################################ Chunk Bite ###############################*/
/*###########################################################################*/

/* Chunk Bites */

.chunkBite,
.chunkImportant{
	display:inline-block;
	border-radius:6px;
	background-color: #E8E8E8;
	padding:1.35em;
	padding-left:1.5em;
	padding-right:1.5em;
	margin-bottom:1em;
	width:100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.chunkBite h3{
	font-size:1.2em;
	margin-bottom:0.6em;
	display:block;
	font-weight: normal;	
}

.chunkImportant{
	background-color: #62595B;
	text-shadow: 1px 1px 1px #343031;
	color: #ffffff;
}

/*###########################################################################*/
/*############################## Cars Listing ###############################*/
/*###########################################################################*/

a.carListing:link,
a.carListing:visited{
	display: inline-block;
	width: 100%;
	color: inherit;
	margin-top: 1.5em;
	margin-bottom: 1em;
	
}
a.carListing:hover{
	
}
.carListing img{
	max-width:28%;
	/*display:inline-block;
	vertical-align: bottom; /* Not working due to float adjacent element */
}
.carListing img:first-child{
	max-width:40%;
	float:right;
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	filter: FlipH;
	-ms-filter: "FlipH";
}
.carListing span{
	display:block;
	float:left;
	width:100%;
	background-color: #E8E8E8;
	border-radius:6px;
	padding:0.5em;
	padding-left:1em;
	padding-right:1em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size:0.9em;
	margin-top:1em;
	text-align:left;
}
.carListing span b{
	display:block;
	float:right;
	font-weight:normal;
	font-size:1.25em;
}

.carListing.forSale span{
	font-size:1.1em;
	margin-top:0.5em;
	text-align:right;
}
.carListing.forSale span b{
	font-weight: bold;
	font-size: 1.2em;
	color: #D4002A;
	float: left;
}
.carListing.forSale span div.mileage{
	clear:both;
	font-size:0.9em;
	float: right;
}

@media only screen and (min-width: 980px) and (max-width: 1189px) { /* Normal Screens */

}
@media only screen and (min-width: 720px) and (max-width: 979px) { /* Tablet Devices */

}
@media only screen and (max-width: 719px) { /* Mobile Devices */
.carListing span b{
	float:none;
}
.carListing img{
	max-width:40%;
}
.carListing img:first-child{
	max-width:55%;
}
.carListing.forSale img:first-child{
	max-width:80%;
}
}



/*###########################################################################*/
/*############################# Reserve Arrow ###############################*/
/*###########################################################################*/

.reserveNowContainer{
	padding-top:6em;
}
.reserveArrow, reserveArrowBottom div{
	float:left;
	width: 82px; height: 80px;
	background-position: -7px -190px;
	margin-right:2em;
}
.reserveNowContainer h2{
	color: #D4002A;
	font-size: 1.5em;
	line-height: 1.25;
}
.reserveArrowBottom{
	text-align:center;
	display:none;
}
.reserveArrowBottom div{
	margin-top:1.5em;
	display: inline-block;
	width: 82px; height: 80px;
	background-position: -7px -190px;
	-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	transform: rotate(270deg);
}

@media only screen and (min-width: 980px) and (max-width: 1189px) { /* Normal Screens */

}
@media only screen and (min-width: 720px) and (max-width: 979px) { /* Tablet Devices */
.reserveNowContainer{
	text-align:center;
}
.reserveArrow{
	display:none;
}
.reserveArrowBottom{
	text-align:center;
	display:block;
}
.reserveNowContainer{
	padding-top:1em;
}
}
@media only screen and (max-width: 719px) { /* Mobile Devices */
.reserveNowContainer{
	text-align:center;
}
.reserveArrow{
	display:none;
}
.reserveArrowBottom{
	text-align:center;
	display:block;
}
.reserveNowContainer{
	padding-top:1em;
}
}

/*###########################################################################*/
/*################################## Tables #################################*/
/*###########################################################################*/

/* tables */

table{
	width:100%;
}

table td{
	text-align:left;
	padding:1em;
	font-size:0.9em;
	text-align:center;
}
table tr td:first-child, table tr.specialCells td{
	/*background-color:#E8E8E8;*/
}
table tr:first-child td{
	background-color: #84777A;
	color: #FFF;
	text-shadow: 1px 1px 1px #343031;
	font-size: 0.9em;
}
table{
	border-left-style: solid;
	border-left-color: #84777A;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #84777A;
	border-bottom-width: 1px;
}
table td{
	border-right-style:solid;
	border-right-color: #84777A;
	border-right-width: 1px;
	border-top-style:solid;
	border-top-color: #84777A;
	border-top-width: 1px;
}

.tableLegend{
	display:inline-block;
	color: #8C8C8C;
}
.tableLegend span{
	font-size:0.7em;
}

@media only screen and (max-width: 719px) { /* Mobile Devices */

table td{
	font-size:0.7em;
}
table tr:first-child td{
	font-size:0.7em;
}
.tableLegend{
	display:none;
}

}

/*###########################################################################*/
/*############################### Quick Info ################################*/
/*###########################################################################*/

#quickInfo{
	display:block;
	padding:0;
	padding-top:2.5em;
	text-align:center;
	background-repeat: repeat-x;
}
#quickInfo > div{
	display:inline-block;
	width:100%;
	max-width:300px; /* Column Width */
}

#quickInfo a:link,
#quickInfo a:visited,
#quickInfo{
	color: #FFF;
	text-shadow:1px 1px 1px #000;
}



/* Reservations */
.reservations{
	position: relative;
	display:inline-block;
	margin:0;
	line-height:1.2;
	color: #FFF;
	text-align:right;
	padding-right:0.5em;
	font-size:0.95em;
}
.reservations:before{
	position:absolute;
	content:'';
	background-position: -225px -150px;
	width:97px;
	height:38px;
	left:0em;
	top:-0.6em;
}
.reservations span{
	padding-left:4.8em;
	font-size:1.4em; /* to change depending on desired size */
	display:inline-block;
}


/* **************** Mini Map */
#miniMap{
	width:100%;
	position:relative;
	min-height:190px;
	margin-top:1.5em;
	padding-top:0.5em;
	padding-bottom:1.5em;
}
#backgroundMiniMap img{
	max-width:100%;
}
#miniMap .marker{
	display:block;
	position:absolute;
	width:75px; /* start with bigger size */
	height:75px;
	-webkit-transition: all 0.1s ease;
  	-moz-transition: all 0.1s ease;
  	-o-transition: all 0.1s ease;
  	-ms-transition: all 0.1s ease;
  	transition: all 0.1s ease;
	transform:scale(0.66);
    -ms-transform:scale(0.66); /* IE 9 */
    -moz-transform:scale(0.66); /* Firefox */
    -webkit-transform:scale(0.66); /* Safari and Chrome */
    -o-transform:scale(0.66); /* Opera */
	border-radius:5px;
}
#miniMap .marker.hover{
    transform:scale(1);
    -ms-transform:scale(1); /* IE 9 */
    -moz-transform:scale(1); /* Firefox */
    -webkit-transform:scale(1); /* Safari and Chrome */
    -o-transform:scale(1); /* Opera */
}
#miniMap #markerF6H{
	width:64px; /* start with bigger size */
	height:64px;
}
#miniMap #markerSxm{
	width:90px; /* start with bigger size */
	height:90px;
}
#miniMap .marker img{
	max-width: 100%;
	border-radius:5px;
}
#miniMap .marker img.touchIcon{
	display:none;
}
/* ***** Can be moved to specific screen size (Media Query) if we want to keep original images for bug screens */
#miniMap .marker.hover img{
    display:none;
}


#miniMap .marker.hover img.touchIcon{
	display:block;
}
/* **** End */
#miniMap .markerInfo{
	position:absolute;
	top:20px;
	left:30px;
	display:none;
	text-align:left;
	font-size:0.9em;
}
#miniMap .markerInfo span{
	font-size:0.9em;
}
/*#miniMap a#markerSxm:hover + #detailsSxm{
    display: block;
}
#miniMap a#markerSFG:hover + #detailsSfg{
    display: block;
}*/
#markerSxm{
	top:140px;
	left:95px;
}
#markerSFG{
	top:10px;
	right:95px;
}
#markerF6H{
	top:40px;
	right:35px;
}



/* Phone */
a.phone:link, 
a.phone:visited{
	margin:0;
	margin-top:2em;
	position: relative;
	display:inline-block;
	padding-left:2.3em;
	font-size:0.8em; /* to change depending on desired size */
}
a.phone span{
	font-size:1.4em;
}
a.phone:before{
	position:absolute;
	content:'';
	background-position: -175px -149px;
	width:29px;
	height:39px;
	left:0;
	top:-0.5em;
}

/* Email */
div.email{
	position: relative;
	display:inline-block;
	margin:0;
	margin-top:1em;
	padding-left:2em;
}
div.email:before{
	position:absolute;
	content:'';
	background-position: -175px -200px;
	width:26px;
	height:17px;
	left:0;
	top:0.1em;
}
div.email span{
	font-size:0.8em;
}

/* Time */
div.time{
	position: relative;
	display:inline-block;
	margin:0;
	margin-top:1em;
	padding-left:2em;
}
div.time:before{
	position:absolute;
	content:'';
	background-position: -200px -274px;
	width:25px;
	height:25px;
	left:0;
	top:-0.1em;
}
div.time span{
	font-size:0.8em;
}

/* Location */
a.location:link,
a.location:visited{
	position: relative;
	display:inline-block;
	margin:0;
	margin-top:1em;
	padding-left:2em;
}
a.location:hover{
}
a.location:before{
	position:absolute;
	content:'';
	background-position: -175px -225px;
	width:25px;
	height:38px;
	left:0;
	top:-1.4em;
}

/* Facebook */
#facebookLike{
	position: relative;
	display:inline-block;
	margin:0;
	margin-top:1em;
	padding-left:0em;
}

@media only screen and (min-width: 980px) and (max-width: 1189px) { /* Normal Screens */
.reservations{
	font-size:0.8em;
	padding-right:0;
}
.reservations:before{
	left:-1.3em;
	top:-1.05em;
}
.reservations span{
	font-size:1.4em; 
	margin-bottom:0.2em;
}
#markerSxm{
	top:125px;
	left:70px;
	z-index:1;
}
#markerSFG{
	top:5px;
	right:70px;
}
#markerF6H{
	top:40px;
	right:15px;
}
#miniMap .markerInfo{
	top:10px;
	left:25px;	
}
#miniMap .markerInfo span{
	font-size:0.75em;
}

}
@media only screen and (min-width: 720px) and (max-width: 979px) { /* Tablet Devices */
/*#quickInfo{
	text-align:center;
	padding:3em 0;
}
a.location:link{
	margin-top:1.7em;
}
#miniMap .markerInfo{
	top:15px;
	left:0px;	
}
#miniMap .markerInfo span{
	font-size:1em;
}*/
}
@media only screen and (max-width: 719px) { /* Mobile Devices */
/*#quickInfo{
	text-align:center;
	padding:2em 0;
}
a.location:link{
	margin-top:1.7em;
}
#quickInfo{
	padding-top:2em;
	padding-bottom:2em;
}*/
}

/*###########################################################################*/
/*############################ QR + Social Icons ############################*/
/*###########################################################################*/

.tripAdvisor:link, 
.facebook:link, 
.wifi:link,
.qr:link{
	display:inline-block;
}

/* icon boxes */

.tripAdvisor{
	width: 165px; height: 28px;
	background-position: -210px -150px;
}
.facebook{
	width: 122px; height: 25px;
	background-position: -225px -188px;
}
.wifi{
	width: 75px; height: 73px;
	background-position: -250px -225px;
}

/* qr code */
.qr:link, .qr:visited{
	width: 110px;
	height: 110px;
	position: relative;
	background-color: #FFFFFF;
	margin-left:2em;
}
.qr img{
	max-width:100%;
}
.qr:before{
	width: 26px; height: 55px;
	background-position: -149px -274px;
	position:absolute;
	top:26px;
	left:-30px;
}

@media only screen and (max-width: 719px) { /* Mobile Devices */
.qr:link, .qr:visited{
	display:inline-block;
	margin-top:2em;
	margin-left:0px;

}
}


/*###########################################################################*/
/*############################## Google Maps ################################*/
/*###########################################################################*/


/* --------------- Map General -------------- */
.google-map{
	width:100%;
	height:600px;
	text-shadow:none;
	color: #666;
	float:left;
}
.mapControls{ /* Controls Positioning */
	display:block;
	position:absolute;
	right:0px;
}



/* -------------- Info Windows ------------- */

.google-map .gm-style, 
.google-map .gm-style .gm-style-iw, 
.google-map .gm-style .gm-style-iw a, 
.google-map .gm-style .gm-style-iw span, 
.google-map .gm-style .gm-style-iw label, 
.google-map .gm-style .gm-style-iw div{ /* Prevent "Roboto" font default loading + Reset from Google Maps default settings */
	font-family:inherit;
	/*font-size:1em;*/
	font-weight:normal;
	font-size:inherit;
}
.google-map .gm-style .gm-style-iw div.infoWindow{
	font-size:0.9em;
}
.google-map .infoWindow{
	padding:10px; /* px fix scroll bar in IE */
	min-width:200px; /* px fix width in IOS */
}

.ie11 .google-map .infoWindow{
	min-width:360px; /* px fix width in IOS */
}


/* Title & Paragraph */

.google-map .infoWindow h1{
	font-size:1.3em;
}
.google-map .infoWindow p{
	margin-top:0.5em;
	display:block;
	line-height:1.4;
}

/* Links */
.google-map .infoWindow a:link, .google-map .infoWindow a:visited{
	
}
.google-map .infoWindow a:hover{
	
}

/* Zoom Buttons */
.google-map div.zoomButton{
	font-size: 0.8em;
	color: #FFF;
	background-color: #D4002A;
	padding: 0.4em 1em;
	margin-right: 1em;
	cursor: pointer;
	display: inline-block;
	border-radius: 3px;
	margin-top: 0.5em;
}
.google-map div.zoomButton:hover{
	background-color: #282425;
}



@media only screen and (min-width: 980px) and (max-width: 1189px) { /* Normal Screens */

}
@media only screen and (min-width: 720px) and (max-width: 979px) { /* Tablet Devices */
.google-map{
	height:550px;
}
}
@media only screen and (max-width: 719px) { /* Mobile Devices */
.google-map{
	height:400px;
}
}


/*###########################################################################*/
/*############################ FAQ Accordion ################################*/
/*###########################################################################*/

/*core effect*/
.faqs{
	display:inline-block;
	width:100%; /* optional */
}
.faqs h3 {
	font-size:1em;
	font-weight:normal;
	cursor:pointer;
	position: relative;
	padding:0.9em;
	background-color: #E8E8E8;
	border-radius:6px;
	padding-left:3em;
	margin-bottom:1.5em;
}
.faqs h3.active  {
	border-bottom-right-radius:0px;
	border-bottom-left-radius:0px;
	font-size:1.1em;
	padding-left:2.4em;
	padding-bottom:0.5em;
	padding-top:0.7em;
	margin-bottom:0;
	font-weight:bold;
}
.faqs div {
	height:0px;
	overflow:hidden;
	position:relative;
	background-color: #E8E8E8;
	padding:1.5em;
	padding-top:0px;
	padding-right:2em;
	padding-left:2em;
	border-bottom-right-radius:6px;
	border-bottom-left-radius:6px;
	display:none;
	margin-bottom:1.5em;
}
/*bullets*/
.faqs h3:before {
	position: absolute;
	top:1em; left:1em;
	width: 26px; height: 24px;
	background-position: -229px -2px;
}
.faqs h3.active:before { 
	display:none;
}
.faqs h3.active:after { 
	position: absolute;
	top:0.95em; left:0.8em;
	width: 17px; height: 17px;
	background-position: -99px -125px;
}


/*###########################################################################*/
/*############################### Main Menu #################################*/
/*###########################################################################*/

.mainMenu, .mainMenu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.mainMenu li {
	float: left;
	position: relative;
}

.mainMenu > li {
	width: 20%;
}

.mainMenu ul { /* menu level 1 */
	margin: 1em 0 0 0; /* animation distance */
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: 53px; /* depending on menu + paddings height */
	left: 0;
	z-index: 999;  /* avoid Royal Slider conflict */
	-webkit-transition: all .1s;
	transition: all .1s;
	box-shadow: 2px 3px 3px -1px #333333;
	background-color: #F3F3F3;
}
/*.mainMenu .leftAlign ul {
	left: auto;
	right:0;
	box-shadow: -2px 3px 3px -1px #333333;
}*/

.mainMenu li:hover > ul { /* calling transitions */
	opacity: 1;
	visibility: visible;
	margin: 0;
}

.mainMenu ul ul {
	top: 0;
	left: 17.1em;
	margin: 0 0 0 3em; /* animation distance */
	/*box-shadow: 0px 3px 3px -1px #333333;*/
	border-top-color: #F3F3F3;
	border-top-style: solid;
	border-top-width: 1px;
}

.mainMenu ul li {
	float: none;
	display: block;
	border: 0;
}

/* links */

.mainMenu a {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; /* keep padding and border inside width - height sizing */
	float: left;
	padding: 0.8em 0;
	color: #FFFFFF;
	text-decoration: none;
	border-top-color: #DD002D; /* #b90025 */
	border-top-style: solid;
	border-top-width: 1px;
	border-left-style: solid;
	border-left-color: #AA0022;
	border-left-width: 1px;
	width: 100%;
	text-align: center;
	border-right-color: #DD002D;
	border-right-style: solid;
	border-right-width: 1px;

	background: -moz-linear-gradient(top,  #d4002a 0%, #c4002a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d4002a), color-stop(100%,#c4002a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #d4002a 0%,#c4002a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #d4002a 0%,#c4002a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #d4002a 0%,#c4002a 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #d4002a 0%,#c4002a 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4002a', endColorstr='#c4002a',GradientType=0 ); /* IE6-9 */
}
.mainMenu ul a{
	border: 0;
	border-top-color: #FFFFFF;
	border-bottom-color: #E4E4E4;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-width: 1px;
	border-bottom-width: 1px;
	
}
.mainMenu > li > a:link{ /* top level menu */
	font-size: 1.2em;
	text-shadow: 1px 1px 1px #660014;
	height:53px;
	overflow:hidden;
}
.mainMenu > li:hover > a{ /* top level menu */
	font-size: 1.4em;
	padding: 0.65em 0;
	text-shadow: none;
}
.mainMenu li:hover > a:link,
.mainMenu li:hover > a:visited{
	background: none;
	background-color: #F3F3F3;
	color: #554B52;
	border-color: #F3F3F3;
	filter:none;
}
.mainMenu a:hover { /* hover */
	background-color: #292526;
	background-image: none;
}
.mainMenu ul li:first-child a:link{
	border-top-style: none;
}

.mainMenu ul li:hover > a:link,
.mainMenu ul li:hover > a:visited{ /* hover level 1*/
	background-color: #fff;
	border-top-color: #fff;
	border-bottom-color: #fff;
}
.mainMenu ul li:hover > a:first-child{
	border-top-left-radius: 0;
}
.mainMenu ul a { /* menu level 1 + */
	width: 18em;
	display: block;
	float: none;
	background:none;
	color: #554B52;
	font-size:0.95em;
	padding: 1em 1.5em;
	text-align:left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	filter:none;
}


	
/* customizations */


nav{
	float: left;
	width: 100%;
	display: block;
	border-top-color: #AA0022;
	border-top-style: solid;
	border-top-width: 1px;
	border-left-color: #DD002D;
	border-left-style: solid;
	border-right-width: 1px;
	border-right-style: solid;
	border-left-width: 1px;
	border-right-color: #A02;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}




@media only screen and (min-width: 980px) and (max-width: 1189px) { /* Normal Screens */
.mainMenu > li > a:link{
	font-size:1.1em;
	height:48px;
}
.mainMenu > li:hover > a{ /* top level menu */
	font-size: 1.3em;
	padding: 0.6em 0;
}
.mainMenu ul a{
	font-size:0.9em;
}
.mainMenu ul { /* menu level 1 */
	top: 48px; /* depending on menu + paddings height */
}
.mainMenu ul ul {
	left:16.2em;
}
}
@media only screen and (min-width: 720px) and (max-width: 979px) { /* Tablet Devices */
.mainMenu, nav{
	display:none;
}
}
@media only screen and (max-width: 719px) { /* Mobile Devices */
.mainMenu, nav{
	display:none;
}
}


/*###########################################################################*/
/*################################ Top Menu #################################*/
/*###########################################################################*/

#topMenu{
	display:block;
	float:right;
	margin-top:2.8em;
}
#topMenu li{
	display:block;
	float:left;
}
#topMenu li a:link, #topMenu li a:visited{
	display: inline-block;
	color: #000;
	padding: 0.5em 1em 0.55em 1em;
	border-radius: 6px;
	text-shadow: 1px -1px 1px #DF002D;
	font-size:1.1em;
}
#topMenu li a:hover{
	background-color: #F3F3F3;
	text-shadow:none;
}

@media only screen and (min-width: 980px) and (max-width: 1189px) { /* Normal Screens */
#topMenu{
	margin-top:2.7em;
}
#topMenu li a:link, #topMenu li a:visited{
	font-size:1em;
}
}
@media only screen and (min-width: 720px) and (max-width: 979px) { /* Tablet Devices */
#topMenu{
	display:none;
}
}
@media only screen and (max-width: 719px) { /* Mobile Devices */
#topMenu{
	display:none;
}
}

/*###########################################################################*/
/*############################### Accordion Menu ############################*/
/*###########################################################################*/

.accordionMenu{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	width:100%;
}
.accordionMenu li{
	float:left;
	clear:both;
	width:100%;
	margin:0;
	padding:0;
}
.accordionMenu li:after, .accordionMenu li:before{
	display:none;
	height:0px;
	width:0px;
}
.accordionMenu a:link, .accordionMenu a:visited{
	font-size: 0.95em;
	display: block;
	padding-top: 0.8em;
	padding-bottom: 0.8em;
	padding-left: 1em;
	padding-right: 1em;
	color: #FFF;
	border-top-color: #3E3739;
	border-bottom-color: #252122;
	border-top-style: solid;
	border-top-width: 1px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	background-color: #292526;
	text-shadow: 1px 1px 2px #000;
}
.accordionMenu a:hover{
	background-color: #000000;
	border-top-color: #000000;
	border-bottom-color: #000000;
	position: relative;
}
.accordionMenu a.active:link, .accordionMenu a.active:visited, .accordionMenu a.active:hover{
	background-color: #000000;
	border-top-color: #000000;
	border-bottom-color: #000000;
	position: relative;
}


/* graphics */

.accordionMenu > li > a:before{
	float:left;
	margin-right:0.4em;
	margin-top:-0.1em;
	width: 25px; height: 25px;
	background-position: -349px -100px;
}
.accordionMenu > li.dropedDown > a:before{
	width: 25px; height: 25px;
	background-position: -300px -100px;
}

.accordionMenu li a.active:after{
	/* pixel sizing because of a bug with IE 8, 9 won't refresh font-size */
	font-size:1em;
	content:'';
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-right: 12px solid;
	border-right-color: #135295;
	position:absolute;
	left:-12px;
	top:0px;
	z-index:999;
	margin:0;
}
.accordionMenu li a.active:before{
	display:none;
}

/* end graphics */

.accordionMenu ul{
	display:none;
}
.accordionMenu ul li a:link, .accordionMenu ul li a:visited{
	background-color: #4E4547;
	border-bottom-color: #443C3E;
	border-top-color: #5F5456;
}
.accordionMenu ul li a:hover{
	background-color: #443C3E;
	border-top-color: #443C3E;
	border-bottom-color: #443C3E;
}

/* border radius */

.accordionMenu > li:first-child > a:link{
	border-top-left-radius:6px;
	border-top-right-radius:6px;
}
.accordionMenu > li.lastItem > a:link{
	border-bottom-left-radius:6px;
	border-bottom-right-radius:6px;
}
.accordionMenu > li.dropedDown > a:link{
	border-bottom-left-radius:0px;
	border-bottom-right-radius:0px;
}
.accordionMenu > li.dropedDown li.lastItem > a:link{
	border-bottom-left-radius:6px;
	border-bottom-right-radius:6px;
}

.accordionMenu > li.dropedDown li.lastItem > a.active:link, .accordionMenu > li.dropedDown > a.active:link{
	border-bottom-left-radius:0px;
	border-bottom-right-radius:6px;
}
.accordionMenu > li:first-child > a.active:link{
	border-top-left-radius:0px;
	border-top-right-radius:6px;
}




@media only screen and (min-width: 720px) and (max-width: 979px) { /* Tablet Devices */

/* active arrow */
.accordionMenu li a.active:after{
	display:none;
}
/* border radius */
.accordionMenu > li.dropedDown li.lastItem > a.active:link, .accordionMenu > li.dropedDown > a.active:link{
	border-bottom-left-radius:6px;
	border-bottom-right-radius:6px;
}
.accordionMenu > li:first-child > a.active:link{
	border-top-left-radius:6px;
	border-top-right-radius:6px;
}
.accordionMenu > li.dropedDown li.lastItem > a:link{
	border-bottom-left-radius:0px;
	border-bottom-right-radius:0px;
}

}

@media only screen and (max-width: 719px) { /* Mobile Devices */

/* active arrow */
.accordionMenu li a.active:after{
	display:none;
}
/* border radius */
.accordionMenu > li.dropedDown li.lastItem > a.active:link, .accordionMenu > li.dropedDown > a.active:link{
	border-bottom-left-radius:6px;
	border-bottom-right-radius:6px;
}
.accordionMenu > li:first-child > a.active:link{
	border-top-left-radius:6px;
	border-top-right-radius:6px;
}
.accordionMenu > li.dropedDown li.lastItem > a:link{
	border-bottom-left-radius:0px;
	border-bottom-right-radius:0px;
}

}

/**************** mapMenu ***************/

#mapMenu{
	position:absolute;
	top:3em;
	left:3em;
	width:15em;
}
.mainLayout ul#mapMenu li { /* overriding */
	margin:0;
	padding:0;
}


@media only screen and (min-width: 980px) and (max-width: 1189px) { /* Normal Screens */

}
@media only screen and (min-width: 720px) and (max-width: 979px) { /* Tablet Devices */
#mapMenu{
	float:left;
	clear:both;
	position:static;
	width:100%;
}
.accordionMenu > li:first-child > a:link{
	border-top-left-radius:0px;
	border-top-right-radius:0px;
}
.accordionMenu > li.lastItem > a:link{
	border-bottom-left-radius:0px;
	border-bottom-right-radius:0px;
}
}
@media only screen and (max-width: 719px) { /* Mobile Devices */
#mapMenu{
	float:left;
	clear:both;
	position:static;
	width:100%;
}
.accordionMenu > li:first-child > a:link{
	border-top-left-radius:0px;
	border-top-right-radius:0px;
}
.accordionMenu > li.lastItem > a:link{
	border-bottom-left-radius:0px;
	border-bottom-right-radius:0px;
}
}


/*###########################################################################*/
/*############################# Ajax Loading Bar ############################*/
/*###########################################################################*/



/* Make clicks pass-through */
#nprogress {
  pointer-events: none;
}

#nprogress .bar {
	position: fixed;
	z-index: 100;
	top: 0;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #FFF;
	/*box-shadow: 1px 1px 1px #FFF;*/
}

/* Fancy blur effect */
/*#nprogress .peg {
  display: block;
  position: absolute;
  right: 0px;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 10px #29d, 0 0 5px #29d;
  opacity: 1.0;

  -webkit-transform: rotate(3deg) translate(0px, -4px);
      -ms-transform: rotate(3deg) translate(0px, -4px);
          transform: rotate(3deg) translate(0px, -4px);
}*/

/* Remove these to get rid of the spinner */
/*#nprogress .spinner {
  display: block;
  position: fixed;
  z-index: 100;
  top: 15px;
  right: 15px;
}

#nprogress .spinner-icon {
  width: 18px;
  height: 18px;
  box-sizing: border-box;

  border: solid 2px transparent;
  border-top-color: #29d;
  border-left-color: #29d;
  border-radius: 50%;

  -webkit-animation: nprogress-spinner 400ms linear infinite;
          animation: nprogress-spinner 400ms linear infinite;
}

@-webkit-keyframes nprogress-spinner {
  0%   { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes nprogress-spinner {
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}*/





/*###########################################################################*/
/*################################ Mobile Menu ##############################*/
/*###########################################################################*/

/* Colors */

.dl-menuwrapper button {
	background: none;
	background-color: #292526;
	border-radius: 0;
}
.dl-menuwrapper button:hover,
.dl-menuwrapper button.dl-active,
.dl-menuwrapper ul {
	background-color: #292526;
}
.dl-menuwrapper li a {
	color: #fff;
	text-shadow: 1px 1px 2px #000;
	border-top-style: solid;
	border-top-width: 1px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-top-color: #3E3739;
	border-bottom-color: #252122;
	background-color: #292526;
}
.dl-menuwrapper li a:hover {
	/*background-color: #1E1E1E;*/
}
.dl-menuwrapper li.dl-back > a {
	background-color: #1C1A1B;
}

/* Common styles of menus */

.dl-menuwrapper {
	/*position: absolute;
	top:3em;
	left:3em;*/
	display:none;
	float:right;
	margin-top:2.9em;
	position:relative;
}


.dl-menuwrapper:first-child {
	/*margin-right: 100px;*/
}

.dl-menuwrapper button {
	border: none;
	width: 48px;
	height: 45px;
	/*text-indent: -900em;
	overflow: hidden;
	position: relative;*/
	cursor: pointer;
	outline: none;
}

.dl-menuwrapper button:after {
	content: '';
	position: absolute;
	width: 29px;
	height: 5px;
	background: #FFF;
	top: 10px;
	left: 10px;
	box-shadow: 0px 10px 0px #FFF,0 20px 0 #FFF;
}

.dl-menuwrapper ul {
	padding: 0;
	list-style: none;
	/*-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;*/
}

.dl-menuwrapper li {
	position: relative;
}

.dl-menuwrapper li a {
	display: block;
	position: relative;
	padding: 15px 20px;
	font-size: 1em;
	line-height: 20px;
	font-weight: normal;
	/*color: #fff;*/
	outline: none;
}

.no-touch .dl-menuwrapper li a:hover {
	/*background: rgba(255,248,213,0.1);*/
}

.dl-menuwrapper li.dl-back > a {
	padding-left: 38px;
	/*background: rgba(0,0,0,0.1);*/	
}

.dl-menuwrapper li.dl-back:after,
.dl-menuwrapper li > a:not(:only-child):after {
	position: absolute;
	speak: none;
	position: absolute;
	top:13px; right:13px;
	width: 25px; height: 25px;
	background-position: -50px -125px;
}

.dl-menuwrapper li.dl-back:after {
	left: 10px;
	/*color: rgba(212,204,198,0.3);*/
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	transform: rotate(180deg);
	line-height:55px;
	color: #fff;
}

.dl-menuwrapper li > a:after {
	right: 10px;
	/*color: rgba(0,0,0,0.15);*/
}

.dl-menuwrapper .dl-menu {
	margin: 0;
	position: absolute;
	opacity: 0;
	pointer-events: none;
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	transform: translateY(10px);
	/*-webkit-backface-visibility: hidden;*/
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	width: 280px;
	z-index:999;
}

.dl-menuwrapper .dl-menu.dl-menu-toggle {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.dl-menuwrapper .dl-menu.dl-menuopen {
	opacity: 1;
	pointer-events: auto;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}

/* Hide the inner submenus */
.dl-menuwrapper li .dl-submenu {
	display: none;
}
#dl-menu > .dl-submenu{ /* Hide temporary submenu in flicker bug in Webkit */
	display: none;
}

/* 
When a submenu is openend, we will hide all li siblings.
For that we give a class to the parent menu called "dl-subview".
We also hide the submenu link. 
The opened submenu will get the class "dl-subviewopen".
All this is done for any sub-level being entered.
*/
.dl-menu.dl-subview li,
.dl-menu.dl-subview li.dl-subviewopen > a,
.dl-menu.dl-subview li.dl-subview > a {

	display: none;
}

.dl-menu.dl-subview li.dl-subview,
.dl-menu.dl-subview li.dl-subview .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {
	display: block;
}

/* Dynamically added submenu outside of the menu context */
/*.dl-menuwrapper > .dl-submenu {
	position: absolute;
	width: 100%;
	top: 45px;
	left: 0;
	margin: 0;
}*/

@media only screen and (min-width: 980px) and (max-width: 1189px) { /* Normal Screens */

}
@media only screen and (min-width: 720px) and (max-width: 979px) { /* Tablet Devices */
.dl-menuwrapper{
	display:block;
}
}
@media only screen and (max-width: 719px) { /* Mobile Devices */
.dl-menuwrapper{
	display:block;
	margin-top:2em;
	margin-bottom:2em;
}

}


/*###########################################################################*/
/*################################ Owl ######################################*/
/*###########################################################################*/



/* 
 * 	Core Owl Carousel CSS File
 *	v1.24
 */

/* clearfix */
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel{
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
	
.owl-carousel .owl-item{
	float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing { 
     cursor:url(../img/grab.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}

/* CSS3 Transitions */

.owl-origin {
	-webkit-perspective: 1200px;
	-webkit-perspective-origin-x : 50%;
	-webkit-perspective-origin-y : 50%;
	-moz-perspective : 1200px;
	-moz-perspective-origin-x : 50%;
	-moz-perspective-origin-y : 50%;
	perspective : 1200px;
}
/* fade */
.owl-fade-out {
  z-index: 10;
  -webkit-animation: fadeOut .7s both ease;
  -moz-animation: fadeOut .7s both ease;
  animation: fadeOut .7s both ease;
}
.owl-fade-in {
  -webkit-animation: fadeIn .7s both ease;
  -moz-animation: fadeIn .7s both ease;
  animation: fadeIn .7s both ease;
}
/* backSlide */
.owl-backSlide-out {
  -webkit-animation: backSlideOut 1s both ease;
  -moz-animation: backSlideOut 1s both ease;
  animation: backSlideOut 1s both ease;
}
.owl-backSlide-in {
  -webkit-animation: backSlideIn 1s both ease;
  -moz-animation: backSlideIn 1s both ease;
  animation: backSlideIn 1s both ease;
}
/* goDown */
.owl-goDown-out {
  -webkit-animation: scaleToFade .7s ease both;
  -moz-animation: scaleToFade .7s ease both;
  animation: scaleToFade .7s ease both;
}
.owl-goDown-in {
  -webkit-animation: goDown .6s ease both;
  -moz-animation: goDown .6s ease both;
  animation: goDown .6s ease both;
}
/* scaleUp */
.owl-fadeUp-in {
  -webkit-animation: scaleUpFrom .2s ease both;
  -moz-animation: scaleUpFrom .2s ease both;
  animation: scaleUpFrom .2s ease both;
}

.owl-fadeUp-out {
  -webkit-animation: scaleUpTo .2s ease both;
  -moz-animation: scaleUpTo .2s ease both;
  animation: scaleUpTo .2s ease both;
}
/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
  0% {opacity: 1}
}
@-moz-keyframes empty {
  0% {opacity: 1}
}
@keyframes empty {
  0% {opacity: 1}
}
@-webkit-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-moz-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-webkit-keyframes backSlideOut {
  25% { opacity: .5; -webkit-transform: translateZ(-500px); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
}
@-moz-keyframes backSlideOut {
  25% { opacity: .5; -moz-transform: translateZ(-500px); }
  75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
}
@keyframes backSlideOut {
  25% { opacity: .5; transform: translateZ(-500px); }
  75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
}
@-webkit-keyframes backSlideIn {
  0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px); }
  100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }

}
@-moz-keyframes backSlideIn {
  0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -moz-transform: translateZ(-500px); }
  100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
}
@keyframes backSlideIn {
  0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; transform: translateZ(-500px); }
  100% { opacity: 1; transform: translateZ(0) translateX(0); }
}
@-webkit-keyframes scaleToFade {
  to { opacity: 0; -webkit-transform: scale(.8); }
}
@-moz-keyframes scaleToFade {
  to { opacity: 0; -moz-transform: scale(.8); }
}
@keyframes scaleToFade {
  to { opacity: 0; transform: scale(.8); }
}
@-webkit-keyframes goDown {
  from { -webkit-transform: translateY(-100%); }
}
@-moz-keyframes goDown {
  from { -moz-transform: translateY(-100%); }
}
@keyframes goDown {
  from { transform: translateY(-100%); }
}

@-webkit-keyframes scaleUpFrom {
  from { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpFrom {
  from { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpFrom {
  from { opacity: 0; transform: scale(1.5); }
}

@-webkit-keyframes scaleUpTo {
  to { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpTo {
  to { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpTo {
  to { opacity: 0; transform: scale(1.5); }
}





/*###########################################################################*/
/*################################ Owl Theme ################################*/
/*###########################################################################*/


.owl-theme .owl-controls{
	margin-top: 0px;
	text-align: center;
}

/* Styling Next and Prev buttons */

.owl-theme .owl-controls .owl-buttons div{
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
	margin-left: 8px;
	/*filter: Alpha(Opacity=80);/*IE7 fix*/
	/*opacity: 0.8;*/
	width: 25px; height: 25px;
	background-position: -300px -225px;
}
.owl-theme .owl-controls .owl-buttons div.owl-next{
	background-position: -250px -225px;
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
	/*filter: Alpha(Opacity=100);/*IE7 fix*/
	/*opacity: 1;*/
	text-decoration: none;
}

/* Styling Pagination*/

.owl-theme .owl-controls .owl-page{

	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
	display: block;
	width: 12px;
	height: 12px;
	margin: 5px 7px;
	/*filter: Alpha(Opacity=50);/*IE7 fix*/
	/*opacity: 0.5;*/
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	border-color: #FFF;
	border-style: solid;
	border-width: 2px;
	background-color:transparent;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
	/*filter: Alpha(Opacity=100);/*IE7 fix*/
	/*opacity: 1;*/
	background-color: #FFF;
}

/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers{
	/*height: auto;
	width: auto;
	color: #FFF;
	padding: 2px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;*/
}

/* preloading images */
.owl-item.loading{
	/*min-height: 150px;
	background: url(AjaxLoader.gif) no-repeat center center*/
}


/************************************  Customization *******/

.imgGal .owl-item > a{
	display:block;
	margin-right: 1em; /* Spacing betwen images when necessary */
}
.owl-carousel .owl-item img{ /* Makes the image fit its container */
	display: block;
	max-width: 100%;
	height: auto;
}
.contentSlide .owl-item a{
	display:block;
	padding-left:2em;
	padding-right:2em;
	padding-top: 1em;
	padding-bottom: 1.5em;
}


.owlCaption{
	width:100%;
	text-align:center;
	background-color: #141414;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding:0.8em;
}

.owl-pagination{
	position:absolute;
	bottom:0;
	right:0;
	padding-right:5.5em;
	padding-bottom:0.7em;
	z-index:1;
}
.owl-buttons{
	position: absolute;
	bottom: 0;
	right: 0;
	padding-right: 1em;
	padding-bottom: 0.8em;
	z-index:1;
}

.owl-carousel.imgGal .owl-wrapper-outer{ /* Fix overlaping images on the sides sometimes - depending on the width - for multiple images */
	padding-left:1px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

@media only screen and (min-width: 980px) and (max-width: 1189px) { /* Normal Screens */
#owl-home .owl-item > a > img{
	min-width:105%;
}
#owl-home .owl-item{
	overflow:hidden;
}
}
@media only screen and (min-width: 720px) and (max-width: 979px) { /* Tablet Devices */
.contentSlide{
	margin-top:2em;
	margin-bottom:2em;
}
.contentSlide .owl-item a{
	text-align:center;
}
.contentSlide .owl-item div{
	text-align:center;
}
.contentSlide .owl-item a img{
	display:inline-block;
}
.owl-buttons{
	display:none;
}
.owl-pagination{
	padding-right:1em;
}
#owl-home .owl-item > a > img{
	min-width:105%;
}
#owl-home .owl-item{
	overflow:hidden;
}
}
@media only screen and (max-width: 719px) { /* Mobile Devices */
.contentSlide{
	margin-top:2em;
	margin-bottom:2em;
}
.contentSlide .owl-item a{
	text-align:center;
}
.contentSlide .owl-item a{
	text-align:center;
}
.contentSlide .owl-item a img{
	display:inline-block;
}
.owl-buttons{
	display:none;
}
.owl-theme .owl-controls{
	width: 100%;
	display: block;
	background-color: #D3002A;
}
.owl-pagination{
	display:inline-block;
	padding-right:0;
	position:static;
	padding-top:0.8em;
}
#owl-home .owl-item > a > img{
	min-width:105%;
}
#owl-home .owl-item{
	overflow:hidden;
}
#owl-home.owl-theme .owl-controls .owl-page span{
	width: 18px;
	height: 18px;
	margin: 5px 12px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	/*border-color: #292526;*/
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
	/*filter: Alpha(Opacity=100);/*IE7 fix*/
	/*opacity: 1;*/
	/*background-color: #292526;*/
}
}


/*###########################################################################*/
/*################################ Lightbox #################################*/
/*###########################################################################*/


/* IMAGE LIGHTBOX SELECTOR */

#imagelightbox{
	cursor: pointer;
	position: fixed;
	z-index: 10000;
	-ms-touch-action: none;
	touch-action: none;

	/*-webkit-box-shadow: 0 0 3.125em rgba( 0, 0, 0, .75 ); 
	-moz-box-shadow: 0 0 3.125em rgba( 0, 0, 0, .75 ); 
	box-shadow: 0 0 3.125em rgba( 0, 0, 0, .75 );*/ 
}

/* WITH ACTIVITY INDICATION (Preloader) */

#imagelightbox-loading,
#imagelightbox-loading div{
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
#imagelightbox-loading{
	width: 20px; /* 40 */
	height: 20px; /* 40 */
	position: fixed;
	z-index: 10003;
	top: 50%;
	left: 50%;
	padding: 10px; /* 10 */
	margin: -20px 0 0 -20px; /* 20 */
	/*box-shadow: 0 0 40px rgba( 0, 0, 0, .75 ); /* 40 */
}
#imagelightbox-loading div{
	width: 20px; /* 20 */
	height: 20px; /* 20 */
	-webkit-animation: imagelightbox-loading .5s ease infinite;
	-moz-animation: imagelightbox-loading .5s ease infinite;
	-o-animation: imagelightbox-loading .5s ease infinite;
	animation: imagelightbox-loading .5s ease infinite;
}

@-webkit-keyframes imagelightbox-loading{
	from { opacity: .5;	-webkit-transform: scale( .75 ); }
	50%	 { opacity: 1;	-webkit-transform: scale( 1 ); }
	to	 { opacity: .5;	-webkit-transform: scale( .75 ); }
}
@-moz-keyframes imagelightbox-loading{
	from { opacity: .5;	-moz-transform: scale( .75 ); }
	50%	 { opacity: 1;	-moz-transform: scale( 1 ); }
	to	 { opacity: .5;	-moz-transform: scale( .75 ); }
}
@-o-keyframes imagelightbox-loading{
	from { opacity: .5;	-o-transform: scale( .75 ); }
	50%	 { opacity: 1;	-o-transform: scale( 1 ); }
	to	 { opacity: .5;	-o-transform: scale( .75 ); }
}
@keyframes imagelightbox-loading{
	from { opacity: .5;	transform: scale( .75 ); }
	50%	 { opacity: 1;	transform: scale( 1 ); }
	to	 { opacity: .5;	transform: scale( .75 ); }
}


/* WITH OVERLAY */

#imagelightbox-overlay{
	background-color: #fff;
	background-color: rgba( 255, 255, 255, .9 );
	position: fixed;
	z-index: 9998;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}


/* WITH "CLOSE" BUTTON */

#imagelightbox-close{
	width: 2.5em; /* 40 */
	height: 2.5em; /* 40 */
	text-align: left;
	text-indent: -9999px;
	background-color: #666;
	position: fixed;
	z-index: 10002;
	top: 2.5em; /* 40 */
	right: 2.5em; /* 40 */

	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;

	-webkit-transition: color .3s ease;

	-moz-transition: color .3s ease;
	-ms-transition: color .3s ease;
	-o-transition: color .3s ease;
	transition: color .3s ease;
}
#imagelightbox-close:hover{
	background-color: #111;
}
#imagelightbox-close:before,
#imagelightbox-close:after{
	width: 2px;
	background-color: #fff;
	content: '';
	position: absolute;
	top: 20%;
	bottom: 20%;
	left: 50%;
	margin-left: -1px;
}
#imagelightbox-close:before{
	-webkit-transform: rotate( 45deg );
	-moz-transform: rotate( 45deg );
	-ms-transform: rotate( 45deg );
	-o-transform: rotate( 45deg );
	transform: rotate( 45deg );
}
#imagelightbox-close:after{
	-webkit-transform: rotate( -45deg );
	-moz-transform: rotate( -45deg );
	-ms-transform: rotate( -45deg );
	-o-transform: rotate( -45deg );
	transform: rotate( -45deg );
}


/* WITH CAPTION */

#imagelightbox-caption{
	text-align: center;
	position: fixed;
	z-index: 10001;
	left: 0;
	right: 0;
	bottom: 0;
}
#imagelightbox-caption span{
	display:inline-block;
	padding: 1em; /* 10 */
	background-color: #FFF;
}


/***************************** Lightbox Customization Handles ***************/

#imagelightbox-loading{
	background-color: rgba(255, 255, 255, 0.43);
}
#imagelightbox-loading div{
	background-color: #FFF;
}
#imagelightbox-overlay{
	background-color: rgba(255,255,255,.8 );
}
#imagelightbox-close{
	background-color: #666;
}
#imagelightbox-close:hover{
	background-color: #333;
}
#imagelightbox-close:before,
#imagelightbox-close:after{
	background-color: #fff;
}
#imagelightbox-caption span{
	background-color: #666;
	color: #FFF;
}



/*###########################################################################*/
/*################################## Timeline ###############################*/
/*###########################################################################*/


ul.timeline{
	display:inline-block;
	width:100%;
}
ul.timeline li{
	margin: 0;
	padding-left: 3.6em;
	margin-left: 18em; /************ handle *******/
	border-left-color: #D4002A;
	border-left-style: solid;
	border-left-width: 10px;
	padding-bottom: 2em;
	position: relative;
}
ul.timeline li:before{
	content: '';
	width: 20px;
	height: 20px;
	border-radius: 15px;
	position: absolute;
	top: -2px;
	left: -20px;
	background-color: #F4F4F4;
	border-color: #D4002A;
	border-width: 5px;
	border-style: solid;
}
ul.timeline li span.date{
	display:block;
	position:absolute;
	top:0.2em;
	left:-14em; /************ handle *******/
	width:10em; 
	text-align: right;	
}
ul.timeline li span.details{
	font-size:0.85em;
}
ul.timeline li span.info{
	display:inline-block;
	background-color: #E8E8E8;
	position:relative;
	padding:0.5em;
	padding-left:1em;
	padding-right:1em;
	margin-top:-1em;
	border-radius:6px;
}
ul.timeline li span.info:before{
	content:'';
	position:absolute;
	top:1em;
	left:-20px;
	width: 0; 
	height: 0; 
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent; 
	border-right:20px solid #E8E8E8; 
}
/* One line */
ul.timeline li.oneLine span.info{
	margin-top:-0.5em;
}
ul.timeline li.oneLine span.info:before{
	top:0.25em;
}
/* Separator */
ul.timeline li.separator{
	padding-top:4em;
}
ul.timeline li.separator span.date{
	font-size: 1.6em;
	left: -12.4em; /************ handle *******/
	font-weight: bold;
	color: #D4002A;
	top: 2em;
}
ul.timeline li.separator span.info,
ul.timeline li.separator:before{
	display:none;
}


@media only screen and (min-width: 980px) and (max-width: 1189px) { /* Normal Screens */
ul.timeline li{
	margin-left:16em; /************ handle *******/
}
}
@media only screen and (min-width: 720px) and (max-width: 979px) { /* Tablet Devices */
ul.timeline li{
	margin-left:16em; /************ handle *******/
}
}
@media only screen and (max-width: 719px) { /* Mobile Devices */
ul.timeline li{
	margin-left:0.5em;
}
ul.timeline li.separator span.date{
	left:2.5em;
	top:1.5em;
	text-align:left;
	margin-bottom:0;
}
ul.timeline li span.date{
	position:static;
	text-align: left;
	font-weight:bold;
	margin-bottom:0.5em;	
	width:auto;
}
ul.timeline li span.info,
ul.timeline li.oneLine span.info{
	margin-top:0;
}
ul.timeline li span.info:before,
ul.timeline li.oneLine span.info:before{
	display:none;
}
ul.timeline li{
	padding-left:1.5em;
}
}

/*###########################################################################*/
/*###################### Caroussel Text + Animations ########################*/
/*###########################################################################*/

#owl-home .owl-item{
	position:relative;
}
#owl-home .caption{
	position: absolute;
	font-size: 1.5em;
	font-weight: normal;
	transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	line-height: 1.2;
	transform: scale(2);
	-ms-transform: scale(2); /* IE 9 */
	-moz-transform: scale(2); /* Firefox */
	-webkit-transform: scale(2); /* Safari and Chrome */
	opacity: 0;
	color: #FFF;
}
#owl-home .active .caption{
	opacity: 1;
	-ms-transform:scale(1); /* IE 9 */
    -moz-transform:scale(1); /* Firefox */
    -webkit-transform:scale(1); /* Safari and Chrome */
}
#owl-home .caption h2{
	font-size: 2.6em;
	font-weight: normal;
}

.buttonMain{
	font-size:0.7em;
	display: inline-block;
	padding: 0.4em 0.8em 0.5em 0.8em;
	background-color: #1C1A1B;
	border-radius:6px;
	text-shadow:none;
	margin-top:0.8em;
}

/* Customizations ************************* */

/* Slide One */
#owl-home #slideOne .caption{
	top: 0px;
	right: 45px;
	text-align: right;
	text-shadow: 1px 1px 1px #317E8E;
}
#owl-home #slideOne .caption h2{
	font-size:3.4em;
}
#owl-home .active #slideOne .caption{
	top: 140px;
}
#owl-home #slideOne .caption .buttonMain{
	background-color: #3A9AB1;
	color: #FFF;
	/*box-shadow: 1px 1px 1px #fff;*/
}


/* Slide Two */
#owl-home #slideTwo .caption{
	top: 50px;
	left: 400px;
	-webkit-transform: rotate(700deg);
	-moz-transform: rotate(700deg);
	transform: rotate(700deg);
	text-shadow: 1px 1px 1px #4C87AE;
	font-size: 1.5em;
}
#owl-home #slideTwo .caption h2{
	font-size:2.4em;
}
#owl-home .active #slideTwo .caption{
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	transform: rotate(0deg);
}
#owl-home #slideTwo .caption .buttonMain{
	background-color: #068CC6;
	color: #FFF;
	/*box-shadow: 1px 1px 1px #fff;*/
}


/* Slide Three */
#owl-home #slideThree .caption{
	top: 300px;
	left: 420px;
	color: #D4002A;
	text-shadow: 1px 1px 1px #E6F0F2;
	font-size: 1.6em;
}
#owl-home #slideThree .caption h2{
	font-size: 2.6em;
}
#owl-home .active #slideThree .caption{
	top: 70px;
	right:auto;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	transform: rotate(0deg);
}


/* Slide Four */
#owl-home #slideFour .caption{
	left: 800px;
	font-size: 2em;
	text-shadow: 1px 1px 1px #1F4871;
}
#owl-home #slideFour .caption h2{
	font-size: 2.4em;
}
#owl-home .active #slideFour .caption{
	top: 90px;
	left: 450px;
}
#owl-home #slideFour .caption .buttonMain{
	font-size: 0.5em;
	background-color: #068CC6;
	color: #FFF;
	/*box-shadow: 1px 1px 1px #FFFFFF;*/
}


/* Slide Five */
#owl-home #slideFive .caption{
	top: 300px;
	left: 400px;
	font-size: 1.8em;
	text-shadow: 1px 1px 1px #fff;
	color: #068CC6;
}
#owl-home #slideFive .caption h2{
	font-size: 2.4em;
}
#owl-home .active #slideFive .caption{
	top: 70px;
	right: auto;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	transform: rotate(0deg);
}
#owl-home #slideFive .caption .buttonMain{
	background-color: #068CC6;
	color: #FFF;
	/*box-shadow: 1px 1px 1px #FFFFFF;*/
}



/* Slide Six */
#owl-home #slideSix .caption{
	left: auto;
	font-size: 1.5em;
	text-shadow: 1px 1px 1px #fff;
	color: #068CC6;
	text-align: right;
}
#owl-home #slideSix .caption h2{
	font-size: 2.4em;
}
#owl-home .active #slideSix .caption{
	top: 60px;
	right: 60px;
}
#owl-home #slideSix .caption .buttonMain{
	background-color: #068CC6;
	color: #FFF;
	/*box-shadow: 1px 1px 1px #FFFFFF;*/
}


@media only screen and (min-width: 980px) and (max-width: 1189px) { /* Normal Screens */
#owl-home #slideOne .caption,
#owl-home #slideTwo .caption,
#owl-home #slideThree .caption,
#owl-home #slideFour .caption{
	font-size:1.2em;
}
#owl-home #slideOne .caption{
	font-size:1.1em;
}
/* Slide One */
#owl-home .active #slideOne .caption{
	top: 180px;
	left:35px
}
#owl-home #slideOne .caption .buttonMain{
	font-size:0.9em;
}
#owl-home #slideOne .caption{
	top: 180px;
	left:35px
}
/* Slide Two */
#owl-home .active #slideTwo .caption{
	top: 50px;
	left: 360px;
}
#owl-home #slideTwo .caption .buttonMain{
	font-size:0.9em;
}
#owl-home #slideTwo .caption{
	top: 50px;
	left: 360px;
}
/* Slide Three */
#owl-home .active #slideThree .caption{
	top: 70px;
	left:370px;
}
/* Slide Four */
#owl-home .active #slideFour .caption{
	top: 90px;
	left: 380px;
}
#owl-home #slideFour .caption{
	font-size:1.5em;
	top: 90px;
	left: 380px;
}
#owl-home #slideFour .caption .buttonMain{
	font-size:0.6em;
}
/* Slide Five */
#owl-home .active #slideFive .caption{
	top: 45px;
	left: 350px;
}
#owl-home #slideFive .caption{
	font-size: 1.5em;
		top: 45px;
	left: 350px;
}
/* Slide Six */
#owl-home .active #slideSix .caption{
	top: 40px;
	right: 50px;
}
#owl-home #slideSix .caption{
	font-size: 1.2em;
	top: 40px;
	right: 50px;
}
#owl-home #slideSix .caption .buttonMain{
	font-size:0.9em;
}
}
@media only screen and (min-width: 720px) and (max-width: 979px) { /* Tablet Devices */
#owl-home #slideOne .caption,
#owl-home #slideTwo .caption,
#owl-home #slideThree .caption,
#owl-home #slideFour .caption{
	font-size:1.4em;
}

/* Slide One */
#owl-home #slideOne .caption{
	font-size:1em;
}
#owl-home .active #slideOne .caption{
	top: 150px;
	left: auto;
	right:20px;
}
#owl-home #slideOne .caption{
	top: 150px;
	left: auto;
	right:20px;
}
#owl-home #slideOne .caption .buttonMain{
	font-size:0.9em;
}
/* Slide Two */
#owl-home .active #slideTwo .caption{
	top: 50px;
	left: 100px;
}
#owl-home #slideTwo .caption{
	top: 50px;
	left: 100px;
}
#owl-home #slideTwo .caption .buttonMain{
	font-size:0.7em;
}
/* Slide Three */
#owl-home #slideThree .caption{
	top: 40px;
	left:120px;
}
#owl-home .active #slideThree .caption{
	top: 40px;
	left:120px;
}
/* Slide Four */
#owl-home .active #slideFour .caption{
	top: 40px;
	left: 120px;
}
#owl-home #slideFour .caption{
	font-size:1.5em;
	top: 40px;
	left: 120px;
}
#owl-home #slideFour .caption .buttonMain{
	font-size:0.6em;
}
/* Slide Five */
#owl-home #slideFive .caption{
	top: 50px;
	left: 80px;
}
#owl-home .active #slideFive .caption{
	top: 50px;
	left: 80px;
}
#owl-home #slideFive .caption{
	font-size: 1.5em;
}
/* Slide Six */
#owl-home .active #slideSix .caption{
	top: 20px;
	right: 30px;
}
#owl-home #slideSix .caption{
	font-size: 1em;
		top: 20px;
	right: 30px;
}
#owl-home #slideSix .caption .buttonMain{
	font-size:0.9em;
}
}
@media only screen and (max-width: 719px) { /* Mobile Devices */
#owl-home #slideOne .caption,
#owl-home #slideTwo .caption,
#owl-home #slideThree .caption,
#owl-home #slideFour .caption,
#owl-home #slideFive .caption,
#owl-home #slideSix .caption{
	font-size:1em;
}
#owl-home .caption span{
	/*display:none;*/
}
/* Slide One */
#owl-home #slideOne .caption{
	font-size:1em;
}
#owl-home .active #slideOne .caption{
	top: 20px;
	left: auto;
	right:20px;
}
#owl-home #slideOne .caption{
	top: 20px;
	left: auto;
	right:20px;
}
#owl-home #slideOne .caption .buttonMain{
	font-size:1em;
}
/* Slide Two */
#owl-home .active #slideTwo .caption{
	top: 10px;
	left: 20px;
}
#owl-home #slideTwo .caption{
	top: 10px;
	left: 20px;
}
/* Slide Three */
#owl-home #slideThree .caption{
	top: 30px;
	left:30px;
}
#owl-home .active #slideThree .caption{
	top: 30px;
	left:30px;
}
/* Slide Four */
#owl-home .active #slideFour .caption{
	top: 10px;
	left: 20px;
}
#owl-home #slideFour .caption{
	top: 10px;
	left: 20px;
}
#owl-home #slideFour .caption .buttonMain{
	font-size:0.8em;
}
/* Slide Five */
#owl-home #slideFive .caption{
	top: 20px;
	left: 20px;
}
#owl-home .active #slideFive .caption{
	top: 20px;
	left: 20px;
}
/* Slide Six */
#owl-home .active #slideSix .caption{
	top: 50px;
	right: 30px;
}
#owl-home #slideSix .caption{
	top: 50px;
	right: 30px;
}
#owl-home #slideSix .caption span, 
#owl-home #slideSix .caption br{
	display:none;
}
#owl-home #slideSix .caption .buttonMain{
	font-size:0.9em;
}
}


/*###########################################################################*/
/*############################## Home Reservations ##########################*/
/*###########################################################################*/

.homeConf .sideCol{
	position: absolute;
	width: 300px;
	top: 40px;
	left: 40px;
	background-color: #292526;
	border-radius: 6px;
}
.homeConf .sideCol .contentSlide .owl-item a{
	padding-left:2.5em;
	padding-right:2.5em;
	padding-top:0;
	padding-bottom:1em;
}

.homeConf .sideCol #miniMap{
	margin-top:0.5em;
	padding-bottom:1em;
}
.homeConf .sideCol #quickInfo{
	padding-top:1.5em;
}

@media only screen and (min-width: 980px) and (max-width: 1189px) { /* Normal Screens */
.homeConf .sideCol{
	width: 250px;
}
}
@media only screen and (min-width: 720px) and (max-width: 979px) { /* Tablet Devices */
.homeConf .sideCol{

	position:static;
	width:100%;
}
.homeConf .sideCol #miniMap, 
.sideCol #miniMap{
	margin-top:1.5em;

	padding-bottom:0;
}
.homeConf .sideCol #quickInfo, 
.sideCol #quickInfo{
	padding-top:3em;
}
#miniMap .markerInfo{
	top:0px;
	left:0px;
	font-size:0.95em;
}
#miniMap .markerInfo span{
	font-size:0.9em;
}
.homeConf .sideCol .contentSlide .owl-item a,
.sideCol .contentSlide .owl-item a{
	padding-left:13.5em;
	padding-right:13.5em;
	padding-top:0;
	padding-bottom:0;
}
}
@media only screen and (max-width: 719px) { /* Mobile Devices */
.homeConf .sideCol{
	position:static;
	width:100%;
}
.homeConf .sideCol #miniMap, 
.sideCol #miniMap{
	margin-top:1.5em;
	padding-bottom:0;
}
.homeConf .sideCol #quickInfo, 
.sideCol #quickInfo{
	padding-top:3em;
}
#miniMap .markerInfo{
	top:0px;
	left:20px;
	font-size:0.9em;
}
#miniMap .markerInfo span{
	font-size:0.9em;
}
.homeConf .sideCol .contentSlide .owl-item a,
.sideCol .contentSlide .owl-item a{
	padding-left:2em;
	padding-right:2em;
	padding-top:0;
	padding-bottom:0;
}
}


/******************************************* End Of CSS ********************************************/