/*###########################################################################*/
/*################################### 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;
}
address{
	font-style: normal;
}
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;
}
iframe{
	display:block;
}

/*###########################################################################*/
/*################################# Sprites #################################*/
/*###########################################################################*/

/*ul.icon li:before,
blockquote:before,
blockquote:after,
.phone:before,
.email:before,
.time:before,
.location:before,
.tripAdvisor,
.facebook,
.wifi,
.qr:before,
.collapsible div,
[data-type='dropDBox'] div,
.inputWrap .label div,
.labelRadio div,
.labelCheck div,
.owl-theme .owl-controls .owl-buttons div,
#topArrow,
.imagelightbox-arrow,
#imagelightbox-close,
.moButton div,
.moArrowR,
.moArrowL,
.reserveNav div,
.flagButton,
.bigButton div,
.isoButtons a[data-sort='topsix'] div{
	background: url('../img/sprite.png');
	background-repeat: no-repeat;
}*/
/*************************************************************************************************************************************** To Uncomment in Production */
/*@media only screen and (-webkit-min-device-pixel-ratio: 2), 
only screen and (min-device-pixel-ratio: 2) {*/
ul.icon li:before,
blockquote:before,
blockquote:after,
.phone:before,
.email:before,
.time:before,
.location:before,
.tripAdvisor,
.facebook,
.instagram,
.wifi,
.qr:before,
.collapsible div,
[data-type='dropDBox'] div,
.inputWrap .label div,
.labelRadio div,
.labelCheck div,
.owl-theme .owl-controls .owl-buttons div,
#topArrow,
.imagelightbox-arrow,
#imagelightbox-close,
.moButton div,
.moArrowR,
.moArrowL,
.reserveNav div,
.flagButton,
.bigButton div,
.isoButtons a[data-sort='topsix'] div,
.FBIcon,
.instaIcon,
.FBIconMobile,
.instaIconMobile,
.overlayClose,
.warningSign,
.iconCar,
.facebookFooter,
.instagramFooter,
.isoButtons a[data-sort='electric'] div{
	background: url('../img/sprite2x.png');
	background-size:800px 800px;
	background-repeat: no-repeat;
/*}*/
}

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


/*###########################################################################*/
/*############################### 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');
}

/*###########################################################################*/
/*################# Graphic Acceleration, Font Flickering ###################*/
/*###########################################################################*/

/*.touchscreen .container,*/
.touchscreen .slice,
.moButton{ /* Graphic acceleration on touchscreens */
	/*-webkit-transform: translate3d(0, 0, 0);*/ /* Can make Chrome Mobile to crash */
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	/*-webkit-transform: translateZ(0);*/
	/*-webkit-font-smoothing: antialiased;*/
	/*-webkit-transform: rotateZ(360deg);*/
}

body{
	-webkit-font-smoothing: antialiased; /* Fix Font Flickering With Slideshow, CSS and JS Animations */ 
	/*-webkit-backface-visibility: hidden; /* Fix Flickering With Animations */
}

/* Background attachment */
/*.touchScreen .fixedBackgroundContainer{
	background-attachment:scroll;
}
.touchScreen .backgroundCoverContainer{
	background-size: 100% auto;
	background-repeat:no-repeat;
}*/

/* 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);
}

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


#contentStartAnchor{
	display:block;
	position:absolute;
}
.displayNone{
	display:none;
}

/* ----- container */
.container{
	width:100%;
	float:left;
	/*overflow:hidden; /* for shadow effect on entire container */ 
}
.slice{
	width: 100%;
	margin: 0 auto;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}
.slice:after{ /* Fix float parent collapsing */
	content: '';
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}
.limited{
	max-width:1300px;
	/* max-width:1190px; /* for testing purpose */
	width:100%; /* In case of imbricated limited sections, or when it is in a smaller container */
}
.limitedSmall{
	max-width:900px;
	/* max-width:1190px; /* for testing purpose */
	width:100%; /* In case of imbricated limited sections, or when it is in a smaller container */
}

/* ----- columns */
.col{
	display: block;
	float: left;
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

/* ----- even col wrapper */

[data-even]{ 
	overflow: hidden;
}
[data-even] > div{
	float: left;
	width:100%;
	position: relative;
}
[data-even] > div > .col{
	position: relative;
}

/* ---- invert order of columns (practical for mobiles pile order) */
.floatRight > .col,
[data-even].floatRight > div > .col{
	float:right;
}

/* fifty */
.fifty > .col,
[data-even].fifty > div > .col{
	width: 50%;
}
[data-even].fifty > div{
	left: 50%;
}
[data-even].fifty > div > .col{
	right: 50%;
}

/* sixty fourty */
.sixtyForty > .col,
[data-even].sixtyForty > div > .col{
	width: 40%;
}
.sixtyForty > .col:first-child,
[data-even].sixtyForty > div > .col:first-child{
	width: 60%;
}
[data-even].sixtyForty > div{
	left: 60%;
}
[data-even].sixtyForty > div > .col{ 
	right: 60%;
}
[data-even].sixtyForty.floatRight > div{
	left: 40%;
}
[data-even].sixtyForty.floatRight > div > .col{
	right: 40%;
}

/* fourty sixty */
.fourtySixty > .col,
[data-even].fourtySixty > div > .col{
	width: 60%;
}
.fourtySixty > .col:first-child,
[data-even].fourtySixty > div > .col:first-child{
	width: 40%;
}
[data-even].fourtySixty > div{
	left: 40%;
}
[data-even].fourtySixty > div > .col{ 
	right: 40%;
}
[data-even].fourtySixty.floatRight > div{
	left: 60%;
}
[data-even].fourtySixty.floatRight > div > .col{
	right: 60%;
}

/*
Application:
<div class="slice limited colorLeft sixtyForty floatRight" id="mySectionID" data-even="colorRight">
<div class="col">Right col</div>
<div class="col colourMobilePiling ">Left col because of float:right</div>
</div>
*/

@media only screen and (min-width: 980px) and (max-width: 1190px) { /* Normal Screens */
.limited{
	/* width:970px; /* for testing purpose */
}
}
@media only screen and (min-width: 720px) and (max-width: 979px) { /* Tablet Devices */
.limited{
	/* width:710px; /* for testing purpose */
}
/*.fifty > .col,
[data-even].fifty > div > .col,
.sixtyForty > .col,
.sixtyForty > .col:first-child,
[data-even].sixtyForty > div > .col,
[data-even].sixtyForty > div > .col:first-child,
[data-even].sixtyForty.floatRight > div > .col{
	width: 100%;
	right: 0;
	text-align:center;
}
[data-even].fifty > div,
[data-even].sixtyForty > div,
[data-even].sixtyForty.floatRight > div{
	left:0;
}*/
}
@media only screen and (max-width: 719px) { /* Mobile Devices */
.fifty > .col,
[data-even].fifty > div > .col,
.sixtyForty > .col,
.fourtySixty > .col,
.sixtyForty > .col:first-child,
.fourtySixty > .col:first-child,
[data-even].sixtyForty > div > .col,
[data-even].sixtyForty > div > .col:first-child,
[data-even].sixtyForty.floatRight > div > .col,
[data-even].fourtySixty > div > .col,
[data-even].fourtySixty > div > .col:first-child,
[data-even].fourtySixty.floatRight > div > .col{
	width: 100%;
	right: 0;
}
[data-even].fifty > div,
[data-even].sixtyForty > div,
[data-even].sixtyForty.floatRight > div,
[data-even].fourtySixty > div,
[data-even].fourtySixty.floatRight > div{
	left:0;
}
}

/*###########################################################################*/
/*################################ Global Styles ############################*/
/*###########################################################################*/

body{
	font-family: 'Open';
	font-size: 1.1em;
	line-height: 1.6;
	color: #666;
}

/* --------------------------- typo + paragraphs */
a, 
.collapsible{
	color: #D4002A;
}
a:hover{
	color: #D4002A;
	text-decoration: underline;
}
p{
	margin-bottom:1em;
}
h1, h2, h3, h4{
	font-size:1.8em;
	font-weight:normal;
}
h2{
	font-size:1.6em;
}
h3{
	font-size:1.4em;
}
h4{
	font-size:1.2em;
}
/* --------------------------- blocks */

.centered{
	text-align:center;
}

/* --------------------------- colors */
.colorA{
	background-color: #09C;
}
.colorB{
	background-color: #414141;
}
.colorC{
	background-color: #336666;
}
.colorD{
	background-color: #396;
}

/* --------------------------- dough */
.dough{
	padding:50px 60px;
}
.doughTopSlim{
	padding:35px 60px 50px 60px;
}
/*.doughMain{
	padding:0 0 60px 0;
}*/
.doughFaq:first-child{
	padding:0 10px 0 0;
}
.doughFaq{
	padding:0 0 0 10px;
}

/* ------ special mobile */
.mobOnly{ /* usage: <br class="mobOnly" /> */
	display:none;
}
.tabletSmallerOnly{
	display:none;
}
/* ------ hide preloading images ---- */
.preloadingImg{
	display:none;
}


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

}
@media only screen and (min-width: 720px) and (max-width: 979px) { /* Tablet Devices */
.noTab{ /* usage: <br class="noTab" /> */
	display:none;
}
.tabletSmallerOnly{
	display:inline-block;
}
/*.fifty > .col.doughFaq:first-child,
.fifty > .col.doughFaq{
	padding:0;
	text-align:left;
}*/

}
@media only screen and (max-width: 719px) { /* Mobile Devices */
.mobOnly{
	display:inline-block;
}
.noMob{ /* usage: <br class="noMob" /> */
	display:none;
}
body{
	font-size:1.1em;
}
.fifty > .col.doughFaq:first-child,
.fifty > .col.doughFaq{
	padding:0;
	text-align:left;
}
.tabletSmallerOnly{
	display:inline-block;
}
}


/*###########################################################################*/
/*################################## Preloader ##############################*/
/*###########################################################################*/

#preloadingPage{
	width: 0;
	height: 0;
	line-height: 0;
	border: 22px solid transparent;
	border-radius: 22px;
	border-top: 22px solid;
	border-bottom: 22px solid;
	position: fixed;
	z-index: 9999;
	right: 31px;
	bottom: 31px;
	-webkit-animation: spin 1s linear infinite;
	-moz-animation: spin 1s linear infinite;
	-o-animation: spin 1s linear infinite;
	animation: spin 1s linear infinite;
	display: none; /* to comment for adjustment */
	border-top-color: #333333;
	border-bottom-color: #333333;
}
#preloadingPage.activity{
	display:block;
}
@-ms-keyframes spin {
    from { -ms-transform: rotate(0deg); }
    to { -ms-transform: rotate(360deg); }
}
@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}

/*############################################################################################################################################*/
/*############################################################################################################################################*/
/*####################################################### Frame + Persistent Elements ########################################################*/
/*############################################################################################################################################*/
/*############################################################################################################################################*/


/* ------------------------------------------------------------------------------ Logo */

.logo{
	width:100%;
	max-width:220px;
	display:inline-block;
	float:left;
	margin-top: 7px;
}
.logo img{
	max-width:100%;
}

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

}
@media only screen and (min-width: 720px) and (max-width: 979px) { /* Tablet Devices */
.logo{
	width:100%;
}
}
@media only screen and (max-width: 719px) { /* Mobile Devices */
.logo{
	width:100%;
	
	
}
}

/* ------------------------------------------------------------------------------ Header */

#header{
	background-color: #d4002a;	
	position:relative;
	z-index:20;
	/*position:fixed;
	z-index:999;*/
}
#header > .slice{
	padding: 30px;
	position: relative;
}


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

}
@media only screen and (min-width: 720px) and (max-width: 979px) { /* Tablet Devices */
.logo{
	margin:0;
}
}
@media only screen and (max-width: 719px) { /* Mobile Devices */
#header{
	text-align:center;
}
#header > .slice{
	padding: 30px 30px 23px 30px;
}
.logo{
	margin:0;
	float:none;
}
}

/* ------------------------------------------------------------------------------ Top Menus */

.mainNav{
	margin:23px 0 0 50px;
	float:left;
}
.mainNav a{
	display: block;
	float: left;
	color: #FFF;
	padding: 8px 16px;
	border-radius: 4px;
	margin-left: 10px;
	background-color: #C40027;
}
.mainNav a:first-child{
	margin-left: 0px;
}
.mainNav a:hover,
.mainNav a.menuActive{
	text-decoration:none;
	background-color: #B90025;
}
/* top reserve */
.reserveNav{
	margin:20px 0 0 0;
	float:right;
	clear:right;
}
.reserveNav a{
	display: block;
	float: right;
	font-size: 0.9em;
	color: #FFF;
	padding: 6px 14px;
	border-radius: 4px;
	margin: 0 20px 0 0;
	background-color: #333;
}
.reserveNav a:first-child{
	margin:0;
}
.reserveNav a:hover{
	text-decoration: none;
	background-color: #000;
}
.reserveNav a span{
	font-size:1.2em;
}
.reserveNav div{
	vertical-align:top;
	display:inline-block;
	width: 50px; height: 25px;
	background-position: -625px -175px;
	margin:3px 10px 0 0;
}

/* top right menu */
.topRightNav{
	float:right;
}
.topRightNav a{
	display: block;
	float: right;
	font-size: 0.9em;
	color: #000;
	border-right-color: #000000;
	border-right-width: 1px;
	border-right-style: solid;
	line-height: 1;
	padding: 0 14px;
}
.topRightNav a:first-child,
.topRightNav a:nth-child(2){
	border-right-style: none;
	padding: 0 0 0 10px;
}
.topRightNav a.flagButton,
#footer nav.bottomNav a.flagButton{
	display:inline-block;
	padding:0;
	margin-left:20px;
	width: 25px;
	height: 18px;
	background-position: -625px -225px;
	vertical-align:middle;
	opacity:0.8;
	background-color:transparent;
	border-radius:4px;
}
#footer nav.bottomNav a.flagButton{
	margin-left:10px;
}
.topRightNav a.switchFrench,
#footer nav.bottomNav a.switchFrench{
	width: 25px; height: 17px;
	background-position: -675px -225px;
}
.topRightNav a.flagButton:hover,
#footer nav.bottomNav a.flagButton:hover{
	opacity:1;
}

sup{
	vertical-align: text-top;
	font-size: smaller;
}
sup.bigger{
	font-size: inherit;
}

@media only screen and (min-width: 980px) and (max-width: 1190px) { /* Normal Screens */
.mainNav{
	margin:28px 0 0 15px;
}
.mainNav a{
	font-size:0.9em;
	margin-left: 9px;
}
.topRightNav a{
	font-size: 0.8em;
	padding: 0 10px;
}
.topRightNav a.flagButton{
	margin:-2px 0 0 15px;
}
}

@media only screen and (min-width: 720px) and (max-width: 979px) { /* Tablet Devices */
.mainNav,
.topRightNav a{
	display:none;
}
.topRightNav a:first-child{
	display:inline-block;
}
.reserveNav{
	margin-top:9px;
	display:none;
}
.topRightNav{
	margin:21px 0 0 10px;
	display:inline-block;
}
}
@media only screen and (max-width: 719px) { /* Mobile Devices */
.mainNav,
.topRightNav a,
.reserveNav{
	display:none;
}
.topRightNav a:first-child{
	display:inline-block;
}
.topRightNav{
	position:absolute;
	top:20px;
	right:20px;
}
}


/* ------------------------------------------------------------------------------ Main (Frame) */

#main{
	background-color: #FFF;	
}
.homePage #main{
	
}

/* ------------------------------------------------------------------------------ Specials Layer */

#specials{
	background-color: #333;	
}

#specials > .slice{
	text-align: center;
	color: #333;
	padding: 40px 0 100px 0;	
}
#specials > .slice > h1{
	font-size: 2.4em;
	margin: 0 0 20px 0;
	color: #999999;
	font-weight: bold;
}
.specialContainer{
	width: 29%;
	margin: 2% 2%;
	display:inline-block;
	/*float: left;*/
	color: #FFF;
	overflow:hidden;
	
}
.specialContainer:hover{
	color: #FFF;
	text-decoration:none;
}
.specialContainer .illustration{
	
}
.specialContainer .illustration img{
	width:100%;
}
.specialContainer .textContent{
	padding: 25px 30px;
	height:200px;
	display: table; 
	font-size:0.9em;
}
.specialContainer .textContent span{
	display:block;
	display: table-cell; 
	vertical-align: middle; 
}
.specialContainer .textContent h2{
	margin-bottom:20px;
	line-height:1.5;
}

/* colors */
.specialContainer.cola{
	background-color: #4D4D4D;
}
.specialContainer.cola:hover{
	background-color: #404040;
}

.specialContainer.colb{
	background-color: #D4002A;
}
.specialContainer.colb:hover{
	background-color: #BB0025;
}

.specialContainer.colc{
	background-color: #8C8C8C;
}
.specialContainer.colc:hover{
	background-color: #7D7D7D;
}

.specialContainer.cold{
	background-color: #ADADAD;
}
.specialContainer.cold:hover{
	background-color: #9B9B9B;
}


@media only screen and (min-width: 980px) and (max-width: 1190px) { /* Normal Screens */
.specialContainer .textContent{
	height:240px;
}
}
@media only screen and (min-width: 720px) and (max-width: 979px) { /* Tablet Devices */
.specialContainer{
	width: 46%;
	margin: 2% 2%;
}
.specialContainer .textContent{
	height:250px;
}
#specials > .slice{
	padding: 40px 0 40px 0;	
}
}
@media only screen and (max-width: 719px) { /* Mobile Devices */
.specialContainer{
	width: 100%;
	margin: 0;
}
.specialContainer.firstContainer{
	margin-top: 15px;
}
.specialContainer .textContent{
	font-size:1em;
	height:auto;
	padding: 25px 30px 60px 30px;
}
#specials > .slice{
	padding: 40px 0 0 0;	
}
#specials > .slice > h1{
	font-size: 2.2em;
	margin: 0 0 30px 0;
}
.specialContainer .textContent h2{
	line-height:1.2;
}
}



/* ------------------------------------------------------------------------------ Eco Friendly Layers */

#environment{
	background: #5fb200; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  #5fb200 1%, #3c7c00 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(1%,#5fb200), color-stop(100%,#3c7c00)); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  #5fb200 1%,#3c7c00 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  #5fb200 1%,#3c7c00 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  #5fb200 1%,#3c7c00 100%); /* IE10+ */
	background: radial-gradient(ellipse at center,  #5fb200 1%,#3c7c00 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5fb200', endColorstr='#3c7c00',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

	padding: 130px 0;
	color: #F5F5F5;
}
#environment h1{
	line-height:1.2;
	font-size:2em;
	margin-bottom:20px;
}
.recycleGraphic{
	display:inline-block;
	width:170px;
	margin-top:10px;
}
.recycleGraphic img{
	max-width:100%;
}
#environment .textCont{
	display:inline-block;
}
.lineLeft > .col{
	padding: 0 60px;
	text-align:left;
}
.lineLeft > .col:first-child{
	text-align:right;
}
.lineLeft{
	border-left-color: #488e00;
	border-left-style: solid;
	border-left-width: 1px;
}

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

}
@media only screen and (min-width: 720px) and (max-width: 979px) { /* Tablet Devices */
.lineLeft > .col{
	padding: 0 40px;
}
#environment{
	padding: 100px 0;
}
}
@media only screen and (max-width: 719px) { /* Mobile Devices */
#environment{
	padding: 60px 0;
}
.lineLeft > .col:first-child{
	text-align:center;
}
.lineLeft > .col{
	padding: 0 30px;
	text-align:center;
}
.recycleGraphic{
	margin:20px 0 20px 0;
}
.lineLeft{
	border-left-style: none;
}
}

/* ------------------------------------------------------------------------------ You're Welcome */

#youreWelcome{
	text-align: center;
	padding: 120px 0 180px 0;
	color: #fff;
	/*background-color:#d4002a;*/
	background-image: linear-gradient(#d4002a, #a80223);
}
#youreWelcome a{
	text-decoration:underline;
	color:#ffffff;
}
#welcomeCols{
	text-align:left;
	margin-top:3em;
}
#youreWelcome h1{
	font-size: 3em;
	font-weight: bold;
}
#youreWelcome span.introText{
	font-size:1.3em;
}
.lineRight > .col{
	padding: 0 60px;
}
.lineRight{
	border-left-color: #96021f;
	border-left-style: solid;
	border-left-width: 1px;
}
.lineRight > .col ul li{
	margin-bottom:10px;
}
#staticImage{
	position:fixed;
	background-image:url(../conti/bg-20.jpg);
	background-size:cover;
	z-index:-1;
	min-height:100%;
}


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

}
@media only screen and (min-width: 720px) and (max-width: 979px) { /* Tablet Devices */
#youreWelcome{
	padding: 80px 0 80px 0;
}
}
@media only screen and (max-width: 719px) { /* Mobile Devices */
#youreWelcome{
	padding: 50px 30px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.lineRight > .col{
	padding: 0 0;
}
.lineRight{
	border-left-style: none;
}
#youreWelcome h1{
	font-size: 2.5em;
	line-height:1.2;
}
#youreWelcome span.introText{
	display:inline-block;
	margin-top:30px;
	font-size:1.2em;
	line-height:1.2;
}
#welcomeCols{
	margin-top:10px;
	text-align:center;
}
}


/* ------------------------------------------------------------------------------ Footer */
#footer{
	background-color: #333333;
	text-align: center;
	padding: 60px 0 50px 0;
}
#footer nav{
	display:inline-block;
}
#footer nav a{
	font-size: 0.9em;
	display: inline-block;
	background-color: #282828;
	border-radius: 4px;
	padding: 3px 12px;
	margin: 0 10px;
	color: #FFF;
}
#footer nav a:hover{
	text-decoration: none;
	background-color: #000;
}
.realFooter{
	margin-top:40px;
	font-size: 0.8em;
	color: #fff;	
}
.realFooter a{
	color: #fff;
}

.facebookFooter{
	display:inline-block;
	background-position: -625px -60px;
	width: 126px;
	height: 31px;
}
.instagramFooter{
	display:inline-block;
	background-position: -624px -18px;
	width: 126px;
	height: 31px;
}

#footer span.tiny{
	display:inline-block;
	font-size:0.7rem;
}

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

}
@media only screen and (min-width: 720px) and (max-width: 979px) { /* Tablet Devices */
#footer{
	padding: 50px 0 50px 0;
}
#footer nav a{
	margin: 10px 10px;
}
}
@media only screen and (max-width: 719px) { /* Mobile Devices */
#footer{
	padding: 50px 30px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#footer nav a{
	font-size: 1em;
	padding: 5px 15px;
	margin: 10px 10px;
}
}

/* ----------------------------------------------------------------------------- Quick Info */

#quickInfo{
	display: block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-top:10px;
}
.phone,
.email,
.time,
.location{
	position: relative;
	display: inline-block;
	padding-left: 35px;
}


/* ---------------- Phone(s) */

.phone{
	font-size: 1.2em;
	line-height:1.2;
	margin-top:40px;
}
.phone span{
	font-size: 1.6em;
	vertical-align: middle;
	display:inline-block;
}
.phone span:first-child{
	font-size: 1em;
	vertical-align: middle;
}
.phone:before{
	position:absolute;
	content:'';
	background-position: -225px -150px;
	width:25px;
	height:50px;
	left:0;
	top:0;
}
.phone.secondary{
	font-size:0.9em;
	margin-top:30px;
	padding-left: 0;
}
.phone.secondary:before{
	display:none;
}


/* ----------------- Email */
.email{
	margin-top:10px;
	font-size:1.1em;
}
.email:before{
	position:absolute;
	content:'';
	background-position: -225px -225px;
	width:25px;
	height:25px;
	left:0;
	top:5px;
}

/* ------------- Time */
.time{
	
	/*padding-top:30px;*/
}
/*.time:before{
	position:absolute;
	content:'';
	background-position: -275px -225px;
	width:25px;
	height:25px;
	right:0;
	top:0;
}*/

/* ---------------- Location */

.location{
	
}
/*.location:before{
	position:absolute;
	content:'';
	background-position: -275px -150px;
	width:25px;
	height:59px;
	right:0;
	top:0;
}*/


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

}
@media only screen and (min-width: 720px) and (max-width: 979px) { /* Tablet Devices */
#quickInfo{
	width:280px;
}
.phone{
	font-size: 1.1em;
}
}
@media only screen and (max-width: 719px) { /* Mobile Devices */
#quickInfo{
	width:100%;
	padding:0;
	margin: 0 auto;
	text-align:center;
}
#quickInfo h2{
	font-size: 2em;
}
/* -- centering phone logo */
.phone{
	padding-left: 0;
	margin-top:70px;
}
.phone.secondary{
	margin-top:20px;
}
.phone:before{
	left:50%;
	margin-left:-13px;
	top:-50px;
}
/* -- centering email logo */
.email{
	padding-left: 0;
	margin-top:50px;
	font-size:1.2em;
}
.email:before{
	left:50%;
	margin-left:-13px;
	top:-25px;
}
}


/* ---------------------------------------------------------------- QR + Social Icons */
.instagram,
.tripAdvisor, 
.facebook, 
.wifi,
.qr{
	display:inline-block;
}

/* ----- icon boxes */

.tripAdvisor{
	width: 168px; height: 31px;
	background-position: -550px -41px;
}
.facebook{
	margin-top:40px;
	width: 125px; height: 30px;
	background-position: -625px -102px;
}
.instagram{
	margin-top:10px;
	width: 126px; height: 34px;
	background-position: -625px -136px;
}
.wifi{
	width: 75px; height: 75px;
	background-position: -625px -175px;
}

/* ----- qr code */
.qr:link, .qr:visited{
	position: relative;
	width: 110px;
	height: 110px;
}
.qr img{
	max-width:100%;
}
.qr:before{
	content:'';
	width: 25px; height: 59px;
	background-position: -325px -150px;
	position:absolute;
	top:26px;
	right:-25px;
}

/* ----------------------------------------------------------------------------------------------------- Video */


.videoContainer{
	position: relative;
	overflow: hidden;
	background-color: #999;
}
video.bgvid{ 
	position: absolute; right: 0; bottom: 0;
	min-width: 100%; min-height: 100%;
	width: auto; height: auto;
	background-size: cover; 
}
video.bgvid.alignTop{




	bottom: auto;
	top: 0px;
}

#raster{
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: url(../img/raster.png);
}

.novideo #raster{
	display:none;
}

.novideo video.bgvid{
	display:none;
}

.novideo .videoContainer{
	/*background-image: url(../conti/video/alt-img.jpg);
	background-size:cover;*/
}

/* -------------- Alt Slideshow */

.novideo .videoContainer [altSlide-src]{
	position:absolute;
  	opacity:0;
    height:100%;
	min-width:100%;
	/*max-width:100%;*/
	top:50%; /* keep image centered */
	left:50%; /* keep image centered */
	transform: translate(-50%, -50%); /* keep image centered */
	-webkit-transform: translate(-50%, -50%); 
	-webkit-animation:round 16s infinite; /* timing depends on the amount of pics */
	animation:round 16s infinite; 
}
.novideo .videoContainer [altSlide-src]:nth-child(4){
	-webkit-animation-delay:0s;
	animation-delay:0s;
}
.novideo .videoContainer [altSlide-src]:nth-child(3){
	-webkit-animation-delay:4s;
	animation-delay:4s;
}
.novideo .videoContainer [altSlide-src]:nth-child(2){
	-webkit-animation-delay:8s;
	animation-delay:8s;
}
.novideo .videoContainer [altSlide-src]:nth-child(1){
	-webkit-animation-delay:12s;
	animation-delay:12s;
}
@keyframes round{   
  25%{opacity:1;}
  40%{opacity:0;}
} 
@-webkit-keyframes round{   
  25%{opacity:1;}
  40%{opacity:0;}
}



/*############################################################################################################################################*/
/*############################################################################################################################################*/
/*############################################################# In-Pages Styles ##############################################################*/
/*############################################################################################################################################*/
/*############################################################################################################################################*/

/* ------------------------------------------------------------------------------ General Pages */

.mainCt{
	padding: 60px 0;
}
.mainCtSlim{
	padding: 30px 0 60px 0;
}
.mappage .mainCt{
	padding: 60px 0 30px 0;
}
.mainCt h1{
	display:inline-block;
	width:100%;
	text-align:center;
	line-height:1.2;
	font-size:2.5em;
	margin-bottom:40px;
}
.mainCt h2{
	margin-bottom:35px;
}
.mainCt h3{
	font-size:1.2em;
}
.mainCt ul li{
	margin:0 0 10px 0;
}
.mainCt .centeredText{
	display:inline-block;
	width:100%;
	text-align:center;
}
.mainContCols > .col{
	padding:0 40px;
}
.lightGrey{
	background-color: #F5F5F5;
}
.textCols > .col{
	padding: 0 40px;
}

/* split columns style */

#splitColA{
	text-align:right;
}
.splitColB{
	text-align:left;
}
.adjustingBlock{
	display:inline-block;
	max-width:350px;
	min-height:500px;
}
.colWhite{
	background-color: #FFF;
}
#splitColA h1,
#splitColB h1{
	font-size:2.5em;
}


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

}
@media only screen and (min-width: 720px) and (max-width: 979px) { /* Tablet Devices */
.mainCt{
	padding: 60px 40px;
}
}
@media only screen and (max-width: 719px) { /* Mobile Devices */
.mainCt{
	padding: 40px 30px 40px 30px;
}
.mainCtSlim{
	padding: 40px 10px 40px 10px;
}

.mainCt h1{
	font-size:2em;
	margin-bottom:20px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 20px;
}
.mainContCols > .col, 
.textCols > .col{
	padding:0;
}
#splitColA h1,
#splitColB h1{
	font-size:2em;
	text-align:center;
}
.adjustingBlock{
	width:100%;
	min-height:0px;
}
}




/* ------------------------------------------------------------------------------ Home Page */

.homepage #main,
.homepage #main .videoContainer{
	min-height: 500px;
	max-height:1000px;
}
	
.homeSlogan{



	display:block;
	position: absolute;
	left: 50%;
	top: 50%;
	text-align: center;
	color: #FFF;
	width: 560px;
	height: 200px;
	margin: -100px 0 0 -280px;
	z-index:3;
	/*text-shadow: 0px 0px 10px #333333;*/
}
.homeSlogan h1{
	font-size: 4.5em;
	line-height: 1;
	font-weight: bold;
}
.homeSlogan h2{
	margin:8px 0;
	font-size: 1.2em;
	line-height: 1;
	font-weight: normal;
}
.homeSlogan a.overButton{
	text-shadow:none;
	display: inline-block;
	font-size: 1em;
	padding: 8px 18px;
	border-radius: 4px;
	background-color: #333333;
	margin: 15px 7px 0 7px;
	color: #fff;
}
.homeSlogan a.overButton:hover{
	text-decoration: none;
	background-color: rgba(255, 255, 255, 1);
}

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

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

}
@media only screen and (max-width: 719px) { /* Mobile Devices */
.homeSlogan{
	width: 100%;
	left: 0px;
	margin: -185px 0px 0px 0px;
	padding: 0 30px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: auto;
}
.homeSlogan h1{
	font-size: 3.5em;
}
.homeSlogan h2{
	display:inline-block;
	line-height: 1.2;
	font-weight: normal;
	max-width: 80%;
	margin-top:20px;
}
.homeSlogan a.overButton{
	width:100%;
	max-width:350px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 20px 0 0 0;
}
.homepage #main,
.homepage #main .videoContainer{
	min-height: 500px;
}
}

/* ------------------------------------------------------------------------------ Contact Page */


.doughContact{
	padding:80px 60px;
}
@media only screen and (min-width: 980px) and (max-width: 1190px) { /* Normal Screens */

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

}
@media only screen and (max-width: 719px) { /* Mobile Devices */
.doughContact{
	padding:40px 30px;
	text-align:center;
}
}


/* ------------------------------------------------------------------------------ Car Directory */

.carspage #main,
.carselectpage #main{
	background-color: #F5F5F5;
	padding-bottom:40px;
}
.carselectpage #main{
	background-color:#242424;
	background-image: repeating-linear-gradient(150deg, #242424, #242424 50px, #2d2d2d 30px, #2d2d2d 100px);
}

.carspage .isoButtons,
.carselectpage .isoButtons{
	text-align:center;
	padding:30px 0 45px 0;
}

#carsDir.isotope .isotope-item{
	background-color: #E7E7E7;	
	text-align:center;
	overflow:hidden;
}
#carsDir h2.name{
	width:100%;
	text-align:center;
	padding:0 80px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#carsDir .illustration{
	display:inline-block;
	width:100%;
	max-width:340px;
}
#carsDir .leftCol,
#carsDir .rightCol{
	text-align:right;
	padding:20px 20px 0 20px;
	text-align:right;
}
.pictogram{
	display:inline-block;
	width:100%;
	max-width: 180px;
}
.catBox{
	margin: 10px 0 0 0;
	/*font-style: italic;*/
	font-size:0.8em;
}
/* reservation system cars */
.priceBox{
	text-align:right;
	margin:10px 0;
	font-size:0.8em;
	line-height:1.4;
}
.priceBox i{
	font-size: 0.9em;
}
.priceBox span.striked{
	font-size: 1.6em;
	text-decoration:line-through;
}
.priceBox span.main{
	font-size: 2.6em;
	font-weight: bold;
}



a.moreButton{
	display: inline-block;
	width: 100%;
	padding: 6px 14px;
	background-color: #999999;
	border-radius: 4px;
	margin-top: 15px;
	color: #FFF;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 0.9em;
	text-align:center;
}
a.moreButton.resa{
	font-size: 0.75em;
	background-color: #333333;
}
a.moreButton.resa:hover{
	font-size: 0.75em;
	background-color: #232323;
}
a.moreButton.resa span{
	font-size:1.2em;
}
a.moreButton:hover{
	text-decoration: none;
	background-color: #676767;
}

#textTopSix{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	visibility: hidden;
	transition: max-height 0.2s ease-in-out, opacity 0.3s ease-in-out 0.2s; /* with a 0.2 s delay on opacity */
	-webkit-transition: max-height 0.2s ease-in-out, opacity 0.3s ease-in-out 0.2s;
	opacity: 0;
	max-height: 0px;
	text-align: center;
	font-size:1.2em;
}
#textTopSix.visible{
	visibility:visible;
	opacity: 1;
	max-height:none;
	margin-bottom:40px;
}
.labelTopSix{
	display: block;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	position: absolute;
	right: -12px;
	top: -12px;
	font-size: 2.4em;
	padding: 7px 2px 0 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #D4002A;
	color: #FFF;
	opacity: 0;	/*border-color: #FFF;
	border-style: solid;
	border-width: 5px;*/
}
.labelTopSix.visible{
	opacity:1;
}

@media only screen and (min-width: 980px) and (max-width: 1190px) { /* Normal Screens */
#carsDir .leftCol,
#carsDir .rightCol{
	text-align:center;
}
}
@media only screen and (min-width: 720px) and (max-width: 979px) { /* Tablet Devices */

}
@media only screen and (max-width: 719px) { /* Mobile Devices */
#carsDir .leftCol,
#carsDir .rightCol{
	text-align:center;
}
a.moreButton.resa:hover{
	font-size: 0.9em;
}
}


/*###########################################################################*/
/*############################## Overlay Pages ##############################*/
/*###########################################################################*/

.overlayPage{
	position:fixed;
	top:0;
	/*right:-17px;*/
	right:0;
	height:100vh;
	width:500px;
	max-width:100%;
	min-height:700px;
	background-color:#242424;
	background-image: repeating-linear-gradient(150deg, #242424, #242424 50px, #2d2d2d 30px, #2d2d2d 100px);
	-webkit-transition: transform 600ms ease;
    transition: transform 400ms ease;
    transform: translate(100vw, 0);
    z-index:999;
    overflow: hidden;
    overflow-y: scroll;
    /*margin-right:-17px;*/
}
.overlayPage.open{
    transform: translate3d(0, 0, 0);
}
.overlayPage .fg{
    min-width:100%;
    min-height:100%;
    /*background: radial-gradient(ellipse at center, rgba(86, 12, 105, 0.48) 0%,rgb(74, 10, 90) 80%);*/
}
.overlayClose{
	position:absolute;
	top:10px;
	right:10px;
	float: left;
    width: 46px;
    height: 46px;
    background-position: -275px -500px;
    /*border: 1px solid #ffffff;*/
}
.overlayMask{
	top:0;
	left:0;
	position:fixed;
	height:100vh;
	width:100vw;
	background-color:rgba(66, 66, 66, 0.79);
	z-index:999;
	display:none;
}
.overlayMask.open{
	display:block;
}

/* ------------------------------- Overlay page customizations */


/* ------ cookies ---- */

#cookieConscent{
	position:fixed;
	top:auto;
	bottom:0px;
	right: auto;
	left:0%;
	height:150px;
	width:250px;
	min-height:auto;
	background-color:#d4002a;
	border-radius:0px;
	padding:24px 30px 20px 30px;
	box-sizing:border-box;
	font-size:0.85rem;
	transform: translate(-110%, 110%);
    overflow-y: hidden;
    color:#ffffff;
    font-weight:normal;
    background-image:none;
}
#cookieConscent.open{
	transform: translate(0, 0);
}
a[data-cookies]{
	display:block; width:100%;
	background-color:#c40027;
	color:#ffffff;
	padding:10px 10px;
	box-sizing:border-box;
	position:absolute;
	bottom:0;
	left:0;
	text-align:center;
	text-decoration:none;
}
a[data-cookies]:hover{
	background-color:#B90025;
}
#cookieConscent a.tinyLink{
	color:#ffffff;
}
#cookieConscent .biggerIcon{
	display:inline-block;
	width:33px;
	height: 34px;
	vertical-align:baseline;
	margin-bottom:-6px;
	background: url('../img/sprite2x.png');
	background-size:800px 800px;
	background-repeat: no-repeat;
	background-position:-26px -424px;
}


/* --------------- */



#myOverlay{
	background-image: url(conti/sample/00998_skateboardwheels_2560x1600-1200.jpg);
    background-size:cover;
}

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

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

}
@media only screen and (max-width: 719px) { /* Mobile Devices */
.overlayPage{
	right:0;
}
}




@media only screen and (min-width: 980px) and (max-width: 1190px) { /* Normal Screens */
#carsDir.isotope .isotope-item .fifty > .col{
    right: 0;
    width: 100%;
}
#carsDir .leftCol{
	padding-top:20px;
}
}
@media only screen and (min-width: 720px) and (max-width: 979px) { /* Tablet Devices */
#carsDir.isotope .isotope-item .fifty > .col{
    width: 50%;
}
}
@media only screen and (max-width: 719px) { /* Mobile Devices */
#carsDir .leftCol{
	padding-top:20px;
}
#textTopSix{
	font-size:1.1em;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding:0 20px;
}
#textTopSix.visible{
	margin:30px 0;
}
#carsDir.isotope .isotope-item{
	margin-bottom:20px;
}
#carsDir .leftCol,
#carsDir .rightCol{
	padding:0 10px 20px 10px;
	text-align:right;
}
a.moreButton{
	font-size: 1em;
}
a.moreButton.resa{
	font-size: 0.9em;
}
#carsDir h2.name{
	padding:0 20px;
}
}

/* ------------------------------------------------------------------------------ Ready Page */


.readyColA{
	text-align:right;
}
.readyColA > div,
.readyColB > div{
	display:inline-block;
	max-width:350px;
	min-height:400px;
}

.bigButton{
	display: inline-block;
	padding: 60px 20px 20px;
	background-color: #333;
	border-radius: 4px;
	text-align: center;
	color: #FFF;
	width: 200px;
	position: relative;
	font-size: 1.3em;
	line-height: 1.2;
	margin-top: 20px;
}
.bigButton span{
	font-size:0.8em;
}
.bigButton:hover{
	background-color: #000000;
	text-decoration: none;
	color: #FFF;
}
.bigButton div{
	width: 75px;
	height: 57px;
	background-position: -550px -425px;
	margin-left: -37px;
	position: absolute;
	top: 0;
	left: 50%;
}
.bigButton.reserveB div{
	background-position: -425px -425px;
}

.couponCode{
	display: inline-block;
	padding: 4px 16px;
	border-radius: 6px;
	background-color: #CECECE;
}
.legendRed{
	font-size:0.9em;
}

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

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

}
@media only screen and (max-width: 719px) { /* Mobile Devices */
.readyColA > div,
.readyColB > div{
	max-width:100%;
	min-height:0px;
	text-align:center;
}
.readypage h2{
	font-size:1.8em;
	line-height:1.2;
	margin-bottom:20px;
}
}
/* ------------------------------------------------------------------------------ Island Guide Page */

.islandGuide{
	text-align:center;
}
@media only screen and (min-width: 980px) and (max-width: 1190px) { /* Normal Screens */

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

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

}

/* ------------------------------------------------------------------------------ About Page */

.ourAgency{
	text-align:center;
}
@media only screen and (min-width: 980px) and (max-width: 1190px) { /* Normal Screens */

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

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

}


/* ------------------------------------------------------------------------------ Card Page */

.cardpage .mainCt h2{
	margin-bottom:20px;
}

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

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

}
@media only screen and (max-width: 719px) { /* Mobile Devices */
.cardpage #cardCols{
	margin:0;
}
.cardpage #cardCols .col:first-child{
	margin-top:0.5em;
}
.cardpage #cardCols .col{
	text-align:center;
	margin-top:1.5em;
}
}


/* ------------------------------------------------------------------------------ Partners Page */

.partnerspage .limitedSmall{
	max-width:1100px;
}

.partnerBlocks{
	width: 100%;
	text-align: center;
	background-color: #E7E7E7;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding:40px;
	margin:20px 0 20px 0;
	float:left;
}
.partnersCols .col{
	padding: 0 0 0 20px;
}
.partnersCols .col:first-child{
	padding: 0 20px 0 0;
}
.partnerBlocks h2{
	margin:20px 0;
}
.logoPartner{
	display:inline-block;
	width:100%;
	/*max-width:400px;*/
}
.logoPartner img{
	width:100%;
}


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

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

}
@media only screen and (max-width: 719px) { /* Mobile Devices */
.partnersCols .col{
	padding: 0;
}
.partnersCols .col:first-child{
	padding: 0;
}
.partnerspage .mainCt{
	padding:40px 0;
}
}

/* ------------------------------------------------------------------------------ News & Deals */
#newsdeals.mainCt{
	padding: 60px 0 0 0;
}
@media only screen and (min-width: 980px) and (max-width: 1190px) { /* Normal Screens */

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

}
@media only screen and (max-width: 719px) { /* Mobile Devices */
#newsdeals h1{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding:0 20px;
}
#newsdeals .stream li .inner{
	padding: 50px 20px 80px 15px;
}
#newsdeals.mainCt{
	padding: 40px 0 0 0;
}
}


/* ------------------------------------------------------------------------------ Translate + Error Page */

.translatepage .splitColB,
.errorpage .splitColB{
	padding-top:90px;
}
.translatepage h1,
.errorpage h1{
	line-height:1.2;
}

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

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

}
@media only screen and (max-width: 719px) { /* Mobile Devices */
.translatepage #splitColA .col:first-child,
.errorpage #splitColA .col:first-child{
	padding-bottom:0;
}
.translatepage .splitColB{
	padding-top:0;
}
.errorpage .splitColB{
	padding-top:2em;
}
}


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

ul.icon{
	display:inline-block; /* allow lists with floating objects */
}
ul.icon li{
	position: relative;
	padding-left:2.2em;
	text-align:left;
}
ul.icon li:before{
	position: absolute;
	top:0; left:0;
	width: 25px; height: 25px;
	content: '';
}
ul.iconCentered li{
	padding:45px 0 0 0;
	text-align:center;
}
ul.iconCentered li:before{
	position: absolute;
	top:20px; left:50%;
	margin-left:-12px;
	width: 25px; height: 25px;
	content: '';
}

/* -------------------------------------- lists variations */
ul.icon.check li:before{
	background-position: -75px -25px;
}
ul.icon.checkb li:before{
	background-position: -75px -25px;
}
ul.icon.checkRed li:before{
	background-position: -525px -25px;
}
ul.icon.hand li:before{
	background-position: -25px -25px;
}
ul.icon.arrow li:before{
	background-position: -125px -25px;
}
ul.icon.thinArrow li:before{
	background-position: -225px -50px;
}
ul.icon.star li:before{
	background-position: -25px -75px;
}
ul.icon.play li:before{
	background-position: -224px 0px;
}
ul.icon.playb li:before{
	background-position: -275px 0px;
}
ul.icon.roundCheck li:before{
	background-position: -175px -75px;
}
ul.icon.info li:before{
	background-position: -125px -75px;
}
ul.icon.smile li:before{
	background-position: -275px -50px;
}
ul.icon.file li:before{
	background-position: -175px -25px;
}
ul.icon.heart li:before{
	background-position: -75px -75px;
}
ul.icon.present li:before{
	background-position: -325px 0px;
}
ul.icon.bright li:before{
	background-position: -375px 0px;
}

/* ------------------------------------------- more list variations */

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

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

}
@media only screen and (min-width: 720px) and (max-width: 979px) { /* Tablet Devices */
ul.playb li{
	padding:45px 0 0 0;
	text-align:center;
}
ul.playb li:before{
	position: absolute;
	top:20px; left:50%;
	margin-left:-12px;
	width: 25px; height: 25px;
	content: '';
}
ul.icon.playb li:before{
	background-position: -575px -25px;
}
}
@media only screen and (max-width: 719px) { /* Mobile Devices */
ul.playb li,
ul.checkb li{
	padding:45px 0 0 0;
	text-align:center;
}
ul.playb li:before,
ul.checkb li:before{
	position: absolute;
	top:20px; left:50%;
	margin-left:-12px;
	width: 25px; height: 25px;
	content: '';
}
ul.icon.playb li:before{
	background-position: -575px -25px;
}
}


/* --------------------------------------------- number lists */

ol{
	display:inline-block;
	counter-reset: li; /* Initiate a counter */
	list-style: none; /* Remove default numbering */
}
ol li{
	display: block;
	float:left;
	clear:both;
	position:relative;
	margin-bottom:2.9em;
	padding-left:3.5em;
}
ol li:before{
	content: counter(li);
	counter-increment: li;
	position: absolute;
	top: -0.5em;
	left: 0;
	font-size: 1.4em;
	height: 2em;
	width: 2em;
	border-radius: 1em;
	background-color: #FF9966;
	color: #FFFFFF;
	padding-top: 0.2em;
	text-align: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

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

/* usage: <span class="dropcap">T</span>est */
.dropcap {
	font-size: 320%;
	float: left;
	line-height: 1em;
	padding: 0 0.15em 0 0;
	position: relative;
}

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

blockquote{
	display: inline-block;
	margin: 0;
	padding-bottom: 40px; /* at least the same as margin-bottom for "blockquote:after" */
	position: relative;
	margin-bottom: 40px;
	font-size: 1.2em;
	text-align: center;
	color: #FFF;
}
blockquote:after,
blockquote:before{
	display:inline-block;
	width:50px;
	height:40px;
	content:'';
}
blockquote:before{
	background-position: -75px -225px;
	margin-bottom:-0.3em;
	margin-right:0.5em;
}
blockquote:after{
	background-position: -75px -175px;
	margin-bottom:-1.1em;
	margin-left:0.5em;
}

h2.titleTesti{
	color: #93001E;
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
	margin: 0 0 60px 0;
}

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

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

}
@media only screen and (max-width: 719px) { /* Mobile Devices */
blockquote{
	font-size: 1.1em;
}
h2.titleTesti{
	margin: 0 0 30px 0;
}
}

/* ------------------------------------------------------------------------------ Testimonials */

blockquote span{
	display:block;
	position:absolute;
	width: 100%;
	bottom:-10px;
	left:0;
	font-size:0.9em;
	text-align:center;
}
#testimonialsLayer{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #D4002A;
	padding: 100px 0 80px 0;
	
}

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

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

	padding: 80px 40px 60px 40px;
}
}
@media only screen and (max-width: 719px) { /* Mobile Devices */
#testimonialsLayer{
	padding: 60px 30px 40px 30px;
}
}

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

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

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

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





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

/* Chunk Bites */

.chunkBite{
	display:block;
	border-radius:5px;
	background-color: #000;
	padding:1.5em 2.5em;
}


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

table{
	width:100%;
	border-left-style:solid;
	border-left-color: #CDCFD6;
	border-left-width: 1px;
	border-top-style:solid;
	border-top-color: #CDCFD6;
	border-top-width: 1px;
}
table td{
	text-align:left;
	padding:2em;
	border-right-style:solid;
	border-right-color: #CDCFD6;
	border-right-width: 1px;
	border-bottom-style:solid;
	border-bottom-color: #CDCFD6;
	border-bottom-width: 1px;
}
table tr:first-child td{
	background-color: #C93;
}
table tr td:first-child{
	background-color: #FF9966;
}

/*###########################################################################*/
/*################################## Tabs ###################################*/
/*###########################################################################*/

.tabContainer{
	float:left;
	position:relative;
	width:100%;
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	overflow:hidden;
	height:0;
}
.menuTabs, .ctTabs{
	position:absolute;
	/*top:100px;*/
	left:0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	opacity:0;
	/*transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;*/
	width:100%;
	z-index:-1;
}
.displaying{
	opacity:1;
	top:0px;
	z-index:1;
}


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


/* --------------- Map General -------------- */

.google-map{
	width:100%;
	height:650px;
	float:left;
}
.mapControls{ /* Controls Positioning */
	display:block;
	position:absolute;
	right:0px;
	top:40px;
}

/* -------------- 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-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 */
	max-width:300px;
}


/* ------- Title & Paragraph */

.google-map .infoWindow h1{
	font-size:1.2em;
}
.google-map .infoWindow p{
	margin-top:0.5em;
	display:block;
}

/* -------- Links */
.google-map .infoWindow a{
	color: #CC0000;
}
.google-map .infoWindow a:hover{
	
}

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



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

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

}
@media only screen and (max-width: 719px) { /* Mobile Devices */
.google-map{
	height:500px;
}
.google-map .gm-style .gm-style-iw div.infoWindow{
	font-size:0.8em;
}
}


/*###########################################################################*/
/*########################## Collapsible Elements ###########################*/
/*###########################################################################*/

.collapsible{
	cursor: pointer;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #F5F5F5;
	padding: 20px 30px;
	margin: 20px 0 0 0;
}
.collapsible + div {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	visibility: hidden;
	transition: max-height 0.2s ease-in-out, opacity 0.3s ease-in-out 0.2s; /* with a 0.2 s delay on opacity */
	-webkit-transition: max-height 0.2s ease-in-out, opacity 0.3s ease-in-out 0.2s;
	opacity: 0;
	background-color: #F5F5F5;
	margin: 0;
}
.lightGrey .collapsible{
	background-color: #EAEAEA;
}
.lightGrey .collapsible + div {
	background-color: #EAEAEA;
}
.collapsible + div > p{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display:inline-block;
	padding: 0px 30px 20px 30px;
}
.collapsible + div.display{
	visibility:visible;
	opacity:1;
}
/* ----- Bullets */
.collapsible div{
	display:inline-block;
	vertical-align:middle;
	margin:0 0.5em 0 0;
	width: 26px; height: 26px;
	background-position: -475px 0px;
}
.collapsible.active div{ 
	background-position: -425px -50px;
}

/* ---- Customizations */


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

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

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

}

/*###########################################################################*/
/*################################ Forms ####################################*/
/*###########################################################################*/


/* ---------- Blocks */

.form{
	display: inline-block;
	text-align:center;	
}
#pricingForm{
	display:initial;
	text-align:center;
}
.form.pickupDrop{
	text-align:left;
	padding:20px;	
}
.form.carSelectForm{
	text-align:right;
	padding:0px;
	margin:0;	
}
.form.carSelectForm input[type=submit] {
    margin: 0;
}


.legend{
	display:inline-block;
	font-style: italic;
	font-size:0.8em;
	margin:10px;
}
.hiddenForm,
#cellCont{ /* Honey Pot - Anti Spam */ 
	display:none;
}

/* ------------- Inputs */
input[type=text], 
textarea, 
input[type=submit],
.trigger,
.activetrigger{
	line-height:1.5;
	padding: 9px 14px;
	font-family:inherit;
	font-size:inherit;
	border: 2px solid;
	-webkit-appearance: none;
	margin:0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-radius:0px;
}
input[type=text], 
textarea{
	width:100%;
}
textarea{
	height:90px;
	resize: none; 
	overflow: auto; 
	display:block;
}
input[type=submit]{
	cursor:pointer;
	padding:6px 14px;
	background-color: #c40027;
	border-color: #c40027;
	color: #FFF;
	margin:10px;
	border-radius: 4px;
}

input[type=submit]:hover{
	background-color: #B90025;
	border-color: #B90025;
}
/* On Focus */
input[type=text]:focus, 
textarea:focus{
	outline: none;
}

/* ----------- Ckeck Boxes / Radio / Form Box / File */

.labelRadio, 
.labelCheck{
	display:inline-block;
	cursor:pointer;
	position:relative;
	margin:10px;
}
.labelRadio span, 
.labelCheck span{
	/*display: inline-block;*/
	line-height:1;
	vertical-align: middle;
}
.labelRadio div, 
.labelCheck div{
	width: 26px;
	height: 26px;
	display: inline-block;
	vertical-align: middle;
}
.labelRadio input, 
.labelCheck input{
	position:absolute; 
	top:0;
	left:0;
	z-index:-1; /* Forces IE 8 to behave - instead of hidden */
}
.labelRadio div{
	background-position: -200px -351px;
}
.labelRadio.checked div{
	background-position: -250px -351px;
}
.labelCheck div{
	background-position: -100px -351px;
}
.labelCheck.checked div{
	background-position: -150px -351px;
}

/* ----------------- Wrappers */
.inputWrap{
	width:100%;
	max-width:260px;
	display:inline-block;
	margin: 10px;
	position:relative;
	vertical-align:top;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 4px;
}
/* Labeling */
.inputWrap .label{
	display:block;
	text-align:left;
	padding:3px 10px;
	
}
.inputWrap .label,
.labelRadio, 
.labelCheck{
	padding:8px 12px;
}
.formDate{
	max-width:260px;
}
.formPeople{
	max-width:200px;
}
.formPhone{
	max-width:180px;
}
.formEmail{
	max-width:210px;
}
.formComment{
	max-width:460px;
}
.inputWrap .label div{
	display:inline-block;
	vertical-align:middle;
	margin:0 2px 0 0;
	width: 26px; height: 26px;
	background-position: -325px -350px;
}
.inputWrap .label span{
	display: none;
	vertical-align: middle;
	margin-left:4px;
}
.formPeople .label div{
	background-position: -375px -250px;
}
.formEmail .label div{
	background-position: -375px -300px;
}
.formPhone .label div{
	background-position: -100px -300px;
}
.formComment .label div{
	background-position: -375px -350px;
}
.formDate .label div{
	background-position: -325px -300px;
}
.formBirthM .label div{
	background-position: -175px -300px;
}
.formCrowd .label div{
	background-position: -275px -300px;
}
.formAddress .label div{
	background-position: -225px -300px;
}
.formCCard .label div,
.ccExpirationM .label div,
.ccExpirationY .label div{
	background-position: -425px -225px;
}
.formCVV .label div{
	background-position: -425px -325px;
}




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

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

}
@media only screen and (max-width: 719px) { /* Mobile Devices */
/*.inputWrap{
	margin: 20px 0 0 0;
}*/
}


/*###########################################################################*/
/*############################## Select List ################################*/
/*###########################################################################*/

.inputWrap a,
.inputWrap a:hover{
	text-decoration:none;
	/*color:inherit;*/
}
.trigger,
.activetrigger,
.trigger:hover,
.activetrigger:hover{
	text-align:left;
	display: block;
	position: relative;
	background-color: #FFFFFF;
}
[data-darkText]{
	
}
.activetrigger:active {
	background-color: #FFFFFF;
}
.dropcontainer ul{
	width: 100%;
	position: absolute;
	border: 2px solid;
	border-top: none;
	background: #fff;
	list-style-type: none;
	margin: 0;
	z-index: 100;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-align: left;
	background-color: #ffffff;
}
.dropcontainer ul a{
	color:#242424;
}
.dropcontainer ul li:hover a{
	color:#ffffff;
}
.dropcontainer ul li {
	padding: 5px 10px;
}
.dropcontainer ul li:hover {
	outline: none;
	background-color: #d4002a;
	color:#ffffff;
}
.dropcontainer ul li:first-child {
	display: none;
}
.dropdownhidden {
	display: none;
}
.dropdownvisible {
	height: 200px;
    overflow-y: scroll;
}

/*###########################################################################*/
/*##################### glDatePicker (Date Picker) ##########################*/
/*###########################################################################*/

.gldp-default {
	position: absolute;
	font-family: inherit;
	margin-top:-1px !important;
	font-size:0.95em;
}

/* Core style for every cell */
.gldp-default .core {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	position: relative;
	float: left;
	padding: 0;
	margin: 0;
	text-align: center;
	cursor: pointer;
	font-size:0.95em;
	background: #ffffff;
	color: #5B5B5B;	
}

/* Cell border */
.gldp-default .core.border {
	border-style: solid;
	border-width: 0;
	border-radius: 0;
}

/* Month / Year text and select */
.gldp-default .monyear,
.gldp-default .monyear select {
	font-size: 1em !important;
}

/* Month / Year text */
.gldp-default .monyear span {
	margin: 0 5px 0 5px;
}

/* Prev / Next arrows */
.gldp-default .prev-arrow,
.gldp-default .next-arrow {
	text-decoration: none;
	color: #C1C1C1;
}

.gldp-default .prev-arrow:active,
.gldp-default .next-arrow:active {
	
}

.gldp-default .prev-arrow-off,
.gldp-default .next-arrow-off {
	
}

/* Days of the week */
.gldp-default .dow {
	color: #FFF;	
}

/* Weekdays */
.gldp-default .mon,
.gldp-default .tue,
.gldp-default .wed,
.gldp-default .thu,
.gldp-default .fri {

}

/* Weekend days */
.gldp-default .sat,
.gldp-default .sun {

}

/* Selectable days that are outside of current month being shown */
.gldp-default .outday {
	color: #CCC;	
}

/* Hover + Currently selected day */
.gldp-default .mon:hover,
.gldp-default .tue:hover,
.gldp-default .wed:hover,
.gldp-default .thu:hover,
.gldp-default .fri:hover,
.gldp-default .sat:hover,
.gldp-default .sun:hover,
.gldp-default .today:hover,
.gldp-default .border.selected {
	background-color: #d4002a;
	color: #FFF;
	/*border-right-color: #C1C1C1;
	border-bottom-color: #C1C1C1;*/
}

/* Non-Selectable days */
.gldp-default .noday {
	color: #666;
	font-weight: normal;
	cursor:default !important;
}

/* Today */
.gldp-default .today {

}

/* Special */
.gldp-default .special {

}

/*###########################################################################*/
/*######################### Auto Complete Field #############################*/
/*###########################################################################*/


[hidden] { display: none; }

.visually-hidden {
	position: absolute;
	clip: rect(0, 0, 0, 0);
}

div.awesomplete {
	/*display: inline-block;*/
	position: relative;
}

div.awesomplete > ul {
	position: absolute;
	left: 0;
	z-index: 1;
	min-width: 100%;
	box-sizing: border-box;
	list-style: none;
	padding: 0;
	border-radius: 4px;
	margin: 5px 0 0;
	border: none;
	box-shadow: .05em .2em .6em rgba(0,0,0,.2);
	text-shadow: none;
	background-color: #EAEAEA;
}

div.awesomplete > ul[hidden],
div.awesomplete > ul:empty {
	display: none;
}

/* Pointer */
div.awesomplete > ul:before {
	content: "";
	position: absolute;
	top: -5px;
	left: 1em;
	width: 0;
	height: 0;
	padding: 0.4em;
	border: inherit;
	border-right: 0;
	border-bottom: 0;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	background-color: #EAEAEA;
}
div.awesomplete > ul > li {
	position: relative;
	padding: 8px 12px;
	cursor: pointer;
	text-align: left;
	color: #333333;
	font-size: 0.9em;
}
div.awesomplete > ul > li > span {
	font-size: 0.8em;
	font-style: italic;	
}
div.awesomplete > ul > li[aria-selected="true"],
div.awesomplete > ul > li:hover,
div.awesomplete mark,
div.awesomplete li:hover mark,
div.awesomplete li[aria-selected="true"] mark {
	background-color: #C1C1C1;
}
div.awesomplete > ul > li:first-child{
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
}
div.awesomplete > ul > li:last-child{
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	border-bottom:none;
}

/*###########################################################################*/
/*############## Form Colors Quick Handle + Error Handling ##################*/
/*###########################################################################*/

input[type=text], 
textarea,
.gldp-default .border,
.trigger[data-darkText],
.activetrigger[data-darkText],
.trigger[data-darkText]:hover,
.activetrigger[data-darkText]:hover,
.dropcontainer ul{
	border-color: #333333;
	color: #333;
	border-radius: 0;
}
.dropcontainer ul{
	border-color: #e7e7e7;
}
.gldp-default .border{
	border-color: #e7e7e7;
}

input[type=text].emptyField, 
textarea.emptyField,
.trigger,
.trigger:hover,
.activetrigger,
.activetrigger:hover{
	border-color: #333333;
	color: #BBB;
}

.labelRadio, 
.labelCheck,
.inputWrap .label,
.gldp-default .dow, 
.gldp-default .noday{
	background-color: #333333;
	color: #CCCCCC;
	border-radius: 4px;
}

.gldp-default .dow, 
.gldp-default .noday{
	background-color: #ffffff;
	color: #CCCCCC;
}

.inputWrap .label{
	border-radius: 4px 4px 0 0;
}

/*----------------------------- */

/*input[type=text], 
textarea,
.gldp-default .border,
.trigger[data-darkText],
.activetrigger[data-darkText],
.trigger[data-darkText]:hover,
.activetrigger[data-darkText]:hover,
.dropcontainer ul{
	border-color: #242424;
	color: #333;
	border-radius: 0;
}
input[type=text].emptyField, 
textarea.emptyField,
.trigger,
.trigger:hover,
.activetrigger,
.activetrigger:hover{

	border-color: #242424;
	color: #BBB;
}

.labelRadio, 
.labelCheck,
.inputWrap .label,
.gldp-default .dow, 
.gldp-default .noday{
	background-color: #242424;
	color: #CCCCCC;
	border-radius: 4px;
}*/

/* ---------------------- Errors Handling */
 
input[type=text].error, 
textarea.error,
.error,
div.inputWrap.error .trigger{
	background-color: #FFA466;
	border-color: #F60;
	color: #B74900;
}
div.inputWrap.error .label{
	background-color: #F60;
	color: #FFF;
}
.errors{
	color: #FFA466;
	font-size:0.95em;
}
.displayErrorMargins{
	margin:10px;
}

/* -------------------------- Customizations */

/* --------  birth date */
.formBirth input{
	float:left;
	width:25%;
	border-radius:0 0 0 4px;
}
.formBirth input:nth-of-type(2){
	border-left:none;
	border-radius:0;
}
.formBirth input:nth-of-type(3){
	border-left:none;
	width:50%;
	border-radius:0 0 4px 0;
}



/* ---------------------------------------------------- CC Form */

#ccForm .formPeople,
#ccForm .formAddress,
#ccForm .formCCard{
	max-width: 280px;
}
textarea#ccaddress{
	height:140px;
}
.ccExpiration{
	max-width:10em;
}
.ccExpiration input{
	float:left;
	width:50%;
	border-radius: 0 0 0 4px;
}
.ccExpiration input:nth-of-type(2){
	border-left:none;
	border-radius: 0 0 4px 0;
}


/*###########################################################################*/
/*############################### Top Arrow #################################*/
/*###########################################################################*/

#topArrow{
	position: fixed;
	bottom: 30px;
	right: 30px;
	width: 46px;
	height: 46px;
	background-position: -275px -550px;
	z-index: 5;
	opacity: 0;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}
#topArrow.visible{
	opacity: 0.6;
}
#topArrow:hover{
	cursor: pointer;
	opacity: 1;
}
.touchScreen #topArrow{
	display:none;
}
@media only screen and (min-width: 980px) and (max-width: 1190px) { /* Normal Screens */

}
@media only screen and (min-width: 720px) and (max-width: 979px) { /* Tablet Devices */
#topArrow{
	display:none;
}
}
@media only screen and (max-width: 719px) { /* Mobile Devices */
#topArrow{
	display:none;
}
}

/*###########################################################################*/
/*############################ Viewport Effects #############################*/
/*###########################################################################*/

[data-viewportevent="zoomIn"],
[data-viewportevent="zoomOut"]{
	opacity:0;
}
[data-viewportevent="zoomIn"].seenInViewport{
	-webkit-animation: zoomIn 0.8s; /* Chrome, Safari, Opera */
    animation: zoomIn 0.8s;

	opacity:1;
}
[data-viewportevent="zoomOut"].seenInViewport{
	-webkit-animation: zoomOut 0.8s; /* Chrome, Safari, Opera */
    animation: zoomOut 0.8s;
	opacity:1;
}

@media only screen and (min-width: 980px) and (max-width: 1190px) { /* Normal Screens */
}
@media only screen and (min-width: 720px) and (max-width: 979px) { /* Tablet Devices */
}
@media only screen and (max-width: 719px) { /* Mobile Devices */
}




/*###########################################################################*/
/*######################## Isotope Customization ############################*/
/*###########################################################################*/

.isotopeContainer{
	width:100%; 
	overflow:hidden;
}
.isotope{
	width: 103%;
}
/* -------- Elements */
.isotope .isotope-item{
	width:31%;
	margin-right:2%;
	margin-bottom:2%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding:1em;
	background-color: #333;
	/* -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
	box-shadow: 0 1px 2px rgba(0,0,0,0.5); */
}
.isotope .isotope-item img{
	max-width:100%;
}


/* ---------- Isotope buttons */

.isoButtons a{
	display: inline-block;
	font-size: 0.9em;
	padding: 8px 16px;
	color: #FFF;
	background-color: #999999;
	border-radius: 4px;
	margin: 15px 15px 0 0;
}
.isoButtons a:hover,
.isoButtons a.isoActive{
	background-color: #676767;
	text-decoration: none;
}
.isoButtons a[data-sort='topsix']{
	position:relative;
	padding-left:40px;
}
.isoButtons a[data-sort='topsix'] div{
	position:absolute;
	top:9px;
	left:10px;
	width: 25px; height: 25px;
	background-position: -425px -175px;
}
/*
.isoButtons a[data-sort='topsix']:hover,
.isoButtons a[data-sort='topsix'].isoActive{
	background-color: #676767;
}*/


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

}
@media only screen and (min-width: 720px) and (max-width: 979px) { /* Tablet Devices */
.isotope{
	width:104%;
}
.isotope .isotope-item{
	width:47.1%;
}
.isoButtons a{
	font-size:1.1em;
}
}
@media only screen and (max-width: 719px) { /* Mobile Devices */
.isotope{
	width:100%;
}
.isotope .isotope-item{
	width:100%;
	margin:0;
}
.isoButtons{
	display:none;
}
.aboutpage .isoButtons,
.islandpage .isoButtons{
	display:block;
}
.isoButtons a{
	font-size:1.1em;
}
}


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

.moMenu{
	position:fixed;
	top:0;
	left:0;
	z-index:99;
	width:100%;
	display:none;
}
.moMenu.moOn{
	overflow: auto;
	height:100%;
}
.moButton{
	display: block;
	width: 100%;
	height:60px;
}
.moButton div{
	width: 60px; height: 60px;
	background-position: -25px -500px;
	float:left;
}
.moOn .moButton div{
	background-position: -100px -500px;
}
.moPanel{
	position:relative;
	width:100%;
	top:0;
	left:-100%;
	/*transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;*/
}
.moOn .moPanel{
	left:0;
}
.moMenu ul{
	width:100%;
	position:absolute;
	top:0;
	left:0;
	/*transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;*/
}
.moMenu li a,
.moMenu li a:hover,
.moButton,
.moOn .moButton{ /* normal button - color handle */
	display: block;
	padding: 16px;
	background-color: #515151;
	border-top-color: #646464;
	border-bottom-color: #454545;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	color: #FFF;
	text-decoration: none;
	font-size:1.2em;
}
.moMenu li.moBackB a{ /* back button - color handle */
	background-color: #454545;
	border-top-color: #575757;
	padding-left: 10px;
}
.moButton span,
.moButton:hover span{ /* button text handle */
	display:inline-block;
	padding:16px;
	color: #FFF;
	margin-top:-2px;
}
.moOn .moButton,
.moButton{ /* heading button (when menu opened) */
	border-top-style: none;
	padding:0;
}
.moButton{
	border-style: none;
}
.moArrowL,
.moArrowR{
	float:right;
	width: 26px; height: 26px;
	background-position: -225px -50px;
	margin-top:2px;
}
.moArrowL{
	float:left;
	-webkit-transform: rotate(180deg); 
  	transform: rotate(180deg);
	margin-right:10px;
}


/*******  Customizations (isotope menu) ********/
#mobIsoCt{
	position:relative;
	z-index:11;
}
#mobIsoCt.moOn{
	overflow:visible;
	height:100%;
}
#mobIsoCt li a,
#mobIsoCtFixed li a,
#mobIsoCt li a:hover,
#mobIsoCtFixed li a:hover,
#mobIsoCt .moButton,
#mobIsoCtFixed .moButton,
#mobIsoCt.moOn .moButton,
#mobIsoCtFixed.moOn .moButton{
	background-color: #C40027;
	border-top-color: #D4002A;
	border-bottom-color: #B30024;
}
#mobIsoCt li.moBackB a,
#mobIsoCtFixed li.moBackB a{
	background-color: #FF582F;
}
#mobIsoCtFixed{
	top:60px;
	z-index:10;
}



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

}
@media only screen and (min-width: 720px) and (max-width: 979px) { /* Tablet Devices */
.moMenu{
	display:block;
}
body:before{
	content: '';
	display: block;
	width: 100%;
	height: 60px;
	background-color: #666;
}
#mobIsoCt{
	display:none;
}
}
@media only screen and (max-width: 719px) { /* Mobile Devices */
body:before{
	content: '';
	display: block;
	width: 100%;
	height: 60px;
	background-color: #666;
}
.moMenu{
	display:block;
}
}


/*###########################################################################*/
/*################################ 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;
}*/

/* 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 .5s ease both;
  -moz-animation: scaleUpFrom .5s ease both;
  animation: scaleUpFrom .5s ease both;
}

.owl-fadeUp-out {
  -webkit-animation: scaleUpTo .5s ease both;
  -moz-animation: scaleUpTo .5s ease both;
  animation: scaleUpTo .5s ease both;
}
/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
  0% {opacity: 1}
}
@keyframes empty {
  0% {opacity: 1}
}
@-webkit-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; }
}
@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%); }
}
@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); }
}
@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); }
}
@keyframes scaleToFade {
  to { opacity: 0; transform: scale(.8); }
}
@-webkit-keyframes goDown {
  from { -webkit-transform: translateY(-100%); }
}
@keyframes goDown {
  from { transform: translateY(-100%); }
}

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

@-webkit-keyframes scaleUpTo {
  to { opacity: 0; -webkit-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: block;
	width: 50px; height: 100px;
	background-position: -500px -125px;
	position:absolute;
	left:10px;
	opacity:0.4;
}
.owl-theme .owl-controls .owl-buttons div.owl-next{
	background-position: -500px -249px;
	left:auto;
	right:10px;
}
.owl-buttons{
	position:absolute;
	top:50%;
	width:100%;
	margin-top:-50px;
}
.owl-theme .owl-controls .owl-buttons div:hover{
	opacity:1;
}

/* 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{
	text-decoration: none;
}

/* Styling Pagination */

.owl-theme .owl-controls .owl-page{
	display: inline-block;
	zoom: 1;
}
.owl-theme .owl-controls .owl-page span{
	display: block;
	width: 20px;
	height: 20px;
	margin: 10px 10px;
	border-radius: 20px;
	border-color: #FFFFFF;
	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{
	background-color: #FFFFFF;
}

/* 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;
	border-radius: 30px;
}


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

/* --------- General */
.owl-carousel .owl-item img{ /* Makes the image fit its container */
	display: block;
	width: 100%;
	height: auto;
}
.contentSlide .owl-item a{
	display:block;
}
.owlCaption{
	width: 100%;
	text-align: center;
	background-color: #000000;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0.8em;
}
.owl-pagination{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	text-align:center;
}

/* --------- imgGal */
.imgGal .owl-item > a{
	display:block;
	/*margin-right: 1em; /* Spacing betwen images when necessary */
}
.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;
	box-sizing: border-box;
	background-color: #333;	
}
.imgGal .owl-pagination{
	position:static;
	display:none;
}
/* --------- contentslide (testimonials) */
.contentSlide .owl-pagination{
	position:static;
}
/* --------- fullImg */

/* --------- by ID */

#imageGallery .owl-item img{
	/*max-height: 334px; /* Avoid gallery stretching on load - see settings max width + crop ratio */
}

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

}
@media only screen and (min-width: 720px) and (max-width: 979px) { /* Tablet Devices */
/*.owl-buttons{
	display:none;
}*/
}
@media only screen and (max-width: 719px) { /* Mobile Devices */
/*.owl-buttons{
	display:none;
}*/
}




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


/* line 27, ../sass/simplelightbox.scss */
body.hidden-scroll {
  overflow: hidden;
}

/* line 30, ../sass/simplelightbox.scss */
.sl-overlay {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #4c4c4c;
  opacity: 0.8;
  display: none;
  z-index: 1035;
}

/* line 41, ../sass/simplelightbox.scss */
.sl-wrapper {
  z-index: 1040;
}
/* line 43, ../sass/simplelightbox.scss */
.sl-wrapper button {
  border: 0 none;
  background: transparent;
  font-size: 28px;
  padding: 0;
  cursor: pointer;
  opacity: 0.8;
}
/* line 49, ../sass/simplelightbox.scss */
.sl-wrapper button:hover {
  opacity: 1;
}
/* line 54, ../sass/simplelightbox.scss */
.sl-wrapper .sl-close {
  display: none;
  position: fixed;
  right: 30px;
  top: 30px;
  z-index: 1060;
  margin-top: -14px;
  margin-right: -14px;
  height: 44px;
  width: 44px;
  line-height: 44px;
  color: #fff;
  font-size: 70px;
}
/* line 69, ../sass/simplelightbox.scss */
.sl-wrapper .sl-close:focus {
  outline: none;
}
/* line 74, ../sass/simplelightbox.scss */
.sl-wrapper .sl-counter {
  display: none;
  position: fixed;
  top: 30px;
  left: 30px;
  z-index: 1060;
  color: #fff;
  font-size: 1rem;
}
/* line 84, ../sass/simplelightbox.scss */
.sl-wrapper .sl-navigation {
  width: 100%;
  display: none;
}
/* line 87, ../sass/simplelightbox.scss */
.sl-wrapper .sl-navigation button {
  position: fixed;
  top: 50%;
  width: 70px;
  display: block;
  z-index: 99999;
  transform:translate(0,-50%);
}
.sl-wrapper .sl-navigation button svg{
	fill:#ffffff;
	width:100%;
	height:auto;
	display:block;
}
/* line 99, ../sass/simplelightbox.scss */
.sl-wrapper .sl-navigation button.sl-next {
  right: 50px;
  transform:translate(0,-50%) rotate(180deg);
}
/* line 104, ../sass/simplelightbox.scss */
.sl-wrapper .sl-navigation button.sl-prev {
  left: 50px;
}
/* line 109, ../sass/simplelightbox.scss */
.sl-wrapper .sl-navigation button:focus {
  outline: none;
}

/* line 142, ../sass/simplelightbox.scss */
.sl-wrapper .sl-image {
  position: fixed;
  -ms-touch-action: none;
  touch-action: none;
  z-index: 10000;
}
/* line 147, ../sass/simplelightbox.scss */
.sl-wrapper .sl-image img {
  margin: 0;
  padding: 0;
  display: block;
  border: 0 none;
}

/* line 170, ../sass/simplelightbox.scss */
.sl-wrapper .sl-image .sl-caption {
  display: none;
  padding: 10px;
  color: #fff;
  background: rgba(0, 0, 0, 0.8);
  font-size: 1rem;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
/* line 181, ../sass/simplelightbox.scss */
.sl-wrapper .sl-image .sl-caption.pos-top {
  bottom: auto;
  top: 0;
}
/* line 186, ../sass/simplelightbox.scss */
.sl-wrapper .sl-image .sl-caption.pos-outside {
  bottom: auto;
}

.sl-spinner{
	display: none;
	width: 60px;
	height: 60px;
	margin-top:-30px;
	margin-right:-30px;
	position: fixed;
	z-index: 99999;
	right: 50%;
	top: 50%;
	border-radius:50%;
	background-color:#ffffff;
	animation: bounce 1s cubic-bezier(0.46, 0.03, 0.52, 0.96) infinite;
}

/* line 221, ../sass/simplelightbox.scss */
.sl-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}


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

}
@media only screen and (min-width: 720px) and (max-width: 979px) { /* Tablet Devices */
.sl-wrapper .sl-navigation button.sl-next {
  right: 10px;
}
/* line 104, ../sass/simplelightbox.scss */
.sl-wrapper .sl-navigation button.sl-prev {
  left: 10px;
}
}
@media only screen and (max-width: 719px) { /* Mobile Devices */
.sl-wrapper .sl-navigation button.sl-next {
	display:none;
}
/* line 104, ../sass/simplelightbox.scss */
.sl-wrapper .sl-navigation button.sl-prev {
	display:none;
}
}

/*###########################################################################*/
/*############################# Thumbnail Gallery ###########################*/
/*###########################################################################*/


/* ----- Gallery row and columns */
.thumbCol{
	padding:0 2% 2% 0;
	float:left;
}
.thumbCol img{
	max-width:100%;
	display:inline-block;
	vertical-align:top;
}
.imgPerLine2  .thumbCol{
	width:50%;
}
.imgPerLine3  .thumbCol{
	width:33%;
}
.imgPerLine1 .thumbCol,
.firstImgBig .thumbCol:first-child{
	width:100%;
}

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

}
@media only screen and (min-width: 720px) and (max-width: 979px) { /* Tablet Devices */
.imgPerLine3 .thumbCol{
	width:50%;
}
}
@media only screen and (max-width: 719px) { /* Mobile Devices */
.thumbCol{
	text-align:center;
	width:100%;
	margin:0 0 1.5% 0;
}
}

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


ul.timeline{
	display:inline-block;
	width:100%;
	margin-top:0.5em;
}
ul.timeline li{
	margin: 0;
	padding-left: 3.6em;
	margin-left: 440px; /************ 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: #FFFFFF;
	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: 1190px) { /* Normal Screens */
ul.timeline li{
	margin-left: 440px; /************ 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;
}
}



/*###########################################################################*/
/*################################ Social Stream ############################*/
/*###########################################################################*/


.socialpage .doughMain{
	background-color: #F5F5F5;
}

.dcsns-content {
	position: relative;
	padding: 0;
}

/* Stream Boxes */
.stream p {
	margin: 0;
	padding: 0;
}
.stream li a {
	/*color: #2DB6E8;*/
}
ul.stream li.isotope-item{
	background-color: #E7E7E7;
	position: relative;
	padding: 0;
	color: #333;
	overflow: hidden;
}
.stream li .inner {
	padding: 1.5em;
	display:block;
	float:left;
	padding-top:3em;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width:100%;
}
/*.stream li .icon {
	position: absolute;
	left: 3px;
	bottom: 0;
	z-index: 3;
}*/
.stream li .section-intro {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0.6em;
	color: #FFF;
	padding-left:3em;
	font-size:0.9em;
}
.stream li .clear {
	clear: both;
}
.stream li > a {
	display: block;
	position: absolute;
	top: 2px;
	left: 4px;
	width: 40px;
	height: 40px;
}
.stream li > a img{
	width:100%;
}

/* Content blocks */

.stream li .inner > span {
	display: block;
	float:left;
	width:100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.stream li .section-intro a {
	color: #FFF;
	text-decoration: underline;
	margin-right:1em;
}
.stream li .section-title {
	margin-top:1em;
}
.stream li .section-title a {
	
}
.stream li .section-title a:hover {
	
}
.stream li .section-thumb {
	margin-top:1em;
}
.stream li .section-thumb img {
	
}
.stream li .section-text {
	margin-top:1em;
}
.stream li .section-text br {

}
.stream li .section-user {
	margin-top:1em;
}
.stream li .section-user:before {
	content:'Author:';
	margin-right:0.4em;
}
.stream li .section-share {

}


/* ------------------------------------ Sharing Buttons */
.stream li .section-share a {
	display: block;
	width: 20px;
	height: 20px;
	float: left;
	margin: 0 2px 0 0;
	background-color: #413A33;
}

/* --------------------------- Toolbar */
.dcsns-toolbar {
	padding: 0;
	width: 100%;
	overflow: hidden;
	position: relative;
	display:none;
}
/* ------------------------- Filter */
.dcsns-toolbar .filter {
	padding: 0;
	margin: 0 0 1em 0;
}
.dcsns-toolbar .filter li {
	float:left;
	padding: 0;
	margin: 0;
	margin-right:1px;
}
.dcsns-toolbar ul.filter li:before{
	display:none;
}
.dcsns-toolbar .filter .link-all {
	color: #fff;
	text-align: center;
	padding-top:0.7em;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.dcsns-toolbar .filter li a {
	width: 45px;
	height: 45px;
	display: block;
	float: left;
	background-color: #000000;
}
.dcsns-toolbar .filter li img {
	width:80%;
	margin:10% 0 0 10%;
}

/* ------------------------------------------------------ Feeds network specific styles */

.dcsns-toolbar .filter a.link-all:hover {
	background-color: #FF9800;
	text-decoration:none;
}
.stream li.dcsns-rss .section-intro, .filter .f-rss a:hover {
	background-color: #FF9800;
}
.stream li.dcsns-flickr .section-intro, .filter .f-flickr a:hover {
	background-color: #f90784;
}
.stream li.dcsns-delicious .section-intro, .filter .f-delicious a:hover {
	background-color: #3271CB;
}
.stream li.dcsns-twitter .section-intro, .filter .f-twitter a:hover {
	background-color: #4ec2dc;
}
.stream li.dcsns-facebook .section-intro, .filter .f-facebook a:hover {
	background-color: #B5B5B5;
}
.stream li.dcsns-google .section-intro, .filter .f-google a:hover {
	background-color: #2d2d2d;
}
.stream li.dcsns-youtube .section-intro, .filter .f-youtube a:hover {
	background-color: #DF1F1C;
}
.stream li.dcsns-pinterest .section-intro, .filter .f-pinterest a:hover {
	background-color: #CB2528;
}
.stream li.dcsns-lastfm .section-intro, .filter .f-lastfm a:hover {
	background-color: #C90E12;
}
.stream li.dcsns-dribbble .section-intro, .filter .f-dribbble a:hover {
	background-color: #F175A8;
}
.stream li.dcsns-vimeo .section-intro, .filter .f-vimeo a:hover {
	background-color: #4EBAFF;
}
.stream li.dcsns-stumbleupon .section-intro, .filter .f-stumbleupon a:hover {
	background-color: #EB4924;
}
.stream li.dcsns-deviantart .section-intro, .filter .f-deviantart a:hover {
	background-color: #EB4924;
}
.stream li.dcsns-tumblr .section-intro, .filter .f-tumblr a:hover {
	background-color: #365472;
}
.stream li.dcsns-instagram .section-intro, .filter .f-instagram a:hover {
	background-color: #413A33;
}


/* ---------------------------------------------- Facebook */
.stream li.dcsns-facebook .section-text img {
	margin: 0;
	float: left;
	border: none;
	padding: 0;
	width: 48%;
	margin-right: 2%;
	margin-bottom: 2%;
}
/*.stream li.dcsns-facebook .section-text a:first-of-type img {
	width: 100%;
	max-width: 100%;
	margin-right: 0;
}*/
.stream li.dcsns-facebook .section-text .fbBigImageReplaced{
	width: 100%;
	max-width: 100%;
	margin-right: 0;
}


/* -------------------------------------------- Twitter */
.stream li.dcsns-twitter .section-thumb img {
}
.stream li.dcsns-twitter .section-user {
	padding: 0;
	background: none;
}
.stream li.dcsns-twitter .section-text img {
	width:100%;
	margin-top:1em;
}
.stream li.dcsns-twitter a {
	color: #38AEAE;
}
.stream li.dcsns-twitter .section-intro span a {
	text-decoration: none;
}
.stream li.dcsns-twitter .section-intro a{
	color: #FFF;
}
.stream li.dcsns-twitter a:hover {
	text-decoration: underline;
}
.stream li.dcsns-twitter .twitter-user {
}
.stream li.dcsns-twitter .twitter-user a {
	display:inline-block;
	margin-right:1em;
}
.stream li.dcsns-twitter .twitter-user a:hover {
}
.stream li.dcsns-twitter .twitter-user a strong{
}
.stream li.dcsns-twitter .twitter-user a:hover strong {
}
/* --------------------------------------------- Google */
.stream li.dcsns-google .section-title {
}
.dcsns .stream li.dcsns-google .section-thumb img {
}
.stream li.dcsns-google .meta span.plusones {
}
/* ------------------------------------------------- Rss */
.stream li.dcsns-rss .section-text img {
}
/* ------------------------------------------------- Stumbleupon */
.dcsns .stream li.dcsns-stumbleupon .section-title {
}
.dcsns .stream li.dcsns-stumbleupon .section-thumb img {
}
/* -------------------------------------------- Youtube */
.stream li.dcsns-youtube .section-thumb img {
	width: 100%;
}
/* ---------------------------------------------- Vimeo */
.stream li.dcsns-vimeo .section-thumb img {
	width: 100%;
}
.dcsns .stream li.dcsns-vimeo .section-title {
	display: block;
	clear: both;
}
.stream li.dcsns-vimeo .section-text {
}
.stream li.dcsns-vimeo .section-text .meta {
}
.stream li.dcsns-vimeo .logo {
}
/* --------------------------------------------- Flickr */
.stream li.dcsns-flickr .section-thumb {
}
.stream li.dcsns-flickr .section-thumb img{
}
/* --------------------------------------------- Pinterest */
.stream li.dcsns-pinterest .section-thumb {
	display: block;
}
.stream li.dcsns-pinterest .section-text {
	clear: both;
}
.stream li.dcsns-pinterest .section-thumb img {
	width: 100%;
}
/* ------------------------------------------ Dribbble */
.stream li.dcsns-dribbble .inner img {
}
/* -------------------------------------------- Lastfm */
.stream li.dcsns-lastfm .section-title {
}
/* -------------------------------------------- Deviantart */
.stream li.dcsns-deviantart .section-thumb {
}
.stream li.dcsns-deviantart .section-thumb img {
}
/* ------------------------------------------ Tumblr */
.stream li.dcsns-tumblr .section-text img {
}
.stream li.dcsns-tumblr .track {
}
/* ------------------------------------------ Instagram */
.stream li.dcsns-instagram .section-thumb img {
	width: 100%;
	max-width: 100%;
	margin-right: 0;
}




/* custom buttons */

.actButons{
	display:inline-block;
	width:100%;
	margin-top:16px;
}
.actButons a{
	padding: 6px 14px;
	background-color: #999999;
	color: #FFF;
	margin-right: 18px;
	border-radius: 4px;
}
.actButons a:hover{
	background-color: #676767;	
	text-decoration:none;
}


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

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

}
@media only screen and (max-width: 719px) { /* Mobile Devices */
.stream li .section-intro {
	font-size:0.85em;
}
}


/*###########################################################################*/
/*############################### CSS Animations ############################*/
/*###########################################################################*/


/* Looping ------------------------------------------------------- */

@-webkit-keyframes LoopingAnim {
0%   {
	-webkit-transform: rotate(0deg);
}
100% {
	-webkit-transform: rotate(360deg);
}
}
@-ms-keyframes LoopingAnim {
0%   {
	transform: rotate(0deg);
}
100% {
	transform: rotate(360deg);
}
}
@keyframes LoopingAnim {
0%   {
	transform: rotate(0deg);
}
100% {
	transform: rotate(360deg);
}
}



/* Appear from deep ------------------------------------------------- */

@-webkit-keyframes zoomIn {
0%   {
	-webkit-transform: scale(0.5); /* Safari and Chrome */
	opacity:0;
}
100% {
	-webkit-transform: scale(1); /* Safari and Chrome */
	opacity:1;
}
}
@-ms-keyframes zoomIn {
0%   {
	-ms-transform: scale(0.5); /* IE 9 */
	opacity:0;
}
100% {
	-ms-transform: scale(1); /* IE 9 */
	opacity:1;
}
}
@keyframes zoomIn {
0%   {
	transform: scale(0.5);
	opacity:0;
}
100% {
	transform: scale(1);
	opacity:1;
}
}


/* Appear big and zoom down ----------------------------------------- */

@-webkit-keyframes zoomOut {
0%   {
	-webkit-transform: scale(1.5); /* Safari and Chrome */
	opacity:0;
}
100% {
	-webkit-transform: scale(1); /* Safari and Chrome */
	opacity:1;
}
}
@-ms-keyframes zoomOut {
0%   {
	-ms-transform: scale(1.5); /* IE 9 */
	opacity:0;
}
100% {
	-ms-transform: scale(1); /* IE 9 */
	opacity:1;
}
}
@keyframes zoomOut {
0%   {
	transform: scale(1.5);
	opacity:0;
}
100% {
	transform: scale(1);
	opacity:1;
}
}

/* ---------------------------- Modification 2017-04-18 --------------------------------------------*/

.reserveNav a.FBIcon{
	background-position:-375px -525px;
	width:42px;
	height:42px;
	padding:0;
}
.reserveNav a.instaIcon{
	background-position:-424px -525px;
	width:42px;
	height:42px;
	padding:0;
}
.FBIconMobile{
	position:absolute;
	top:6px;
	right:6px;
	background-position:-375px -575px;
	width:48px;
	height:48px;
}
.instaIconMobile{
	position:absolute;
	top:6px;
	right:60px;
	background-position:-428px -574px;
	width:48px;
	height:48px;
}



/*.isoButtons a[data-sort='electric']{
    background-color:#7dc640;
}
.isoButtons a[data-sort='electric']:hover{
    background-color:#579f1b;
}
.isoButtons a[data-sort='electric'].isoActive{
    background-color:#62b31e;
}
#mobIsoCt li a[data-sort='electric'], 
#mobIsoCt li a[data-sort='electric']:hover{
	background-color: #62b31e;
    border-top-color: #71c42a;
    border-bottom-color: #396f0c;
}*/

.isoButtons a[data-sort='electric']{
    position: relative;
    padding-left: 40px;
}
.isoButtons a[data-sort='electric'] div {
    position: absolute;
    top: 9px;
    left: 10px;
    width: 25px;
    height: 25px;
    background-position: -425px -208px;
}

/**/
.servicesContainer{
	display: flex; /* flex, inline-flex */
	/* flex-direction: row; /* row, column, row-reverse, column-reverse */
	/* flex-wrap: wrap; /* wrap ( multi line, left to right), nowrap (force single line, left to right), wrap-reverse (multi line, right to left) */
	flex-flow:row wrap; /* join 2 previous properties in one line */
	justify-content: center; /* flex-start, flex-end, center, space-between, space-around (repartition on main axis) */
	align-items: flex-start; /* flex-start, flex-end, center, baseline, stretch (repartition on cross axis)*/
	align-content: flex-start; /* flex-start, flex-end, center, space-between, space-around, stretch (on multi lines -> the way multilines are packed ) */
}

.colg{
	background-color:#62b31e;
}

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

}
@media only screen and (min-width: 720px) and (max-width: 979px) { /* Tablet Devices */
.reserveNav a.instaIcon,
.reserveNav a.FBIcon{
	display:none;
}
}
@media only screen and (max-width: 719px) { /* Mobile Devices */

}


/* ---------------------------- Modification 2017-06-28 --------------------------------------------*/

/* ----------------- pickup dropoff */

.formDateTime > div{
	float:left;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.formDateTime > div:nth-child(2){
	width:60%;
}
.formDateTime > div:nth-child(3){
	width:40%;
}
.formDateTime > div:nth-child(4),
.formDateTime > div:nth-child(1){
	width:100%;
}
.formDateTime > div input{
	border-right: none;
	border-bottom: none;
}
.formDateTime > div:nth-child(3) a{
	border-bottom: none;
}
.formDateTime{
	display:inline-block;
}
.inputWrap.formDateTime .label {
    /*padding-left:0;*/
}
.formDateTime > div:nth-child(3) .dropcontainer ul {
    width: 40%;
}

.iconCar{
	margin:10px 10px 0 10px;
	display:inline-block;
	width:100px;
	height:50px;
	background-position: -500px -549px;
}


/*#pickupForm input[type=submit] {
    margin-left: 0px;
}*/
/*#pickupForm .displayErrorMargins {
    margin-left: 0px;
}*/
.selectionRes{
	text-align:right;
}
.mediumGrey{
	background-color:#E7E7E7;
}
.pickBox{
	display:inline-block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size:0.9em;
}
.warningBox{
	padding:10px 20px;
	background-color:#2d2d2d;
	max-width:300px;
	box-sizing: border-box;
	display:inline-block;
	text-align:left;
	font-size:0.9rem;
	margin: 20px 0 0 0;
	color:#ffffff;
	border-radius:4px;
}
.warningSign{
	width:41px;
	height:41px;
	float:left;
	background-position:-275px -425px;
	margin:0 10px 0 0;
}
.pickBox.pick{
	padding-right:30px;
}
.pricingCarPic{
	display:inline-block;
	max-width:400px;
}
.pricingCarPic img{
	max-width:100%;
}
.priceFormRight h3{
	margin-left:10px;
}
.priceFormLeft h3,
.priceFormLeft .priceBlock,
.priceFormLeft .pickBox{
	margin-right:10px;
}
.pricingData{
	display:none;
}
.priceDisplay,
.priceDisplayReduc{
	line-height:1;
	display:inline-block;
}
.priceDisplay{
	text-decoration:line-through;
}
.priceDisplayReduc{
	font-size:1.8em;
	font-weight:bold;
}
.priceDisplayReduc span{
	font-size:1.6em;
}
.smallerText{
	font-size:0.9em;
}
.tinyText{
	font-size:0.8em;
}
.smallerInfo{
	font-size:0.7em;
}
.textContent span.tinyText{
	display:inline-block;
	font-size:0.8em;
}
.priceBox b{
	/*font-weight:normal;*/
	font-size:1.3em;
}
.labelCarSelect{
	display:block;
	width:100%;
	background-color: #e7e7e7;
	text-align:center;
	padding:20px;
	position:relative;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.labelCarSelect:after{
	content:'';
	width: 0; 
  	height: 0; 
  	border-left: 20px solid transparent;
  	border-right: 20px solid transparent;
  	border-top: 20px solid #e6e6e6;
  	position:absolute;
  	bottom:-20px;
  	left:50%;

}
.pricingpage .colWhite{
	/*background-color:#ffffff;*/
	background-image: repeating-linear-gradient(150deg, #242424, #242424 50px, #2d2d2d 30px, #2d2d2d 100px);
}
/*.pricingpage a[dataoverlay=reserveOverlay],
.carselectpage a[dataoverlay=reserveOverlay]{
	display:none;
}*/
a.tinyLink{
	font-size:0.8em;
	color:#cccccc;
	text-decoration:underline;
}

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

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

}
@media only screen and (max-width: 719px) { /* Mobile Devices */
.selectionRes{
	text-align:center;
	background-color:#e6e6e6;
	padding:40px 0;
}
.pricingpage .doughContact{
	padding:0 0 40px 0;
}
.pickBox{
	padding:0;
	margin:0;
	width:100%;
}
.pickBox.pick{
	padding:0 0 20px 0;
}
.priceFormRight h3{
	margin:0 0 20px 0;
}
.formComment {
    max-width: 270px;
}
}


/******************************************* Home Page ********************************************/
.homeForm{
	position:absolute;
	left:50%;
	width:600px;
	box-sizing: border-box;
	top:47%;
	transform: translate(-50%, 0);
	text-align:center;
	z-index: 4;
	/*position:absolute;*/
}
.homeForm .pickupDrop{
	text-align:right;
	padding:40px 0 0 0;
	width:100%;
}
.homeForm .inputWrap{
    margin: 0px;
}

.homeForm input[type=submit]{
	width:auto;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-left:0;
	margin-right:0;
	/*padding-left:0;
	padding-right:0;*/
	/*margin-top:60px;*/
}
.homeForm .errors{
    display:inline-block;
    vertical-align:top;
}
.homeForm .displayErrorMargins{
    margin:15px 0 5px 0;
    background-color:#ff6600;
    color:#ffffff;
    padding:10px;
    border-radius:6px;
}

/* Home Fields */
.homeForm .inputWrap{
    width:600px;
    max-width:none;
    display:inline-block;
}
.homeForm .inputWrap[data-label='Drop-off']{
    margin-top:10px;
}
.homeForm .inputWrap .label{
    padding: 9px 12px 9.5px 12px;
    border-radius:0;
}
.homeForm .formDateTime > div:nth-child(1){
    width: 22%;
    border-radius:6px 0 0 6px;
}
.homeForm .formDateTime > div:nth-child(2){
	width:23%;
}
.homeForm .formDateTime > div:nth-child(3){
	width:17%;
}
.homeForm .formDateTime > div:nth-child(4){
	width:38%;
}

.homeForm .dropcontainer ul{
	max-width: 252px;
}
.homeForm .formDateTime > div:nth-child(3) .dropcontainer ul{
	max-width: 100px;
}

.homeForm .formDateTime div .trigger,
.homeForm .formDateTime div .activetrigger {
    border-right: none;
    /*border-bottom: none;*/
}
.homeForm .formDateTime div:nth-child(4) .trigger,
.homeForm .formDateTime div:nth-child(4) .activetrigger {
    border-right: 2px solid #333333;
    /*border-bottom: none;*/
    border-radius: 0 6px 6px 0px;
}
.homeForm .formDateTime > div input{
	/*border-bottom: solid;*/
}
.homeForm .formDateTime > div input{
	border-right: none;
	border-bottom: 2px solid #333333;
}
.homeForm .formDateTime > div:nth-child(3) > a{
	border-bottom: 2px solid #333333;
}

.homeForm input,
.homeForm input[type=text].emptyField, 
.homeForm textarea.emptyField,
.homeForm .trigger,
.homeForm .trigger:hover,
.homeForm .activetrigger,
.homeForm .activetrigger:hover{
	background-color:rgb(255 255 255 / 0.8);
	color: #242424;
}

/* Fix Bug in IE 10 and IE 11 */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.homeForm input.datePicker,
input.datePicker{
	line-height:1.6;
	padding-bottom:11.8px;
}
}


.homeForm input[type=text].error, 
.homeForm textarea.error, 
.homeForm .error, 
.homeForm div.inputWrap.error .trigger {
    background-color: #FFA466;
    border-color: #F60;
    color: #B74900;
}
.homeForm .formDateTime > div:nth-child(3) > a.error {
    border-bottom: 2px solid #F60;
}

.homeForm input[type=submit]{
	color:white;
	background-color:#d4002a;
}


/* slogan */
.homepage .homeSlogan{
	top: 35%;
}
.homeSlogan a.mobOnly{
	display:none;
}
.homeSlogan h1{
	font-size: 4em;
}

.homeSlogan a.overButton{
	background-color: #333333;
	color: #fff;
}

.resIconMobile{
	display:block;
	position:absolute;
	top:11px;
	right:120px;
	background-color:#333333;
	padding:5px 14px;
	color:#ffffff;
	border-radius:5px;
}

a.servicesHome{
	display:none;
}
.homepage .reserveNav a.servicesHome{
	display: block;
    padding: 8.5px 14px;
    margin:0;
}
.homepage .reserveNav a[dataOverlay="reserveOverlay"]{
	display: none;
}


/* Remove translation flag on res pages */
.pricingpage .topRightNav a.flagButton,
.pricingpage #footer nav.bottomNav a.flagButton,
.carselectpage .topRightNav a.flagButton,
.carselectpage #footer nav.bottomNav a.flagButton{
	/*visibility:hidden;*/
	display:none;
}

/* minimessage */

.miniMessage{
	position:absolute;
	top:0;
	left:0;
	text-align:left;
	background-color:#F60;
	color:#ffffff;
	max-width:300px;
	padding:10px;
	border-radius:8px;
	transition:all 0.4s ease;
	transform:translate(-70%, -100%);
	opacity:0;
}
.miniMessage:after{
	position:absolute;
	top:-15px;
	left:65%;
	content:'';
	width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 15px solid #F60;
}
.miniMessage.open{
	opacity:1;
	transform:translate(0, 170px);
	z-index:99;
}
.miniMessage > div{
    font-size:1rem;
}
.miniMessage > div a{
	color:#ffffff;
	text-decoration:underline;
}
#reserveOverlay{
	overflow:visible;
}
#reserveOverlay .miniMessage{
    max-width:150px;
    transform:translate(150px, 80%);
    top:290px;
}
#reserveOverlay .miniMessage.open{
	opacity:1;
	z-index:9;
	transform:translate(150px, 98px);
}
#reserveOverlay .miniMessage:after{
	left:25%;
}

.carAvailMessage{
	display:none;
	background-color:#F60;
	color:#ffffff;
	text-align:left;
	padding:10px 14px;
	margin:10px 10px 0 10px;
	border-radius:8px;
	font-size:0.8rem;
	box-sizing:border-box;
}
.carAvailMessage.open{
	display:block;
}

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

}
@media only screen and (min-width: 720px) and (max-width: 979px) { /* Tablet Devices */
.homeForm{
	top:45%;
}
.homepage .homeSlogan{
	top: 32%;
}


}
@media only screen and (max-width: 719px) { /* Mobile Devices */
/*.homeForm{
	position:static;
	left:0;
	width: 100%;
	top:0;
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	background-color:rgb(187, 127, 127);
	text-align:center;
}*/
.homepage .homeSlogan{
	top: 45%;
}
.homeForm{
	display:none;
}
.homeSlogan a.mobOnly{
	display:block;
}

}

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