html,
body,
div,
span,
applet,
object,
iframe,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
tbody,
tfoot,
thead,
tr,
th,
td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline
}

:focus {
    outline: 0
}

body {
    font-size: 100%;
    color: #000;
    margin: 0;
    padding: 0
}

ol,
ul {
    list-style: none
}

table {
    border-collapse: separate;
    border-spacing: 0
}

caption,
th,
td {
    text-align: left;
    font-weight: normal
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: ""
}

blockquote,
q {
    quotes: "" ""
}

.caption {
    display: block;
    float: left;
    width: 100%;
    text-shadow: 1px 2px 3px rgba(0, 0, 0, 1);
    color: white;
    font-style: italic;
    font-size: 18px !important;
    text-align: right;
    position: relative;
    top: -30px;
    left: -50px;
    /*z-index:300*/
}

.caption-small {
    text-shadow: 2px 3px 2px rgba(0, 0, 0, 1);
    color: white;
    font-style: italic;
    text-align: right;
    display: block;
    float: right;
    padding-right: 10px;
    width: 100%;
    font-size: 14px !important;
    position: relative;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    z-index: 1 !important;
    height: 0;
    overflow: visible;
    margin-top: -34px !important;
    margin-bottom: 0 !important;
}

* {
    margin: 0;
    padding: 0
}

html,
body {
    height: 100%
}

body {
    margin: 0;
    padding: 0;
    border: 0;
    width: 100%;
    background: #fff;
    font-size: 1em;
    line-height: 1.5em;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    -webkit-text-size-adjust: none
}

.fixed {
    clear: both;
    margin: 0 auto;
    max-width: 1000px;
    width: calc(100%- 24px);
    text-align: left;
    position: relative;
    padding: 0 12px;
    overflow: hidden
}

a {
    color: #13a7b3;
    text-decoration: underline;
}

a:hover {}

h1,
h2,
h3 {
    margin: 0 0 .8em 0;
    padding: 0;
    font-weight: 500;
    line-height: 1em;
    /* NEW */
}

h2 {
    line-height: 1.2em;
}

.h2t {
    margin: 0 0 .8em 0;
    padding: 0;
    font-weight: 500;
    line-height: 1em;
    /* NEW */
}

/*b-splet selection first option gray, reset-adjust the sizes of inputs for all browsers, set placeholder color*/
.inpcustsol,
.textareacustsol,
.selcustsol,
.inpcustsoldate,
.inpcustsolresult,
.budgetcustsol {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid gray;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0;
}

/*b-splet new version of forms*/
.inpcustsol2,
.textareacustsol2,
.selcustsol2,
.inpcustsoldate2,
.inpcustsolresult2,
.budgetcustsol2 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid lightgrey;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
}

.selcustsol2 option {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.inpcustsol3,
.textareacustsol3,
.selcustsol3,
.inpcustsoldate3,
.inpcustsolresult3,
.budgetcustsol3 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid lightgrey;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0;
}

/*override for jquery UI sliders*/
.ui-slider-horizontal .ui-state-default {
    z-index: inherit !important;
}

.form_field_wrapper {
    margin-bottom: 10px;
}

.form_field_wrapper2 {
    margin-bottom: 10px;
    width: 100%;
}

#myyachts_action_form input.sendBrochureButton {
    border: 0;
    display: inline-block;
    padding: 1px 10px 0 20px;
    margin: 0;
    background: #13a7b3 url(/images/arrow_whats-hot-right-now.svg) no-repeat 3px center;
    background-size: auto 50%;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 23px;
    /* height: 100%; */
    color: #fff;
    text-decoration: none;
}

#myyachts_action_form .form-label {
    font-size: 0.8em;
    font-weight: 500;
}

#myyachts_action_form .form-field {
    width: 100%;
    padding: 3px;
    margin: 0 0 5px;
    font-size: 11pt;
    font-family: Arial;
    appearance: normal;
    -moz-appearance: none;
    -webkit-appearance: none;
    padding: 8px 3px;
    margin-top: 5px;
    box-sizing: border-box;
    border: 1px solid lightgrey;
}

.mail_form_wrapper {
    width: 75%;
    height: auto;
    margin: 0 auto;
    padding: 10px;
    position: relative;
}

.mail_form_outerwrapper {
    text-align: center;
}

.more_padding {
    padding-bottom: 5px;
}

.enquiry_sidebar_image {
    width: 300px;
    margin-left: -50px;
    margin-top: 40px;
}

.thankyouimage {
    position: relative;
    left: 50%;
    margin-left: -500px;
    margin-bottom: -20px;
}

.thankyouimage_mobile {
    display: none;
    position: relative;
    left: 50%;
    margin-left: -310px;
}

.center_cropped {
    position: relative;
    margin: 0;
    padding: 0;
    max-width: 1000px;
}

.parent {
    text-align: center;
}

.child {
    display: inline-block;
    width: calc(50% - 3px);
    font-size: 10pt;
    line-height: 12pt;
    vertical-align: top;
    margin-bottom: 20px;
}

.content_table {
    width: 100%;
    border: 0;
}

.content_table td {
    width: 50%;
    vertical-align: middle;
    padding: 5px;
    font-weight: inherit;
}

.content_table img {
    width: 100% !important;
}

.content_table_even {
    width: 100%;
    border: 0;
    direction: rtl;
}

.content_table_even td {
    width: 50%;
    vertical-align: middle;
    padding: 5px;
    font-weight: inherit;
}

.content_table_even img {
    width: 100% !important;
}

.discount {
    color: #cb4018;
}

.estimated_total {
    color: #00b0f0;
}

ul.results_images li a {
    width: 199px !important;
    height: 98px !important;
}

ul.results_images li img {
    margin-right: 1px;
    width: 300px;
    height: 197px;
}

.masonry {
    column-count: 2;
    column-gap: 1em;
    margin-bottom: 20px;
}

.spec_grid {
    padding: 5px;
    vertical-align: top;
}

.spec_grid2 {
    display: inline-block;
    width: calc(49% - 20px);
    padding: 5px;
    vertical-align: top;
    height: 50px;
}

.spec_grid2.right {
    text-align: right;
}

.spec_grid2.left {
    text-align: left;
}

.tdbordertop td {
    border-top: 1px solid #E3E3E3;
}

.tdborderbottom td {
    border-bottom: 1px solid #E3E3E3;
}

.specials_enquiry_button {
    font-size: 16px !important;
    line-height: 25px !important;
}

.nonbold th,
.nonbold td {
    font-weight: 500;
    padding-left: 5px;
    padding-right: 5px;
}

.nobreakInside {
    margin: 0;
    -webkit-column-break-inside: avoid;
    /* Chrome, Safari */
    page-break-inside: avoid;
    /* Theoretically FF 20+ */
    break-inside: avoid-column;
    /* IE 11 */
    display: table;
}

.inlineBlock {
    width: 46% !important;
    display: inline-block !important;
}

.office_image {
    max-width: 100%;
    margin-bottom: 10px;
}

.offices_title {
    margin: 0 0 .5em 0;
    text-align: center;
    margin-bottom: 20px;
}

.enqform_main_title {
    text-align: center;
    margin-bottom: 0;
}

.selcustsol :first-child,
.budgetcustsol :first-child {
    color: gray;
}

.selcustsol2 :first-child,
.budgetcustsol :first-child {
    color: gray;
}

.inpcustsol::-webkit-input-placeholder,
.textareacustsol::-webkit-input-placeholder,
.inpcustsoldate::-webkit-input-placeholder,
.inpcustsolresult::-webkit-input-placeholder {
    color: gray;
}

/*b-splet selection first option gray, reset-adjust the sizes of inputs for all browsers, set placeholder color end*/
.inpcustsol2::-webkit-input-placeholder,
.textareacustsol2::-webkit-input-placeholder,
.inpcustsoldate2::-webkit-input-placeholder,
.inpcustsolresult2::-webkit-input-placeholder {
    color: #999;
    font-weight: 100;
    font-family: "Open Sans", sans-serif;
}

.inpcustsol2::-webkit-input-placeholder,
.darkgray::-webkit-input-placeholder,
.darkgray::-webkit-input-placeholder,
.darkgray::-webkit-input-placeholder {
    color: gray !important;
}

.inpcustsol3::-webkit-input-placeholder,
.textareacustsol3::-webkit-input-placeholder,
.inpcustsoldate3::-webkit-input-placeholder,
.inpcustsolresult3::-webkit-input-placeholder {
    color: #999;
    font-weight: 100;
    font-family: "Open Sans", sans-serif;
}

.inpcustsol3::-webkit-input-placeholder,
.darkgray::-webkit-input-placeholder,
.darkgray::-webkit-input-placeholder,
.darkgray::-webkit-input-placeholder {
    color: gray !important;
}

.italics::-webkit-input-placeholder {
    font-style: italic;
}

.italics::-moz-placeholder {
    font-style: italic;
    color: #999;
}

.currency_selection+label {
    /* keep pointer so that you get the little hand showing when you are on a button */
    cursor: pointer;
    /* the following are the styles */
    padding: 4px 10px;
    border: 1px solid #ccc;
    background: #efefef;
    color: #aaa;
    border-radius: 3px;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0);
}

.currency_selection:checked+label {
    /* style for the checked/selected state */
    background: #777;
    border: 1px solid #444;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4);
    color: white;
}

.details_left {
    width: 200px;
    display: inline-block;
}

.details_right {
    width: calc(100%-200px);
    display: inline-block;
}

h4 {
    font-weight: 500;
    padding-bottom: 5px;
}

h2.specialh2 {
    color: #ea4f25;
}

p {
    margin: 0 0 .8em 0;
    padding: 0
}

strong,
b {
    font-weight: 500
}

.uppercase {
    text-transform: uppercase
}

.anchor_text {
    font-size: 14px;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
}

.anchor_text a {
    font-size: 14px;
    line-height: 1em;
}

.bbintroduces {
    margin-top: 70px;
    color: #13a7b3;
}

.textareacustsol {
    padding: 5px;
}

.textareacustsol2 {
    padding: 5px;
}

.textareacustsol3 {
    padding: 5px;
}

.maincontentbody p a {
    font-weight: 500;
}

.maincontentbody p.anchor_text,
.maincontentbody p.anchor_text a {
    font-weight: 500;
}

/* ------------------------------------------------------------- HACKS - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.clearfix:after {
    content: "";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.clearfix {
    display: block
}

.clearfloat {
    clear: both;
    height: 0;
    line-height: 0;
    font-size: 0;
    display: block
}

.margin10 {
    margin: 10px 0 10px 0 !important;
}

/*b-splet*/
.hide_568 {
    display: inline;
}

.show_568 {
    display: none;
}

.show_568b {
    display: none;
}

.hide_768 {
    display: inline;
}

.show_768 {
    display: none;
}

.hide_768b {
    display: block;
}

.show_768b {
    display: none;
}

.mobileHide500 {
    display: block !important
}

.mobileShow500 {
    display: none !important
}

.green.hide_768b {
    padding-bottom: 5px;
}

.cabinNumber h1 {
    font-style: normal;
    font-size: 20px;
}

.show_568786 {
    display: none;
}

.bold {
    font-weight: bold;
}

.pc70 {
    width: 70%;
}

.btnReserve2 {
    display: block;
    position: relative;
    margin: 5px 0 0;
    line-height: 20px;
    font-size: 16px;
    background: #13a7b3;
    font-weight: 300;
    padding: 5px 0 3px 35px;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    background: #13a7b3 url(/images/arrow_whats-hot-right-now.svg) no-repeat 5px center;
    background-size: auto 60%;
    text-align: center;
}

.btn01orangeWide2 {
    display: block;
    position: relative;
    margin: 5px 0 0;
    line-height: 20px;
    font-size: 16px;
    font-weight: 300;
    padding: 5px 0 3px 35px;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    background: #ea4f25 url(/images/arrow_whats-hot-right-now.svg) no-repeat 5px center;
    background-size: auto 60%;
    text-align: center;
}

.wrapperInner hr {
    margin-top: 25px;
    margin-bottom: 25px;
}

.HP_topimage {
    position: relative;
    /* center image on mobile left: 50%;
     margin-left: -500px;
    */
    /*align image to the right on mobile left: 100%;
     margin-left: -1000px;
    */
    left: 80%;
    margin-left: -800px;
    top: -100px;
}

#validation_error {
    color: red;
    font-weight: bold;
}

/*b-splet*/
/* ------------------------------------------------------------- HEADER STYLES - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#enquiryformsecond ul {
    margin-top: 10px;
    margin-bottom: 20px;
}

#enquiryformsecond ul li,
#enquiryformsecond ul li input,
#enquiryformsecond ul li select {
    font-family: 'Open Sans';
}

#enquiryformsecond ul li select option {
    font-family: 'Open Sans';
    padding-left: 4px;
}

#header {
    position: relative;
    clear: both;
    width: 100%;
    background-color: #ffffff;
    z-index: 99;
}

.column01 {
    position: relative;
    float: left;
    padding: 10px 0 0;
    margin: 0;
    width: 24.6%;
    line-height: 20px;
    color: #cb4018
}

.column02 {
    position: relative;
    float: left;
    padding: 10px 0 0;
    margin: 0;
    width: 50%;
    text-align: center
}

.column0202 {
    position: relative;
    float: left;
    padding: 10px 0 0;
    margin: 0;
    width: 100%;
    text-align: center
}

.column03 {
    position: relative;
    float: right;
    padding: 10px 0 0;
    margin: 0;
    width: 25.4%;
}

.column03 ul {
    margin-bottom: 4px;
}

.column01 ul {
    margin: 0;
    padding: 0;
    display: block
}

.column01 ul li {
    margin: 0;
    padding: 0;
    display: block;
    font-size: 14px
}

.column01 ul li a {
    color: #cb4018;
    text-decoration: none;
    text-transform: uppercase;
}

/* .column01 li.worldmap {
    font-size:12px;
     text-transform:uppercase;
     background:url(/images/worldmap.svg) no-repeat 0 0;
     background-size:contain;
     text-indent:40px
}
*/
.column01 li.worldmap a,
.column01 li.myyachts_ul a,
.column03 li.myyachts_ul a {
    color: #cb4018;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 14px;
    background: url(/images/bb3images/orangearrow-right.svg) no-repeat center right;
    background-size: 5px;
    text-indent: 40px;
    padding: 0 10px 0 0
}

/* TOM V Changed to a right arrow {
    background:url(/images/down-arrow.png) no-repeat center right;
     text-indent:40px;
     padding:0 15px 0 0
}
*/
.browsertop {
    position: relative;
    margin: 8px 0 0
}

.column01 .mobileShow li.myyachts_ul a {
    background: none;
}

.column01 .btn01.inquiryheader {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
}

.column01 .btn01.inquiryheader {
    text-decoration: none;
    text-transform: uppercase;
}

#topnavholder {
    width: 100%;
    z-index: 999;
    background-color: white;
    position: absolute;
    top: 65px;
}

.topnav {
    height: 40px;
    overflow: hidden;
}

.breaktop .topnav {
    height: 55px
}

.topnav ul {
    text-align: justify;
    list-style-type: none;
    padding: 10px 0
}

.topnav li {
    margin: 0;
    display: inline-block;
    cursor: pointer;
    text-transform: uppercase
}

.topnav li a {
    color: #000;
    text-decoration: none;
    display: block;
    padding: 0 0 20px
}

.breaktop ul:after {
    content: '';
    width: 100%;
    display: inline-block
}

.topnav li:last-child {
    text-align: right !important
}

.btn01 {
    display: inline-block;
    padding: 6px 20px 6px 40px !important;
    color: #fff !important;
    background: #13a7b3;
}

.btn01.inquiryheader {
    padding: 6px 20px 6px 10px !important;
    background: #13a7b3;
}

.btn01.inquiryheader::before {
    background: url(/images/arrow_whats-hot-right-now.svg) no-repeat;
    background-size: contain;
    height: 20px;
    transform: rotate(90deg);
    margin-bottom: -4px;
    margin-right: 5px;
    width: 20px;
    content: '';
    display: inline-block;
}

input[type=submit].btn01 {
    border: 0;
    text-transform: uppercase;
    font-size: 1em;
    cursor: pointer
}

.btn01orange {
    display: inline-block;
    padding: 6px 20px 6px 40px !important;
    color: #fff !important;
    background: #ea4f25 url(/images/arrow_whats-hot-right-now.svg) no-repeat 5px center;
    background-size: auto 60%;
}

.btn01orangetiny {
    display: inline-block;
    padding: 3px 10px 3px 30px !important;
    font-size: 10pt;
    color: #fff !important;
    margin-bottom: 4px;
    margin-right: 10px;
    background: #ea4f25 url(/images/r01tiny.png) no-repeat 2px center;
    text-transform: uppercase;
    text-decoration: none
}

input[type=submit].btn01 {
    border: 0;
    text-transform: uppercase;
    font-size: 1em;
    cursor: pointer
}

.readMore {
    display: inline-block;
    padding: 6px 20px 6px 40px;
    margin: 0 10px 10px;
    color: #fff !important;
    background: #13a7b3 url(/images/arrow_whats-hot-right-now.svg) no-repeat 5px center;
    background-size: auto 60%;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 18px
}

.panel a {
    display: block;
    padding: 6px 0 6px 35px;
    margin: 10px 0 0;
    color: #fff !important;
    background: #13a7b3 url(/images/arrow_whats-hot-right-now.svg) no-repeat 5px center;
    background-size: auto 60%;
    font-size: 20px
}

/*Clearing Floats*/
.cf:before,
.cf:after {
    content: "";
    display: table
}

.cf:after {
    clear: both
}

.cf {
    zoom: 1
}

/* Form wrapper styling */
.form-wrapper {
    background: #F6F6F6;
    width: 100%;
    margin: 0
}

/* Form text input */
.form-wrapper input {
    width: 60%;
    height: 20px;
    padding: 6px 25px 6px 10px;
    display: block;
    float: left;
    border: 0;
    background: #F6F6F6;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-style: italic;
    color: #cb4018
}

.form-wrapper input:focus {
    outline: 0
}

.form-wrapper input::-webkit-input-placeholder {
    color: #cb4018;
    font-weight: normal;
    font-style: italic;
    font-family: 'Open Sans', sans-serif
}

.form-wrapper input:-moz-placeholder {
    color: #cb4018;
    font-weight: normal;
    font-style: italic
}

.form-wrapper input:-ms-input-placeholder {
    color: #cb4018;
    font-weight: normal;
    font-style: italic;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px
}

/* Form submit button */
.form-wrapper button {
    overflow: visible;
    display: block;
    border: 0;
    padding: 0;
    cursor: pointer;
    height: 32px;
    width: 26px;
    float: right;
    text-transform: uppercase;
    background: #F3F3F3 url(/images/loop_orange.svg) no-repeat center center;
    background-size: contain;
    font-size: 0;
}

.form-wrapper button:active,
.form-wrapper button:focus {
    outline: 0
}

.form-wrapper button::-moz-focus-inner {
    border: 0;
    padding: 0
}

#b {
    text-indent: -99999px;
    width: 30px;
    height: 30px;
    display: block;
    background: #F6F6F6 url(/images/loop.png) 0 0 no-repeat
}

/* Header mega menu extra */
.col6 {
    text-align: left !important
}

.col6 .divLeft {
    float: left;
    width: 48%;
    text-align: left
}

.col6 .divRight {
    float: right;
    width: 50%;
    text-align: left
}

.label30 {
    display: inline-block;
    width: 30%
}

.label30_block {
    display: block;
    width: 30%
}

.label25 {
    display: inline-block;
    width: 25%
}

.label25plus {
    display: inline-block;
    width: 25.2%
}

.label80 {
    display: inline-block;
    width: 80%
}

.labelside {
    display: inline-block;
    width: 100%;
}

.label60 {
    display: inline-block;
    width: 60%;
}

.label60_small {
    display: inline-block;
    width: 100%;
    font-size: 0.8em;
    font-weight: 500;
}

.label30_small {
    display: inline-block;
    width: 30%;
    font-size: 0.8em;
    font-weight: 500;
}

.label20_small {
    display: inline-block;
    width: 20%;
    font-size: 0.8em;
    font-weight: 500;
}

.label_small {
    display: inline-block;
    font-size: 0.8em;
    font-weight: 500;
}

.labelcustsol {
    display: inline-block;
    width: 30%;
    font-size: 12pt;
}

.sel01 {
    display: inline-block;
    width: 60%;
    height: 33px;
    margin: 0 0 5px
}

.sel02 {
    display: inline-block;
    width: 18%;
    height: 33px;
    margin: 0 48px 5px 0
}

.inp01 {
    display: inline-block;
    width: 58.9%;
    height: 33px;
    ;
    margin: 0 0 5px
}

.inp02 {
    display: inline-block;
    width: 17%;
    height: 33px;
    margin: 0 48px 5px 0
}

.inp03 {
    display: inline-block;
    width: 17%;
    height: 33px;
    margin: 0 0 5px
}

.inp04 {
    display: inline-block;
    width: 15%;
    padding: 5px;
    margin: 0 0 5px
}

.inpcustsol {
    display: inline-block;
    width: 58.9%;
    height: 33px;
    ;
    margin: 0 0 5px;
    font-size: 11pt;
    padding: 3px;
}

.inpcustsol2 {
    display: inline-block;
    width: 75%;
    height: 33px;
    ;
    margin: 0 0 5px;
    font-size: 11pt;
    padding: 3px;
    margin-top: 5px;
}

.inpcustsol3 {
    display: inline-block;
    width: 75%;
    height: 33px;
    ;
    margin: 0 0 5px;
    font-size: 11pt;
    padding: 3px;
    margin-top: 5px;
}

.form_text_wrapper {
    width: 75%;
}

.form_text_wrapper2 {
    width: 75%;
}

.inpcustsolsmall {
    display: inline-block;
    width: 10%;
    height: 33px;
    ;
    margin: 0 0 5px;
    font-size: 11pt;
    padding: 3px;
}

/*b-splet smaller captcha input*/
.inpcustsolxsmall {
    display: inline-block;
    width: 30px;
    height: 33px;
    ;
    margin: 0 0 5px;
    font-size: 11pt;
    padding: 3px;
}

.inpcustsolside {
    display: inline-block;
    width: 97%;
    height: 25px;
    ;
    margin: 0 0 5px;
    font-size: 10pt;
}

.inpcustsoldate {
    display: inline-block;
    width: 30%;
    height: 33px;
    ;
    margin: 0 0 5px;
    font-size: 11pt;
    font-family: Arial;
    padding: 3px;
}

.inpcustsoldate2 {
    display: inline-block;

    height: 33px;
    margin: 0 0 5px;
    font-size: 11pt;
    font-family: Arial;
    padding: 3px;
    margin-top: 5px;
    margin-right: 5px;
}

.dateinputcontainer {
    display: inline-block;
    width: 75%;
    margin: 0 0 5px;
}

.fullsize_enquire_button {
    width: 75%;
}

.enqform_sidebar_left {
    width: 100px;
    max-width: 110px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.enqform_sidebar_right {
    width: calc(80% - 100px);
    display: table-cell;
    vertical-align: middle;
    padding-left: 10px;
}

.enqform_sidebar_right li {
    /* reset styles (optional): */
    list-style: none;
    margin: 0;
    background: url(/images/ulcheck.jpg) no-repeat 19px 7px transparent;
    padding-left: 65px;
    margin-left: -15px;
    padding-bottom: 5px;
    min-height: 40px;
    max-width: 300px;
}

.enqform_sidebar_right strong,
b {
    font-weight: 600;
}

.enquiry_box_holder {
    margin-bottom: 20px;
    border: 1px solid lightgrey;
    padding: 10px;
    padding-top: 20px;
    padding-bottom: 20px;
    display: table;
    font-size: 0.8em;
}

.enquiry_box_holder_first {
    margin-top: 43px;
}

.singledateinputcontainer {
    display: inline-block;
    width: calc(50% - 3px);
    vertical-align: top;
}

.selcustsol {
    display: inline-block;
    width: 58.9%;
    height: 33px;
    margin: 0 0 5px;
    font-size: 11pt;
    background: #fff url('/images/select.svg') no-repeat 98% center;
    background-size: 12px;
    appearance: normal;
    -moz-appearance: none;
    -webkit-appearance: none;
    padding: 3px;
}

.selcustsol2 {
    display: inline-block;
    width: 75%;
    height: 33px;
    margin: 0 0 5px;
    font-size: 0.8em;
    font-family: "Open Sans", sans-serif;
    text-transform: uppercase;
    background: #fff url('/images/select.svg') no-repeat 98% center;
    background-size: 12px;
    appearance: normal;
    -moz-appearance: none;
    -webkit-appearance: none;
    padding: 3px;
    margin-top: 5px;
}

.budgetcustsol {
    display: inline-block;
    width: calc(58.9% - 105px);
    height: 33px;
    margin: 0 0 5px;
    font-size: 11pt;
    background: #fff url('/images/select.svg') no-repeat 98% center;
    background-size: 12px;
    appearance: normal;
    -moz-appearance: none;
    -webkit-appearance: none;
    padding: 3px;
}

.inpcustsolresult {
    display: inline-block;
    width: 45%;
    height: 33px;
    ;
    margin: 0 0 5px;
    font-size: 11pt;
    padding: 3px;
}

.resultdiv {
    display: inline-block;
    width: 58.9%;
}

.selcustsol option {
    padding-left: 6px;
}

.selcustsol2 option {
    padding-left: 6px;
}

.textarea {
    display: inline-block;
    width: 59%;
    height: 70px;
    margin: 0 0 5px
}

.textareacustsol {
    display: inline-block;
    width: 58.9%;
    height: 70px;
    margin: 0 0 5px;
    font-size: 11pt;
    font-family: Arial;
}

.textareacustsol2 {
    display: inline-block;
    width: 75%;
    height: 165px;
    margin: 0 0 5px;
    font-size: 11pt;
    font-family: Arial;
    margin-top: 5px;
}

.col6 button {
    display: block;
    float: right;
    width: 254px;
    height: 41px;
    border: none;
    cursor: pointer
}

.icon-calendar {
    display: inline-block;
    margin: 0;
    width: 33px;
    height: 29px;
    background: url('images/cal.png') no-repeat
}

/* ------------------------------------------------------------- CONTENT STYLES - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.contentImg {
    width: 300px;
    float: right;
    margin: 5px;
    display: inline-block;
}

.content_image {
    width: 25%;
    float: left;
}

.content_description {
    width: 70%;
    float: left;
    padding-left: 20px;
    font-size: 14px;
}

#main {
    position: relative;
    clear: both;
    width: 100%
}

.image {
    position: relative;
    margin: 0;
    padding: 0;
    max-width: 1000px;
    color: #fff;
    /* height:100%;
    */
}

.image #features {
    position: absolute;
    bottom: 40px;
    right: 0;
    left: 0;
    width: 90%;
    margin: 0 auto;
    padding: 20px;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.3)
}

.image #features ul {
    display: block;
    margin: 0;
    padding: 25px 0;
    width: 100%
}

.image #features ul li {
    display: block;
    float: left;
    width: 43%;
    padding: 0 0 5px 30px;
    margin: 0 15px 0 0;
    list-style: none;
    background: url(/images/arrow_whats-hot-right-now.svg) no-repeat 0 5px;
    background-size: 15px;
    font-size: 18px
}

.image #features ul li a {
    color: #fff;
    text-decoration: none
}

.image #features ul li a:hover {
    text-decoration: underline
}

.image #features span {
    display: block;
    padding: 0 0 20px;
    margin: 0;
    text-align: center;
    font-size: 45px;
    color: #fff
}

.image #boatSearch {
    position: absolute;
    bottom: 40px;
    right: 0;
    left: 0;
    width: 80%;
    margin: 0 auto;
    padding: 20px;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.5)
}

.image #boatSearch span {
    display: block;
    padding: 10px 0 20px;
    margin: 0;
    text-align: center;
    font-size: 45px;
    line-height: 45px;
    color: #fff
}

.image #boatSearch ul {
    display: block;
    margin: 0;
    padding: 15px 0;
    width: 100%;
    font-size: 20px
}

.image #boatSearch ul li {
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    width: 33.33%
}

.image #boatSearch ul li:last-child {
    float: right
}

.image #boatSearch ul li div {
    padding: 0 10px 0 0
}

.image #boatSearch ul li:first-child div {
    padding: 0 20px 0 0 !important
}

.image #boatSearch ul li:last-child div {
    padding: 0 0 0 10px !important
}

.image #boatSearch ul li div select {
    width: 100%;
    padding: 7px;
    border: none;
    background: #fff url(/images/search-arrow.png) center right no-repeat;
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    color: #999;
    font-weight: normal;
    font-style: italic;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px
}

.image #boatSearch ul li div input {
    width: 100%;
    padding: 6px;
    border: none;
    background: #fff;
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    color: #999;
    font-weight: normal;
    font-style: italic;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px
}

.sliderframe {
    padding: 0;
    margin: 25px 0;
    width: 100%
}

/* * IMGAGEMAP */
img.responsive {
    max-width: 100%;
    height: auto
}

.p1 {
    display: block;
    position: absolute;
    z-index: 100;
    border: 0;
    cursor: pointer
}

.map01 {
    left: 18%;
    top: 37%;
    width: 5%;
    height: 13%
}

.map02 {
    left: 30%;
    top: 41%;
    width: 9%;
    height: 11%
}

.map03 {
    left: 50%;
    top: 29%;
    width: 14%;
    height: 12%
}

.map04 {
    left: 46%;
    top: 42%;
    width: 11%;
    height: 12%
}

.map05 {
    left: 23%;
    top: 52%;
    width: 5%;
    height: 5%
}

.map06 {
    left: 29%;
    top: 53%;
    width: 7%;
    height: 8%
}

.map07 {
    left: 37%;
    top: 62%;
    width: 6%;
    height: 22%
}

.map08 {
    left: 59%;
    top: 56%;
    width: 8%;
    height: 17%
}

.map09 {
    left: 70%;
    top: 53%;
    width: 7%;
    height: 15%
}

.map10 {
    left: 80%;
    top: 65%;
    width: 8%;
    height: 16%
}

/* addition for main and sub images on yacht view */
#gallery_thumbs {
    border-top: 2px solid white;
    height: 90px;
    width: 100%;
    float: left;
    background-color: white;
    position: relative;
}

#sliding_thumbs {
    width: 100%;
    height: 90px;
    position: relative;
    float: left;
}

#inner_thumbs {
    left: 20px;
    right: 20px;
    position: absolute;
    overflow: hidden;
}

#gallery_thumbs img {
    cursor: pointer;
}

#inner_thumbs img {}

.gallery_thumbs {
    border-top: 2px solid white;
    height: 90px;
    width: 100%;
    float: left;
    background-color: white;
    position: relative;
}

.sliding_thumbs {
    width: 100%;
    height: 90px;
    position: relative;
    float: left;
}

.inner_thumbs {
    left: 20px;
    right: 20px;
    position: absolute;
    overflow: hidden;
}

.gallery_thumbs img {
    cursor: pointer;
}

.inner_thumbs img {}

#main_photo_cont {
    width: 100%;
    text-align: center;
    background-color: #033359;
    padding: 0;
    margin: 0;
    line-height: 0;
}

.main_photo_cont {
    width: 100%;
    text-align: center;
    background-color: #033359;
    padding: 0;
    margin: 0;
    line-height: 0;
}

#main_photo_cont img {
    max-width: 100%;
    margin: 0;
    border: 0;
}

.main_photo_cont img {
    max-width: 100%;
    margin: 0;
    border: 0;
}

#homeCarousel {
    position: relative;
    padding: 15px 5px;
    margin: 0 0 15px;
    width: auto;
    background: #F9F9F9
}

span.carouselHeader {
    display: block;
    width: 80%;
    font-size: 38px;
    line-height: 44px;
    padding: 0 0 30px;
    margin: 0 auto;
    text-align: center
}

span.carouselHeader h1 {
    display: inline;
    width: 80%;
    font-size: 38px;
    line-height: 44px;
    padding: 0 0 30px;
    margin: 0 auto;
    text-align: center;
    font-weight: inherit;
}

span.carouselHeader .h1t {
    display: inline;
    width: 80%;
    font-size: 38px;
    line-height: 44px;
    padding: 0 0 30px;
    margin: 0 auto;
    text-align: center;
    font-weight: inherit;
}

span.carouselHeader span {
    display: block;
    font-size: 22px;
    text-transform: uppercase
}

.item img {
    display: block;
    max-width: 100%;
    max-height: 200px;
}

.item {
    position: relative;
    padding: 0 20px;
    margin: 0
}

.item .carouselLeft {
    float: left;
    padding: 5px 0 0;
    margin: 0;
    width: 34%
}

.item .carouselRight {
    float: left;
    padding: 0;
    margin: 0 0 0 2%;
    width: 64%
}

.item h2 {
    display: block;
    font-weight: 300 !important;
    padding: 0 0 20px;
    margin: 0;
    font-size: 24px;
    line-height: 28px
}

.item .h2t {
    display: block;
    font-weight: 300 !important;
    padding: 0 0 20px;
    margin: 0;
    font-size: 24px;
    line-height: 28px
}

.rating {
    unicode-bidi: bidi-override;
    direction: rtl;
    font-size: 25px;
    text-align: center;
}

.rating>span {
    display: inline-block;
    position: relative;
    width: 22px
}

.rating>span,
.rating>span~span {
    color: transparent
}

.rating>span:before,
.rating>span~span:before {
    content: "\2605";
    position: absolute;
    left: 0;
    color: #10A7AE
}

blockquote {
    display: block;
    position: relative;
    padding: 0 0 15px 30px;
    font-style: italic;
    font-size: 18px
}

blockquote::before {
    position: absolute;
    display: block;
    content: url(/images/quote-open.png);
    padding: 0;
    left: 0;
    top: 2px
}

blockquote::after {
    content: url(/images/quote-close.png);
    position: absolute;
    bottom: 7px
}

blockquote span {
    padding: 0 10px 0 0
}

span.clientreview {
    display: block;
    padding: 0 0 10px;
    margin: 0;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 600
}

.owl-buttons {
    position: absolute;
    padding: 0;
    margin: 0;
    top: 40%;
    width: 100%
}

.owl-buttons .owl-prev {
    float: left;
    width: 12px !important;
    height: 20px !important;
    text-transform: uppercase;
    background: url(/images/prev.png) no-repeat 0 0;
    padding: 0 !important;
    margin: 0 !important;
    text-indent: -99999px
}

.owl-buttons .owl-next {
    float: right;
    width: 12px !important;
    height: 20px !important;
    text-transform: uppercase;
    background: url(/images/next.png) no-repeat 0 0;
    padding: 0 !important;
    margin: 0 !important;
    text-indent: -99999px
}

#featuredBoat {
    position: relative;
    padding: 15px 0 15px 0;
    margin: 0 0 10px;
    width: 100%;
    background: #F9F9F9
}

#featuredBoat div img {
    display: block;
    max-width: 100%;
}

#featuredBoat .col01 {
    position: relative;
    float: left;
    padding: 0;
    /* margin:0 1.5% 0 1%;
     width:31%*/
    margin: 0 0.86% 0 0.86%;
    width: 31.6%;
}

#featuredBoat .col02 {
    position: relative;
    float: left;
    padding: 0;
    /*margin:0 1.5% 0 1%;
     width:31%*/
    margin: 0 0.86% 0 0.86%;
    width: 31.6%;
}

#featuredBoat .col03 {
    position: relative;
    float: left;
    padding: 0;
    /*margin:0 1% 0 1%;
     width:31%*/
    margin: 0 0.86% 0 0.86%;
    width: 31.6%;
}

#featuredBoat div {
    position: relative;
    padding: 0;
    margin: 0;
    width: 100%
}

#featuredBoat div strong {
    display: block;
    font-size: 32px;
    font-weight: 300;
    padding: 10px 0 25px;
    margin: 0;
    text-align: center;
    text-transform: uppercase
}

#featuredBoat div h1 {
    display: block;
    font-size: 32px;
    font-weight: 300;
    padding: 10px 0 25px;
    margin: 0;
    text-align: center;
    text-transform: uppercase;
    font-weight: inherit;
}

#featuredBoat div .h1t {
    display: block;
    font-size: 32px;
    font-weight: 300;
    padding: 10px 0 25px;
    margin: 0;
    text-align: center;
    text-transform: uppercase;
    font-weight: inherit;
}

#featuredBoat div a {
    color: #000;
    text-decoration: none
}

#featuredBoat div a.btn {
    display: block;
    color: #fff;
    padding: 8px 10px;
    margin: 0;
    text-decoration: none;
    line-height: 25px;
    font-size: 18px;
    background: #13A7B3 url(/images/arrow_whats-hot-right-now.svg) calc(100% - 5px) no-repeat;
    background-size: 39px
}

#featuredBoat div a.btn span {
    display: block;
    font-size: 27px;
    font-weight: 500
}

.featuredBoat {
    position: relative;
    padding: 15px 0 15px 0;
    margin: 0 0 10px;
    width: 100%;
    background: #F9F9F9
}

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

.featuredBoat .col01 {
    position: relative;
    float: left;
    padding: 0;
    margin: 0 1.5% 0 1%;
    width: 31%
}

.featuredBoat .col02 {
    position: relative;
    float: left;
    padding: 0;
    margin: 0 1.5% 0 1%;
    width: 31%
}

.featuredBoat .col03 {
    position: relative;
    float: left;
    padding: 0;
    margin: 0 1% 0 1%;
    width: 31%
}

.featuredBoat div {
    position: relative;
    padding: 0;
    margin: 0;
    width: 100%
}

.featuredBoat div strong {
    display: block;
    font-size: 32px;
    font-weight: 300;
    padding: 10px 0 25px;
    margin: 0;
    text-align: center;
    text-transform: uppercase
}

.featuredBoat div h1 {
    display: block;
    font-size: 32px;
    font-weight: 300;
    padding: 10px 0 25px;
    margin: 0;
    text-align: center;
    text-transform: uppercase;
    font-weight: inherit;
}

.featuredBoat div a {
    color: #000;
    text-decoration: none
}

.featuredBoat div a>img[loading] {
    width: 100%
}

.featuredBoat div a.btn {
    display: block;
    color: #fff;
    padding: 8px 10px;
    margin: 0;
    text-decoration: none;
    line-height: 25px;
    font-size: 18px;
    background: #13A7B3 url(/images/arrow50x50.png) no-repeat center right
}

.featuredBoat div a.btn span {
    display: block;
    font-size: 27px;
    font-weight: 500
}

#TopDestinations {
    position: relative;
    padding: 15px 0 15px 0;
    margin: 0 0 10px;
    width: 100%;
    background: #F9F9F9
}

#TopDestinations div img {
    display: block;
    max-width: 100%;
}

#TopDestinations .col01 {
    position: relative;
    float: left;
    padding: 0;
    /*margin:0 1.5% 0 1%;
     width:31%*/
    margin: 0 0.86% 0 0.86%;
    width: 31.6%;
}

#TopDestinations .col02 {
    position: relative;
    float: left;
    padding: 0;
    /* margin:0 1.5% 0 1%;
     width:31%*/
    margin: 0 0.86% 0 0.86%;
    width: 31.6%;
}

#TopDestinations .col03 {
    position: relative;
    float: left;
    padding: 0;
    /*margin:0 1% 0 1%;
     width:31%*/
    margin: 0 0.86% 0 0.86%;
    width: 31.6%;
}

#TopDestinations div {
    position: relative;
    padding: 0;
    margin: 0;
    width: 100%
}

#TopDestinations div strong {
    display: block;
    font-size: 32px;
    font-weight: 300;
    padding: 10px 0 25px;
    margin: 0;
    text-align: center;
    text-transform: uppercase
}

#TopDestinations div h1 {
    display: block;
    font-size: 32px;
    font-weight: 300;
    padding: 10px 0 25px;
    margin: 0;
    text-align: center;
    text-transform: uppercase;
    font-weight: inherit;
}

#TopDestinations div h2 {
    display: block;
    font-size: 32px;
    font-weight: 300;
    padding: 10px 0 25px;
    margin: 0;
    text-align: center;
    font-weight: inherit;
}

#TopDestinations div .h2t {
    display: block;
    font-size: 32px;
    font-weight: 300;
    padding: 10px 0 25px;
    margin: 0;
    text-align: center;
    font-weight: inherit;
}

#TopDestinations div a {
    color: #000;
    text-decoration: none
}

#TopDestinations div a.btn {
    display: block;
    color: #fff;
    padding: 8px 10px;
    margin: 0;
    text-decoration: none;
    line-height: 25px;
    font-size: 18px;
    background: #13A7B3 url(/images/arrow50x50.png) no-repeat center right
}

#TopDestinations div a.btn span {
    display: block;
    font-size: 27px;
    font-weight: 500
}

.slidewrapper {
    position: relative;
    padding: 0 0 0 5px;
    margin: 0
}

/*.fsSubmitButton {
    background:#13a7b3 url(/images/arrow_search-box.png) no-repeat 3px center;
     border:none;
     height:30px;
     margin:10px 0 0;
     padding:2px 20px 0 35px;
     cursor:pointer;
     text-transform:uppercase;
     color:#fff;
     float:right;
     font-family: 'Open Sans', sans-serif;
     font-size:19px
}
*/
.fsSubmitButton {
    background: #13a7b3 0 center;
    border: none;
    height: 30px;
    margin: 10px 0 0;
    padding: 2px 35px 0 35px;
    cursor: pointer;
    text-transform: uppercase;
    color: #fff;
    float: right;
    font-family: 'Open Sans', sans-serif;
    font-size: 19px
}

#welcome {
    clear: both;
    position: relative;
    padding: 30px 3%;
    margin: 0;
    width: 94%;
    text-align: center;
    font-size: 21px;
    line-height: 30px
}

#welcome span {
    display: block;
    font-size: 22px;
    text-transform: uppercase
}

#welcome h1 {
    display: block;
    font-size: 31px;
    padding: 0 0 15px;
    margin: 0;
    font-weight: inherit;
}

#welcome .h1t {
    display: block;
    font-size: 31px;
    padding: 0 0 15px;
    margin: 0;
    font-weight: inherit;
}

.eventList {
    clear: both;
    position: relative;
    background: #F9F9F9;
    padding: 15px 45px 0;
    margin: 20px 0
}

span.eventHeader {
    display: block;
    width: 80%;
    font-size: 38px;
    line-height: 44px;
    padding: 0 0 40px;
    margin: 0 auto;
    text-align: center
}

span.eventHeader h1 {
    display: inline;
    width: 80%;
    font-size: 38px;
    line-height: 44px;
    padding: 0 0 40px;
    margin: 0 auto;
    text-align: center;
    font-weight: inherit;
}

span.eventHeader .h1t {
    display: inline;
    width: 80%;
    font-size: 38px;
    line-height: 44px;
    padding: 0 0 40px;
    margin: 0 auto;
    text-align: center;
    font-weight: inherit;
}

.eventList .pictEvent {
    float: right;
    padding: 0;
    margin: 0;
    width: 35.5%
}

.eventBox img {
    max-width: 320px;
}

.eventList .pictEvent.forceLeft {
    float: left !important
}

.eventList .desctEvent {
    float: left;
    padding: 0 2.5% 0 0;
    margin: 0;
    width: 62%;
    font-size: 19px;
    line-height: 30px;
}

.eventList .desctEvent.forceLeft {
    padding: 0 0 0 2.5% !important
}

.eventList .desctEvent h2 {
    display: block;
    font-weight: 400;
    padding: 0 0 5px;
    margin: 0;
    font-size: 24px;
    line-height: 25px
}

.eventList .desctEvent h2 a {
    color: inherit;
    text-decoration: none;
}

.eventList .desctEvent .h2t a {
    color: inherit;
    text-decoration: none;
}

.eventBox {
    position: relative;
    width: 100%;
    padding: 0 0 20px;
    margin: 0 0 15px;
    font-size: 22px;
    line-height: 28px;
}

p.bntFrame {
    display: block;
    width: 100%;
    text-align: center
}

p.bntFrameInner {
    display: block;
    width: 100%;
    text-align: left
}

p.bntFrameInner a {
    display: inline-block;
    padding: 6px 20px 6px 40px;
    margin-bottom: 5px;
    color: #fff !important;
    background: #13a7b3 url(/images/arrow_whats-hot-right-now.svg) no-repeat 5px center;
    background-size: auto 60%;
    text-decoration: none;
    text-transform: uppercase;
}

.bntFrameInnerLarge {
    display: block;
    width: 100%;
    text-align: left;
    background: #13a7b3
}

.bntFrameInnerLarge a {
    display: block;
    padding: 6px 20px 6px 40px;
    margin: 0;
    font-size: 24px;
    color: #fff !important;
    background: #13a7b3 url(/images/arrow_whats-hot-right-now.svg) no-repeat 5px center;
    background-size: auto 60%;
    text-decoration: none
}

.maincontentbody p.bntFrameInner a {
    font-weight: 100;
}

.exampleContainer {
    border: 1px solid #ddd;
    border-left: 0;
    border-right: 0
}

.exampleContainer .exampleLive {
    padding: 20px;
    background: #fafafa
}

.exampleContainer .exampleLive .exampleLiveTitle {
    color: #666;
    font-size: 13px;
    padding-bottom: 10px
}

.exampleContainer .exampleLive>button {
    padding: 6px 12px;
    cursor: pointer;
    background: #4081BE;
    border: 0;
    color: #fff;
    border-radius: 3px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 13px
}

.exampleContainer .exampleLive>button:hover {
    background: #3772A8
}

.whiteBG {
    background: #fff !important
}

.pictFloatRight {
    float: right;
    padding: 0 0 10px 10px
}

.mapFrame {
    background: #13A7B3;
    margin: 0 0 25px;
    position: relative
}

.txtFloat01 {
    display: block;
    position: absolute;
    top: 25px;
    width: 100%;
    font-size: 38px;
    color: #fff;
    text-align: center
}

.txtFloat02 {
    display: block;
    position: absolute;
    bottom: 25px;
    left: 25px;
    width: 100%;
    font-size: 18px;
    color: #fff;
    width: 300px
}

.socialFrame {
    float: left;
    padding: 0;
    margin: 0;
    width: 50%
}

.socialFrame .colPadRight {
    padding: 0 20px 0 0
}

.socialFrame .colPadLeft {
    padding: 0 0 0 20px
}

/* map mini menu in tooltip */
span.mini-menu-tooltip {
    display: block;
    padding: 5px 15px;
    text-transform: uppercase;
    font-size: 13px;
    line-height: 18px;
    color: #fff;
    background: #13A7B3
}

span.mini-menu-tooltip a {
    color: #fff;
}

.nav_section {
    margin: 0;
    padding: 0;
    width: 100%;
    display: block
}

.nav_section li {
    list-style: none;
    float: left;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0
}

.nav_section a {
    display: block;
    color: #000;
    text-decoration: none;
    padding: 0 0 0 16px;
    font-weight: 400;
    font-size: 13px
}

.nav_section li a:hover {
    background: transparent url(/images/map-menu-arrow.png) no-repeat center left
}

.nav_section ul {
    margin: 0 0 25px;
    padding: 0;
    display: block;
    width: 100%
}

.nav_section ul li a {
    padding: 0 0 5px 30px;
    line-height: 12px
}

.nav_section ul li ahover {
    background: none !important
}

.nav_section ul li {
    clear: both
}

.tab-content {
    max-width: 100%;
    padding: 0;
    display: none;
    background: #13a7b3
}

#tab-1 {
    display: block
}

/* INNER PAGES */
.innerPagecarousel {
    position: relative;
    padding: 0 10px;
    margin: 0
}

.innerTitleBar {
    clear: both;
    position: relative;
    width: 100%;
    padding: 0;
    margin: 25px 0 0;
}

.innerTitleBar h1 {
    display: block;
    font-size: 32px;
    line-height: 35px;
    padding: 0;
    margin: 0;
    font-weight: 500;
    text-transform: uppercase
}

.innerTitleBar h1 em {
    font-weight: 300 !important;
    font-style: normal
}

.innerTitleBar h1 i {
    text-transform: none !important;
    font-style: normal
}

.innerTitleBar span {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 165px;
    height: 50px;
    line-height: 20px;
    background: #13a7b3;
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    background: #13a7b3 url(/images/arrow42x42.png) no-repeat 5px center
}

.innerTitleBar span a {
    display: block;
    padding: 5px 0 0 65px;
    height: 100%;
    color: #fff;
    text-decoration: none
}

.GetDetails {
    position: absolute;
    width: 100%;
    height: 67px;
    overflow: hidden;
    left: 0;
    bottom: 0
}

/*bottom:84px*/
.GetDetails .rows01 {
    position: relative;
    float: left;
    width: 50%;
    font-size: 20px;
    text-transform: uppercase;
    padding: 0;
    margin: 0;
    color: #fff
}

.GetDetails .rows01 div {
    padding: 0 0 0 20px
}

.GetDetails .rows01 div span {
    display: block;
    padding: 10px 0 0;
    font-size: 50px
}

.GetDetails .rows02 {
    position: relative;
    float: right;
    width: 50%;
    font-size: 20px;
    text-transform: uppercase;
    padding: 0;
    margin: 0;
    color: #fff
}

.GetDetails .rows02 span {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 252px;
    height: 67px;
    line-height: 28px;
    background: #13a7b3;
    color: #fff;
    text-transform: uppercase;
    font-size: 26px;
    background: #13a7b3 url(/images/arrow54x55.png) no-repeat 5px center
}

.GetDetails .rows02 span a {
    display: block;
    padding: 5px 0 0 75px;
    height: 100%;
    color: #fff;
    text-decoration: none
}

.boatDetails {
    position: relative;
    font-size: 20px;
    color: #fff;
    background: transparent url(/images/opacity.png);
    height: 67px;
    margin: 0;
    padding: 2px 20px 0
}

.boatDetails ul {
    display: block;
    clear: both;
    margin: 0;
    padding: 0;
    width: 100%;
}

.boatDetails ul li {
    display: block;
    text-align: right;
    margin-left: 10px;
    float: left;
    list-style-type: none;
    font-size: 28px;
    font-weight: 300;
    width: auto
}

.boatDetails ul li.right {
    width: auto !important;
    margin-left: 5px;
    float: right !important
}

.boatDetails ul li span {
    text-align: left;
    display: block;
    font-size: 14px !important;
    padding: 0 0 5px;
    text-transform: uppercase;
    font-weight: 300
}

.boatDetails a.currency {
    dispaly: block;
    position: absolute;
    z-index: 3;
    top: 5px;
    right: 20px;
    padding: 0 20px 0 0;
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    background: transparent url(/images/arrow-down.png) no-repeat center right
}

.wrapBox {
    overflow: hidden;
    margin: 25px 0
}

.wrapBox .box {
    color: #fff;
    position: relative;
    float: left
}

.wrapBox .box.rows03 {
    width: 33%;
    padding: 0;
    margin: 0 0.5% 0 0;
    min-height: 100px;
    height: auto !important;
    height: 100px
}

.wrapBox .box.rows03.plus {
    width: 32%;
    margin: 0 2% 0 0;
    min-height: 100px;
    height: auto !important;
    height: 100px;
    text-align: left !important;
    text-transform: none !important
}

.wrapBox .box.rows03:nth-child(3) {
    margin: 0 !important
}

.wrapBox .box.rows02 {
    width: 48%;
    padding: 0;
    margin: 0 1% 0 0;
    min-height: 100px;
    height: auto !important;
    height: 100px
}

.wrapBox .box .innerContent {
    position: relative;
    background: #13a7b3;
    padding: 0 0 10px;
    text-align: center;
    line-height: 22px
}

.wrapBox .box.rows03 .innerContent {
    min-height: 100px;
    height: auto !important;
    height: 100px
}

.wrapBox .box.rows02 .innerContent {
    min-height: 165px;
    height: auto !important;
    height: 165px
}

.wrapBox .box .innerContent img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 0 5px
}

.wrapBox .box .innerContent span {
    display: block;
    font-weight: 500;
    font-size: 24px
}

.innerContent a {
    display: block;
    padding: 10px 10px 0;
    height: 100%;
    text-align: left;
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    background: url(/images/arrow04.png) no-repeat 97% bottom;
}

.innerContent a em {
    display: block;
    font-size: 24px;
    font-weight: 400;
    text-transform: uppercase
}

h1.innerH2,
h2.innerH2 {
    display: block;
    font-size: 31px;
    line-height: 40px
}

h1.innerH2 span,
h2.innerH2 span {
    display: block;
    font-weight: 300;
    padding: 0;
    font-size: 26px
}

h1.innerH2 em,
h2.innerH2 {
    font-weight: 300 !important;
    font-style: normal
}

h2.innerHMY {
    display: inline-block;
    width: 150px;
}

h3.innerH3 {
    display: block;
    font-size: 28px;
    line-height: 35px;
    padding: 0 0 5px;
    margin: 0
}

.pad20pxRight {
    padding: 10px 0 20px 20px
}

.pad07 {
    padding: 7px
}

.frameImgTextTiny {
    position: relative;
    padding: 0;
    margin: 25px 0
}

.frameImgTextTiny img {
    display: block
}

ul.rightList {
    list-style-type: none;
    width: 100%;
    padding: 15px 8px;
    margin: 0;
    padding-left: 0;
}

ul.rightList li img {
    float: left;
    margin: 0 10px 0 0;
}

ul.rightList li p {
    display: block;
    font-size: 14px;
    line-height: 16px
}

ul.rightList li {
    padding: 0 0 30px;
    overflow: auto;
    display: block
}

ul.pad08 {
    list-style-type: none;
    width: 100%;
    padding: 0 10px;
    margin: 0
}

ul.pad08 li {
    padding: 0 0 8px;
    overflow: auto
}

.blueBoxHeader {
    padding: 7px;
    background: #033359;
    color: #fff;
    text-transform: uppercase;
    font-size: 20px
}

#footerMyYachts {
    position: relative;
    float: left;
    margin: 0;
    padding: 0 10px;
    width: 100%;
}

#footerMyYachts .rightFeatureBox .blueBoxHeader {
    padding: 7px;
    background: #033359;
    color: #fff;
    text-transform: uppercase;
    font-size: 20px
}

#innerRight {
    position: relative;
    float: right;
    margin: 0 0 0 0;
    padding: 0;
    width: 25.4%;
}

#innerRight2 {
    position: relative;
    float: right;
    margin: 0 0 0 0;
    padding: 0;
    width: 35%;
}

#innerRight .rightFeatureBox {}

#innerRight .rightFeatureBox .blueBoxHeader {
    padding: 7px;
    background: #033359;
    color: #fff;
    text-transform: uppercase;
    font-size: 20px
}

.innerLeft .wrapperInner .blueBoxHeader {
    padding: 7px;
    background: #033359;
    color: #fff;
    text-transform: uppercase;
    font-size: 20px
}

.greenBoxHeader {
    padding: 7px;
    background: #13A7B3;
    color: #fff;
    text-transform: uppercase;
    font-size: 20px
}

#tinySocial {}

#tinySocial a {
    display: inline-block;
    margin-right: 5px
}

#tinySocial a:last-child {
    display: inline-block;
    margin-right: 0 !important
}

.featInnerBottom {
    clear: both;
    position: relative;
    padding: 10px 10px;
    margin: 0;
    color: #000;
}

.featInnerBottom ul {
    padding-left: 20px;
    margin: 0;
}

.featInnerBottom li {
    list-style: disc;
    background: none !important;
    padding-left: 0;
    margin: 0;
    padding-bottom: 10px;
}

.featInnerBottom li a {
    color: #000;
    text-decoration: none;
}

#column2Frame {
    clear: both;
    position: relative;
    padding: 0;
    /*margin:25px 0;
    */
    width: 100%
}

#column2Frame .innerLeft {
    position: relative;
    float: left;
    margin: 0;
    padding: 0;
    /*width:67.1%*/
    width: 72.8%
}

#column2Frame .innerLeft2 {
    position: relative;
    float: left;
    margin: 0;
    padding: 0;
    /*width:67.1%*/
    width: 60%
}

#column2Frame .innerLeft .wrapperInner {
    position: relative;
    /* BUG FIXED */
    margin: 0;
    padding: 0 0 0 0%;
    width: 100%;
}

/* left-pad/width changed from 5%/95% to 0%/100% 16JuneSandy*/
#column2Frame .innerLeft .yachtH2 {
    background-color: #092746;
    text-transform: uppercase;
    color: white;
    padding: 4px;
}

.centeredTitle {
    display: block;
    claer: both;
    text-align: center;
    padding: 0 0 20px;
    margin: 0;
    font-size: 40px
}

.fullInnerContent {
    position: relative;
    padding: 0;
    margin: 0 0 35px;
    background: #f9f9f9
}

img.imgBlock {
    display: block;
    width: 100%;
    height: auto
}

a.linkReg {
    display: block;
    padding: 0 10px 0;
    height: 100%;
    text-align: left;
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    line-height: 24px
}

a.linkReg em {
    display: block;
    font-size: 24px;
    font-weight: 400
}

.featureMegaBox {
    position: relative;
    padding: 0;
    margin: 0;
    width: 100%
}

.featureMegaBox em {
    display: block;
    font-style: normal;
    padding: 0 0 8px
}

.featureMegaBox div {
    padding: 0;
    margin: 0;
    min-height: 150px;
    height: auto !important;
    height: 150px
}

.featureMegaBox div img {
    display: block;
    width: 100%;
    height: auto
}

.featureMegaBox div span {
    display: block;
    padding: 5px 10px 0;
    margin: 0;
    line-height: 18px;
    color: #fff;
    font-weight: 500;
    background: #13a7b3
}

.featureMegaBox div span a {
    padding: 0 0 3px 20px;
    margin: 0;
    list-style: none;
    background: url(/images/arrow_green_footer.svg) no-repeat 2px 2px;
    background-size: 13px;
    color: #fff;
    font-size: 14px;
    text-align: left;
    text-transform: none
}

.marg01 {
    margin: 1px 0 0 !important
}

ul.menulist {
    margin: 10px 0 0 !important;
    padding: 0 0 0 10px !important;
    list-style-type: none;
    display: block
}

ul.menulist li {
    margin: 0 0 5px 0;
    display: block
}

ul.menulist li:last-child {
    text-align: left !important
}

ul.menulist a {
    font-size: 15px;
    padding: 0;
    margin: 0;
    text-decoration: none;
    text-transform: none !important;
    text-align: left !important
}

ul.menulist a:hover {
    text-decoration: none
}

ul.menulist ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style-type: none;
    display: block
}

.breaktop ul.menulist ul:after {
    content: normal !important;
    width: 100%;
    display: inline-block
}

ul.menulist ul li {
    margin: 0
}

ul.menulist ul a {
    padding: 0 0 0 20px;
    text-decoration: none
}

ul.menulist ul a:hover {
    text-decoration: none
}

.commentFrame {
    clear: both;
    position: relative;
    padding: 0;
    margin: 50px auto;
    max-width: 886px;
    background: #EFF4F8
}

.commentFrame .wrap {
    position: relative;
    margin: 0;
    padding: 0;
    width: 100%
}

.commentFrame ::-webkit-input-placeholder {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-style: italic !important;
    line-height: 15px
}

.commentFrame :-moz-placeholder {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-style: italic !important;
    line-height: 15px
}

.commentFrame ::-moz-placeholder {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-style: italic !important;
    line-height: 15px
}

.commentFrame :-ms-input-placeholder {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-style: italic !important;
    line-height: 15px
}

.commentFrame button {
    background: #022135 url('/images/btn.png') no-repeat 5px 6px;
    border: none;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    height: 35px;
    padding: 0 10px 0 30px;
    margin: 0 0 0 10px;
    color: #fff;
    text-transform: uppercase;
    cursor: pointer
}

.commentFrame button span {
    font-weight: 600
}

.commentFrame span.title {
    display: block;
    position: relative;
    padding: 0 10px;
    margin: 0;
    height: 35px;
    line-height: 37px;
    font-weight: 400;
    background: #022135;
    color: #fff;
    text-transform: uppercase;
    overflow: hidden
}

.commentFrame .comment {
    clear: both;
    padding: 10px;
    margin: 0;
    position: relative
}

.commentFrame .comment table {
    width: 100%
}

.commentFrame .comment table tr td.row01 {
    vertical-align: top;
    width: 30%;
    text-align: left
}

.commentFrame .comment table tr td.row01 input {
    display: block;
    width: 95%;
    padding: 5px
}

.commentFrame .comment table tr td.row02 {
    vertical-align: top;
    width: 70%;
    text-align: right
}

.commentFrame .comment table tr td.row02 textarea {
    width: 95%;
    padding: 5px
}

.commentFrame .comment table tr td.rows {
    text-align: right !important;
    padding: 25px 0
}

.innerFeatures01 {
    clear: both;
    position: relative;
    padding: 0;
    margin: 50px auto 0;
    max-width: 886px
}

.innerFeatures01 h1 {
    display: block;
    font-weight: 300;
    padding: 0 0 20px;
    margin: 0;
    font-size: 32px
}

.innerFeatures01 .imgFeature {
    position: relative;
    margin: 0;
    padding: 0;
    width: 100%
}

.innerFeatures01 .imgFeature span {
    display: block;
    position: absolute;
    bottom: 5px;
    color: #000;
    padding: 10px 20px;
    margin: 0;
    background: url('/images/bg01.png')
}

.innerFeatures01 .imgFeature span h2 {
    display: block;
    padding: 0 0 5px;
    margin: 0;
    font-weight: 300 !important
}

.innerFeatures01 .imgFeature span a {
    display: block;
    color: #000;
    text-decoration: none
}

.carouselTabs {
    clear: both;
    position: relative;
    padding: 0;
    margin: 50px auto 0;
    max-width: 886px
}

.carouselTabs h2 {
    display: block;
    font-weight: 300;
    padding: 0 0 20px;
    margin: 0;
    font-size: 25px
}

.carouselTabs .wrapper {
    position: relative;
    margin: 0;
    padding: 0;
    width: 100%
}

.carouselTabs .wrapper .colSlider {
    position: relative;
    padding: 0;
    height: 275px;
    margin: 0;
    overflow: hidden
}

.carouselTabs .wrapper .colSlider span {
    display: block;
    position: absolute;
    bottom: 45px;
    height: 210px;
    color: #000;
    right: 0;
    padding: 10px 15px;
    width: 270px;
    margin: 0;
    background: url('/images/bg01.png')
}

.carouselTabs .wrapper .colSlider span.right {
    right: 0
}

.carouselTabs .wrapper .colSlider span.left {
    left: 0
}

.tinyDesc {
    position: relative;
    padding: 0;
    margin: 50px 0;
    font-size: 15px;
    line-height: 18px
}

.btnRows {
    display: block;
    margin: 50px 0 0;
    position: relative;
    text-align: center
}

.btnRows a {
    display: inline-block;
    text-align: left;
    width: 200px;
    height: 60px;
    margin: 0 20px 0 0;
    padding: 10px 20px 0 64px;
    color: #fff;
    background: #13A7B3 url(/images/arrow50x50.png) no-repeat 5px center;
    text-transform: uppercase;
    font-size: 23px;
    line-height: 25px;
    text-decoration: none
}

.boatFeatList {
    padding: 15px 0 0;
    margin: 0;
    width: 100%
}

.boatFeatList li {
    list-style: none;
    display: block;
    float: left;
    width: 50%;
    margin: 0;
    padding: 0
}

.boatFeatList li span {
    display: block;
    padding: 0 0 0 55px
}

.boatFeatListM {
    padding: 0 0 0;
    margin: 0;
    width: 100%
}

.boatFeatListM li {
    list-style: none;
    display: block;
    width: 100%;
    margin: 0;
    padding-bottom: 2px;
}

.boatFeatListM li span {
    display: block;
    padding: 0 0 0 55px
}

.boatFeatListMM {
    padding-bottom: 10px;
    margin: 0;
    width: 100%
}

.boatFeatListMM li {
    list-style: none;
    display: block;
    width: 100%;
    margin: 0;
    padding-bottom: 2px;
}

.boatFeatListMM li span {
    display: block;
    padding: 0 0 0 55px
}

.boatFeatListN {
    padding-bottom: 0;
    margin: 0;
    width: 100%
}

.boatFeatListN li {
    list-style: none;
    display: block;
    float: left;
    width: 50%;
    margin: 0;
    padding-bottom: 2px;
}

.searchPageTitle {
    position: relative;
    padding: 0;
    margin: 15px 0 25px;
    font-size: 26px;
    line-height: 20px
}

/* .searchPageTitle span {
    display:block;
     font-size:36px;
     font-weight:400
}
 --sandy change */
.searchPageTitle span {
    font-size: 18px;
}

/*.searchFrame #searchFilterFrame {
    position:relative;
     float:left;
     width:235px
}
*/
.searchFrame #searchFilterFrame {
    position: relative;
    float: right;
    width: 235px;
    padding-left: 35px;
    top: 9px;
}

.searchFrame #searchResultFrame {
    position: relative;
    float: none;
    width: auto;
    overflow: hidden
}

/*.searchFrame #searchResultFrame .wrap {
    padding:0 0 0 35px
}
*/
.searchFrame #searchResultFrame .wrap {}

.boatReviewFrame {
    position: relative;
    padding: 10px;
    margin: 0 0 25px
}

.boatReviewFrame.odd {
    background: #F5F9FA
}

.boatReviewFrame .col01 {
    float: left;
    width: 41.3%
}

.boatReviewFrame .col01 img {
    display: block;
    max-width: 100%;
    height: auto
}

.boatReviewFrame .col02s {
    float: left;
    width: 65%
}

.boatReviewFrame .col02s div {
    padding: 0 0;
    font-size: 15px;
    line-height: 18px
}

.boatReviewFrame .col02s div em {
    display: block;
    font-style: normal;
    font-size: 24px;
    padding: 0 0 5px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1.2em;
    /* NEW */
}

.boatReviewFrame .col02 {
    float: left;
    width: 41.9%
}

.boatReviewFrame .col02 div {
    padding: 0 20px;
    font-size: 15px;
    line-height: 18px
}

.boatReviewFrame .col02 div em,
.boatReviewFrame .col02 div em a {
    display: block;
    font-style: normal;
    font-size: 24px;
    padding: 0 0 5px;
    font-weight: 500;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 1em;
    /* NEW */
}

.boatReviewFrame .col02 div em a:hover {
    text-decoration: underline;
}

.boatReviewFrame .col03 {
    float: left;
    width: 16.8%;
    text-align: center;
}

.boatReviewFrame .col03 .tinyrate {
    font-size: 22px !important;
    line-height: 10px
}

.boatReviewFrame .col03 .tinyrate span {
    width: 18px !important
}

.boatReviewFrame .col03 span.rev {
    text-transform: uppercase;
    font-size: 12px;
    text-align: center;
}

.boatReviewFrame .col02 span.rev {
    text-transform: uppercase;
    font-size: 12px;
    text-align: left;
    padding-top: 5px;
    padding-bottom: 10px;
}

.boatReviewFrame .col02 .tinyrate {
    font-size: 22px !important;
    line-height: 10px;
    text-align: left;
}

.boatReviewFrame .col01 span.rev {
    text-transform: uppercase;
    font-size: 12px;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 10px;
}

.boatReviewFrame .col01 .tinyrate {
    font-size: 22px !important;
    line-height: 10px;
    text-align: center;
    padding-top: 15px;
}

.boatReviewFrame .col03 a.btnEnquiry {
    display: block;
    height: 100px;
    background: #13A7B3 url(/images/arrow50x50.png) no-repeat center bottom;
    padding: 5px;
    font-size: 20px;
    font-weight: 300;
    text-align: center;
    color: #fff;
    text-decoration: none
}

.boatReviewFrame .col03 a.btnAdd {
    display: block;
    background: #579A90;
    padding: 0 0;
    margin: 5px 0 0;
    font-size: 12px;
    font-weight: 300;
    text-align: center;
    color: #fff;
    text-decoration: none;
    height: 30px;
}

.boatReviewFrame p.says {
    display: block;
    padding: 15px 0 0;
    clear: both;
    font-size: 14px;
    line-height: 20px;
    color: #13a7b3
}

.boatReviewFrame .col03 .btnEnquiryInfo {
    display: block;
    position: relative;
    line-height: 26px;
    color: #000000;
    font-size: 16px;
    font-weight: 300;
    padding: 5px 10px
}

.boatReviewFrame .col03 .btnEnquiryInfo em {
    font-style: normal;
    font-size: 20px;
}

.boatReviewFrame .col03 .btnReserve {
    display: block;
    position: relative;
    margin: 5px 0 0;
    line-height: 20px;
    font-size: 16px;
    background: #13a7b3;
    font-weight: 300;
    padding: 5px 0 3px 35px;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    background: #13a7b3 url(/images/arrow_whats-hot-right-now.svg) no-repeat 5px center;
    background-size: auto 60%;
}

.boatReviewFrame .col03s {
    float: right;
    width: 30%;
    text-align: center;
}

boatReviewFrame .col03s img {
    width: 100%;
}

.boatReviewFrame .col03s .tinyrate {
    font-size: 22px !important;
    line-height: 10px
}

.boatReviewFrame .col03s .tinyrate span {
    width: 18px !important
}

.boatReviewFrame .col03s span.rev {
    text-transform: uppercase;
    font-size: 12px;
    text-align: center;
}

.boatReviewFrame .col03s a.btnEnquiry {
    display: block;
    height: 100px;
    background: #13A7B3 url(/images/arrow50x50.png) no-repeat center bottom;
    padding: 5px;
    font-size: 20px;
    font-weight: 300;
    text-align: center;
    color: #fff;
    text-decoration: none
}

.boatReviewFrame .col03s a.btnAdd {
    display: block;
    background: #579A90;
    padding: 0;
    margin: 5px 0 0;
    font-size: 12px;
    font-weight: 300;
    text-align: center;
    color: #fff;
    text-decoration: none;
    height: 25px;
}

.boatReviewFrame .col03s .btnReserve {
    display: block;
    position: relative;
    margin: 5px 0 0;
    line-height: 20px;
    font-size: 16px;
    background: #13a7b3;
    font-weight: 300;
    padding: 3px 0;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    background: #13a7b3 url(/images/arrow_whats-hot-right-now.svg) no-repeat 5px center;
    background-size: auto 60%;
}

#searchNotice {
    position: relative;
    font-size: 23px;
    font-weight: 300;
    padding: 5px 10px;
    margin: 50px 0 25px;
    background: #E0EBF1;
}

#searchNotice label {}

.pagination {
    clear: both;
    position: relative;
    padding: 0;
    margin: 25px 0;
    font-size: 15px
}

.pagination span {
    float: right;
    display: inline-block;
    font-size: 17px
}

.pagination span a {
    color: #000;
    text-decoration: none
}

#enquiryform label.error,
#enquiryform label.error2 {
    margin-left: 10px;
    width: auto;
    display: block;
    color: red;
    font-weight: bold;
}

button#show-detail {
    display: block;
    position: relative;
    top: 0;
    right: 0;
    width: 100%;
    min-height: 40px;
    height: auto;
    line-height: 30px;
    background: #ea4f25;
    color: #fff;
    text-transform: uppercase;
    font-size: 19px;
    background: #ea4f25 url(/images/arrow_whats-hot-right-now.svg) no-repeat 5px;
    background-size: auto 60%;
    border: none;
    padding: 5px 5px;
    cursor: pointer;

}

#quick_enquiry_form label.error,
#quick_enquiry_form label.error2 {
    margin-left: 10px;
    width: auto;
    display: block;
    color: red;
    font-size: 14px;
    font-weight: bold;
}

#form1 label.error3,
#enquiryform label.error3 {
    margin-left: 10px;
    width: auto;
    display: block;
    color: red;
}

label.error3 {
    margin-left: 10px;
    width: auto;
    display: block;
    color: red;
}

#quick_enquiry_form label.error3 {
    margin-left: 10px;
    width: auto;
    display: block;
    color: red;
    font-size: 14px;
}

/* brochure, added 24 Nov '15 */
#brochure_yacht {
    clear: both;
    width: 100%;
    float: left;
    margin-top: 40px;
}

#brochure_specs {
    clear: left;
    float: left;
    width: 45%;
    margin-top: 10px;
}

#brochure_prices {
    clear: right;
    float: right;
    width: 45%;
    margin-top: 10px;
}

#brochure_prices2 {
    clear: right;
    float: left;
    width: 53%;
    margin-top: 10px;
}

#brochure_desc,
#brochure_comments {
    clear: both;
    width: 100%;
    float: left;
    margin-top: 10px;
}

.brochure_photos {
    clear: both;
    display: table;
}

.brochure_left {
    display: table-cell;
    text-align: left;
    vertical-align: top;
}

.brochure_right {
    display: table-cell;
    text-align: right;
    vertical-align: top;
}

.brochure_left img,
.brochure_right img {
    width: 98%;
}

/* SANDY AMENDMENTS - plus tom 22/7 */
.bbsays {
    font-style: italic;
    padding-top: 0;
    padding-bottom: 4px;
    font-size: 14pt;
    margin-top: -10px;
}

.RightRedEnquiry {
    clear: both;
    margin: 5px;
    width: 40%;
    max-width: 300px;
    min-width: 230px;
    float: right;
}

#cookieoff {
    background-color: #092645;
    font-size: 8pt;
    text-align: center;
    ;
    width: 100%;
    position: fixed;
    bottom: 0;
    z-index: 9999;
}

#cookieoff p {
    color: #f0f0f0;
    padding-bottom: 4px;
    margin-bottom: 0;
}

#cookieoff a {
    color: #ffffff;
}

.tree_pic {
    float: left;
    text-align: left;
    margin-right: 10px;
    width: 18%;
}

.tree_pic img {
    width: 100%;
}

.tree_desc {
    width: 78%;
    float: left;
    font-size: 10pt;
}

.myyachts_link {
    width: 100px;
    float: right;
}

.myyachts_link2 {
    width: 100px;
    float: right;
}

.myyachts_link a,
.myyachts_link2 a {
    font-size: 10pt;
}

.widget_docs {
    padding: 7px;
}

.widget_docs p {
    font-size: 14px;
    line-height: 16px;
}

.widget_docs ul {
    margin-left: 10px;
    font-size: 14px;
    line-height: 16px;
}

/* ------------------------------------------------------------- FOOTER STYLES - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#footer {
    position: relative;
    clear: both;
    width: 100%;
    padding: 0;
    margin: 0;
    color: #fff;
    font-size: 14px;
}

#layer01,
#layer02 {
    position: relative;
}

.col-3 {
    float: left;
    position: relative;
    padding: 0;
    margin: 0;
    width: 29%
}

.col-footer {
    float: left;
    position: relative;
    padding-left: 30px;
    margin: 0;
    width: 30%
}

.col-footer-center {
    float: left;
    position: relative;
    margin: 0;
    width: 34%;
    text-align: center;
}

/* Tom V added this to center text in the middle pane of the footer*/
.footer-site {
    position: relative;
    padding: 30px 3%;
    margin: 0;
    width: 94%;
    line-height: 18px;
    font-size: 14px;
}

.footer-site ul {
    padding: 15px 0 0 5px;
    margin: 0;
    display: block
}

.footer-site li {
    padding: 0 0 3px 20px;
    margin: 0;
    list-style: none;
    background: url(/images/arrow_green_footer.svg) no-repeat 2px 2px;
    background-size: 12px;
}

.footer-site li a {
    color: #fff;
    text-decoration: none
}

.footer-site .col-3 div {
    position: relative;
    padding: 0 40px 0 20px;
    margin: 0;
}

.footer-site .col-3 strong {
    font-weight: 400;
    display: block;
    clear: both;
    padding: 0;
    margin: 0
}

.footer-logo {
    position: relative;
    margin: 0 auto;
    padding: 25px 0;
    width: 100%;
    text-align: center
}

.footer-info {
    position: relative;
    padding: 0 3% 30px;
    margin: 0;
    width: 94%;
    border-bottom: 2px solid #02273a
}

.footer-info .col-3 strong {
    font-height: 400;
    display: block;
    clear: both;
    padding: 0;
    margin: 0
}

.footer-info .col-3 ul {
    display: block;
    width: 100%;
    padding: 0 0 5px;
    margin: 0
}

.footer-info .col-3 ul li {
    display: block;
    padding: 0;
    margin: 0;
    line-height: 18px;
    font-size: 14px;
}

.footer-info .col-3 ul li span {
    display: inline-block;
    width: 110px
}

#socialIcons {
    position: absolute;
    top: 33px;
    right: 0;
    width: 80px;
    z-index: 2
}

.browser {
    position: relative;
    margin: 0;
    padding: 8px 0 0
}

.browser::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 20px;
    top: -20px;
    left: 0
}

.nav {
    min-height: 40px
}

.break .nav {
    min-height: 55px;
    padding: 0 8px;
}

.nav ul {
    text-align: justify;
    list-style-type: none;
    padding: 0
}

.nav li {
    margin: 0;
    display: inline;
    cursor: pointer;
    font-size: 13px
}

.break ul:after {
    content: '';
    width: 100%;
    display: inline-block
}

.break li:after {
    content: "\00a0 \00a0 \00a0| "
}

.break li:last-child:after {
    content: ""
}

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

.layer01 {
    background: #13A7B3
}

.layer02 {
    background: #022135
}

#socialIconsSub {
    width: 100%;
    padding: 0;
    margin: 0
}

#socialIconsSub ul {
    display: block;
    width: 60%;
    padding: 0;
    margin: 0 auto
}

#socialIconsSub ul li {
    display: block;
    float: left;
    max-width: 48px;
    padding: 0;
    margin: 0
}

.mobileShow {
    display: none !important
}

.imgFrame {
    float: left;
    width: 60%;
    padding: 0;
    margin: 0
}

.txtFrame {
    float: left;
    width: 40%;
    padding: 0;
    margin: 0
}

.imgFrameSub {
    float: left;
    width: 60%;
    padding: 0;
    margin: 0
}

.txtFrameSub {
    float: left;
    width: 34%;
    padding: 3% 3% 0 3%;
    margin: 0;
    color: #fff;
    font-size: 18px
}

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

.txtFrameSub span {
    display: block;
    font-size: 34px !important;
    line-height: 36px;
    padding: 0 0 10px
}

.txtFrameSub a {
    display: block;
    padding: 6px 0 6px 35px;
    margin: 10px 0 0;
    color: #fff !important;
    background: #13a7b3 url(/images/arrow_whats-hot-right-now.svg) no-repeat 5px center;
    background-size: auto 22px;
    font-size: 20px
}

ul.navigation,
ul.navigation li {
    zoom: 1;
}

ul.navigation {
    text-align: justify;
    text-justify: distribute-all-lines;
    list-style-type: none;
    margin: 5px 0 0;
    padding: 20px 0 5px;
    display: block
}

ul.navigation:after {
    content: "";
    display: inline-block;
    width: 100%
}

ul.navigation li {
    text-align: left;
    vertical-align: top;
    display: inline-block;
    margin: 0;
    font-size: 30px
}

ul.navigation a {
    padding: 10px;
    color: #000;
    text-decoration: none
}

ul.navigation a:hover {
    background: url(/images/menu-arrow.png) no-repeat top center
}

ul.navigation li.selected a,
ul.navigation a.selected {
    background: url(/images/menu-arrow.png) no-repeat top center;
    font-weight: 500
}

ul.navigation a:focus {
    outline: none
}

*+html ul.navigation li {
    display: inline;
}

* html ul.navigation li {
    display: inline;
}

.carouselInner01 .GetDetails {
    position: absolute;
    width: 100%;
    height: 67px;
    overflow: hidden;
    left: 0;
    bottom: 0
}

.carouselInner01 .GetDetails .rows01 {
    position: relative;
    float: left;
    width: 50%;
    font-size: 16px !important;
    text-transform: uppercase;
    padding: 0;
    margin: 0;
    color: #fff
}

.carouselInner01 .GetDetails .rows01 div {
    padding: 0 0 0 20px
}

.carouselInner01 .GetDetails .rows01 div span {
    display: block;
    padding: 10px 0 0;
    font-size: 16px !important
}

.carouselInner01 .GetDetails .rows02 {
    position: relative;
    float: right;
    width: 50%;
    font-size: 16px !important;
    text-transform: uppercase;
    padding: 0;
    margin: 0;
    color: #fff
}

.carouselInner01 .GetDetails .rows02 span {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 252px;
    height: 67px;
    line-height: 28px;
    background: #13a7b3;
    color: #fff;
    text-transform: uppercase;
    font-size: 20px !important;
    background: #13a7b3 url(/images/arrow54x55.png) no-repeat 5px center
}

.carouselInner01 .GetDetails .rows02 span a {
    display: block;
    padding: 5px 0 0 75px;
    height: 100%;
    color: #fff;
    text-decoration: none
}

.carouselInner01 .boatDetails {
    position: relative;
    font-size: 20px;
    color: #fff;
    background: transparent url(/images/opacity.png);
    height: 67px;
    margin: 0;
    padding: 2px 20px 0
}

.carouselInner01 .boatDetails ul {
    display: block;
    clear: both;
    margin: 0;
    padding: 0
}

.carouselInner01 .boatDetails ul li {
    margin-left: 10px;
    display: block;
    text-align: right;
    float: left;
    list-style-type: none;
    font-size: 20px;
    font-weight: 300;
    width: auto;
}

.carouselInner01 .boatDetails ul li.right {
    margin-left: 5px;
    width: auto !important;
    float: right !important
}

.carouselInner01 .boatDetails ul li span {
    display: block;
    font-size: 12px !important;
    text-align: left;
    padding: 0 0 5px;
    text-transform: uppercase;
    font-weight: 300
}

.carouselInner01 .boatDetails a.currency {
    dispaly: block;
    position: absolute;
    z-index: 3;
    top: 0;
    right: 5px;
    padding: 0 20px 0 0;
    font-size: 12px;
    color: #fff;
    text-decoration: none;
    background: transparent url(/images/arrow-down.png) no-repeat center right
}

.carouselInner01 {
    width: 100%
}

span.resTitle {
    display: block;
    position: relative;
    top: 0;
    right: 0;
    width: 100%;
    min-height: 40px;
    height: auto !Important;
    height: 40px;
    line-height: 30px;
    background: #13a7b3;
    color: #fff;
    text-transform: uppercase;
    font-size: 22px;
    background: #13a7b3 url(/images/arrow_whats-hot-right-now.svg) no-repeat 5px center;
    background-size: auto 60%;
    overflow: hidden;
    margin: 0 0 10px
}

span.resTitle.sf {
    font-size: 16px !important;
    line-height: 22px !important
}

span.resTitle strong {
    font-weight: 500 !Important
}

span.resTitle.orange {
    background: #ea4f25 url(/images/arrow_whats-hot-right-now.svg) no-repeat 5px;
    background-size: auto 60%;
}

span.resTitle a,
span.resTitle button {
    background: transparent;
    cursor: pointer;
    border: 0;
    display: block;
    padding: 5px 0 0 40px;
    height: 100%;
    font-family: "Open Sans", sans-serif;
    font-weight: 300;
    font-size: 22px;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    position: relative;
}

span.resTitle.reverse {
    position: relative;
}

span.resTitle.reverse a:before {
    content: "";
    position: absolute;
    left: 3px;
    top: 6px;
    width: 36px;
    height: 28px;
    background: #13a7b3 url(/images/arrow_whats-hot-right-now.svg) no-repeat 5px center;
    background-size: contain;
    transform: scaleX(-1);
}

span.qifSubmit {
    display: block;
    position: relative;
    top: 0;
    right: 0;
    width: 100%;
    min-height: 30px;
    height: auto !Important;
    height: 30px;
    line-height: 20px;
    background: #13a7b3;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    background: #13a7b3 url(/images/arrow_whats-hot-right-now.svg) no-repeat 5px center;
    background-size: auto 60%;
    overflow: hidden;
    margin: 0 0 10px
}

span.qifSubmit.orange {
    background: #ea4f25 url(/images/arrow_whats-hot-right-now.svg) no-repeat 5px center !important;
    background-size: auto 60%;
}

span.qifSubmit a {
    display: block;
    padding: 5px 10px 0 40px;
    height: 100%;
    color: #fff;
    text-decoration: none
}

ul.doubleList {
    display: block;
    padding: 0;
    margin: 10px 0;
    width: 100%
}

ul.doubleList li {
    clear: both;
    width: 100%;
    display: block;
    border-bottom: 1px solid #E3E3E3;
    padding: 0;
    margin: 0
}

ul.doubleList li span {
    display: block;
    padding: 3px 2% 5px 2% !important;
    margin: 0 !important
}

.text01,
.text02,
.text03,
.text01tiny,
.text02tiny {}

.text01 {
    float: left;
    width: 54%;
    font-weight: 500
}

.text02 {
    float: right;
    width: 38%;
    text-align: right
}

.text03 {
    float: left;
    width: 100%
}

.text01tiny {
    float: left;
    width: 30%;
    font-weight: 500
}

.text02tiny {
    float: right;
    width: 62%;
    text-align: right
}

.viewEnquiryFrame {
    display: inline-block;
    padding: 1px 10px 0 20px;
    margin: 0;
    background: #13a7b3 url(/images/arrow_whats-hot-right-now.svg) no-repeat 3px center;
    background-size: auto 50%;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 23px;
    /*height:100%;
    */
    color: #fff;
    text-decoration: none
}

/* new 04/02/2014 */
#formModal {
    position: relative;
    padding: 0;
    margin: 0 auto;
    max-width: 644px;
    background: rgba(0, 0, 0, .8);
}

#formModal .fromHeaderModule {
    position: relative;
    padding: 0;
    margin: 0;
    height: 45px;
    line-height: 45px;
    overflow: hidden;
    background: #13A7B3;
    font-size: 19px;
    color: #fff;
    text-transform: uppercase
}

#formModal .fromHeaderModule span {
    padding: 0 15px
}

#formModal .formInner {
    position: relative;
    padding: 25px 15px;
    margin: 0;
    font-size: 16px;
    color: #fff
}

#formModal li {
    width: 50%;
    float: left;
    padding: 5px 0
}

#formModal ul.full li {
    width: 100%;
    !important
}

#formModal li select,
#formModal li label,
#formModal li input[type=text] {
    display: inline-block;
    float: left
}

#formModal li input[type=text] {
    width: 80px;
    padding: 5px
}

#formModal li select {
    padding: 5px;
    border: none;
    margin: 0 25px 0 0
}

#formModal li input.largesize {
    width: 160px;
    padding: 5px
}

#formModal li input.fullsize {
    width: 420px;
    padding: 5px
}

#formModal li textarea.fullsize {
    width: 420px;
    padding: 5px
}

#formModal li label.lbl01 {
    width: 120px;
    padding: 0;
    margin: 0
}

#formModal li label.lbl02 {
    width: 160px;
    padding: 0;
    margin: 0
}

#formModal li label.lbl03 {
    width: 140px;
    padding: 0;
    margin: 0
}

#formModal li label.lbl04 {
    width: 170px;
    padding: 0;
    margin: 0
}

#formModal li label.lbl05 {
    width: 100%;
    padding: 0;
    margin: 0
}

#formModal p {
    clear: both;
    display: block;
    padding: 25px 0 0 !important;
    text-align: right;
    font-style: italic
}

button.calendar {
    background: url('/images/calinput.png');
    border: 0;
    cursor: pointer;
    float: left;
    height: 27px;
    margin-left: 6px;
    width: 25px
}

.inline {
    display: none
}

.imgFloatRight {
    float: right;
    margin: 0 0 10px 10px;
    padding: 2px 0 2px 0
}

.imgFloatLeft {
    float: left;
    margin: 0 10px 10px 0;
    padding: 2px
}

.FloatRight {
    float: right;
    padding: 2px 0 2px 0
}

@media screen and (max-width: 1560px) {
    .break .nav {
        min-height: 60px;
    }
}

/*b-splet main image resized on desktop*/
@media screen and (min-width: 769px) {
    .mainHPimage {
        max-height: 300px;
        overflow: visible;
    }

    .imgFrameSub>img {
        width: 100%;
        height: 285px;
        min-height: 285px;
        object-fit: cover;
    }
}

@media screen and (min-width: 769px) and (max-width: 850px) {
    .image #boatSearch span {
        font-size: 40px;
    }
}

/*b-splet main image resized on desktop end*/
/* ------------------------------------------------------------- RESPONSIVE STYLES - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
@media screen and (max-width: 860px) {
    #featuredBoat div a.btn span {
        font-size: 25px;
    }
}

/* Landscape media and Ipad portrait */
@media screen and (max-width: 768px) {

    /*b-splet*/
    .label20_small {
        width: 40%;
    }

    #featuredBoat div a.btn {
        background-size: 35px 35px;
        font-size: 16px;
    }

    #featuredBoat div a.btn span {
        font-size: 18px;
    }

    .content_table {
        direction: ltr;
    }

    .content_table td {
        direction: ltr;
        display: block;
        width: 100%;
    }

    .content_table_even td {
        width: 100%;
        display: block;
    }

    .enquiry_box_holder_first {
        margin-top: 0;
    }

    .thankyouimage {}

    .masonry {
        column-count: 1;
        column-gap: 1em;
    }

    .spec_grid {
        display: inline-block;
        width: calc(50% - 10px);
        width: 100%;
    }

    .spec_grid2 {
        width: 100%;
    }

    .spec_grid2.right {
        text-align: center;
    }

    .spec_grid2.left {
        text-align: center;
    }

    .enqform_main_title {
        text-align: left;
    }

    .center_cropped {
        /* max-height: 150px;
        */
        overflow: hidden;
    }

    .enquiry_sidebar_image {
        width: 100%;
        margin-left: 0;
        margin-top: 0;
    }

    .hide_768 {
        display: none;
    }

    .show_768 {
        display: inline;
    }

    .hide_768b {
        display: none;
    }

    .show_768b {
        display: block;
        text-align: left;
    }

    .sticky {
        display: block;
        position: fixed;
        bottom: 50px;
        z-index: 1010;
        text-align: center;
        width: 190px;
        background-color: #13a7b3;
        height: 30px;
        left: 50%;
        margin-left: -95px;
    }

    .sticky_form {
        position: fixed;
        top: 0;
        z-index: 1000;
        text-align: center;
        width: 100%;
        background-color: white;
        height: 100%;
        overflow-y: scroll;
        left: 0;
        padding: 2.5%;
        box-sizing: border-box
    }

    .sticky a {
        vertical-align: middle;
        color: white !important;
        text-decoration: none !important;
    }

    .green {
        text-decoration: none !important;
    }

    #searchFilterFrame .input input,
    #searchFilterFrame .select select,
    #searchFilterFrame .textarea textarea {
        width: 95%;
    }

    .resTitlesmall {
        width: 95% !important;
    }

    /*b-splet*/
    .topnav ul {
        padding: 0 0
    }

    #topnavholder {
        position: relative;
        top: 0
    }

    #column2Frame .innerLeft {
        width: 100%;
    }

    #column2Frame .innerLeft2 {
        width: 100%;
    }

    #innerRight {
        clear: left;
        width: 100%
    }

    #innerRight2 {
        clear: left;
        width: 100%
    }

    .boatReviewFrame .col01 {
        width: 50%;
    }

    .boatReviewFrame .col01 img {
        width: 100%;
    }

    .searchFrame #searchFilterFrame {
        width: 100%;
        float: left;
    }

    .searchFrame #searchResultFrame {
        width: 100%;
        float: left;
    }

    .boatReviewFrame .col02 {
        width: 50%;
    }

    .boatReviewFrame .col03 {
        width: 100%;
    }

    .boatReviewFrame .col03 .col04fix {
        width: 100%;
        float: left;
    }

    .boatReviewFrame .col03 .col03fix {
        width: 50%;
        float: left;
    }

    .boatReviewFrame .col03 .col03fix .rating {
        padding-top: 20px;
    }

    .mobileHide {
        display: none !important
    }

    .mobileShow {
        display: block !important
    }

    .fixed {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .nav ul {
        text-align: left
    }

    .nav li.copyright {
        margin: 0;
        display: block;
        width: 100%
    }

    .nav li {
        padding: 0 10px
    }

    .break li:after {
        content: " "
    }

    .break li:last-child:after {
        content: ""
    }

    .imgFrame {
        float: left;
        width: 100%;
        height: 277px;
        padding: 0;
        margin: 0;
        overflow: hidden
    }

    .txtFrame {
        float: left;
        max-width: 100%;
        padding: 0;
        margin: 0
    }

    .imgFrameSub {
        float: left;
        width: 100%
    }

    .txtFrameSub {
        float: left;
        width: 94%
    }

    .scrollContainer div.panel p {
        display: block !important;
        line-height: 20px !important;
        font-size: 16px !important
    }

    .scroll {
        height: 500px !important
    }

    .scrollContainer div.panel {
        padding: 0;
        height: 500px !important
    }

    .scrollContainer div.panel p span {
        font-size: 25px !important;
        padding: 0 0 10px !important
    }

    .eventList {
        padding: 15px 10px 0
    }

    #featuredBoat .col01 {
        position: relative;
        float: left;
        padding: 0;
        /*margin:0 1% 0;
         width:31%*/
        margin: 0 0.86% 0 0.86%;
        width: 31.6%;
    }

    #featuredBoat .col02 {
        position: relative;
        float: left;
        padding: 0;
        /*margin:0 1% 0;
         width:31%*/
        margin: 0 0.86% 0 0.86%;
        width: 31.6%;
    }

    #featuredBoat .col03 {
        position: relative;
        float: left;
        padding: 0;
        /*margin:0 0 0 1%;
         width:31%*/
        margin: 0 0.86% 0 0.86%;
        width: 31.6%;
    }

    #featuredBoat .col01 img,
    #featuredBoat .col02 img,
    #featuredBoat .col03 img {
        display: block;
        max-width: 100%;
        height: auto
    }

    .featuredBoat .col01 {
        position: relative;
        float: left;
        padding: 0;
        margin: 0 1% 0;
        width: 31%
    }

    .featuredBoat .col02 {
        position: relative;
        float: left;
        padding: 0;
        margin: 0 1% 0;
        width: 31%
    }

    .featuredBoat .col03 {
        position: relative;
        float: left;
        padding: 0;
        margin: 0 0 0 1%;
        width: 31%
    }

    .featuredBoat .col01 img,
    .featuredBoat .col02 img,
    .featuredBoat .col03 img {
        display: block;
        max-width: 100%;
        height: auto
    }

    #TopDestinations .col01 {
        position: relative;
        float: left;
        padding: 0;
        /*margin:0 1% 0;
         width:31%*/
        margin: 0 0.86% 0 0.86%;
        width: 31.6%;
    }

    #TopDestinations .col02 {
        position: relative;
        float: left;
        padding: 0;
        /* margin:0 1% 0;
         width:31%*/
        margin: 0 0.86% 0 0.86%;
        width: 31.6%;
    }

    #TopDestinations .col03 {
        position: relative;
        float: left;
        padding: 0;
        /*margin:0 0 0 1%;
         width:31%*/
        margin: 0 0.86% 0 0.86%;
        width: 31.6%;
    }

    #TopDestinations .col01 img,
    #TopDestinations .col02 img,
    #TopDestinations .col03 img {
        display: block;
        max-width: 100%;
        height: auto
    }

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

    .pictFloatRight {
        width: 250px
    }

    .image #features {
        position: absolute;
        bottom: 20px;
        right: 0;
        left: 0;
        width: 90%;
        margin: 0 auto;
        padding: 10px
    }

    .image #features span {
        font-size: 30px
    }

    .image #features ul li {
        display: block;
        float: left;
        width: 43%;
        padding: 0 0 5px 30px;
        margin: 0 15px 0 0;
        font-size: 14px;
        line-height: 20px
    }

    .socialFrame {
        float: none;
        width: 100%;
        margin: 0 0 25px
    }

    .socialFrame .colPadLeft {
        padding: 0
    }

    .footer-site li {
        float: left;
        width: 50%
    }

    .col-3 {
        margin: 0 0 15px;
        width: 100%
    }

    #socialIcons {
        none
    }

    #socialIcons ul {
        display: block;
        width: 100%;
        padding: 0;
        margin: 0
    }

    #socialIcons ul li {
        display: block;
        width: 100%;
        float: left
    }

    #featuredBoat div strong {
        font-size: 24px;
        padding: 10px 0 0;
        height: 50px
    }

    #featuredBoat div h1 {
        display: block;
        font-size: 24px;
        padding: 10px 0 0;
        height: 50px;
        font-weight: inherit;
    }

    #featuredBoat div .h1t {
        display: block;
        font-size: 24px;
        padding: 10px 0 0;
        height: 50px;
        font-weight: inherit;
    }

    #featuredBoat div a.btn span {
        display: block;
        font-size: 20px;
        font-weight: 500
    }

    .featuredBoat div strong {
        font-size: 24px;
        padding: 10px 0 0;
        height: 50px
    }

    .featuredBoat div h1 {
        display: block;
        font-size: 24px;
        padding: 10px 0 0;
        height: 50px;
        font-weight: inherit;
    }

    .featuredBoat div a.btn span {
        display: block;
        font-size: 20px;
        font-weight: 500
    }

    #TopDestinations div strong {
        font-size: 24px;
        padding: 10px 0 0;
        height: 50px
    }

    #TopDestinations div h1 {
        display: block;
        font-size: 24px;
        padding: 10px 0 0;
        height: 50px;
        font-weight: inherit;
    }

    #TopDestinations div h2 {
        display: block;
        font-size: 24px;
        padding: 10px 0 0;
        height: 50px;
        font-weight: inherit;
    }

    #TopDestinations div .h2t {
        display: block;
        font-size: 24px;
        padding: 10px 0 0;
        height: 50px;
        font-weight: inherit;
    }

    #TopDestinations div a.btn span {
        display: block;
        font-size: 20px;
        font-weight: 500
    }

    .image #boatSearch ul li {
        width: 100%;
        margin: 0 0 15px
    }

    .image #boatSearch ul li:last-child {
        float: left
    }

    .image #boatSearch ul li:last-child div {
        padding: 0 !important
    }

    .image #boatSearch ul li div select {
        display: block;
        margin: 5px 0 0
    }

    .image #boatSearch ul li:first-child div {
        padding: 0 !important
    }

    .image #boatSearch ul li div {
        padding: 0
    }

    .fsSubmitButton {
        float: none;
        display: block;
        width: 150px;
        margin: 10px auto
    }

    .image #boatSearch {
        text-align: center
    }

    .contentImg {
        display: none;
    }

    .column01 {
        position: relative;
        float: left;
        padding: 10px 0 0;
        margin: 0;
        width: 100%;
        line-height: 20px;
        color: #cb4018
    }

    .column02 {
        position: relative;
        float: left;
        padding: 10px 0 0;
        margin: 0;
        width: 100%;
        text-align: center
    }

    .column0202 {
        position: relative;
        float: left;
        padding: 10px 0 0;
        margin: 0;
        width: 100%;
        text-align: center
    }

    .column03 {
        position: absolute;
        float: left;
        padding: 10px 0 0;
        margin: 0;
        margin-top: 100px;
        width: 80%;
        clear: left;
        z-index: 99
    }

    .column01 ul li.secAdrr,
    .breaktop .topnav,
    .topnav {
        height: auto !important
    }

    .readMore {
        font-size: 14px
    }

    p.bntFrame {
        text-align: left
    }

    ul.navigation li {
        text-align: left;
        vertical-align: top;
        display: inline-block !important;
        float: left;
        margin: 0;
        padding: 5px 0 10px;
        font-size: 30px !important
    }

    ul.navigation a {
        padding: 10px;
        color: #000;
        text-decoration: none;
        font-size: 20px !important
    }

    ul.navigation a:focus {
        outline: none
    }
}

@media screen and (max-width: 660px) {
    #featuredBoat div a.btn span {
        font-size: 18px;
    }
}

@media screen and (max-width: 620px) {
    #featuredBoat div a.btn {
        background-size: 35px 35px;
    }

    .thankyouimage {
        max-width: 500px;
        left: 50%;
        margin-left: -250px;
        /*display:none;
        */
    }

    .thankyouimage_mobile {
        /*max-width: 500px;
        */
        display: none;
        left: 50%;
        margin-left: -310px;
        position: relative;
    }

    .center_cropped {
        /* max-height: 80px;
        */
    }

    .offices_title {
        margin: 0 0 .5em 0;
        text-align: center;
        margin-bottom: 10px;
    }

    .child {
        width: 100%;
        margin-bottom: 10px;
    }

    .parent {
        /*padding-left:5%;
        */
        /* text-align: left;
        */
    }
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
    /* For iPad landscape layouts only */
}

/* Portrait media */
/*@media only screen and (min-width : 320px) and (max-width : 568px) {
*/
@media only screen and (min-width : 320px) and (max-width : 568px) {
    .mail_form_wrapper {
        width: 97%;
    }

    .inpcustsol,
    .selcustsol,
    .textareacustsol {
        width: 97%;
    }

    .inpcustsol2,
    .selcustsol2,
    .textareacustsol2 {
        width: 97%;
    }

    .inpcustsol3,
    .selcustsol3,
    .textareacustsol3 {
        width: 97%;
    }

    .form_text_wrapper {
        width: 97%;
    }

    .form_text_wrapper2 {
        width: 97%;
    }

    .dateinputcontainer {
        width: 97%;
    }

    .fullsize_enquire_button {
        width: 97%
    }

    .inpcustsoldate {
        width: 35%;
    }

    .budgetcustsol {
        width: calc(97% - 105px);
    }

    .resultdiv {
        width: 97%;
    }

    ul.rightList li {
        padding: 0 0 10px;
        overflow: auto;
        display: block
    }

    .boatReviewFrame .col01 {
        width: 100%;
    }

    .boatReviewFrame .col01 img {
        width: 100%;
    }

    .boatReviewFrame .col02 {
        padding-top: 20px;
        width: 100%;
    }

    .boatReviewFrame .col03 {
        width: 100%;
    }

    .boatReviewFrame .col02s {
        width: 65%;
    }

    .boatReviewFrame .col03s {
        width: 30%;
    }

    .footer-logo img {
        display: block;
        max-width: 100%;
        height: auto
    }

    #socialIconsSub {
        width: 100%;
        padding: 0;
        margin: 0
    }

    #socialIconsSub ul {
        display: block;
        width: 100%;
        padding: 0;
        margin: 0 auto
    }

    #socialIconsSub ul li {
        display: block;
        float: left;
        max-width: 48px;
        padding: 0;
        margin: 0
    }

    .footer-site {
        position: relative;
        padding: 30px 0;
        margin: 0;
        width: 100%;
        line-height: 18px;
        font-size: 14px
    }

    #featuredBoat div strong {
        display: block;
        font-size: 16px;
        font-weight: 300;
        padding: 10px 0 0;
        height: 50px;
        margin: 0;
        text-align: center;
        text-transform: uppercase
    }

    #featuredBoat div h1 {
        display: block;
        font-size: 16px;
        font-weight: 300;
        padding: 10px 0 0;
        height: 50px;
        margin: 0;
        text-align: center;
        text-transform: uppercase;
        font-weight: inherit;
    }

    #featuredBoat div .h1t {
        display: block;
        font-size: 16px;
        font-weight: 300;
        padding: 10px 0 0;
        height: 50px;
        margin: 0;
        text-align: center;
        text-transform: uppercase;
        font-weight: inherit;
    }

    #featuredBoat div a.btn {
        display: block;
        color: #fff;
        padding: 8px 5px;
        margin: 0;
        text-decoration: none;
        line-height: 18px;
        font-size: 12px;
        background: #13A7B3 url(/images/arrow_whats-hot-right-now.svg) no-repeat center right;
        background-size: 35px 35px;
        /*height:60px*/
    }

    #featuredBoat div a.btn span {
        display: block;
        font-size: 15px;
        font-weight: 500
    }

    .featuredBoat div strong {
        display: block;
        font-size: 16px;
        font-weight: 300;
        padding: 10px 0 0;
        height: 50px;
        margin: 0;
        text-align: center;
        text-transform: uppercase
    }

    .featuredBoat div h1 {
        display: block;
        font-size: 16px;
        font-weight: 300;
        padding: 10px 0 0;
        height: 50px;
        margin: 0;
        text-align: center;
        text-transform: uppercase;
        font-weight: inherit;
    }

    .featuredBoat div a.btn {
        display: block;
        color: #fff;
        padding: 8px 5px;
        margin: 0;
        text-decoration: none;
        line-height: 18px;
        font-size: 12px;
        height: 60px;
        background: #13A7B3 url(/images/arrow_whats-hot-right-now.svg) no-repeat center right
    }

    .featuredBoat div a.btn span {
        display: block;
        font-size: 12px;
        font-weight: 500
    }

    #TopDestinations div strong {
        display: block;
        font-size: 16px;
        font-weight: 300;
        padding: 10px 0 0;
        height: 50px;
        margin: 0;
        text-align: center;
        text-transform: uppercase
    }

    #TopDestinations div h1 {
        display: block;
        font-weight: 300;
        padding: 10px 0 0;
        height: 50px;
        margin: 0;
        text-align: center;
        text-transform: uppercase;
        font-weight: inherit;
    }

    #TopDestinations div h2 {
        display: block;
        font-weight: 300;
        padding: 10px 0 0;
        height: 50px;
        margin: 0;
        text-align: center;
        font-weight: inherit;
    }

    #TopDestinations div .h2t {
        display: block;
        font-weight: 300;
        padding: 10px 0 0;
        height: 50px;
        margin: 0;
        text-align: center;
        font-weight: inherit;
    }

    #TopDestinations div a.btn {
        display: block;
        color: #fff;
        padding: 8px 5px;
        margin: 0;
        text-decoration: none;
        line-height: 18px;
        font-size: 12px;
        height: 60px;
        background: #13A7B3 url(/images/arrow_whats-hot-right-now.svg) no-repeat center right
    }

    #TopDestinations div a.btn span {
        display: block;
        font-size: 12px;
        font-weight: 500
    }

    .eventList .desctEvent h2 {
        font-size: 20px;
        line-height: 25px
    }

    .eventList .desctEvent {
        font-size: 16px;
        line-height: 22px
    }

    .eventBox {
        font-size: 16px;
        line-height: 22px
    }

    /* .eventList .pictEvent {
        float: none;
         padding: 0;
         margin: 0;
         width: 100%
    }
     .eventList .desctEvent {
        float: none ;
         padding: 0 2.5% 0 0;
         margin: 0;
         width: 100%
    }
    */
    span.eventHeader {
        display: block;
        width: 100%;
        font-size: 25px;
        line-height: 30px;
        padding: 0 0 40px
    }

    span.eventHeader h1 {
        display: inline;
        width: 100%;
        font-size: 25px;
        line-height: 30px;
        padding: 0 0 40px;
        font-weight: inherit;
    }

    span.eventHeader .h1t {
        display: inline;
        width: 100%;
        font-size: 25px;
        line-height: 30px;
        padding: 0 0 40px;
        font-weight: inherit;
    }

    .item .carouselLeft {
        float: none;
        padding: 5px 0 0;
        margin: 0 0 25px;
        width: 100%
    }

    .item .carouselRight {
        float: none;
        padding: 0;
        margin: 0 0 0 2%;
        width: 100%
    }

    .txtFloat01 {
        top: 5px;
        font-size: 20px
    }

    .image #features {
        padding: 10px 1% !important;
        overflow: hidden;
        width: 90%;
        display: block
    }

    .image #features ul li {
        display: block;
        float: left;
        width: 100%
    }

    .image #features span {
        padding: 5px 0 0 !important;
        display: block;
        line-height: 30px
    }

    .image #boatSearch span {
        font-size: 35px;
        line-height: 35px
    }

    .pictFloatRight {
        width: 100% !important;
        display: block;
        float: none;
        margin: 0 0 10px
    }

    .column02 {
        width: 100%;
        float: left;
        text-align: center;
    }

    .column0202 {
        width: 100%;
        float: left;
        text-align: center;
    }

    .column02 img {
        max-width: 100%;
        height: auto;
        text-align: center
    }

    .column0202 img {
        max-width: 100%;
        height: auto;
        text-align: center
    }

    /*b-splet*/
    .eventList .pictEvent {
        width: 100%;
        float: none;
    }

    .eventList .desctEvent {
        width: 100%;
    }

    .eventList .desctEvent.forceLeft {
        padding: 0 !important;
    }

    .eventBox img {
        width: 100% !important;
        /*display:block;
         margin:auto;
        */
    }

    .item img {
        max-height: 100%;
    }

    .boatReviewFrame .col02 .yacht_details {
        padding: 0;
    }

    .boatReviewFrame .col02 .yacht_details .dleft {
        float: left;
        width: 60%;
        padding: 0;
    }

    .boatReviewFrame .col02 .yacht_details .dright {
        float: right;
        width: 35%;
        padding: 0;
    }

    .innerTitleBar h1 {
        display: block;
        font-size: 24px;
        line-height: 31px;
        padding: 0;
        margin: 0;
        font-weight: 500;
        text-transform: uppercase
    }

    h1.innerH2,
    h2.innerH2 {
        display: block;
        font-size: 23px;
        line-height: 32px
    }

    h1.innerH2 span,
    h2.innerH2 span {
        display: block;
        font-weight: 300;
        padding: 0;
        font-size: 23px
    }

    /*b-splet*/
    /* .form-wrapper button {
        background: none !important
    }
    */
}

@media only screen and (max-width : 768px) {
    .HP_topimage {
        top: 0;
    }

    .image.mapFrame+.image img {
        object-fit: cover;
        height: 365px;
    }
}

@media only screen and (min-width : 586px) and (max-width : 768px) {
    .show_568786 {
        display: block;
    }

    .rating {
        text-align: center !important;
    }

    .rev {
        text-align: center;
    }

    .column0202 img {
        max-width: 100%;
        height: auto;
        text-align: center
    }
}

@media only screen and (min-width : 569px) and (max-width : 585px) {
    .column0202 img {
        max-width: 100%;
        height: auto;
        text-align: center
    }
}

@media only screen and (min-width : 100px) and (max-width : 568px) {
    .column02 img {
        max-width: 100%;
        height: auto;
        text-align: center
    }

    .column0202 img {
        max-width: 100%;
        height: auto;
        text-align: center
    }

    .footer-logo img {
        display: block;
        max-width: 100%;
        height: auto
    }

    /*b-splet*/
    .hide_568 {
        display: none;
    }

    .show_568 {
        display: inline;
    }

    .show_568b {
        display: block;
    }

    .boatFeatList li span {
        display: none;
    }

    .boatReviewFrame .mobileShow .btnEnquiryInfoLeft {
        text-align: left;
        padding-left: 20px;
        font-size: 100%;
    }

    .boatReviewFrame .col03 .btnEnquiryInfoLeft em {
        font-size: 100%;
    }

    .boatReviewFrame .col03 .col03fix .ratingMobile {
        padding-top: 5px;
    }

    .boatReviewFrame .col03 .btn01orangeWide {
        display: block;
        position: relative;
        margin: 5px 0 0;
        line-height: 20px;
        font-size: 16px;
        font-weight: 300;
        padding: 5px 0 3px 35px;
        color: #fff;
        text-decoration: none;
        text-transform: uppercase;
        background: #ea4f25 url(/images/arrow_whats-hot-right-now.svg) no-repeat 5px center;
        background-size: auto 60%;
    }

    /*b-splet stack the boxes in mobile*/
    #TopDestinations .col01 {
        width: 100% !important;
    }

    #TopDestinations .col02 {
        width: 100% !important;
    }

    #TopDestinations .col03 {
        width: 100% !important;
    }

    #TopDestinations .col01 img {
        margin-left: auto;
        margin-right: auto;
    }

    #TopDestinations .col02 img {
        margin-left: auto;
        margin-right: auto;
    }

    #TopDestinations .col03 img {
        margin-left: auto;
        margin-right: auto;
    }

    .mobile_buttons {
        min-width: 320px;
    }

    .btnReserve2 {
        float: left;
        width: 36%;
        margin-right: 3px
    }

    .btn01orangeWide2 {
        float: left;
        width: 36%;
    }

    .boatReviewFrame .col02 div.boatFeatList {
        padding: 0 !important;
    }

    /*.tinyrate{
         text-align:center!important;
    }
    */
}

@media screen and (max-width: 530px) {
    #featuredBoat div a.btn span {
        font-size: 14px;
    }

    #featuredBoat div a.btn {
        background-size: 28px 28px;
    }

    .image.mapFrame+.image img {
        object-fit: cover;
        height: 365px;
    }
}

@media screen and (max-width: 472px) {
    #featuredBoat div a.btn span {
        font-size: 13px;
    }

    #featuredBoat div a.btn {
        background-size: 23px 23px;
    }

    .image.mapFrame+.image img {
        object-fit: cover;
        height: 365px;
    }
}

@media screen and (max-width: 460px) {
    .block_table tr {
        display: block;
        width: 100%;
    }

    .block_table td {
        display: block;
        width: 100%;
    }

    .details_left {
        display: block;
        width: 100%;
    }

    .details_right {
        display: block;
        width: 100%;
    }

    .specials_enquiry_button {
        font-size: 14px !important;
        background-size: 23px !important;
        line-height: 23px !important;
    }

    .image.mapFrame+.image img {
        object-fit: cover;
        height: 365px;
    }
}

@media screen and (max-width: 440px) {
    #featuredBoat div a.btn {
        background: #13A7B3;
    }
}

@media screen and (max-width: 390px) {
    #featuredBoat div a.btn span {
        font-size: 12px;
    }

    .specials_enquiry_button {
        font-size: 14px !important;
        background-size: 17px !important;
        line-height: 24px !important;
    }
}

@media screen and (max-width: 360px) {
    #featuredBoat div a.btn {
        height: 60px;
    }

    .specials_enquiry_button {
        background: #13a7b3 url(/images/arrow_whats-hot-right-now.svg) no-repeat 5px center !important;
        background-size: auto 60%;
        ;
        font-size: 14px !important;
        background-size: 17px !important;
        line-height: 24px !important;
    }
}

@media only screen and (max-width : 320px) {
    #whatshotimage {
        height: 450px;
        object-fit: cover;
    }

    .specials_enquiry_button {
        background: #13a7b3 url(/images/arrow_whats-hot-right-now.svg) no-repeat 5px center !important;
        background-size: auto 60%;
        ;
        font-size: 14px !important;
        background-size: 17px !important;
        line-height: 24px !important;
    }
}

@media only screen and (max-width : 500px) {
    ul.rightList li {
        padding: 0 0 10px;
        overflow: auto;
        display: block
    }

    .mobileHide500 {
        display: none !important
    }

    .mobileShow500 {
        display: block !important
    }

    .continue_link {
        text-align: center;
    }

    .bbintroduces {
        margin-top: 0;
    }

    /* brochure, added 24 Nov '15 */
    #brochure_yacht {
        clear: both;
        width: 100%;
        float: left;
        margin-top: 40px;
    }

    #brochure_specs {
        clear: both;
        float: left;
        width: 100%;
        margin-top: 10px;
    }

    #brochure_prices {
        clear: both;
        float: left;
        width: 100%;
        margin-top: 10px;
    }

    #brochure_prices2 {
        clear: both;
        float: left;
        width: 100%;
        margin-top: 10px;
    }

    #brochure_desc,
    #brochure_comments {
        clear: both;
        width: 100%;
        float: left;
        margin-top: 10px;
        text-align: justify;
        text-justify: inter-word;
    }

    .brochure_photos {
        display: '';
        clear: both;
        float: left;
        width: 100%;
    }

    .brochure_left {
        display: '';
        width: 100%;
        float: left;
    }

    .brochure_right {
        display: '';
        width: 100%;
        float: left;
    }

    .brochure_left img,
    .brochure_right img {
        width: 100%;
    }

    .content_image {
        width: 100%;
    }

    .searchFrame #searchResultFrame .wrap {
        padding: 0 0 0 0
    }

    .content_description {
        padding-left: 0;
        width: 100%;
    }

    #stickyenquiry.mobileSticky {
        position: fixed;
        background: white;
        padding-bottom: 0.5rem;
        border-bottom: 1px solid #c3c3c3;
        margin-left: -12px;
        padding-left: 12px;
        padding-right: 12px;
        z-index: 10000;
    }
}

/* Tiny Portrait media */
@media only screen and (max-width : 400px) {
    .nav_section li:first-child {
        margin-top: 20px
    }

    .nav_section li:last-child {
        margin-bottom: 20px
    }

    .nav_section li ul li:first-child {
        margin-top: 0
    }

    .nav_section li ul li:last-child {
        margin-bottom: 0
    }

    .boatReviewFrame .col03fix {
        width: 50%;
    }

    .tree_pic {
        width: 100px;
    }

    .tree_desc {
        width: 100%;
    }

    .boatReviewFrame .col04fix {
        width: 50%;
    }

    .column01 {
        position: relative;
        float: left;
        padding: 10px 0 0;
        margin: 0;
        width: 100%;
        line-height: 20px;
        color: #cb4018
    }

    .column02 {
        position: relative;
        float: left;
        padding: 10px 0 0;
        margin: 0;
        width: 100%;
        text-align: center;
        height: 61px;
    }

    .column0202 {
        position: relative;
        float: left;
        padding: 10px 0 0;
        margin: 0;
        width: 100%;
        text-align: center;
        height: 61px;
    }

    .column03 {
        position: absolute;
        float: left;
        padding: 10px 0 0;
        margin: 0;
        margin-top: 100px;
        width: 80%;
        clear: left;
        z-index: 99
    }
}

@media only screen and (max-width : 380px) {
    .yachts_image {
        width: 100%;
    }
}

#kw_results {
    z-index: 9999;
    position: absolute;
    background-color: #f6f6f6;
    border: 1px solid #f0f0f0;
    border-top: 0;
    width: 100%;
    border-top: none;
}

*html #kw_results {
    width: 100%;
}

.kw_results_row {
    float: left;
    clear: both;
    padding-left: 6px;
    width: 90%;
    padding-top: 2px;
    padding-bottom: 2px;
    border-bottom: 1px dotted #e0e0e0;
    font-size: 10pt;
}

.location_holder {
    position: relative;
    padding: 0;
    margin: 0;
}

.location_results {
    background-color: white;
    left: 0;
    right: 0;
    z-index: 9999;
    position: absolute;
    text-align: left;
    color: #999;
    margin-right: 8px;
}

.location_results p {
    padding-left: 8px;
}

@media screen and (min-width:960px) {
    .location_results p {
        /*max-height:10vw;*/
        overflow-y: auto;
    }
}

.location_results a,
.location_links {
    font-size: 10pt !important;
    color: #333 !important;
    text-decoration: none !important;
}

.topaligntable td {
    vertical-align: top;
    align: top;
    padding: 6px;
    font-size: 14px;
    font-style: normal;
}

#currencySelector input[type="radio"],
#lengthSelector input[type="radio"] {
    display: none;
}

#currencySelector label,
#lengthSelector label {
    display: inline-block;
    width: 40px;
    text-align: center;
    padding-top: 1px;
    padding-bottom: 1px;
    margin: 1px;
    font-size: 8pt;
}

#currencySelector input[type="radio"]:checked+label,
#lengthSelector input[type="radio"]:checked+label {
    background-color: #DAE5EC;
}

/* added by tom for general links either green or orange */
.green {
    color: #13a7b3;
    text-decoration: underline;
    font-weight: bold;
}

.green a {
    color: #13a7b3;
    text-decoration: underline;
    font-weight: bold;
}

.orangetext {
    color: #ea4f25;
    text-decoration: underline;
    font-weight: bold;
}

.orangetext a {
    color: #ea4f25;
    text-decoration: underline;
    font-weight: bold;
}

.swipe {
    overflow: hidden;
    visibility: hidden;
    position: relative;
}

.swipe-wrap {
    overflow: hidden;
    position: relative;
}

.swipe-wrap>div {
    float: left;
    width: 100%;
    position: relative;
}

.swipe-wrap div {
    text-align: center
}

img[alt~="flags"],
img[alt~="flag"],
img[alt="A in sailing terms"] {
    width: auto !important;
}

#yacht_details_header {
    cursor: pointer;
}

@media (max-width: 768px) {
    .stickyhead {
        background: white;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        padding: 10px 12px;
        width: auto;
        z-index: 99999999;
    }

}


.review-rating {
    position: relative;
    width: 80px;
    height: 15px;

}

.review-rating svg {
    width: 100%;
    height: auto;
    position: absolute;
}

.review-rating::after {
    height: 100%;
    position: absolute;
    content: '';
    display: block;
    background: grey;
    z-index: -2;
}

.review-rating::before {
    height: 100%;
    position: absolute;
    content: '';
    display: block;
    background: gold;
    z-index: -1;
}




/* Members */
section.crew {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
}

section.crew img {
    max-width: 100%;
    height: auto;
}

section.crew .member__caption {
    position: relative;
    padding: 0.5rem 0.5rem 0.5rem 48px;
    border-bottom: 1px solid #13a7b3;
}

section.crew .member__caption:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 40px;
    background: #13a7b3 url(../images/member.svg) no-repeat center;
    background-size: contain;
    display: grid;
    place-content: center;
    place-items: center;
}

/* Enquire button */
@media screen and (min-width:767px) {
    .call-to-action.mobile-only {
        display: none;
    }
}

.call-to-action.mobile-only a {
    background: #033359;
    display: block;
    padding: 1rem;
    font-size: 1.25rem;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    margin: 0 0 2rem;
    color: white;
}



/* Reviews */
.reviews_wrap .review_stars,
#review-aggregate .review_stars {
    background: url(/images/stars_grey.svg) no-repeat;
    display: block;
    height: 25px;
    width: 100%;
    position: relative;
}

.reviews_wrap .review_stars:after,
#review-aggregate .review_stars:after {
    content: "";
    position: absolute;
    background: url(/images/stars_marked.svg) no-repeat;
    left: 0;
    top: 0;
    bottom: 0;
}

#review-aggregate .review_stars,
#review-aggregate .review_stars:after {
    height: 36px;
    background-size: 150px;
    width: 150px;
    margin: 0 auto;
}

#review-aggregate {
    text-align: center;
    border: 1px solid #dedede;
    padding: 1rem;
    margin-bottom: 1rem;
    border-radius: 3px;
}

#review-aggregate .h5 {
    color: #022135;
    font-weight: 600;
    display: block;
}

#review-aggregate p {
    margin-bottom: 0;
}

/* Footer reviews ajustment */
.footer-reviews>a {
    color: white;
    text-decoration: none;
}

.footer-reviews>a>div#review-aggregate {
    padding: 0;
    border-radius: unset;
    border-color: #6a6a6a;
    padding-top: 0.2rem;
}

.footer-reviews>a>div#review-aggregate>.h5 {
    color: white;
    display: none;
}

.footer-reviews>a>#review-aggregate .review_stars,
.footer-reviews>a>#review-aggregate .review_stars:after {
    background-size: 150px;
    width: 150px;
    height: 34px;
}

/* Map Calculate form */
form[name='map_calculate'] table {
    margin: 0;
    width: 100%;
}

form[name='map_calculate'] tbody {
    display: grid;
    grid-gap: 0.5rem;
}

form[name='map_calculate'] tr {
    border: 1px solid #00000030;
    display: grid;
    gap: 2px;
    grid-auto-flow: column;
    border-radius: 3px;
    padding: 0.5rem;
    grid-template-columns: minmax(100px, 120px) 1fr 1fr;
}

form[name='map_calculate'] tr>td>b {
    color: #858585;
    white-space: nowrap;
    font-size: 0.8rem;
    margin-top: -7px;
    display: block;
}

form[name='map_calculate'] tr>td {
    font-size: 0.75rem;
}

form[name='map_calculate'] input {
    border: 0px;
    line-height: 24px;
    border-bottom: 1px solid #00000030;
    text-align: center;
    font-size: 1.25rem;
}

form[name='map_calculate'] select {
    border: 0px;
    font-size: 0.8rem;
    font-family: 'Open Sans', sans-serif;
}

form[name='map_calculate'] tbody tr:nth-child(3)>td:nth-child(2) {
    grid-column: 2 / 4;
    display: grid;
    grid-auto-flow: column;
    gap: 1rem;
}

form[name='map_calculate'] tbody tr:nth-child(3)>td:nth-child(2)>input {
    margin-right: 5px;
    text-align: center;
    display: grid;
    border-radius: 3px;
}

form[name='map_calculate'] tbody tr:nth-child(3)>td:nth-child(2)>div {
    display: grid;
    grid-auto-flow: row;
}

form[name='map_calculate'] tbody tr:nth-child(3) {
    grid-row: 5;
}

form[name='map_calculate'] tbody tr:nth-child(5) {
    grid-row: 6;
}

form[name='map_calculate'] tbody tr:nth-child(6)>td:nth-child(2),
form[name='map_calculate'] tbody tr:nth-child(7)>td:nth-child(2) {
    grid-column: 3 / 4;
}

form[name='map_calculate'] .color {
    background: #13a7b329;
}

form[name="map_calculate"] {
    display: grid;
    grid-template-areas: 'form form sidebar';
    gap: 1rem;
    margin-top: 1rem;
}

form[name="map_calculate"]>.help {
    grid-area: sidebar;
    background: #13a7b314;
    border-radius: 4px;
    border: 1px solid #c3c3c3;
    padding: 0.5rem;
    font-size: 0.9rem;
}

form[name="map_calculate"]>.help .reset {
    border-bottom: 1px solid #c3c3c3;
    padding-bottom: 0.5rem;
    margin-bottom: 0.5rem;
    display: grid;
    grid-template-columns: 1fr 1fr;
}

form[name="map_calculate"]>.help .reset input[type="button"] {
    background: #cdcdcd;
    border-radius: 3px;
    font-size: 1rem;
    color: white;
    text-transform: uppercase;
    font-weight: 600;
    border: 1px solid #c3c3c3;
    letter-spacing: 1px;
    transition: all 0.3s ease-in-out;
}

form[name="map_calculate"]>.help .reset input[type="button"]:hover {
    cursor: pointer;
    background: #13a7b3;
    transition: all 0.3s ease-in-out;
}

form[name="map_calculate"]>.help .instructions span {
    color: #7c7c7c;
    font-weight: 600;
    text-shadow: 0px 1px 0px #8d8d8d;
    margin: 0.5rem 0 0.25rem 0rem;
    display: block;
}

form[name="map_calculate"]>#map_calculator {
    grid-area: form;
}

form[name="map_calculate"] input[name="totalcost"] {
    font-size: 2rem;
    background: transparent;
    color: #13a7b3;
    font-weight: 600;
    border-bottom: 0;
    text-shadow: 1px 1px #5a5a5a;
}

form#geomapform {
    border: 1px solid #00000030;
    padding: 0.5rem;
    border-radius: 3px;
    margin-bottom: 1rem;
    text-align: center;
}

form#geomapform input[type="text"] {
    width: 100%;
    border: 0;
    text-align: center;
    border-bottom: 1px solid #00000030;
    padding: 1rem 0;
    margin: 1rem 0;
    font-size: 1.35rem;
}

form#geomapform input[type="text"]::placeholder {
    color: #a2a2a2;
    opacity: 0.5;
}

form#geomapform input[type="button"] {
    border: 0;
    font-size: 1.35rem;
    padding: 1rem 5rem;
    color: #a2a2a2;
}

form#geomapform input[type="button"]:hover {
    background: #13a7b3;
    color: white;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
}

/* Yacht page sidebar ports */
ul.doubleList>li>ul>li:first-child {
    font-weight: bold;
}

ul.other_areas>li span {
    position: relative;
}

ul.other_areas>li:not(:first-child) span:before,
ul.homeport_area>li:not(:first-child) span:before {
    content: "";
    left: 0;
    width: 16px;
    height: 24px;
    display: block;
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0IDI0IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGlkPSJwb3J0IiBkPSJNMjEuMjU4LDEzLjkwOWwtMy40MTMsMi4wNDhsMS4wMDksMC41NTljLTEuMzY1LDIuMTAxLTMuNjEsMy40NjYtNi4xMDQsMy43MTF2LTguNDYzaDQuNTY0DQoJYzAuNDQsMC4wMjUsMC44MTctMC4zMTMsMC44NDEtMC43NTRjMC4wMjUtMC40NDEtMC4zMTMtMC44MTgtMC43NTMtMC44NDJjLTAuMDI5LTAuMDAxLTAuMDU5LTAuMDAxLTAuMDg4LDBIMTIuNzV2LTEuNzENCgljMS43MDQtMC40NDEsMi43MjgtMi4xODEsMi4yODctMy44ODVjLTAuNDQyLTEuNzA0LTIuMTgyLTIuNzI4LTMuODg2LTIuMjg2QzkuNDQ4LDIuNzI4LDguNDI0LDQuNDY3LDguODY2LDYuMTcxDQoJYzAuMjksMS4xMjEsMS4xNjUsMS45OTYsMi4yODYsMi4yODd2MS43MTVINi42NjhjLTAuNDQxLTAuMDI0LTAuODE4LDAuMzEzLTAuODQyLDAuNzU0Yy0wLjAyNCwwLjQ0MSwwLjMxMywwLjgxOCwwLjc1NCwwLjg0Mg0KCWMwLjAyOSwwLjAwMiwwLjA1OCwwLjAwMiwwLjA4NywwaDQuNDgzdjguNDYzYy0yLjQ0LTAuMjQ0LTQuNjQ2LTEuNTU5LTYuMDIyLTMuNTlsMC45OTktMC41NzhsLTMuNDUxLTEuOTg1djMuOTgxbDEuMDY1LTAuNjE2DQoJYzMuMDQxLDQuNTMsOS4xNzcsNS43MzYsMTMuNzA4LDIuNjk1YzEuMTE1LTAuNzQ5LDIuMDY2LTEuNzE4LDIuNzk0LTIuODQ4bDEuMDc4LDAuNTk4TDIxLjI1OCwxMy45MDl6IE0xMC4zNTUsNS4zNzcNCgljMC0wLjg4MiwwLjcxNC0xLjU5NiwxLjU5Ni0xLjU5NnMxLjU5NiwwLjcxNCwxLjU5NiwxLjU5NmwwLDBjMCwwLjg4MS0wLjcxNSwxLjU5Ni0xLjU5NiwxLjU5NlMxMC4zNTUsNi4yNTksMTAuMzU1LDUuMzc3eiIvPg0KPC9zdmc+DQo=');
    background-size: 16px;
    background-position: center;
    background-repeat: no-repeat;
    float: left;
    padding-left: 0.5rem;
    filter: opacity(0.5);
}

/* Yacht page sidebar ports */

/* Yacht page reviews */
.review {
    border: 1px solid #c3c3c3;
    padding: 1rem;
    margin-bottom: 1rem;
    border-radius: 3px;
}

.review .review-rating {
    margin: 0.5rem 0;
}

/* Yacht page reviews */

@media screen and (max-width: 475px) {
    form[name='map_calculate'] tbody tr:nth-child(3) {
        grid-template-columns: repeat(1, 1fr);
        grid-auto-flow: unset;
    }

    form[name='map_calculate'] tbody tr:nth-child(5)>td:nth-child(2),
    form[name='map_calculate'] tbody tr:nth-child(5)>td:nth-child(3) {
        display: grid;
        text-align: center;
        border-radius: 5px;
        overflow: hidden;
    }

    form[name='map_calculate'] tbody tr:nth-child(3)>td:nth-child(2) {
        grid-column: 1 / 4;
    }

    form[name='map_calculate'] tr>td:not(td:nth-child(1)) {
        display: grid;
        text-align: right;
    }

    form[name="map_calculate"] {
        grid-template-areas:
            'form form'
            'sidebar sidebar'
        ;

    }

    #TopDestinations .slidewrapper>div.col01,
    #TopDestinations .slidewrapper>div.col02,
    #TopDestinations .slidewrapper>div.col03 {
        min-height: 385px;
    }

    #TopDestinations>div img.img-loaded {
        height: 210px;
        min-height: 210px;
    }

    #TopDestinations div.col01>a,
    #TopDestinations div.col02>a,
    #TopDestinations div.col03>a {
        min-height: 270px;
        display: block;
    }

    .image.mainHPimage>.img.HP_topimage {
        object-fit: cover;
        margin: unset;
        left: 0;
        height: 100%;
        position: absolute;
    }

    .image #boatSearch {
        position: relative;
        margin-top: 1rem;
    }

    #footerMyYachts {
        padding-left: 0;
    }

    ul.rightList li {
        min-height: 100px
    }

    .innerLeft .wrapperInner .blueBoxHeader {
        /* white-space: nowrap; */
        overflow: auto;
    }

    #tabs-container {
        min-height: 526px;
    }

    .featuredBoat {
        display: inline-grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 0.5rem 1rem;
        position: relative;
        height: 130px;
    }

    .featuredBoat>div.col01,
    .featuredBoat>div.col02,
    .featuredBoat>div.col03 {
        width: 100%;
        display: block;
        position: relative;
    }

    .featuredBoat>div.col01 a,
    .featuredBoat>div.col02 a,
    .featuredBoat>div.col03 a {
        min-height: 85px;
    }

    .featuredBoat>div.col01 img,
    .featuredBoat>div.col02 img,
    .featuredBoat>div.col03 img {
        height: 85px;
        min-height: 85px;
        width: auto;
        object-fit: contain;
    }

    div.maincontentimage {
        min-height: 240px;
    }

    .image.mainHPimage {
        padding-top: 4rem;
    }

    #photos .images img.img {
        background: #85858524;
        min-height: 301px;
        object-fit: contain;
    }

    .wrapperInner>.maincontentbody>div>img {
        height: 235px;
        min-height: 235px;
        object-fit: cover;
    }

    .maincontentbody p.bntFrameInner a {
        white-space: nowrap;
    }

    form.enquiryform .form-field-wrapper>input.form-field,
    form.enquiryform .form-field-wrapper>textarea {
        font-size: 16px;
    }
}

@media screen and (min-width: 476px) {
    form[name='map_calculate'] tr {
        grid-template-columns: minmax(100px, 120px) 1fr auto;
    }

    form[name='map_calculate'] tr>td:not(td:nth-child(1)) {
        display: grid;
        place-content: end;
        grid-auto-flow: row;
        text-align: right;
    }

    form[name='map_calculate'] input:not(.color) {
        min-width: 130px;
    }

    form[name='map_calculate'] td>select {
        text-align: right;
        display: block;
        height: 24px;
    }

    form[name='map_calculate'] tr>td:nth-child(3) {
        margin-left: 36px;
    }
}

@media screen and (max-width: 375px) {
    form[name='map_calculate'] tbody tr {
        grid-template-columns: repeat(2, 1fr);
        grid-auto-flow: unset;
        gap: 0.5rem;
    }

    form[name='map_calculate'] tbody tr td:nth-child(1) {
        grid-column: 1 / 3;
    }

    form[name='map_calculate'] tr>td>b {
        font-size: 12px;
    }
}

@media screen and (min-width: 476px) and (max-width: 768px) {
    .HP_topimage {
        left: 0;
        right: 0;
        margin: unset;
        object-fit: cover;
        position: absolute;
        top: 0;
        bottom: 0;
        height: 100% !important;
    }

    .image #boatSearch {
        top: 0;
        position: relative;
    }

    .image #boatSearch span {
        font-size: 30px;
    }

    .slidewrapper h2 {
        white-space: nowrap;
    }
}


/*MEGAMENU*/
/* DROPDOWN CONFIGURATION
-----------------------------*/
.megamenu .dropdown,
.megamenu .dropdown li .dropdown {
	list-style: none;
    margin: 0;
    padding: 0;
	display: none;
    position: absolute;
    z-index: 999;
	width:160px;
	background: #fff;
	border-bottom: solid 1px rgba(0, 0, 0, 0.2);
	border-left: solid 1px rgba(0, 0, 0, 0.2);
	border-right: solid 1px rgba(0, 0, 0, 0.2);
}
.megamenu .dropdown {
    top: 59px;
}
.megamenu .dropdown li .dropdown {
    left: 160px;
	top: inherit;
	margin-top: -1px;
	border: solid 1px rgba(0, 0, 0, 0.2);
}
.megamenu .dropdown li {
	clear:both;
	width:100%;
}
.megamenu .dropdown li:last-child {
	border-bottom: none;
}
.megamenu .dropdown li a {
	float:left;
	width:100%;
	padding:10px 25px;
	text-decoration:none;
	display:block;
	border:0 none;
	font-size: 14px;
	color: #444;
	background:none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	transition: color 0.3s ease-in-out;
	-moz-transition: color 0.3s ease-in-out;
	-webkit-transition: color 0.3s ease-in-out;
	-o-transition: color 0.3s ease-in-out;
}
.megamenu .dropdown li:hover > a {
	background: #dbdbdb;
}

/* MEGAPANEL CONFIGURATION
-----------------------------*/
.megamenu > li > .megapanel{
	position: absolute;
	display: none;
	background: #fff;
	width: 100.2%;
	top: 46px;
	left: -1px;
	z-index: 99;
	padding: 20px 30px 20px;
	border: solid 1px #cccccc;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.megamenu  .megapanel ul{
	margin: 0;
	padding: 0;
}

/* FORM CONFIGURATION
-----------------------------*/
/*
.megamenu form.contact input,
.megamenu form.contact textarea{
	font-family: Calibri, Arial;
	font-size: 16px;
	color: #444;
	outline: none;
}
.megamenu form.contact input[type="text"],
.megamenu form.contact textarea{
	width: 100%;
	margin-bottom: 20px;
	padding: 5px 10px;
	border: solid 1px #dedede;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: border 0.3s linear;
	-moz-transition: border 0.3s linear;
	-o-transition: border 0.3s linear;
	transition: border 0.3s linear;
}
.megamenu form.contact input[type="text"]{
	height: 40px;
}
.megamenu form.contact input[type="text"]:focus,
.megamenu form.contact textarea:focus{
	border: solid 1px #999;
}
.megamenu form.contact input[type="submit"]{
	width: 100px;
	height: 35px;
	border: none;
	color: #fff;
	cursor: pointer;
	background: #999;
}
*/
/* GRID SYSTEM
-----------------------------*/
.megapanel .row{
	width: 100%;
	margin-top: 15px;
}
.megapanel .row:first-child {
	margin-top: 0;
}
.megapanel .row:before,
.megapanel .row:after {
	display: table;
	content: "";
	line-height: 0;
}
.megapanel .row:after {
	clear: both;
}
.megapanel .row .col1,
.megapanel .row .col2,
.megapanel .row .col3,
.megapanel .row .col4,
.megapanel .row .col5,
.megapanel .row .col7,
.megapanel .row .col6{
	display: block;
	width: 100%;
	min-height: 20px;
	float: left;
	margin-left: 2.127659574468085%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.megapanel .row [class*="col"]:first-child {
	margin-left: 0;
}
.megapanel .row .col1{
	width: 14.893617021276595%;
}
.megapanel .row .col2{
	width: 31.914893617021278%;
}
.megapanel .row .col3{
	width: 48.93617021276595%;
}
.megapanel .row .col4{
	width: 65.95744680851064%;
}
.megapanel .row .col5{
	width: 82.97872340425532%;
}
.megapanel .row .col6{
	width: 100%;
}

.megapanel .row .col7{
	width: 23.4%;
}

/* COLLAPSIBLE MENU
-------------------------*/
.megamenu > li.showhide{
	display: none;
	width: 100%;
	height: 50px;
	cursor: pointer;
	color: #13a7b3;
}
.megamenu > li.showhide span.title{
	margin: 15px 0 0 25px;
	float: left;
	display:none !important
}
.megamenu > li.showhide span.icon1:after{
	position: absolute;
	content: "";
	right: 0;
	top: 0.25rem;
	height: 3px;
	width: 25px;
	font-size: 50px;
	border-top: 3px solid #13a7b3;
	border-bottom: 3px solid #13a7b3;
	z-index: 1;
}
.megamenu > li.showhide span.icon2:after{
	position: absolute;
	content: "";
	right: 0;
	top: 1rem;
	height: 3px;
	width: 25px;
	font-size: 50px;
	border-top: 3px solid #13a7b3;
	border-bottom: 3px solid #13a7b3;
	z-index: 1;
}

/* STYLES
-----------------------------*/

/* black */
.black, .black > li.showhide{
	background: #383838;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM4MzgzOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #383838 0%, #000000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#383838), color-stop(100%,#000000));
	background: -webkit-linear-gradient(top,  #383838 0%,#000000 100%);
	background: -o-linear-gradient(top,  #383838 0%,#000000 100%);
	background: -ms-linear-gradient(top,  #383838 0%,#000000 100%);
	background: linear-gradient(to bottom,  #383838 0%,#000000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#383838', endColorstr='#000000',GradientType=0 );
}
.black li > a, .black > li.showhide span{ color: #fff; }
.black > li:hover > a, .black > li.active > a, .black .dropdown li:hover > a{ color: #fff; background: #000000; }
.black  .megapanel img:hover, .black form.contact input[type="text"]:focus, .black form.contact textarea:focus{ border: solid 1px #383838; }
.black form.contact input[type="submit"]{	background: #383838; }




/* RESPONSIVE LAYOUT
-----------------------------*/
@media (max-width: 768px) {
	.megamenu > li{
		display: none;
		width: 100%;
		border-bottom: solid 1px rgba(0, 0, 0, 0.1);
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
	}
	.megamenu > li:hover,
	.megamenu > li.active{
		border-top: none;
	}
	.megamenu > li > a{
		padding: 15px 25px;
	}
	.megamenu > li:hover > a,
	.megamenu > li.active > a{
		padding: 15px 25px;
	}
	.megamenu a{
		width: 100%;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
	}
	.megamenu .dropdown,
	.megamenu .dropdown li .dropdown{
		width: 100%;
		display: none;
		left: 0;
		border-left: none;
		position: static;
		border: none;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
	}
	.megamenu .dropdown li {
		background: #fff !important;
		border: none;
	}
	.megamenu .dropdown > li > a{
		padding-left: 40px !important;
	}
	.megamenu > li > .megapanel{
		position: static;
		margin-top: 50px;
	}
	.megapanel .row [class*="col"]{
		float: none;
		display: block;
		width: 100%;
		margin-left: 0;
		margin-top: 15px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.megapanel .row:first-child  [class*="col"]:first-child {
		margin-top: 0;
	}
	.megapanel .row{
		margin-top: 0;
	}
	.black { background: #222222; }
	.megamenu > li > ul.dropdown > li > a{ padding-left: 40px !important; }
	.megamenu > li > ul.dropdown > li > ul.dropdown > li > a{ padding-left: 60px !important; }
	.megamenu > li > ul.dropdown > li > ul.dropdown > li > ul.dropdown > li > a{ padding-left: 80px !important; }
}