/*
Theme Name: Prevalent
Theme URI: https://gracethemes.com/themes/free-travel-wordpress-theme/
Author: Grace Themes
Author URI: https://gracethemes.com/
Description: Prevalent is a Free Travel WordPress theme. It is Perfect for all Professional, Corporate,travel, restaurant and any type of business. It is user friendly customizer options and Compatible in wordPress Latest Version. also Compatible with WooCommerce, Nextgen gallery ,Contact Form 7 and many WordPress popular plugins. Demo Link: https://gracethemes.com/demo/prevalent/

Version: 1.6.0
License: GNU General Public License
License URI: http://www.gnu.org/licenses/gpl.html
Text Domain: prevalent
Tags:two-columns,right-sidebar,custom-logo,full-width-template,footer-widgets,custom-colors,custom-header,editor-style,custom-background,custom-menu,threaded-comments,theme-options,featured-images,translation-ready

Prevalent WordPress Theme has been created by Grace Themes(gracethemes.com), 2016.
Prevalent WordPress Theme is released under the terms of GNU GPL
*/
body{ background-color:#fff; margin:0; padding:0;line-height:20px; font-size:15px; color:#5c5c5c; font-family: Lato, sans-serif; -ms-word-wrap:break-word; word-wrap:break-word; }
*{ margin:0; padding:0; outline:none;}
img{ border:none; margin:0; padding:0; height:auto; max-width:100%;}
.wp-caption, .wp-caption-text, .sticky, .gallery-caption, .aligncenter{ margin:0; padding:0; max-width:100% !important;}
p{ margin:0; padding:0;}
a{ text-decoration:none; color:#fff;}
a:hover{ color:#fff;}
ol,ul{ margin:0; padding:0;}
ul li ul, ul li ul li ul, ol li ol, ol li ol li ol{ margin-left:10px;}
#booknow h2{color:#fff;}
h1,h2,h3,h4,h5,h6{ color:#484f5e; font-family: proxima-nova-extra-condensed, Arial, "Helvetica Neue", Helvetica, sans-serif; }
h1{ font-size:32px;}
h2{ font-size:28px;}
h3{ font-size:24px;}
h4{ font-size:20px;}
h5{ font-size:18px;}
h6{ font-size:14px;}
.clear{ clear:both;}
.alignnone{ width:100% !important;}
img.alignleft, .alignleft{ float:left; margin:0 15px 0 0; padding:5px; border:1px solid #cccccc;}
img.alignright, .alignright{ float:right; margin:0 0 0 15px; padding:5px; border:1px solid #cccccc;}
.left{ float:left;}
.right{ float:right;}
.space50{ clear:both; height:50px;}
.space100{ clear:both; height:100px;}
.pagination{display:table; clear:both;}
.pagination ul{list-style:none; margin:20px 0;}
.pagination ul li{display:inline; float:left; margin-right:5px;}
.pagination ul li span, .pagination ul li a{background:#646262; color:#fff; padding:5px 10px; display:inline-block;}
.pagination ul li .current, .pagination ul li a:hover{background:#34c6f6;}

#comment-nav-above .nav-previous, #comment-nav-below .nav-previous{ float:none !important; margin:10px 0;}
ol.comment-list li{ list-style:none; margin-bottom:5px;}

#phoneli{
	width:20px;
}

#phonehref{
	width:20px;
}

.logo{float:left; z-index:999; color:#444; margin-top:0px; position:relative; top:-5px; margin-left:10px;}
.logo h1{font-weight:400; margin:0; line-height:36px; color:#444;}
.logo a{ color:#444;}
.logo span{ color:#444; display:block;}
.container{ margin:0 auto; position:relative; width:875px;padding-left:100px;}
.pagebanner{ height:280px; overflow:hidden; text-align:center;}
.pagebanner img{ position: relative; background-size:cover; width:100%; height:auto;}
#pageholder{ width:100%; margin:0 auto; background-color:#fff;}
.fixlayout{ width:1140px !important; margin:20px auto !important; position:relative; box-shadow:0 0 5px #333;}
.fixlayout .container{ padding:0 20px;}
body.home .fixlayout .fixed-header{ width:100%;}
/*header menu css*/
.hdrright{
	width:100%;
	height:50px;
	display:none;
}
.menu-nav-menu-container{
	float:left;
}
.toggle {float:left;}
.toggle a{ width:100%; color:#ffffff; background:url(images/mobile_nav_right.png) no-repeat right center #005cb9; padding:10px 0px 10px  10px; margin-top:25px; font-size:16px;float:left;}
.toggle a:hover{color:#ffffff !important;}
.sitenav{display:none; width: 875px; float:left; padding-right: 100px}
.headerinner, .blog .header{ position:relative !important}
.header{width:1250px; z-index:999; top:auto; background-color:#fff;}
body.home .fixed-header {position:fixed !important; top:0; z-index:999;   }
body.home .removed-fixedheader{ position:relative !important; }
.sitenav{ padding:0; text-align:right; float:left; margin: 0 auto;}
.sitenav ul, .sitenav ul li.current-menu-ancestor a.parent { float:left; margin:0 auto; padding:0; font:13.5px/1.2; font-weight:900; font-family:Lato,Arial,"Helvetica Neue",Helvetica,sans-serif;}
.sitenav ul li{ display:inline-block; margin:0; position:relative; text-align:center;float:left;}
.sitenav ul li a{ padding:10px 10px; display:block; color:#005cb9; }
.sitenav ul li ul li{display:block; position:relative; float:none; }
.sitenav ul li ul li a{display:block; padding-top:10px; padding-bottom:10px; position:relative; text-align:left; border-bottom:1px solid #ccc;  }
.sitenav ul li ul li a:hover, .sitenav ul li ul.sub-menu li.current_page_item a{border-radius:0; }
.sitenav ul li a:hover, .sitenav ul li.current_page_item a, .sitenav ul li.current-menu-ancestor a.parent{  color:#dd3333;}
.sitenav ul li ul{display:none; z-index:9999; position:relative;}
.sitenav ul li:hover > ul{display:block; width:200px; position:absolute; left:0; text-align:left; background-color: #fff;  box-shadow:0 2px 2px #000; }
.sitenav ul li:hover ul li ul{display:none; position:relative;}
.sitenav ul li:hover ul li:hover > ul{display:block; position:absolute; left:200px; top:1px;}
.sitenav ul li.current-menu-ancestor a.parent{}


section#home_slider{ padding:0; }
#section-1{ padding:15px 0;}
h2.section-title {color:#454545; font:300 36px/40px 'Montserrat',san-serif; text-align: center; }

.welcomecontent{ width:50%; float:left; text-align:right; margin:0 25px 0 0; }
.welcomethumb{ width:45%; float:right; text-align:left;}

.UnderLine{ width:50%; position:relative; display:inline-block; clear:both; margin:10px auto 30px; border-top:1px solid #E1E1E1;}
.hr-inner{ position:absolute; margin-top:-1px; top:50%; height:1px; width:100%;}
.hr-style { background-color:#FCFCFC; border-radius: 20px;  border-style: solid;  border-width:1px; display: block; height: 9px; left: auto; right:0; margin-left: -5px; margin-top: -5px; position: absolute;    width: 9px;}

/* = section first css
-------------------------------------------------------------- */
.fourbox{ background-color:#fff; color:#2e2e2e; width:23.5%; margin-left: 15px; padding:10px; float:left; text-align:center; position:relative; min-height:280px; box-sizing:border-box;}
.fourbox p{line-height:20px; margin-bottom:20px; }
.fourbox h3{ font-size:4.3vh; font-weight:800; color:#fff; margin:70px 0 15px 0; line-height:40px;}
.fourbox h3 a{color:rgba(255, 255, 255, 0.9);}
.fourbox:hover h3{ color:#31cafd;}
.fourbox .thumbbx { height:155px; overflow:hidden; margin:0 auto;}
.fourbox .pagecontent { padding:15px 0 0 0;}
.fourbox .thumbbx img{ width:100%; height:auto;}

/* = three column  css
-------------------------------------------------------------- */

#section-4{ padding:40px 0; text-align:center; background-color:#eef2f7;}
.threecolwrap p{ margin-bottom:35px;}

.column-3-bx{ background-color:#fff; color:#2e2e2e; padding:20px; width:30.3%; float:left; margin:0 3% 0 0; position:relative; box-sizing:border-box; }
.column-3-bx p{line-height:20px; margin-bottom:20px; }
.column-3-bx h3{ font-size:16px; font-weight:400; color:#343434; margin:0 0 15px; text-align:center}
.column-3-bx h3 a{color:#343434;}
.column-3-bx:hover h3{ color:#31cafd;}
.column-3-bx .imagebox { height:200px; overflow:hidden; margin:0 auto 20px auto;}
.column-3-bx .thumbbx img{ width:100%; height:auto;}

/* = Services section css
-------------------------------------------------------------- */
#section-2{ background-color:#fff; color:#5c5c5c; padding:50px 0; background:url(images/welcomebg.jpg) no-repeat center top; background-attachment:fixed; background-size:cover;}
#section-2 h3{ color:#5c5c5c; font-size:24px; font-weight:600; margin-bottom:25px; }
#section-2 p{ color:#ccc; margin-bottom:35px; }
.aboutwrap{ text-align:center; visibility:hidden;}
.headingtitle{ color:#ccc;}
.last_column{clear:right; margin-right:0 !important; }
.appbutton:hover{ background-color:#dd3333;}
.ReadMore{ background-color:#dd3333;  color:#fff ;display: inline-block; padding:8px 15px; }
.ReadMore:hover{ background-color:#333;color:#fff ;}

.welcomewrap p{ margin-bottom:30px;}
.welcomewrap h2{  margin-bottom:20px; font-size:38px; border-bottom:2px solid #dddddd; padding-bottom:10px; text-align:center; display:inline-block;}

#section-3{ padding:40px 0; text-align:center;}
.whyuswrap p{ margin-bottom:25px;}
.whypagethumb{ width:25%; float:left; margin:0 30px 20px 0;}

/* = social icons css
-------------------------------------------------------------- */
.social-icons a{ border-right:1px solid #E4E8ED; color:#dd3333; width:45px; height:45px; line-height:45px; text-align:center;  vertical-align:middle; display:inline-block; transition:0.6s; -moz-transition:0.6s; -webkit-transition:0.6s; -o-transition:0.6s;  margin:0; padding:0; }
.social-icons br{ display:none;}
.social-icons a:hover{ color:#333;}

.footer-icons a{ color:#fff; width:30px; height:30px; line-height:30px; border:1px solid #fff; text-align:center;  vertical-align:middle; display:inline-block; transition:0.6s; -moz-transition:0.6s; -webkit-transition:0.6s; -o-transition:0.6s;  margin:0 2px; padding:0; border-radius:50%; }
.footer-icons br{ display:none;}
.footer-icons a:hover{ color:#dd3333; border-color:#dd3333;}

/* = Page lay out css
-------------------------------------------------------------- */
.site-main{ width:100%; margin:0; padding:0; float:left;}
.fullwidth{ width:100% ; float:none ;}
.fullwidth p{ margin-bottom:15px;}

.page_content p{ margin-bottom:20px; line-height:20px;}

.blog_lists{ margin-bottom:30px; padding:25px; background-color:#f6f4f4; }
.blog_lists h3{ margin-bottom:0px;}
.blog_lists h3 a{ color:#484f5e;}
.blog_lists h3 a:hover{ color:#dd3333;}
.blog_lists p{ margin-bottom:10px;}
.blog-meta{ font-style:italic; margin-bottom:8px;}
.post-date, .post-comment, .post-categories{ display:inline; color:#333;} 
.single_title{ margin-bottom:5px;}
.BlogPosts{ width:31.2%; float:left; margin:0 3% 0 0;}
.BlogPosts img{ width:100%;}
.BlogPosts h2{ margin:10px 0; font-size:22px; }
.post-thumb{ width:30%; float:left; margin:5px 25px 5px 0;}
.post-thumb img{ width:100%; }

/* = sidebar
-------------------------------------------------------------- */
#sidebar{ width:330px; float:right;}
aside.widget{margin-bottom:30px; background-color:#f6f4f4; }
aside.widget ul{ list-style:disc; }
h3.widget-title{ background-color:#ff554e; padding:12px 15px; margin-bottom:1px; color:#fff;}
#sidebar ul li{ list-style:inside none disc; border-bottom:1px dashed #d0cfcf; padding:8px 0 8px 15px; list-style-position:inside;}
#sidebar ul li a{ padding:0 0 0 10px; color:#3b3b3b;  display:inline-block; }
#sidebar ul li a:hover{ color:#34c6f6;}
#sidebar ul li:last-child{ border:none;}

#sidebar .search-form{ margin-bottom:20px;}
#sidebar .search-form input.search-field{ background-color:#f0efef; width:80%; padding: 12px 15px 12px 15px; box-sizing:border-box; border:1px solid #ddd; }
#sidebar .search-form input.search-submit{ background:url(images/search-icon.png) no-repeat center center #dd3333; padding: 12px 0 12px 0; font-size:0; width:20%; height:43px; float:right; border:0;}

/* = Footer css
-------------------------------------------------------------- */
#footer-wrapper{background-color:#141618; position:relative;  color:#fff;}
.cols-4{width:20%; float:left; margin:0 3% 2% 0; padding:40px 0 20px; }
.widget-column-4 { margin-right:0px !important;}
.cols-4 h5{ font-weight:400; font-size:18px; color:#fff; margin-bottom:25px; border-bottom:1px solid #313134; padding-bottom:15px; }
.cols-4 ul{ margin:0; padding:0; list-style:inside disc;}
.cols-4 ul li { padding:0; color:#fff; }
.cols-4 ul li:last-child {border:none;}
.cols-4 ul li a { color:#fff; font-size:13px; padding-left:10px; }
.cols-4 ul li a:hover, .cols-4 ul li.current_page_item a { color:#dd3333; }

.cols-4 a.readmore span{ color:#fff;}
.cols-4 p{ margin-bottom:0;}

.widget-column-2 a{font:400 20px/24px 'Montserrat',san-serif;}

.copyright-wrapper {  background-color:#0a0c0d; position:relative; padding:15px 0;}
.copyright-wrapper a:hover{ color:#fff;}
.copyright-txt { float:left;}
.copyright-txt span{color:#dd3333;}
.design-by { float:right;}

#footer-wrapper{
	height:40px;
	display:block;
	width:100%;
	margin-top:40px;
}

#footer-wrapper ul li{
	display:inline-block;
}

#footer-wrapper .container{
	padding-right:0;
	width:100%;
	height:40px;
	line-height:40px;
}

#nav_menu-6{
	margin-bottom:0;
	width:100%;
	padding:0;
}

#nav_menu-6 .menu-nav-menu-container{
	text-align:center;
	width:100%;
}

.copyright-wrapper{
	padding:0 20px;
	
}

.design-by{
	display:none;
}



/* Buttons */
.button{ background-color:#ff6565; border-bottom:4px solid #e44545; color:#fff; padding:8px 20px; display:inline-block; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; -o-border-radius:2px; -ms-border-radius:2px; }
.button:hover{background-color:#34c6f6; border-color:#1898c2; color:#fff;}

/* woocommerce CSS
================================================*/
a.added_to_cart{background:#e1472f; padding:5px; display:inline-block; color:#fff; line-height:1;}
a.added_to_cart:hover{background:#000000;}
a.button.added:before{content:'' !important;}
#bbpress-forums ul li{padding:0;}
#subscription-toggle a.subscription-toggle{padding:5px 10px; display:inline-block; color:#e1472f; margin-top:4px;}
textarea.wp-editor-area{border:1px #ccc solid;}
.woocommerce input[type=text], .woocommerce textarea{border:1px #ccc solid; padding:4px;}
form.woocommerce-ordering select{ padding:5px; color:#777777;}
.woocommerce table.shop_table th, .woocommerce-page table.shop_table th{ font-family:'Montserrat',san-serif; color:#ff8a00;}
.woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price{ color:inherit !important;}
h1.product_title, p.price{ margin-bottom:10px;}
.woocommerce table.shop_table th, .woocommerce-page table.shop_table th{ font-family:'Montserrat',san-serif; color:#ff6d84;}
.woocommerce ul.products li, #payment ul.payment_methods li{ list-style:none !important;}
.woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price{ color:inherit !important;}
.woocommerce table.shop_table th, .woocommerce table.shop_table td{ border-bottom:0px !important}

/* Text meant only for screen readers. */
.screen-reader-text {clip: rect(1px, 1px, 1px, 1px);position: absolute !important;	height: 1px;width: 1px;	overflow: hidden;}
.screen-reader-text:focus {	background-color: #f1f1f1;	border-radius: 3px;	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);	clip: auto !important;	color: #21759b;	display: block;
	font-size: 14px;font-size: 0.875rem;font-weight: bold;	height: auto;left: 5px;	line-height: normal;padding: 15px 23px 14px;text-decoration: none;	top: 5px;	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}
/* ============= Contact Page =========== */
.wpcf7{ margin:30px 0 0; padding:0;}
.wpcf7 input[type="text"], .wpcf7 input[type="tel"], .wpcf7 input[type="email"]{ width:40%; border:1px solid #cccccc; box-shadow:inset 1px 1px 2px #ccc; height:35px; padding:0 15px; color:#797979; margin-bottom:0;}
.wpcf7 textarea{width:60%; border:1px solid #cccccc; box-shadow:inset 1px 1px 2px #ccc; height:150px; color:#797979; margin-bottom:25px; font:12px arial; padding:10px; padding-right:0;}
.wpcf7 input[type="submit"]{background-color:#dd3333; width:auto; border:none; cursor:pointer; font:18px 'Montserrat',san-serif; color:#ffffff; padding:10px 40px; border-radius:3px;}	

/* ============= Comment Form ============ */
h1.screen-reader-text{font:22px 'Montserrat',san-serif;}
.site-nav-previous, .nav-previous{ float:left;}
.site-nav-next, .nav-next{ float:right;}
h3#reply-title{font:300 18px 'Montserrat',san-serif;}
#comments{ margin:30px 0 0; padding:0;}
nav#nav-below{ margin-top:15px;}
body.wp-custom-logo .logo h1{display:none;}
.textwidget select{ width:100%;}
table{ width:100%}

/* ============= Social Media Buttons ===========*/

body {
    font-family: 'Lato', sans-serif;
    color: #fff;
    background: #DEE8F1;
    -webkit-font-smoothing: antialiased;
}

.social-icons li{
	width:30px;
}

.social-icons li a{
	width:30px;
}

a {
    text-decoration: none;
    color: #fff;
}
p > a:hover{
    color: #d9d9d9;
    text-decoration:  underline;
}

._12 {
    font-size: 1.2em;
}
._14 {
    font-size: 1.4em;
}
ul {
    padding:0;
    list-style: none;
}
.footer-social-icons {
    width: 275px;
    display:block;
    float:right;
}
.social-icon {
    color: #fff;
}

.social-icons li {
    vertical-align: top;
    display: inline;
    height: 100px;
}

.social-icons{
	color:#99a5ae;
}

.social-icons a {
    color: #99a5ae;
    text-decoration: none;
}
.fa-facebook {
    padding:10px 14px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #dee8f1;
}
.fa-facebook:hover {
    background-color: #3d5b99;
}
.fa-twitter {
    padding:10px 12px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #dee8f1;
}
.fa-twitter:hover {
    background-color: #00aced;
}
.fa-rss {
    padding:10px 14px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #90A6BC;
}
.fa-rss:hover {
    background-color: #eb8231;
}
.fa-youtube {
    padding:10px 14px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #90A6BC;
}
.fa-youtube:hover {
    background-color: #e64a41;
}
.fa-linkedin {
    padding:10px 14px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #90A6BC;
}
.fa-linkedin:hover {
    background-color: #0073a4;
}
.fa-google-plus {
    padding:10px 9px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #90A6BC;
}
.fa-google-plus:hover {
    background-color: #e25714;
}

.fa-instagram {
    padding:10px 12px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #dee8f1;
}
.fa-instagram:hover {
    background-color: #fb3c74;
}



.fa-envelope {
    padding:10px 12px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #dee8f1;
}
.fa-envelope:hover {
    background-color: #e25714;
}

.fa-phone{
	position:relative;
	top:3px;
	width:10px;
}

#socialcontainer{
	width:100%;
}

/* ============ Custom Additions ==========*/

#menu-item-51{
	background-color: #005cb9;	
	transition: background-color 0.5s ease;
	font-weight:900;
	display:none;
}



#menu-item-51:hover, .mobilebooknow:hover{
	background-color: red;	
}

#menu-item-51 a{
	color: #fff;
}

.menu li a{
	color: red;	
	transition: color 0.35s ease;
}

.menu:hover{
	color: red;	
}

.header .container, .fixed-header .container{
	height: 20px;	
}

.header, .fixed-header{
	width: 100%;
}

a.custom-logo-link{
	float:left;
	height: 40px;
}

#section-1 .container{
	width: 100%;
}



#section-1 .container .services-wrap div.fourbox:nth-of-type(1){
	background:url(images/15027922_1457578307604193_8229099763938444648_n.jpg);
	background-size:cover;
}

#section-1 .container .services-wrap div.fourbox:nth-of-type(2){
	background:url(images/14641902_1416428288385862_7633549344576518_n.jpg);
	background-size:cover;
}

#section-1 .container .services-wrap div.fourbox .pagecontent{
	background-color:rgba(0, 0, 0, 0);
}

#section-1 .container .services-wrap div:nth-of-type(3){
	background:url(images/15541452_1492795380749152_2003686252071095104_n.jpg);
	background-size:cover;
}

#section-1 .container .services-wrap div:nth-of-type(4){
	background: url(images/19401967_1994252174140039_4534818924221938001_o.jpg);
	background-size:cover;
}

.entry-title{
	display:none;
}

.home-image{
	width:100%;
}

img.custom-logo{
	width:225px;
	float:left;
	position:relative;
	top:-20px;
}

.mobilebooknow{
	float:left;
	background-color:#005cb9;
	margin-top:25px;
	height:40px;
	text-align:center;
	display:none;
	font:11.5px/1.2; 
	font-weight:900; font-family:Lato,Arial,"Helvetica Neue",Helvetica,sans-serif;
	transition: background-color 0.5s ease;
}

.mobilebooknow a{
	padding-top:10px;
	display:block;
	height:40px;
	width:100%;
	color:#fff;

}

.clearfix{
	clear:both;
}

.booknow{
	float:right;
	background-color: #005cb9;	
	transition: background-color 0.5s ease;
	font-weight:900;
	margin-left: 15px;
	color:fff;
	z-index:1;
}


#waiverdiv, .learnmorediv{
	float:left;
}

a#waiver, a.learnmore{
	display:block;
	width:150px;
	height:40px;
	margin-bottom:10px;
	text-align:center;
	line-height:46px;
	background-color: #005cb9;
	color:#fff;
	transition: background-color 0.5s ease;
	font-weight:900;
	font-family:proxima-nova-extra-condensed,Arial,"Helvetica Neue",Helvetica,sans-serif;
	font-size:28px;
}

a#waiver{
	width:200px;
	
}

.booknow:hover, a#waiver:hover, a.learnmore:hover{
	background-color: red;	
	
}

.booknow{
	height:40px;
}

#booknow h2{
	display:block;
	color:#fff;
	width:130px;
	text-align:center;
	height:40px;
	padding-top:12px;
	font-size: 24px;
}



#phone{
	display:inline-block;
	font-family: Lato, sans-serif;
	font-weight:900;
	font-size: 13px;
	position:relative;
	top:3px;
	
}

#phone a{
	width:95px;
}

.four-wide a{
	display:block;
	width:100%;
	height:160px;
}

.four-wide a:hover{
	text-decoration:underline;
}

.four-wide{
	width:100%;
	height:160px;
	
}

.four-wide li{
	display:inline-block;
	width:25%;
	padding:0;
	margin:0;
	float:left;
	height:160px;
	font-family: lato, proxima-nova-extra-condensed;
	font-size:20px;
	font-weight:900;
	text-align:center;
	letter-spacing:1px;
	line-height:160px;
	border:solid 1px #fff;
	box-sizing:border-box;
}

#four-wide-left{
	background:url(images/jetpack.jpg);
	background-size:cover;
	background-position:center;
}

#four-wide-right{
	background:url(images/sailboatfourwide.jpg);
	background-size:cover;
	background-position:center;
}

#four-wide-mid-left{
	background:url(images/skiboatfourwide.jpg);
	background-size:cover;
	background-position:center;
}

#four-wide-mid-right{
	background:url(images/jetskifourwide.jpg);
	background-size:cover;
	background-position:center;
}

.boxwrapper {
  display: block;
}


.sa_hover_container{
	padding:0;
}

#youthcampslider{
	width:60%;
	height:450px;
	background:url(images/youthcamp.jpg);
	background-size:cover;
	background-position:center;
	float:left;
}

#yogaslider{
	width:60%;
	height:450px;
	background:url(images/yoga.jpg);
	background-size:cover;
	background-position:center;
	float:left;
}

#jetskislider{
	width:60%;
	height:450px;
	background:url(images/17492275_1622302281131794_883291758978731911_o.jpg);
	background-size:cover;
	background-position:center;
	float:left;
}

#nightsup{
	width:60%;
	height:450px;
	background:url(images/nightsup.jpg);
	background-size:cover;
	background-position:center;
	float:left;
	margin-top:20px;
}

.sliderblue{
	box-sizing:border-box;
	width:40%;
	height:450px;
	background-color:#1977D5;
	float:right;
	padding:40px;
	
}

.sliderblue h2, .slideraqua h2{
	font-size:40px;
	font-weight:800;
	color:#fff;
	letter-spacing:1px;
	line-height:40px;
}

.sliderblue h2:hover, .slideraqua h2:hover{
	text-decoration:underline;
}

.sliderblue h2 a, .slideraqua h2 a{
	color:#fff;
}

.sliderblue p, .slideraqua h2 p{
	font-size:17px;
	letter-spacing:1px;
}

.slideraqua{
	box-sizing:border-box;
	width:40%;
	height:450px;
	background-color:#6CB688;
	float:right;
	padding:40px;
	margin-top:20px;
}

.sliderbutton{
	color:#fff;
	letter-spacing:2px;
	font-size:17px;
	font-weight:900;
}

.sliderbutton:hover{
	color:#002c58;
}

#slider_153 .owl-item{
	width:100%;
}

.threewide{
	width:98%;
	margin:0 auto;
	height:300px;
}

.owlstageouter{
	height:450px;
}

.rightholder{
	
	height:300px;
	float:left;
	width:22%;
	margin-left:1%;
	margin-top:20px;
}

#charterlist h2{
	margin-top:15px;
	color:#003870;
}

#charterlist, #sailboatlist{
	width:100%;
	margin-top:20px;
	height:140px;
	height:180px;
	background-color:#1977D5;
	text-align:center;
}

#sailboatlist{
	background-color:#62CACA;
}

#charterlist ul, #sailboatlist ul{
	margin-top:10px;
}

#charterlist a, #sailboatlist a{
	color:#fff;
	font-family:Lato, sans-serif;
	font-size:15px;
	font-weight:700;
	letter-spacing:1px;
	line-height:25px;
	transition: color 0.5s ease;
}

#charterlist a:hover, #sailboatlist a:hover{
	color:#003870;
}

#allcharters, #allsailboats{
	display:table;
	height:100px;
	text-align:center;
	width:100%;
}

#allcharters a, #allsailboats a{
	display:table-cell;
	vertical-align:middle;
	color:#003870;
	font-family:Lato, sans-serif;
	font-weight:900;
	letter-spacing:2px;
	font-size:22px;
	border:6px solid #003870;
    width: 100%;
    height: 100px;
  box-sizing:border-box;
	transition: background-color 0.5s ease;
	transition: color 0.5s ease;
	line-height:35px;
}

#allsailboats a{
	color:#127785;
	border:6px solid #127785;
}

#allcharters a:hover, .learnmore:hover{
	background-color:#003870;
	color:#fff;
}



#allsailboats a:hover{
	background-color:#127785;
	color:#fff;
}

#sailboatlist h2{
	color:#127785;
	margin-top:15px;
}

#malarkythreewide, #hottubthreewide, #capri, #catalina{
	width:38%;
	height:300px;
	float:left;
	margin-top:20px;
	text-align:center;
	box-sizing:border-box;
}

#malarkythreewide a, #hottubthreewide a, #catalina a, #capri a{
	display:block;
	width:100%;
	height:300px;
	padding-top:250px;
	 box-sizing:border-box;
	color:#fff;
	font-family:proxima-nova-extra-condensed, sans-serif;
	font-size:40px;
	font-weight:900;
	letter-spacing:2px;
}


#hottubthreewide, #capri{
	margin-left:1%;	
}



#hottubthreewide a{
	background:url(images/hottubthreewide.jpg);
	background-size:cover;
	background-position:center;
}

#capri a{
	background:url(images/capri.jpg);
	background-size:cover;
	background-position:center;
}

#hottubthreewide a:hover{
	background: 
    linear-gradient(
      rgba(255, 255, 255, 0.2), 
      rgba(255, 255, 255, 0.2)
    ),
    url(images/hottubthreewide.jpg);
	background-size:cover;
	background-position:center;
	text-decoration:underline;
}

#capri a:hover{
	background: 
    linear-gradient(
      rgba(255, 255, 255, 0.2), 
      rgba(255, 255, 255, 0.2)
    ),
    url(images/capri.jpg);
	background-size:cover;
	background-position:center;
	text-decoration:underline;
}

#catalina a:hover{
	background: 
    linear-gradient(
      rgba(255, 255, 255, 0.2), 
      rgba(255, 255, 255, 0.2)
    ),
    url(images/catalina.jpg);
	background-size:cover;
	background-position:center;
	text-decoration:underline;
}

#malarkythreewide a:hover{
	background: 
    linear-gradient(
      rgba(255, 255, 255, 0.2), 
      rgba(255, 255, 255, 0.2)
    ),
    url(images/malarkythreewide.jpg);
	background-size:cover;
	background-position:center;
	text-decoration:underline;
}

#malarkythreewide{
	background:url(images/malarkythreewide.jpg);
	background-size:cover;
	background-position:center;
}

#catalina{
	background:url(images/catalina.jpg);
	background-size:cover;
	background-position:center;
}

#allcharters, #charterlist, #allsailboats, #sailboatlist{
	float:left;
	
}

#locations, #charters, #tours-classes, #youthcamp, #jetpack, #malarkypage{
	width:100%;
	background-color:#fff;
	
}

#locations h2, #charters h2, #tours-classes h2, #youthcamp h2, #jetpack h2, #malarkypage h2{
	margin:0;
	height:40px;
	line-height:45px;
	padding-left: 10px;
	color:#fff;
	letter-spacing:1px;
}

#waiver h2{
	line-height:60px;
}

#locations h2{
	background-color:#62CACA;
}

#charters h2{
	background-color:#6CB688;
}

#malarkypage h2{
	background-color:#1977D5;
}

#youthcamp h2{
	background-color:#1A5A56;
}

#tours-classes h2{
	background-color:#127785;
}

#jetpack h2#jetpacktitle{
	background-color:#003870;
}

#hyatt img, #mbsc img, #westmission img, .chartercontainer img, .tours-classes-container img, #jetpack-container img{
	width:250px;
	float:left;
	margin-right:10px;
}

#hyattinfo li a:hover, #mbscinfo li a:hover, #westmissioninfo li a:hover{
	color:#ff1414;
}

#hyattinfo ul li, #mbscinfo ul li, #westmissioninfo ul li{
	color: #484f5e;
    font-family: proxima-nova-extra-condensed, Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-weight:bold;
	font-size:20px;
}

#mbsccontainer{
	margin-top:100px;
}

.line-separator-teal{
	height:20px;
	background:#62CACA;
	
}

.top-border{
	border-top: solid 20px #6CB688;
}

.top-border-darkblue{
	border-top:solid 20px #127785;
}

.top-border-navy{
	border-top:solid 20px #003870;
}

.map-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
	clear:both;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

#hyattinfo p, #mbscinfo p, #westmissioninfo p, .charterp p, .tours-classes-p p, #malarkyinfo h4, #malarkyinfo h5{
	padding-left:260px;
	padding-bottom:5px;
	color:#484F63;
	margin:0;
}


#mbscinfo h3{
	line-height:25px;
}

.charterside{
	width:250px;
}

.videopadding{
	padding-left:260px;
}

.videocutoff{

}

.videocutoff{
	height:500px;
	overflow:hidden;
}

#homevideo, #youthvideo{
	display: inline-block; /* let it be styled thusly */
    padding: 0;            /* get rid of pre-styling */
    margin: 0;
    width: 100%;           /* take up full width available */
    padding-top: 56.25%;   /* give aspect ratio of 16:9; "720 / 1280 = 0.5625" */
    height: 0px;           /* don't want it to expand beyond padding */
    position: relative;    /* allow for absolute positioning of child elements */
	top:-30%;
}

#homevideo iframe, #youthvideo iframe{
	position: absolute;    /* expand to fill */
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
	
}

#malarkyvideo, #yogavideo{
	position: relative;
	padding-bottom: 54.8%; /* 16:9 */
	padding-top:25px;
	height: 0;
}

#malarkyvideo{
	margin-top:50px;
}

#malarkyinfo iframe, #yogavideo iframe{
	float:left;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.floatclear{
	clear:both;
}


.charterp h3, #hyattinfo h3, #mbscinfo h3, #westmissioninfo h3, #tours-classes h3, #jetpackinfo h3{
	padding-top:10px;
}

#malarkyinfo{
	min-height:530px;
}

#castoffcharterinfo{
	min-height:216px;
}

.pagetitle{
	margin-top:20px;
}

#tours-classes h2#classtitle{
	border-top:solid 20px #DEE8F1;
	height:40px;
}

#youthcamp{
	margin-top:20px;
}

#fifteen-min-info{
	margin-top:20px;
}

#sixty-min-info{
	min-height:260px;
}

.jetpack-description{
	color:#000;
	
	border-top: solid 20px #003870;
}

#jetpackinfo{
	padding-top: 20px;
}



.pricecompare h3{
	color:#1A5A56;
	font-size:20px;
}




.pricecompare h3.strike{
	color:#CC0000;
	font-size:20px;
	text-decoration:line-through;
}

.pricecompare h3.exclusive{
	font-style:italic;
}

.watchnow{
	display:block;
	margin-top:40px;
	border:solid 5px #fff;
	width: 200px;
	height:50px;
	text-align:center;
	line-height:40px;
	border-radius:15px;
	box-sizing:border-box;	
}

.watchnow i{
	position:relative;
	top:3px;
	
}

#learnsail{
	margin:10px auto 0 auto;
	height:40px;
	border-radius:10px;
	line-height:20px;
}

#footerphone{
	float:right;
}

#footerphone a{
	color:#fff;
}

#youthcamp h3{
	margin:10px;
	line-height:30px;
}

#malarkypage #malarkyinfo{
	margin-top:2px;
}

#malarkyinfo h4{
	margin-top:15px;
}

#malarkyinfo h5{
	margin-top:5px;
}

#jetpackinfo .learnmore{
	margin:10px 0;
}

#jetpackinfo .learnmorediv{
	float:none;
}

.jetpackbook{
	width:160px;
	float:left;
}

div#footer-wrapper{
	clear:both;
}

.jetpacktext{
	padding-left:420px;
}

#jetpackinfo img{
	float:left;
	width:250px;
}
