/*
Quick.Cms default stylesheet
More about design modifications - http://opensolution.org/docs/?p=pl-design
*/
/* GLOBAL STYLES */
body, body *, body *:before, body *:after{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
body,table{color:#333;font-size:1em;font-family: 'Roboto', sans-serif;}
h1,h2,h3,h4{font-size:1em;}

body{padding:0;background:#fff;text-align:center;}
p.label {text-align: left; font-weight: bold; padding: 0; margin:16px 0 0; line-height: 16px;}

a{color:#0070b8;text-decoration:underline;}
a:hover{color:#000;text-decoration:underline;}

.msg.error h1{padding:20px 0;text-align:center;}
.wai{position:absolute;width:1px;height:1px;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);overflow:hidden;}

#container{position:relative;width:1200px;margin:10px auto 0;text-align:left;background:#fff;}
#container:after{content:"";display:table;clear:both;}

#header{}
#body, #foot{float:left;width:100%;margin:0 auto;padding:0;}
#body img{max-width:100%;}

/* QUICK LINKS */
#skiplinks{position:absolute;top:0px;left:0px;}
#skiplinks a{position:absolute;top:-500px;left:0px;z-index:10;min-width:200px;padding:10px;color:#fff;}
#skiplinks a:focus{top:0;background:#000;color:#fff;}

/* LOGO, HEADER BACKGROUND AND SLOGAN */
#head1{float:left;width:100%;height:62px; border-bottom:#222 solid 3px;}
#head1 .container{background:url(img/head1.jpg) no-repeat bottom right;border-bottom: 5px solid #970000; height:59px;}
#logo{float:left;padding:0 0 0 0;}
#logo #title{float:left;}
#logo #title a{color:#1f1a17;font:bold 3.25em 'Arial';line-height:1em;text-transform:uppercase;text-decoration:none;}
#logo #title a span{color:#cc1426;background:inherit;}
#logo #title a strong{color:#0093dd;background:inherit;}
#logo #slogan{float:left;clear:left;padding:4px 0 0 4px;background:inherit;color:#1f1a17;}

.logo2 {display:none;}

/* HEADER WITH TOP MENU */
#head2{float:left;width:100%; text-align:right;}
#head2 i{margin:0 6px 0 50px; font-size:1.5em;}
#head2 i.fa-facebook-square{color:#0033CC;}
#head2 .container{float:left;width:100%;}

/* MENU TOP */
.menu-1{float:left; margin:8px 0 0 0;}
.menu-1 ul{float:left;width:100%;margin:0;list-style:none;}
.menu-1 li{position:relative;float:left;padding:0 10px 0 0;}
.menu-1 a{float:left;width:100%;margin:0 0;padding:4px 15px 0 20px;color:#fff;font-size:1em;text-decoration:none; height:46px; line-height:42px; display:block; letter-spacing:1px;}
.menu-1 a:hover{color:#fff;transition:all 0.5s ease; color: red;}
.menu-1 li:nth-child(2) a {background:url(img/mcorner2.png) no-repeat bottom left;}
.menu-1 li:nth-child(2) a:hover {color: #fff;}


.slide25{background:#007ebb;} /* CUSTOM */

/* BODY/CONTENT STYLES */
#body{clear:both;margin:0;}
#body:after{content:"";display:table;clear:both;}


/* PAGE */
#page{position:relative;float:left;width:100%;margin:0 0 30px;text-align:justify; min-height:500px;}
.home {float:left; width:100%; margin:0 0 50px;}
.home2 {float:left; width:100%;background:url(img/heading.jpg) repeat-x top; overflow:hidden; margin:0 0 30px;}
#page h1{margin:30px 0 35px;color:#171c1f;font-size:2.417em; text-align:center;}
#page h2 {font-size:24px; text-align:left; color:#222; margin:10px 0 10px; text-transform:uppercase; font-weight:bold;}
#page h3 {font-size:30px; font-weight:bold; color:#171c1f;}

#page p.padding {margin:40px 0 20px;}
.home2 .bgr {background:url(img/jetski-bg.jpg) no-repeat center top; float:left; padding:150px 0 0;}
/*#page h2 span {background:url(img/fbg.jpg) repeat-x; padding:0 30px;}*/

#page .col1 {float:left; width:58%;}
#page .col2 {float:left; width:42%;}
#page .col3 {float:left; width:25%; text-align:center;}

#page .col3a {float:left; width:31%; text-align:center;}
#page .col3b {float:left; width:24%; text-align:center;}
#page .col3c {float:left; width:25%; text-align:center;}
#page .col3d {float:left; width:20%; text-align:center;}

#page .col3 p {padding:0 15px 40px;}
#page .col3 img {max-width:290px; text-align:center;}
#page .col2e {float:left; width:50%; margin:2px 0 50px;}

@media screen and (max-width: 1200px) {
    #page .col2e {float:left; width:100%; text-align:center; margin:0 0 30px;}
	#page .col3a,#page .col3b,#page .col3c,#page .col3d {float:left; width:100%; text-align:center;}
	#page .col1, #page .col2 {float:left; width:100%; text-align:center;}
	
}



@media screen and (max-width: 1100px) {
/* LOGO, HEADER BACKGROUND AND SLOGAN */
#head1{float:left;width:100%;height:auto; border-bottom:#222 solid 0px;}
#head1 .container{background:url(img/head1.jpg) no-repeat bottom right;border-bottom: 0px solid #970000; height:auto;}
#logo{float:left;padding:0 0 0 0; width:100%; text-align:center;}
#logo #title{float:left;}

.logo2 {display: inline; margin:15px 0 5px;}
	.logo1 {display:none;}

/* HEADER WITH TOP MENU */
#head2{float:left;width:100%; text-align:center;}
#head2 i{margin:0 6px 0 20px; font-size:1.5em;}
#head2 i.fa-mobile{margin:0 6px 0 0;}
#head2 i.fa-facebook-square{color:#0033CC;}
#head2 .container{float:left;width:100%;}

/* MENU TOP */
.menu-1{float:left; margin:8px 0 0 0; width:100%;}
.menu-1 ul{float:left;width:100%;margin:0;list-style:none;}
.menu-1 li{position:relative;float:left;padding:0 0 0 0; width:100%; text-align:center;}
.menu-1 a{float:left;width:100%;margin:0 0;padding:0 0 0 0; color: #000; border:#000 solid 1px;}
.menu-1 li:nth-child(2) a {color: #fff; background-image: none; background: #ba0003;}
.menu-1 li:nth-child(2) a:hover {color: #fff;}

}

@media screen and (max-width: 700px) {
    #page .col2e {float:left; width:100%; text-align:center;}
	#page .col3 {float:left; width:100%; text-align:center;}
	.home2 {float:left; width:100%;background:none; padding:0 0 20px;}
}


/* PAGE - BREADCRUMB (navigation path) */
#page nav.breadcrumb{margin-bottom:20px;}
#page nav.breadcrumb a{}
#page nav.breadcrumb a:hover{}

/* PAGE CONTENT */
#page div.content{}
#page div.content > ul, #page div.content > ol{padding:0 0 0 30px;}
#page div.content > ul:after, #page div.content > ol:after{content:"";display:table;clear:both;}
#page div.content > ul li, #page div.content > ol li{margin:8px 0;padding:0;}
#page div.content > h2, #page div.content > h3{}
#page div.content > h3{}
#page div.content p{padding-bottom:10px;}

/* IMAGES STYLES */
/* global */
#content li img{box-shadow:0 0 4px rgba(100,100,100,0.4);}
#content li img:hover{opacity:0.8;}
/* list global */
.images-1, .images-2{list-style:none;}
.images-1 li, .images-2 li{margin:0 0 15px 0;background:inherit;text-align:center;}
.images-1 p, .images-2 p{max-width:250px;margin:0 auto;color:#0093dd;font-size:0.875em;}
/* list custom */
.images-1{clear:left;float:left;margin:9px 20px 0 0;}
.images-2{clear:right;float:right;margin:8px 0 0 15px;}

/* FILES LIST STYLES */
.files-list{width:99%;float:left;margin:15px 0 5px;list-style:none;vertical-align:middle;border-left:2px solid #c8cccf;font-size:0.9em;}
.files-list li{float:left;clear:left;width:83%;height:20px;margin:9px 0 9px 20px;padding-left:30px;background:url('img/files-ext.gif') no-repeat 0 -260px;}
.files-list p{display:inline;color:#0093dd;font-style:italic;}
.files-list p:before{content:" - ";}
.files-list .zip{background-position:0 0;}
.files-list .xml{background-position:0 -20px;}
.files-list .xls{background-position:0 -40px;}
.files-list .web{background-position:0 -60px;}
.files-list .vcf{background-position:0 -80px;}
.files-list .txt{background-position:0 -100px;}
.files-list .sys{background-position:0 -120px;}
.files-list .swf{background-position:0 -140px;}
.files-list .psd{background-position:0 -160px;}
.files-list .pps{background-position:0 -180px;}
.files-list .png{background-position:0 -200px;}
.files-list .pic{background-position:0 -220px;}
.files-list .pdf{background-position:0 -240px;}
.files-list .nn{background-position:0 -260px;}
.files-list .eml{background-position:0 -280px;}
.files-list .media{background-position:0 -300px;}
.files-list .fla{background-position:0 -320px;}
.files-list .exe{background-position:0 -340px;}
.files-list .chm{background-position:0 -360px;}
.files-list .cdr{background-position:0 -380px;}


/* SUBPAGES LIST STYLES */
.pages-list{float:left;width:100%;margin:7px 0;list-style:none;}
.pages-list li{clear:left;float:left;width:100%;margin:15px 0;padding:25px 0 20px;border:1px solid #e0e0e0;border-top:5px solid #e8eaee;}
.pages-list li .image{float:left;margin:0 2.5% 5px;}
.pages-list h2{padding:0 2.5% 15px;}
.pages-list h2 a{color:#cc1426;font-size:1.25em;font-weight:normal;background:none;text-decoration:none;}
.pages-list h2 a:hover{color:#0093dd;background:none;text-decoration:underline;}
.pages-list div.description{margin:0 2.5%;font-weight:normal;font-size:1em;line-height:1.4em;}
.pages-list ul, .pages-list ol{float:left;width:96%;margin:5px 0 0 4%;padding:0;list-style:disc;}
.pages-list li li{padding:0;border:0;background:none;}
.pages-list li ol{list-style:decimal;}
.pages-list p{padding-bottom:10px;}

/* FOOTER - SITE AND SCRIPT COPYRIGHTS STYLES */
#foot{clear:both;background:url(img/fbg.jpg) repeat-x;color:#fff;font-size:0.9em; text-align:center; border-top:#970000 solid 2px;}
#foot .container{padding:22px 0;}
#foot .container:after{content:"";display:table;clear:both;}
#foot a{color:#fff;text-decoration:none;}
#foot a:hover{text-decoration:underline;}
#foot .copy{float:left; width:100%;}
#foot .options{float:right;}
#foot .options ul{list-style:none;}
#foot .options li{float:right;margin-left:25px;}
#foot .options a{display:block;width:16px;height:16px;text-indent:100%;white-space:nowrap;overflow:hidden;font-size:1%;color:transparent;background:url('img/options.png') no-repeat center 0;}
#foot .options .print a:hover{background-position:center -16px;}
#foot .options .back a{background-position:center -32px;}
#foot .options .back a:hover{background-position:center -48px;}

#powered{clear:both;width:100%;margin-bottom:40px;text-align:center;}
#powered a{display:inline-block;width:192px;height:26px;}
#powered a:hover{border-color:#fff;}

@media print{
  /* PRINT STYLES */
  * {color:#000 !important;background:#fff !important;border-color:#444 !important;border-width:1px !important;}

  body{margin:1cm 0;font-size:0.875em;}
  #container{position:static;width:17.2cm;height:auto;margin:0;box-shadow:none;}
  #head1{height:auto;}
  #logo{padding:0 0 0.2cm;}
  #logo #title a{font-size:2em;}
  #header .menu-1{margin-top:0.3cm;}
  #header .menu-1 li a{padding:0.1cm 0.2cm;border:0px;border-right:1px solid #000;font-size:1em;}
  #header .menu-1 .selected a{font-weight:bold;}
  #head2 .container{position:static;}

  #body{clear:none;border-top:0px;}
  #page{clear:both;position:static;float:none;}
  #page h1{margin:0;}

  #body, #head1, #foot{float:none;}
  .menu-1 li:hover:after, .menu-1 .selected:after, #foot .options{display:none;}
  #slider, .quick-slider img, .quick-slider-nav-arrows, .quick-slider-nav-dots{display:none;}
}

/* RESPONSIVE WEB DESIGN - media queries */
  @media screen and (max-width:1199px){
    #container{width:95%;}
    #logo #title a{font-size:2em;}
  }


/* PLUGINS */
table {min-width:700px; line-height:24px; margin:0 auto; border-color: #ccc;}
table td, table th {padding:10px;border-bottom:#ddd solid 1px;}
table th {}
.reservation table br {line-height: 0;}

#page3 .h1title {display:none;}
h4 {font-size:24px; font-weight:bold;}



.post {max-width:800px; margin:0 auto;}
.post img {padding:0 10px 10px;}
#page .post h1 {font-size:25px; clear:both; padding:20px 0 10px;}

/* YouTube Responsive CSS for HubSpot */

.hs-responsive-embed {
position: relative;
height: 0;
overflow: hidden;
padding-top: 0;
padding-left: 0;
padding-right: 0;
}

.hs-responsive-embed iframe,
.hs-responsive-embed object,
.hs-responsive-embed embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}

.hs-responsive-embed,
.hs-responsive-embed.hs-responsive-embed-youtube,
.hs-responsive-embed.hs-responsive-embed-wistia,
.hs-responsive-embed.hs-responsive-embed-vimeo {
padding-bottom: 56.25%;
} 

.airhome {background:url(img/homepage.jpg) no-repeat center center; height:343px; overflow:hidden; float:left; width:100%; margin:30px 0;}
.airhome p {max-width:620px; margin:0 auto; text-align:center; color:#fff; padding:0;}
.airhome p.name {margin:40px auto; font-size:30px; font-weight:bold;}
.airhome a {color:#ffff00;}
.airhome a:hover {color:#FFF;}

/* PLUGINS */

#contact-area {margin:0 0 50px;}

#contact-area table {border:0; min-width:auto;color:#222;}
#contact-area table td, #contact-area table th {padding:10px;border:0;}
#contact-area table th {background:#fff; color:#222;}


.imagecol {width:calc(25% - 20px); float: left; margin:10px;}
.imagecol img {max-width: 100%;}
.imagecol a {margin: 10px;}
.video {text-align: center; max-width: 560px; margin: 20px auto 0; clear: both;}


#wrapper {width: 700px; margin:20px auto;}
#wrapper input, #wrapper select {width: 100%; padding: 10px 15px; margin: 4px 0; font-size: 15px; border:#999 outset 3px;}
#wrapper input[type="submit"] {cursor: pointer; background: green; color: white; font-size: 26px; border-color: green;}
#wrapper input[type="submit"]:hover {background: orange; color: white; font-size: 26px; border-color: green;}
#wrapper input[type="submit"]:disabled {background: gray; color: white; font-size: 26px; border-color: green;}
#wrapper .error {border-color: red;}

#res-info {
    width: 700px;
    margin: 20px auto;
}

@media screen and (max-width: 700px) {
  .imagecol {width:calc(50% - 20px); float: left;}
    table {min-width:100%; width:100%;}
	#contact-area input {width:96%; padding:6px; font-size:18px; margin:5px 0 0 0; border:#666 solid 1px;}
	.post img {display:block; clear:both; float:left; width:100%; text-align:center;}

}

@media screen and (max-width: 800px) {
   #wrapper {width: 96%; margin:20px 2%;}
   #res-info {width: 96%; margin:20px 2%;}
}

@media screen and (max-width: 500px) {
  .facebookLink {display: none;}
}

.product {text-align:center; padding:15px 10px 0; border:#f2f2f2 solid 1px; margin-bottom:30px;background: rgb(242,242,242);
background: linear-gradient(360deg, rgba(242,242,242,1) 0%, rgba(255,255,255,1) 10%);}
.product h2 {text-align:center !important;}
.productDescription {padding: 30px 0;}