html,body { height: 100%; }

body { margin: 0;padding: 0;min-height: 100%;font-family: arial,tahoma,verdana;font-size: 12px;background: #fff;color: #444;overflow-x: hidden; } 

#outer_container { position: relative; }

#page_wrapper { width: 100%; }

.footer_clear { padding-bottom: 530px; }

strong { font-weight: 700; }

a { outline: none;color: #3ec6e0; }

.clear:after { content: ".";display: block;height: 0;clear: both;visibility: hidden; }

* { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }

.page_width { max-width: 1200px;margin: 0 auto; }

input, textarea { border-radius: 0; }

h1,h2,h3,h4,h5,h6 { font-family: 'Open Sans'; }

.cfont { font-family: 'Open Sans'; }
.ccol { color: #e3af0b; }

p { font-size: 12px;line-height: 20px;margin-bottom: 18px; }

.mb_vsmall { margin-bottom: 5px; }
.mb_small { margin-bottom: 10px; }
.mb_med { margin-bottom: 20px; }
.mb_large { margin-bottom: 30px; }
.mb_vlarge { margin-bottom: 50px; }

.pt_med { padding-top: 15px; }
.pt_full { padding-top: 25px; }

.tac { text-align: center; }
.un { text-decoration: underline; }

.large { font-size: 14px;line-height: 20px; }
.small { font-size: 11px; }

img { max-width: 100%; }
.block { display: block; }

.relative { position: relative; }

iframe { width: 100%; }

::-webkit-input-placeholder {
   color: #888;opacity: 1;
}

:-moz-placeholder { /* Firefox 18- */
   color: #888;opacity: 1;
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #888;opacity: 1;
}

:-ms-input-placeholder {  
   color: #888;opacity: 1;
}


/* layouts */

.page_left { width: 54%;float: left; }

.page_right { width: 42%;float: right; }

.divider { border-bottom: 1px solid #9ce5f3;padding-top: 5px; }

.under { border-bottom: 1px solid #f2f2f2; }

/* headers */

.cms h1 { font-size: 48px;font-weight: 300;letter-spacing: -2px;margin-bottom: 20px;color: #139ab4;line-height: 56px; }
.cms h1.nm,.cms h2.nm,.cms h3.nm,.cms h4.nm,.cms h5.nm { margin-bottom: 0px; }
.cms h1.sm,.cms h2.sm,.cms h3.sm,.cms h4.sm,.cms h5.sm { margin-bottom: 10px; }
.cms h2 { font-size: 26px;font-weight: 400;letter-spacing: -1px;margin-bottom: 17px;color: #139ab4;line-height: 40px; }
.cms h3 { font-size: 26px;font-weight: 300;letter-spacing: -1px;margin-bottom: 15px;color: #2fa0b6;line-height: 30px; }
.cms h4 { font-size: 18px;font-weight: 300;margin-bottom: 14px;color: #2fa0b6;line-height: 22px; }
.cms h5 { font-size: 14px;font-weight: 300;margin-bottom: 14px;color: #2fa0b6;line-height: 22px;font-weight: bold; }
.cms ul { list-style: disc;margin-left: 25px;margin-bottom: 20px;line-height: 20px; }

/* top */

.top_container_background { background-image: url('../img/top/home_background.jpg');background-position: center bottom;background-size: cover;background-repeat: no-repeat; }

#logo_container { padding: 70px 0 20px;background: url('../img/misc/top_sky.png') repeat-x left bottom; }
#top_left { float: left;width: 25%; }
#top_right { float: right;text-align: right;color: #149bb4; }
#top_right a { color: #149bb4;text-decoration: none; }
#top_right i { margin-right: 8px;color: #e3af0b; }

.top_phone { font-size: 24px; }
.top_email { font-size: 16px; }

a#mobile_menu { display: none; }
.fw_open { margin-left: 0 !important; }

#nav_wrapper_container { position: fixed;width: 100%;background: #0c8097;color: #fff;z-index: 999;box-shadow: 0 2px 5px rgb(0,0,0,0.3); }

ul#navigation { font-size: 14px;text-align: center; }
ul#navigation li { display: inline-block;position: relative;margin: 0 1px; }
ul#navigation li a { display: inline-block;padding: 18px 25px;text-decoration: none;color: #fff;position: relative; }
ul#navigation li a:hover { color: #fff;background: #e3af0b; }
ul#navigation li a.on { background: #e3af0b;color: #fff; }

ul#navigation li a:hover:after { top: 100%;left: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(227, 175, 11, 0);border-top-color: #e3af0b;border-width: 12px;margin-left: -12px; }
ul#navigation li a.on:after { top: 100%;left: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(227, 175, 11, 0);border-top-color: #e3af0b;border-width: 12px;margin-left: -12px; }

.close_mobile_menu { display: none; }


.crumb_wrapper { background: #edf5f7;padding: 10px 12px 0 12px; }

ul.breadcrumb li { float: left;margin-right: 10px;margin-bottom: 10px;font-size: 11px; }
ul.breadcrumb li i { margin-top: -1px;color: #e3af0b; }
ul.breadcrumb li a { color: #0c8097; }
ul.breadcrumb li:last-child { display: none; }

.parallax span { display: block;width: 100%;padding-top: 10%; }


/* home */

#home_search_wrapper { width: 80%;background: url('../img/overlay_33.png');padding: 25px;margin: 360px auto 0;color: #fff; }
#home_search_wrapper h2 { font-size: 48px;font-weight: 800;text-align: center;line-height: 56px;letter-spacing: -2px;text-shadow: 2px 2px 6px #000; }
.home_search_padding { padding-bottom: 30px; }

.ss_wrapper { width: 28%;padding: 0 0.5%;float: left; }
.sb_wrapper { width: 16%;padding: 0 0.5%;float: left; }
.sb_wrapper button { transition: all 0.4s ease 0s;border: 0;cursor: pointer;height: 40px;line-height: 40px;box-shadow: 2px 2px 3px #777;border-radius: 4px;font-size: 14px;color: #fff;background: #0c8097;width: 100%; }
.sb_wrapper button:hover { background: #e3af0b; }


.base_block { display: inline-block;width: 50%;padding: 0 6px 12px; }
.base_block a { display: block;width: 100%;padding-top: 70%;position: relative;background-size: cover;background-position: center;background-repeat: no-repeat;text-decoration: none;box-shadow: none;transition: all 0.2s ease;z-index: 1;box-shadow: 0 2px 5px #ccc;border: 5px solid #fff; }
.base_block a span { display: block;background: #139ab4;color: #fff;position: absolute;bottom: 0;right: 0;padding: 6px 12px;font-size: 24px; }
.base_block a:hover { transform: scale(1.1);z-index: 2;box-shadow: 0 10px 20px #777; }

.yacht_home_block { display: block;text-decoration: none;float: left;width: 50%;padding: 0 5px 15px;text-align: center;font-size: 16px; }
.yacht_home_block span.thumb { display: block;width: 100%;padding-top: 60%;position: relative;background-size: cover;background-position: center;background-repeat: no-repeat;transition: all 0.2s ease;z-index: 1;box-shadow: none; }
.yacht_home_block:hover span.thumb { transform: scale(1.05);z-index: 2;box-shadow: 0 5px 10px #999; }


#info_slider_wrapper { padding: 20px 0;background: #f7f7f7; }
.slide_padding { padding: 0 4px; }

.hinfo_block { padding: 12px 12px 18px 12px;background: #fff;box-shadow: 0 1px 2px #ccc;text-align: center;margin-bottom: 3px; }
.hinfo_block:hover { opacity: 0.8; }

.hinfo_block a { text-decoration: none; }
.hinfo_block span.thumb { display: block;width: 100%;padding-top: 55%;background-size: cover;background-position: center;background-repeat: no-repeat;margin-bottom: 15px; }
.hinfo_block span.title { color: #139ab4;font-size: 18px; }

.info_prev { position: absolute;left: -65px;font-size: 120px;top: 40px;color: #139ab4;cursor: pointer; }
.info_next { position: absolute;right: -65px;font-size: 120px;top: 40px;color: #139ab4;cursor: pointer; }


#home_strapline { display: block;text-decoration: none;background: #0c8097;color: #fff;padding: 25px 0 30px; }
.hs_inner { display: flex;align-items: center;font-family: 'Open Sans'; }
.hs_inner .left { width: 75%;padding-right: 40px; }
.hs_inner .right { width: 25%;text-align: right; }
.hs_inner .line1 { font-size: 32px;font-weight: 700;line-height: 36px; }
.hs_inner .line2 { font-size: 22px;line-height: 26px;padding-top: 5px; }
.hs_inner .right span { display: inline-block;background: #e3af0b;padding: 18px 32px;font-size: 16px;font-weight: 700; }


#home_intro { text-align: center;font-family: 'Open Sans'; }
#home_intro p { font-size: 14px;line-height: 24px;font-weight: 300;padding: 0 7%; }

#hh_wrapper { padding: 50px 0;background: #f4f4f4; }

.home_half { float: left;width: 48%;margin-right: 4%;font-family: 'Open Sans';font-weight: 300; }
.home_half:nth-child(even){ margin-right: 0; }
.home_half h2 { font-size: 32px;margin-bottom: 20px;font-weight:  300; }
.home_half p { font-size: 15px;line-height: 24px; }

#checklist_wrapper { background: #fff;border-radius: 8px;box-shadow: 5px 12px 12px rgb(0,0,0,0.1);padding: 30px;transform: rotate(3deg);transition: all 0.2s ease; }

#checklist_wrapper h3 { font-size: 24px;color: #0c8097;margin-bottom: 18px;padding-bottom: 10px;border-bottom: 1px dashed #0c8097; }
#checklist_wrapper ul { padding-left: 20px;font-size: 14px;line-height: 24px;font-style: italic; }
#checklist_wrapper p { font-weight: 700; }

#checklist_wrapper ul li { padding-bottom: 7px;margin-bottom: 7px;border-bottom: 1px dotted #ccc; }

#checklist_wrapper ul li:before { font-family: 'FontAwesome';content: '\f00c';margin:0 5px 0 -20px;color: #e3af0b; }

#featured_home { padding: 50px 0;text-align: center; }
#featured_home h4 { font-size: 36px;font-weight: 300;margin-bottom: 25px; }
#featured_home .items { padding: 0 5%;font-family: 'Open Sans';font-size: 16px;line-height: 24px; }
#featured_home .items .wrap { display: flex;flex-wrap: wrap; }
#featured_home .items .wrap .item { display: block;width: 33.33%;padding: 0 20px 30px;transition: all 0.2s ease;box-shadow: 0; }
#featured_home .items .wrap .item a { color: #0c8097; }
#featured_home .items .wrap .item span.thumb { display: block;width: 100%;padding-top: 60%;position: relative;background-size: cover;background-position: center;background-repeat: no-repeat;margin-bottom: 7px;transition: all 0.2s ease;box-shadow: 0;z-index: 1;transform: rotate(0); }
#featured_home .items .wrap .item:hover span.thumb { box-shadow: 0 3px 7px rgb(0,0,0,0.2);z-index: 10;transform: rotate(-3deg); }

/* yachts */

.yacht_search_wrapper { background: #f7f7f7;border-top: 3px solid #fff;border-bottom: 1px solid #fff;padding: 18px 0; }

.yacht_types_wrapper { padding: 20px 0;border-top: 1px solid #f2f2f2;border-bottom: 1px solid #f2f2f2; }

a.yacht_type_link { display: block;padding: 0 8px;color: #fff;text-decoration: none;width: 33.33%;float: left;text-align: center;position: relative; }
a.yacht_type_link span.inner { padding: 8px 14px 14px;display: block; }
a.yacht_type_link span.inner span.top { font-size: 30px;font-weight: 300;line-height: 36px;display: block;margin-bottom: 4px; }
a.yacht_type_link span.inner span.bottom { font-size: 18px;font-style: italic;line-height: 20px;font-weight: 300; }

.ytl_on:after { top: 100%;left: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-width: 16px;margin-left: -16px; }



.yacht_block { width: 50%;float: left; }
.yacht_block a { text-decoration: none; }

.yacht_block:nth-child(odd) { padding: 0 15px 20px 5px; }
.yacht_block:nth-child(even) { padding: 0 5px 20px 15px; }

.yb_inner { transition: all 0.4s ease 0s;background: #f7f7f7;padding: 12px 12px 24px 12px; }
.yb_inner:hover { background: #fff3d7; }
.yb_inner .left { width: 38%;float: left; }
.yb_inner .left span.thumb { display: block;width: 100%;padding-top: 60%;position: relative;background-size: cover;background-position: center;background-repeat: no-repeat;margin-bottom: 3px;transition: all 0.2s ease;box-shadow: 0;z-index: 1; }
.yb_inner .left span.type { display: block;padding: 10px 10px 14px;text-align: center;color: #fff;font-size: 16px; }

.yb_inner .right { width: 58%;float: right; }
.yb_inner .right h2 { font-size: 20px;color: #52b5c8;letter-spacing: -0.5px;margin-bottom: 12px;line-height: 24px;padding-bottom: 8px;border-bottom: 1px solid #ffcb27; }

.yb_inner .right .more { padding-top: 10px;font-size: 16px;font-weight: 600;color: #0c8097;text-align: right;display: flex;align-items: center;justify-content: right; }
.yb_inner .right .more span { text-decoration: underline; }
.yb_inner .right .more i { font-size: 24px;color: #ffcb28;margin: 0 4px;transition: all 0.2s ease; }
.yb_inner .right .more a { display: inline-block;border-radius: 4px;padding: 10px 18px;margin-right: 8px;color: #fff;font-size: 14px;font-weight: 400;text-align: center; }
.yb_inner .right .more a.orange { background: #e3af0b; }
.yb_inner .right .more a.blue { background: #0c8097; }


.yb_inner:hover .right .more i { transform: rotate(90deg); }

.yb_tr { margin-bottom: 3px; }
.yb_tcl { float: left;width: 30%;padding: 4px 10px 4px 4px; }
.yb_tcr { float: right;width: 70%;border-left: 1px solid #cecece;padding: 4px 4px 4px 10px;color: #333; }

#no_results { text-align: center;font-size: 20px;color: #aaa; }
#no_results span { line-height: 30px;display: block;padding: 20px 10px; }
#no_results i { font-size: 200px;color: #eee; }

.yacht_top { border-bottom: 1px solid #f2f2f2;padding-bottom: 18px; }
.yacht_top_left { float: left;max-width: 80%; }
.yacht_top_right { float: right;width: 20%;white-space: nowrap;text-align: right;padding-top: 16px; }

.reviews_top { text-align: right;display: flex;align-items: center;justify-content: right; }
.reviews_top span { display: inline-block;position: relative;width: 90px;margin-right: 10px;background-color: #eee;overflow: hidden; }
.reviews_top span img.overlay { display: block;z-index: 2;position: relative; }
.reviews_top span img.underlay { display: block;z-index: 1;position: absolute;top: 0;left: 0;float: left; }

.yacht_left { width: 60%;float: left; }
.yacht_right { width: 37%;float: right; }
.yacht_left h2,.yacht_right h2 { color: #2e97ab; }
.yacht_slide { display: block;width: 100%;background-color: #333;background-size: cover;background-repeat: no-repeat;background-position: center;padding-top: 55%; }
.yacht_slide_thumb { display: block;width: 100%;background-color: #333;background-size: cover;background-repeat: no-repeat;background-position: center;padding-top: 60%; }
.yacht_slide_thumb:hover { opacity: 0.8; }
.nophoto { background-color: #eee;background-size: contain;background-repeat: no-repeat;background-position: center;padding-top: 55%;background-image: url('../img/noimg.png'); }

ul.yacht_prices { list-style: none;margin-left: 0; }
ul.yacht_prices li { float: left;padding-bottom: 1px;padding-right: 1px; }
ul.yacht_prices li.date { width: 30%; }
ul.yacht_prices li.date span { width: 100%;color: #000;padding: 10px;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }

ul.yacht_prices li.price { width: 20%; }
ul.yacht_prices li.price span { width: 100%;background: #f7f7f7;color: #000;padding: 10px;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;  }


.opened { transform: rotate(90deg); }

.yacht_q { display: block;padding: 14px 70px 14px 20px;background: #f7f7f7;color: #0c8097;text-decoration: none;font-weight: 300;letter-spacing: -0.5px;font-size: 18px;border-bottom: 1px solid #eee;position: relative; }
.yacht_q i { position: absolute;font-size: 30px;right: 15px;top: 50%;margin-top: -15px;color: #0c8097;transition: all 0.3s ease; }
.yacht_a { background: #f9f9f9;padding: 14px 20px;margin-bottom: 10px;display: none; }
.yacht_a ul { list-style: disc;margin: 0 0 20px 25px; }
.yacht_a ul li { margin-bottom: 5px;padding: 0 4px;line-height: 18px; }

.spec_row { margin-bottom: 1px; }
.spec_left { padding: 12px;width: 35%;background: #0c8097;color: #fff;border-right: 1px solid #fff;float: left; }
.spec_right { padding: 12px;width: 65%;background: #f7f7f7;float: left; }

.overhead { display: block;margin: 0 auto; }

.yacht_equipment { display: table;border-spacing: 1px;border-collapse: separate;width: 100%; }
.ye_row { display: table-row; }
.ye_cell { width: 33.33%;padding: 10px;vertical-align: middle;display: table-cell;text-align: center;line-height: 18px; }

.alt1 { background: #f2f2f2; }
.alt2 { background: #fafafa; }

.yacht_enquiry_wrapper { padding: 20px 0 30px;background: #f7f7f7; }

.yef_divider { border-bottom: 1px solid #e6e6e6; }

.yef_left { width: 46%;float: left; }
.yef_right { width: 46%;float: right; }

.yef_row .left { float: left;width: 30%;padding-top: 13px; }
.yef_row .right { float: right;width: 68%; }

.ytb { border: 1px solid #ddd;padding: 12px;resize: none;font: 12px arial; }

.ytb_full { width: 100%; }

.butt { display: inline-block;text-decoration: none;background: #e3af0b;font-weight: 700;font-size: 14px;color: #fff;padding: 15px 30px;cursor: pointer;border: 0;border-radius: 4px;box-shadow: 2px 2px 3px #ccc;font-family: 'Open Sans'; }

ul.errors { list-style: disc;margin: 0 0 20px 25px; }
ul.errors li { font-size: 14px;color: #e53b0d;line-height: 22px;font-weight: 700; }

ul.filters { list-style: none;margin-left: 0;padding: 10px;background: #f7f7f7;border-radius: 3px; }
ul.filters li { float: left;margin-right: 10px;font-size: 14px;border-right: 1px solid #bbb;padding-right: 10px; }
ul.filters li:first-child { border-right: 0;padding-right: 0px; }
ul.filters li:last-child { border-right: 0;padding-right: 0px; }
ul.filters li span { display: inline-block;margin: 0 7px;font-style: italic;color: #0c8097; }
ul.filters li a { color: #ffcb28; }


/* pricelist */

#pl_left { width: 25%;float: left; }
#pl_right { width: 72%;float: right; }
#pl_options { background: #fafafa;padding: 18px; }

#pl_options h4 { padding-bottom: 10px;border-bottom: 1px dashed #0c8097; }

.plo_row { position: relative;padding: 0 0 12px 30px;font-size: 12px; }
.plo_row .icwrap { position: absolute;top: 0;left: 0; }
.plo_type { display: block;font-size: 14px;margin-bottom: 7px;font-weight: 600;padding-top: 4px; }

#pl_results { padding: 15px;background: #f7f7f7; }
#pl_results .opencalc { margin-top: 0;float: none; }

.pl_row { padding-bottom: 10px;border-bottom: 1px dashed #aaa;font-size: 14px; }

.plt_wrapper { width: 40%;float: left; }
.plr_top_type { width: 32%;text-align: center;padding: 0 12px 0 0;float: left; }
.plr_top_type span { display: block;padding: 0 0 10px 0px;color: #fff; }
.plr_top_name { padding: 0 12px 0 0; }
.plr_top_name span { display: block;font-size: 14px; }
.plr_top_name span a { color: #0C8097;text-decoration-style: wavy;display: block;margin-bottom: 7px;font-size: 18px;line-height: 24px; }

.plr_top_name ul li { float: left;width: 50%;padding: 0 5px 3px 5px;font: 12px arial; }
.plr_top_name ul li span { display: inline-block;width: 70px;padding: 0; }

.plr_top_summary { float: left;text-align: center;width: 32%;line-height: 22px; }
.plr_top_summary span { display: block;padding: 10px; }

.plr_top_calc { width: 28%;text-align: center;padding: 0 0 0 12px;float: left; }


.prtoggle { text-decoration: underline;font-size: 12px;font-family: arial;display: block;padding-top: 7px; }

.prd_wrap { background: #fff;margin-top: 12px;display: none; }
.prd_block { float: left;width: 20%;padding: 1px;text-align: center;font-size: 12px; }
.prd_block span.top { display: block;width: 100%;padding: 8px;position: relative;white-space: nowrap;text-overflow: ellipsis; }
.prd_block span.bottom { display: block;width: 100%;padding: 12px 8px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }

.plr_img { float: left;width: 20%;padding-right: 12px; }
.plr_img span { display: block;width: 100%;background-size: cover;background-repeat: no-repeat;background-position: center;padding-top: 55%;border: 4px solid #fff;border-radius: 3px;box-shadow: 0 1px 2px #ccc; }

#filter_menu { display: none; }
.close_filter_menu { display: none; }

.prtogblue { background: #0c8097;position: relative;display: block;margin-top: 8px;padding: 8px 12px 8px 40px;text-align: center;color: #fff;font-family: 'Open Sans';font-size: 14px;text-decoration: none;box-shadow: 0 1px 3px #ccc;text-align: center;border-radius: 6px;line-height: 18px; }
.prtogblue i { position: absolute;left: 10px;top: 11px;color: #fff;font-size: 24px; }
.prtogblue span { font-size: 13px;display: block;padding-top: 3px; }

/* reviews */

.review_row { position: relative;padding: 0 50px 0 78px; }
.review_row .open { position: absolute;top: 0;left: 2px;font-size: 60px;color: #ffca27; }
.review_row .closed { position: absolute;bottom: 0;right: 2px;font-size: 36px;color: #ffca27; }

.review_row h3 { color: #444;font-size: 14px;font-weight: 600;letter-spacing: normal; }
.review_row .review_text { font-size: 14px;line-height: 24px;color: #139ab4;font-style: italic;font-weight: 400; }
.review_img { display: block;float: right;border: 6px solid #fff;box-shadow: 0 1px 2px #ccc;max-width: 20%;margin: 10px 0 10px 25px; }

.rot1 { transform: rotate(3deg); }
.rot2 { transform: rotate(5deg); }
.rot3 { transform: rotate(6deg); }

.review_stars { font-size: 32px;color: #ffca27; }
.review_stars i { margin-right: 5px; }

.review_notes { padding: 15px;background: #f6f6f6;line-height: 18px; }

.divider_img { display: block;margin: 0 auto; }


/* page nav */

.page_nav_outer { border-top: 1px solid #f2f2f2;padding-top: 20px; }

ul.page_nav { text-align: center; }
ul.page_nav li { display: inline-block;margin: 0 4px 8px; }
ul.page_nav li a { display: block;width: 42px;line-height: 42px;text-decoration: none;color: #fff;font-size: 18px;font-weight: 600;border-radius: 21px;text-align: center; }
ul.page_nav li a.on { background: #ffcb28; }
ul.page_nav li a.off { background: #0c8097; }


ul.pagenav { text-align: center; }
ul.pagenav li { display: inline-block;margin: 0 4px 8px; }
ul.pagenav li a { display: block;width: 42px;line-height: 42px;background: #0c8097;text-decoration: none;color: #fff;font-size: 18px;font-weight: 600;border-radius: 21px;text-align: center; }
ul.pagenav li a.on { background: #ffcb28; }
ul.pagenav li a.off { background: #0c8097; }

/* contact */

.contact_left { float: left;width: 60%; }

.contact_right { float: right;width: 37%; }

.contact_right iframe { width: 100%;height: 300px; }

ul.chalf li { float: left;width: 50%;text-align: center; }
ul.chalf li:nth-child(odd) { padding-right: 15px; }
span.chalf_bottom { display: block;line-height: 18px;padding: 2px 0 0 0; }
span.chalf_top { font-size: 14px;font-weight: 600;color: #0C8097;display: block;line-height: 22px; }
ul.chalf li span a { color: #0C8097;text-decoration: none; }

ul.socials { text-align: center; }
ul.socials li { display: inline-block;font-size: 30px;margin: 0 7px; }
ul.socials li a { text-decoration: none;color: #bbb;transition: all 0.2s ease; }
ul.socials li a:hover { color: #0a6a7d; }

.nl_wrapper { padding: 16px 20px 20px;background: #f7f7f7;text-align: center; }

.nl_left { float: left;width: 74%; }
.nl_left input { border: 1px solid #ddd;height: 40px;line-height: 40px;padding: 0 8px;font: 12px arial;width: 100%; }

.nl_right { float: right;width: 25%; }
.nl_right button { border: 0;height: 40px;line-height: 40px;background: #0a6a7d;color: #fff;padding: 0 10px;width: 100%; }

.formrow .left { margin: 0;float: left;width: 28%;font-size: 14px;padding-top: 15px;color: #3ec6e0; }
.formrow .right { margin: 0;float: right;width: 70%; }

.textbox { border: 0;padding: 14px;font-family: arial;font-size: 12px;width: 100%;box-shadow: 0 1px 2px #ccc; }
.tb_grey { background: #f4f4f4;box-shadow: none; }

.sb_ml { margin-left: 30%; }

.errors { font-size: 14px;list-style: disc;padding: 0 0 0 30px;color: #f00;line-height: 22px; }


/* sailing areas */

.sa_row { padding: 18px;background: #f7f7f7; }
.sa_row .thumb { float: left;width: 25%; }
.sa_row .thumb span { display: block;width: 100%;padding-top: 50%;background-size: cover;background-repeat: no-repeat;background-position: center;border: 6px solid #fff;box-shadow: 0 1px 2px #ccc; }
.sa_row .info { float: left;width: 75%;padding-left: 20px; }

.sa_row .infoinner { float: left; }

.sa_row h3 { font-size: 32px;color: #139ab4;line-height: 40px;font-weight: 300;padding-bottom: 5px;border-bottom: 1px dotted #139ab4;  }

.sa_row ul li { float: left;margin-right: 10px; }
.sa_row ul li a { display: block;padding: 12px 20px;text-decoration: none;font-size: 14px; }
.sa_row ul li a.blue { background: #139ab4;color: #fff;box-shadow: 0 1px 2px #888; }
.sa_row ul li a.yellow { background: #e3af0b;color: #fff;box-shadow: 0 1px 2px #888; }



.sa_block { float: left;width: 33.33%;padding: 0 10px 20px; }

.sa_inner a { text-decoration: none;text-align: center; }
.sa_inner span.thumb { display: block;width: 100%;background-size: cover;background-repeat: no-repeat;background-position: center;padding-top: 55%;border: 4px solid #fff;border-radius: 3px;box-shadow: 0 1px 2px #ccc;transition: all 0.2s ease; }
.sa_inner span.title { display: block;font-size: 24px;line-height: 28px;font-weight: 300; }
.sa_inner span.short { display: block;line-height: 18px;color: #0a6a7d; }
.sa_inner a:hover span.thumb { transform: scale(1.05);box-shadow: 0 10px 22px #999;z-index: 2;position: relative; }


.sa_left { width: 65%;float: left; }

.sa_mainimg { width: 100%;background-size: cover;background-repeat: no-repeat;background-position: center;padding-top: 60%; }


.sa_right { width: 32%;float: right; }

.sa_right ul.yachts { font-size: 14px;list-style: none;margin-left: 0; }
.sa_right ul.yachts li { margin-bottom: 1px; }
.sa_right ul.yachts li:nth-child(odd) { background: #fafafa; }
.sa_right ul.yachts li:nth-child(even) { background: #eee; }
.sa_right ul.yachts li a { display: block;text-decoration-style: wavy;padding: 10px;color: #0a6a7d; }


/* information */

.info_block_wrapper { width: 25%;float: left;padding: 0 3px 6px; }

.info_block { background: #f7f7f7;padding: 15px;text-align: center;display: block;text-decoration: none; }
.info_block span.thumb { display: block;width: 100%;background-size: cover;background-repeat: no-repeat;background-position: center;padding-top: 65%;border: 4px solid #fff;border-radius: 3px;box-shadow: 0 1px 2px #ccc; }
.info_block span.title { font-size: 14px;line-height: 20px;display: block;color: #0a6a7d;font-weight: 600; }
.info_block span.short { line-height: 16px;font-size: 11px;display: block;color: #555; }


.info_left { float: left;width: 65%; }

.info_right { float: right;width: 32%; }

.info_right a { text-decoration: none; }

.other_row { background: #f7f7f7;padding: 12px; }
.other_row .thumb { float: left;width: 25%; }
.other_row .thumb span { display: block;width: 100%;background-size: cover;background-repeat: no-repeat;background-position: center;padding-top: 65%;border: 4px solid #fff;border-radius: 3px;box-shadow: 0 1px 2px #ccc; }

.other_row .info { float: right;width: 72%; }
.other_row .info span.title { font-size: 14px;line-height: 20px;display: block;color: #0a6a7d;font-weight: 600; }
.other_row .info span.short { line-height: 16px;font-size: 11px;display: block;color: #555; }


#sub_pages { padding: 20px;text-align: center;background: #f7f7f7; }
#sub_pages h4 { font-weight: 600;color: #0a6a7d;font-size: 16px; }
#sub_pages a { display: inline-block;width: 20%;padding: 0 10px; }
#sub_pages a span.thumb { display: block;width: 100%;background-size: cover;background-repeat: no-repeat;background-position: center;padding-top: 65%;border: 4px solid #fff;border-radius: 3px;box-shadow: 0 1px 2px #ccc; }
#sub_pages a span.title { display: block;padding: 6px 0 0 0;line-height: 20px;color: #0a6a7d;font-weight: bold; }


/* booking */

#booking_form_wrapper { padding: 30px;background: #f6f6f6; }

.booking_left { width: 48%;float: left; }

.booking_right { width: 48%;float: right; }

.yachtselect_left { width: 14%;padding-top: 13px;float: left; }

.yachtselect_right { width: 85%;float: right;padding-left: 6px;padding-top: 4px; }

.yachtselect_right span.top { display: block;background: #0a6a7d;color: #b2e7f1;font-size: 14px;font-weight: 600;padding: 15px;border-radius: 6px;box-shadow: 0 1px 2px #ccc; }

.yachtselect_right ul { padding: 5px 0 10px; }
.yachtselect_right ul li { width: 33.33%;padding: 3px;float: left; }
.yachtselect_right ul li .inner { padding: 6px 12px 6px 30px;border-radius: 10px;background: #fff;box-shadow: 0 1px 2px #ccc;position: relative; }
.yachtselect_right ul li .inner span { position: absolute;top: 5px;left: 5px; }
.yachtselect_right ul li a { display: block;width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-decoration: none;padding: 4px;color: #0a6a7d; }

.enqcaptcha { padding-left: 33%; }


/* footer */

#footer_wrapper { background: #0a6a7d;color: #fff;padding: 30px 0 40px;position: absolute;bottom: 0;left: 0;width: 100%; }

.footer_left { width: 60%;float: left; }
.footer_left h6 { font-size: 18px;color: #b2e7f1; }

.footer_left a { color: #fff;text-decoration: none; }

.footer_links { width: 40%;float: left;padding-right: 30px;padding-top: 10px;font-family: 'Open Sans'; }
.footer_links ul { line-height: 18px; }
.footer_links ul li { margin-bottom: 5px; }



.footer_right { width: 25%;float: right;text-align: right; }
.footer_right a { color: #9fd0d9; }

.footer_right .ci_row { font-size: 18px;color: #f1fcfe; }
.footer_right .ci_row a { text-decoration: none;color: #f1fcfe; }
.footer_right .ci_row i { color: #ffca27;margin-left: 8px; }

/* parallax */

.parallax-container { transition: all 0.4s ease 0s;position: relative;overflow: hidden;width: 100%;padding-top: 10%; }

.parallax { position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-color: #fff; }
.parallax img { opacity: 1;display: none;position: absolute;left: 50%;bottom: 0;min-width: 100%;min-height: 100%;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);-webkit-transform: translateX(-50%);transform: translateX(-50%); }



/* blog */

.blog_left { width: 62%;float: left; }

.blog_left h4 { font-size: 24px;margin-bottom: 20px; }

.blog_right { width: 38%;float: right;padding-left: 40px; }

.blog_post { border-bottom: 1px solid #eee; }
.blog_post img { display: block;margin: auto;height: auto; }

.blog_headline h2 { font-size: 32px;line-height: 40px;margin-bottom: 10px; }

.blog_post h2 { font-style: normal; }
.blog_post h5 { font-size: 16px; }

ul.cats_inline { background: #f5f5f5;padding: 10px;font-family: 'Open Sans'; }
ul.cats_inline li { display: inline-block;padding: 5px; }
ul.cats_inline li a { display: block;background: #f5f5f5;padding: 3px 6px;border-radius: 2px;font-size: 12px; }

ul.blog_photos li { float: left;width: 33.33%;padding: 0 8px 8px 8px; }
ul.blog_photos li div { padding: 10px;background: #fafafa;box-shadow: 0 2px 4px #ccc; }

ul.blog_photos li a { display: block;padding-top: 70%;background-size: cover;background-position: center;background-repeat: no-repeat; }

.topics { background: #f7f7f7;padding: 15px;font-size: 13px; }


.blog_rb { padding: 25px;background: #f8f8f8; }
.blog_rb ul.pop { list-style: disc;margin-left: 20px;font-size: 14px;font-family: 'Open Sans';line-height: 20px; }

.blog_right h4 { font-size: 16px; }

.blogcats { display: flex;flex-wrap: wrap;justify-content: center; }
.blogcats li { width: 49%;margin-right: 2%;padding-bottom: 20px;text-align: center;font-family: 'Open Sans';font-size: 14px; }
.blogcats li:nth-child(even){ margin-right: 0; }
.blogcats li a span { display: block;width: 100%;padding-top: 65%;border: 4px solid #fff;box-shadow: 0 2px 4px rgb(0,0,0,0.2);background-size: cover;background-position: center;background-repeat: no-repeat;margin-bottom: 7px;transition: all 0.2s ease; }
.blogcats li a:hover span { transform: scale(1.1); }

.bloglist { margin-bottom: 10px;text-align: left; }
.bloglist li { font-family: 'Open Sans';border-bottom: 1px dotted #aaa;padding: 0 100px 15px 0;margin: 0 0 15px;position: relative; }
.bloglist li a.title { font-size: 26px;line-height: 30px;margin-bottom: 5px;display: block; }
.bloglist li a.more { display: block;position: absolute;right: 0;top: 50%;height: 40px;padding: 0 15px;background: #e3af0b;color: #fff;border-radius: 5px;line-height: 40px;margin-top: -20px; }
.bloglist li a.cat { display: block;margin-bottom: 5px;float: left;padding: 6px 12px;border-radius: 2px;color: #fff;background: #0c8097;white-space: nowrap; }
.bloglist li p { margin: 0;font-family: arial; }


.blog_home { display: flex;flex-wrap: wrap; }
.blog_home .bcat { width: 49%;margin-right: 2%;margin-bottom: 30px; }
.blog_home .bcat:nth-child(even){ margin-right: 0; }
.blog_home .bcat .inner { position: relative;padding-left: 180px;font-family: 'Open Sans'; }
.blog_home .bcat .inner .thumb { position: absolute;left: 0;top: 0;width: 155px; }
.blog_home .bcat .inner .thumb span { display: block;padding-top: 65%;border: 4px solid #fff;box-shadow: 0 2px 4px rgb(0,0,0,0.2);background-size: cover;background-position: center;background-repeat: no-repeat; }
.blog_home .bcat .inner h2 { font-size: 26px;line-height: 30px;margin-bottom: 15px; }
.blog_home .bcat .inner ul { list-style: disc;margin-left: 25px;font-size: 16px;font-weight: 300;line-height: 20px; }
 

/* calc */

#calc_wrapper { font-family: 'Open Sans';padding: 40px 20px 20px;width: 400px;box-shadow: 0 10px 30px rgb(0,0,0,0.2);position: relative;text-align: center;font-size: 14px;line-height: 20px;transition: all 0.2s ease; }
#calc_wrapper img.calc { position: absolute;width: 80px;top: -40px;left: 50%;margin-left: -40px; }

#calc_wrapper .picwrap { position: absolute;width: 200px;left: 50%;margin-left: -100px;top: -105px;transform: rotate(4deg); }
#calc_wrapper .picwrap .thumb { padding-top: 60%;width: 100%;background-size: cover;background-position: center;background-repeat: no-repeat;border: 4px solid #fff;box-shadow: 0 2px 5px rgb(0,0,0,0.2); }


#calc_wrapper h2 { font-size: 20px;line-height: 24px;margin-bottom: 15px;color: #0c8097; }
#calc_wrapper h3 { font-size: 30px;line-height: 34px;margin-bottom: 15px;color: #0c8097; }
#calc_wrapper h4 { font-size: 18px;line-height: 24px;margin-bottom: 0;color: #aaa;text-decoration: line-through; }


.calc_swrap { margin-bottom: 15px; }
.calc_swraps select { font-family: 'Open Sans';font-size: 14px;padding: 12px;width: 100%;border: 1px solid #aaa;background: #eee;box-shadow: 0 2px 4px #ccc; }
.calc_swrap button { font-family: 'Open Sans';font-size: 14px;padding: 12px;width: 100%;border: 0;background: #0c8097;color: #fff;cursor: pointer;box-shadow: 0 2px 4px #eee; }

.discountrow { padding: 0 0 6px;margin: 0 0 6px;border-bottom: 1px dotted #aaa;font-size: 13px; }

.calcbookbutt { display: block;border: 0;background: #e3af0b;color: #fff;font-family: 'Open Sans';font-size: 15px;font-weight: 600;padding: 14px;text-decoration: none; }

.opencalc { float: right;position: relative;display: block;padding: 8px 12px 8px 40px;background: #e3af0b;color: #fff;text-decoration: none;font-family: 'Open Sans';font-size: 15px;border-radius: 6px;box-shadow: 0 1px 3px #ccc;text-align: center; }
.opencalc i { position: absolute;left: 10px;top: 11px;color: #fff;font-size: 24px; }
.opencalc span { font-size: 13px;display: block;padding-top: 3px; }