:root {
    --dark-background: #24353F; /* Define a CSS variable */
}


* {
    box-sizing: border-box;
    font-family: 'Montserrat', sans-serif;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
   font-family: 'Montserrat', sans-serif;
}

input, textarea, select {
   font-family: 'Montserrat', sans-serif;
    vertical-align: middle;
    color: #000;
}

#wrapper {
    width:100%;
    padding: 0px;
    max-width: 1280px;
    position: relative;
}

#main {
    width:auto;
    position:relative;
    z-index:4;
}

.list-slide li img {
    height: 100%;
    width:100%;
}

.slideshow .list-slide {
    position: absolute;
    width:100%;
    padding-bottom: 40%;
    top: 0px;
}

.slideshow .frame {
    height: auto;
    width:100%;
}

.slideshow {
    width:100%;
}


.slideshow .list-slide span {
    position: absolute;
    bottom: 0px;
    left: 0px;
    top: auto;
    display: block;
    margin: 4%;
    color: #fff;
    font-family: inherit;
    opacity: 0.8;
    font-size: 200%;
}

ul.nav {
    width: auto;
    float: none;
    padding: 0px;
}

ul.nav li {
    float: none;
}

ul.nav li a {
    height:auto;
    padding: 13px 15px 12px;
    font-size: 12px;
    font-weight: bold;
}

.footer-holder {
    padding: 2% 4%;
    background-image: none;
    background-color:var(--dark-background);
    width: auto;
    height: auto;
}



#header {
    padding: 0;
    width:100%;
    opacity: 0.8;
    background-color:var(--dark-background);
}

.header-section {
    position: relative;
    padding: 0.7% 4%;
    width: auto;
}
#header.with-banner {
    position: absolute;
}



#searchacross {
    position: static;
    width:100%;
}


#sidebar-wide {

    width:290px;

    float:left;

}



h1.yacht-title {

    margin-top:0px;

    margin-bottom:15px;

}



.property-columns #sidebar-wide {

    padding: 15px 0;

}



h1.friend {

	margin:0 0 4px;

	font-size:18px;

}



#friend-table {

    width:100%;

}



#friend-table td,#friend-table th {

    line-height:28px;

}



#friend-table td {

    text-align:right;

}

#friend-table input.text {

    width:250px;

}



.warning {

    background-color:#1F1F1F;

    padding:5px;

    line-height:16px;

    border:solid 1px #808080;

    color:white;

}



.message {

    background-color:#1F1F1F;

    padding:5px;

    line-height:16px;

    border:solid 1px #808080;

    color:white;

}



#friend-top {

    width:100%;

}



#friend-top td {

    vertical-align:middle;

}



#friend-top .right {

    text-align:right;

}



.cell-list-box .left {

    float:left;

    width:155px;

    line-height:14px;

}



.cell-list-box .right {

    float:right;

    width:65px;

    line-height:14px;

}



.cell-list-box .right .checkbox {

    padding:0px;

    border:0px;

    float:left;

    margin-top:1px;

    vertical-align:bottom;

}

.cell-list-box .right span {

    padding:0px;

    border:0px;

    float:left;

    line-height:14px;

}

#search-top {
    padding-bottom: 15px;
    padding-right: 0px;
    min-height: 40px;
    width: 100%;
    display: table;
}

#search-top .left,#search-bottom .left {
    vertical-align: middle;
}



#search-top .left a,#search-bottom .left a {
    background-color: #333;
}

#search-top .right,#search-bottom .right {

}

#search-top table {
    width: auto;
    margin-right: 0px;
    margin-left: auto;
}

#search-top table td {
    padding-left: 10px;
}

#search-top select.sort {
    background-color: transparent;
    color: black;
    padding: 5px;
}

.ui-slider-horizontal .ui-slider-handle {

    background-image:url(images/slider.png);

    background-color:transparent;

    width:11px;

    height:18px;

    border:0px;

}



.ui-slider-range {

    background-image:url(images/sliderback.png);

}



a div.childlabel {

	padding: 3px;

	background-color: #1f1f1f;

	text-decoration: none;

}



a:hover div.childlabel {

	background-color: #3f3f3f;

	text-decoration: none;

}

h1.charter-title {

   color: white;

   margin: 0px;

   padding: 10px;

	background: rgba(0, 0, 0, 0.3);

	border-top-right-radius: 10px;

	border-bottom: solid 5px rgba(0, 0, 0, 0.14);

/*

   text-shadow:

       1px 1px 0 #333,

     -1px -1px 0 #333,

      1px -1px 0 #333,

      -1px 1px 0 #333,

       1px 1px 0 #333;

*/

}



.wideinput {

	width: 100%;

}





#searchdown td.slidercell {

    padding-right: 0px;

}



.compare {

	padding: 2px;

}



.charter-right {

	width:40%;

	float: right;

	margin-bottom: 20px;

box-sizing:border-box;

-moz-box-sizing:border-box; /* Firefox */

-webkit-box-sizing:border-box; /* Safari */

}



.charter-main {

	width:75%;
    display: table-cell;
    padding-left: 4%;
    vertical-align: top;

box-sizing:border-box;

-moz-box-sizing:border-box; /* Firefox */

-webkit-box-sizing:border-box; /* Safari */
    line-height: 1.75;
}



.searchwide td {

	vertical-align: middle;

	padding: 5px 0;

	text-align: left;

}

.searchwide th {

	vertical-align: middle;

	padding: 5px 0 5px 10px;

	text-align: left;

}



h2.searchtitle {

	font:1.727em/1.3em Georgia, Helvetica, sans-serif;

	padding:0 0 0 15px;

	margin:0 0 3px;

}



.panel-home .cell-list-box {

    width:49%;

  box-sizing: border-box;

}



.panel-home .cell-list-box img.list-thumb {

    width:100%;

  box-sizing: border-box;
  height:174px;
}



.panel-home .cell-list-box.column-4 {

    margin-right: 6px;

}



.slideshow.home-yacht .list-slide li img {

    width: 946px;

    height: 549px;

}

.slideshow.home-yacht .list-slide li {

    width: 946px;

    height: 549px;

}

.slideshow.home-yacht .frame {

    width: 946px;

    height: 549px;

}

#footer {
    width: 100%;
}

#content-wide {
    width: 50%;
}

.table {
    display: table;
    width: 100%;
}

.table-cell {
    display: table-cell;
}
.table-row {
    display: table-row;
}
.table-cell.left {
    text-align: left;
}
.table-cell.right {
    text-align: right;
    vertical-align: middle;
}

a.logo {
    background-size: 100%;
    background-repeat: no-repeat;
    margin: 0px;
    float: left;
    text-indent: 0px;
    display: block;
    height: 52px;
    width: 120px;
    background-position: left center;
    margin-top: 15px;
}

header {
    position: relative;
    background-color: var(--dark-background);
}

.header-info {
    float: right;
    width: auto;
    clear: right;
}

#switchsite {
    position: static;
    float: right;
    width: 56px;
    display: block;
}

.flags {
    float: right;
    display: block;
    padding: 0px;
    line-height: 35px;
    vertical-align: middle;
    width: 56px;
    text-align: right;
    clear: right;
}

.flags img {
    vertical-align: middle;
}
.flags a {
    display: inline-block;
    line-height: 14px;
    vertical-align: middle;
}

.nav-row {
    float: right;
}

ul.nav li a {
    float: none;
    display: inline-block;
    vertical-align: middle;
    text-transform: uppercase;
}
ul.nav li a:hover {
    background-color: #6B6565;
    text-decoration: none;
}

ul.nav {
    display: block;
    margin-left: -15px;
    float: left;
}
ul.nav li {
    display: inline-block;
}

.contacts {
    float: right;
    margin: 0px;
    font-weight: normal !important;
    font-family: inherit;
    display: block;
    font-size: 12px;
/*    padding-right: 15px;*/
    line-height: 36px;
}

.slideshow .list-slide li {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.search-panel .search-form {
    position: absolute;
    top:0px;
    left:0px;
    right:0px;
    bottom: 0px;
    background: transparent;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.homepage-search {
    display: inline-block;
    background-color: #3B3030;
    opacity: 0.8;
    text-align: left;
    text-transform: uppercase;
    width: 80%;
}

.homepage-search-outer {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.homepage-search .link-button {
    border-radius: 0px;
}

.search-panel {
  width: 100%;
  padding-bottom: 65%;
  position: relative;
}

.slideshow,.list-slide {
    position: absolute;
    top:0px;
    left:0px;
    right:0px;
    bottom: 0px;
}

.slideshow .frame {
    height: 100%;
}

.homepage-search h2 {
    font-size: 18px;
    margin-bottom: 10px;
}

.form-table {
    display: table;
}

.form-row {
    display: table-row;
}

.form-row .form-input {
    display: table-cell;
    padding-bottom: 10px;
    padding-right:10px;
}

.form-row .form-input:last-child {
    padding-right: 0px;
}

.form-table label {
    display: block;
    padding-bottom: 6px;
}

.form-table input[type=text],.form-table select,.form-table input:not([type]) {
    width: 100%;
    padding: 8px;
    font-size: 13px;
    line-height: 18px;
    text-transform: uppercase;
    border: 0px;
}
.submit-cell {
    padding: 10px 0px;
    text-align: right;
}
.form-input input[type=text].input-narrow,.form-input select.input-narrow {
    width: 100px;
}

.form-table td {
    padding-bottom: 10px;
    padding-right: 10px;
}

.form-table td:last-child {
    padding-right: 0px;
}
.form-table .slidercell {
    min-width: 200px;
}

.form-table .submitcell {
    text-align: right;
    vertical-align: bottom;
}

.slideshow .switcher-holder li a {
    color: white;
}

.table.nav-right {
    width: auto;
    float: right;
}

#top-content {
    display: table;
    position: absolute;
    bottom: 0px;
    left: 0px;
    opacity: 0.8;
    background-color: var(--dark-background);
    width: 100%;
    padding: 1.5% 4%;

}

#top-content-left {
    display: table-cell;
    width:33%;
    vertical-align: top;
}
#top-content-right {
    display: table-cell;
    width:67%;
    vertical-align: top;
    font-size: 13px;
}

#top-content-right p {
    margin-bottom: 13px;
}

#top-content h1 {
    font-size: 28px;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-weight: 700;
}

#top-content h2 {
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 10px;
}

#yacht-panel-link {
    margin: 0px;
    overflow: hidden;
    width: 100%;
}

#yacht-panel-link a.column-1,#yacht-panel-link a.column-2 {
  width: 50%;
  padding-top: 33%;
  position: relative;
  margin: 0px;
}

#yacht-panel-link a img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

#yacht-panel-link a img:hover {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

#yacht-panel-link h2 {
    position: absolute;
    font-size: 28px;
    text-transform: uppercase;
    bottom: 0px;
    width: 100%;
    text-align: center;
    padding: 10px;
    font-weight: bold;
    line-height: 60px;
    color: white;
}

#main-content h2 {
    font-size: 28px;
    text-transform: uppercase;
    letter-spacing: 3px;
    text-align: center;
    font-family: inherit;
    font-weight: bold;
    margin-bottom: 30px;
}

.text-block:after {
  content: "";
  display: table;
  clear: both;
}

.text-block.column-3 .text-block-item {
    float: left;
    width: 30.667%;
    margin-bottom: 30px;
}

.text-block.column-2 .text-block-item {
    float: left;
    width: 49%;
    margin-bottom: 30px;
}
.text-block.column-2 .text-block-item:nth-child(2n) {
    margin-left: 2%;
}

.text-block.column-3 .text-block-item.column-3 {
    margin-left: 2%;
}
.text-block.column-3 .text-block-item.column-1 {
    margin-right: 2%;
    clear: both;
}
.text-block.column-3 .text-block-item.column-2 {
    margin-right: 2%;
    margin-left: 2%;
}

.text-block.column-3 .text-block-item.colspan-2 {
    width: 65.334%;
}

.text-block.column-3 .text-block-item.column-2.colspan-2 {
    margin-left: 2%;
    margin-right: 0;
}

.text-block-row {
    clear: both;
}

#main-content {
    background-color: white;
    color: #352c2d;
padding: 1.5% 4%;
font-size: 13px;
overflow: hidden;
}

.text-block h3 {
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-align: left;
    font-family: inherit;
    font-weight: bold;
    margin-bottom: 10px;
}

#main-content .text-block-item h2 {
    font-size: 16px;
}


.text-block p {
    margin-bottom: 13px;
}

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

#bottom-content {
    clear: both;
}

.footer-logo {
    height: 40px;
    display: block;
}

.footer-holder .footer-section {
    width: 20%;
    color: #fffcfb;
}

.footer-section p {
    line-height: 15px;
    text-align: justify;
}

.footer-holder h2 {
    font-size: 16px;
    margin-bottom: 16px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
}

#footer h3 {
    font-size: 13px;
    text-transform: uppercase;
    margin-bottom: 8px;
}
#footer p {
    margin-bottom: 10px;
}
#nav-footer {
    background-color:#0d0908;
       padding: 0 4%;
}
#main-content h1 {
    font-size: 26px;
    text-transform: uppercase;
    letter-spacing: 3px;
    text-align: center;
    font-family: inherit;
    font-weight: bold;
    margin-bottom: 30px;
}

.yacht-form {
    margin-top: 20px;
    background-color: var(--dark-background);
    padding: 15px;
    margin-bottom: 10px;
}

.search-sales-across {
    color: white;
    clear: both;
    display: flex;
    width: 100%;
    text-transform: uppercase;
    align-items: center;
    flex-wrap: wrap;
    box-sizing: border-box;
}

.search-sales-across > label {
    padding-right: 10px;
    width: 20%;
}

.search-sales-across > div {
    padding-right: 20px;
    width: 20%;
}

.yacht-form ul.pages {
    float: none;
    display: table-cell;
}

.yacht-form #sort {
    float: none;
    display: table-cell;
    text-align: right;
}

.yacht-form .submit-cell {

    padding-bottom: 0;
}

.yacht-form .submit-cell input.link-button {
        text-transform: uppercase;
}

.yacht-form #page-numbers {
    display: table;
    width: 100%;
}

#page-numbers {
    padding-bottom: 15px;
    color: white;
    clear: both;
}
span.page-number-span {
    color: #666;
    margin-right: 15px;
}
ul.pages li a, .pages li a,#main-content ul.pages li a {
    color: #A3A3A3;
    border: 1px solid #ccc;
    background: none;
    padding: 2px 7px;
    text-decoration: none;
    margin-right: 5px;
}
ul.pages {
    list-style: none;
    float:left;
}
ul.pages li, .pages li {
    display: inline;
}
ul.pages li {
    display: inline-block;
}

ul.pages li a {
    display: block;
    margin-bottom: 3px;
    min-width: 38px;
    text-align: center;
}

span.page-number-span {
    margin:0px;
    min-width: 43px;
    display: inline-block;
}

.search-sales-across .builder {
    order: 1;
    width: 25%;
}
.search-sales-across .builder-select {
    order: 6;
    width: 25%;
}
#sort {
    float: right;
}

#sort label {
    padding-right: 10px;
}

#sort select {
    padding: 8px;
    font-size: 13px;
    line-height: 18px;
    text-transform: uppercase;
    border: 0px;
}

.search-sales-across .max-year-label {
    width: 15%;
    order: 3;
}
.search-sales-across .length-label {
    order: 2;
    width: 25%;
}
.search-sales-across .length {
    order: 6;
    width: 25%;
}
.search-sales-across .max-year {
    width: 15%;
    order: 7;
}
.search-sales-across .max-price-label {
    width: 15%;
    order: 4;
}
.search-sales-across .max-price {
    order: 8;
    width: 15%;
}
.search-sales-across .engine-type-label {
    order: 5;
}
.search-sales-across .engine-type {
    order: 9;
    padding-right: 0px;
}

.search-sales-across .submit-box {
    order: 10;
}

.search-results {
    overflow: hidden;
}
#boat-content ul.search-result {
    margin: 0;
    list-style-type: none;
}
.list-outer {
    border: 1px solid #252420;
/*    background-color: #514849; */
    margin-bottom: 1%;
    padding-top:0px;
    margin-top:0px;
    float:left;
    width: 32.66%;
    margin-right: 1%;
}
.list-outer:nth-child(3n) {
    margin-right: 0;
}
.list-outer .list-image {
    float: none;
    vertical-align: top;
    display: block;
      width: 100%;
      padding-top: 66%; /* 1:1 Aspect Ratio */
      position: relative; /* If you want text inside of it */
}

.list-outer .list-image a {
    display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.list-outer .list-image a img {
  position: absolute;
  top: 0;
  left: 0;
  width:100%;
  height:100%;
}

.list-outer .details {
/*    background: #514849;
    color: #FFFFFF;*/
    height: 75px;
    line-height: 20px;
    font-size: 14px;
    height: auto;
    display: table-cell;
    padding: 15px 12px;
    vertical-align: top;
    width: 50%;
    position: relative;
}

.list-outer .details a {
    color: #352c2d;
}

#main-content .list-outer .details h2 {
    text-align: left;
    margin: 0;
    margin-bottom: 10px;
    font-size: 14px;
    color: white;
}

#main-content .list-outer .details .info {
    text-align: left;
    margin: 0;
    font-size: 13px;
    line-height: 20px;
}
#main-content .list-outer .details h3 {
    letter-spacing: 3px;
    margin-bottom: 10px;
}


#search-results h2 a, #search-results h3 a {
    color: #352c2d;
    font-weight: bold;
    font-size: 22px;
}
.bottom-buttons {
    margin-top: 10px;
}
.list-button {
    display: block;
    background-color: #251F1F;
    color: white;
    text-align: center;
    text-decoration: none;
        background-color: white;
    color: #352c2d;
    padding: 10px;
    border: solid 2px #352c2d;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}

#sidebar-sub {
    font-size: 13px;
    padding:4%;
    background-color: #cccccc;
}

#boat-content2 {
    display: table-cell;
    position: relative;
    z-index: 0;
    vertical-align: top;
    padding-left: 4%;
}



.homepage-search .form-row {
    display: table-cell;
}

.homepage-search .form-row:not(:last-child) .form-input:last-child {
    padding-right: 15px;
}

.tabs > div {
    display: inline-block;
    font-size: 16px;
    text-transform: uppercase;
    padding: 16px;
}

.tabs > div.active {
    background-color: #3B3030;
}
.tabs > div.active:hover {
    cursor: default;
}

.tabs > div:not(.active):hover {
    background-color: #5B5050;
    cursor: pointer;
}

.tabs {
    background-color: black;
}

#rent-form,#sale-form {
    padding: 16px;
}

.submit-box {
    text-align:right;
}

.image-gallery {
    position: relative;
    background: white;
    padding-bottom: 62.5%;
    text-align: center;
    overflow: hidden;
    margin-bottom: 0.5%;
}

.thumbnail-gallery {
    position: relative;
    background: white;
    padding-bottom: 6.25%;
    text-align: center;
    overflow: hidden;
}

.gallery-container {
    position: absolute;
    height: 100%;
    width:300%;
    left: 0px;
    top: 0px;
    text-align: left;
    overflow: hidden;
}

.thumbnail-gallery .gallery-container {
    width : 100%;
}

.image-gallery .gallery-container {
    left: -100%;
}

.gallery-container .gallery-image-container {
    width: 100%;
    height:100%;
    text-align: center;
    display: inline-block;
    vertical-align: top;
}

.gallery-container .thumbnail-image-container {
    width: 10%;
    height:100%;
    text-align: center;
    display: inline-block;
    padding: 0.25% 0.5% 0.25% 0;
}

.gallery-container .gallery-image-container .image {
    display: inline-block;
    height: 100%;
    width: 100%;
    background-size:auto 100%;
    background-repeat: no-repeat;
    background-position: center;
}
.gallery-container .thumbnail-image-container .image {
    display: inline-block;
    height: 100%;
    width: 100%;
    background-size:auto 100%;
    background-repeat: no-repeat;
    background-position: center;
}
.image-gallery .next-image,.image-gallery .prev-image {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    font-size: 40px;
    padding: 10px;
    background:black;
    color:white;
    opacity: 0.8;
}

.image-gallery .next-image:hover,.image-gallery .prev-image:hover {
    cursor: pointer;
    opacity: 0.5;
}

.image-gallery .prev-image {
    right: auto;
    left:10px;
}

div.thumbnail-image {
    width: 10%;
    padding-bottom: 3.33%;
    display: inline-block;
}

.specs-heading {
    font-weight:bold;
    padding-bottom: 10px;
    font-size: 18px;
    color: black;
    text-align: left;
}

.specs .field {
    padding-right: 20px;
    font-weight:bold;
    text-transform: uppercase;
    text-align: left;
}

.specs td {
    line-height: 1.75;
}

.specs {
    margin-bottom: 45px;
}

a.pdf {
    background-color: #808080;
    padding: 6px;
    color: white;
    font-size: 13px;
    text-transform: uppercase;
    width: 92%;
    display: block;
    text-align: center;
    position: absolute;
    bottom: 10px;
}

.yacht-contact {
    background-color:#e0e0e0;
    color: #352c2d;
padding: 1.5% 4%;
font-size: 13px;
margin-bottom: 2%;
}

.yacht-contact h2 {
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 20px;
}

#enquiry-title {
    margin-bottom: 16px;
    font-weight:bold;
}

.yacht-contact-form {
    margin: 20px 0;
}

.yacht-contact-form input[type="text"],.yacht-contact-form textarea {
    width: 100%;
    padding: 3px;
}

.yacht-contact-form .option {
    margin-bottom: 10px;
}

.table .left {
    display: table-cell;
    text-align: left;
}
.table .right {
    display: table-cell;
    text-align: right;
}

#boat-content2 h1 {
    text-align: left;
}

#boat-content2 .price {
    font-size: 24px;
    text-transform: uppercase;
    letter-spacing: 3px;
}

#main-content p {
    margin-bottom: 20px;
    line-height: 1.5;
}

#main-content strong {
    font-weight: bold;
}

.charter-search {
    background-color: var(--dark-background);
    color:white;
    text-transform: uppercase;
}

.link-button {
    border-radius: 0px;
    border: 0px;
}

.charter-search table {
    width: 100%;
}

.charter-search td,.charter-search th {
    padding: 0 10px 5px;
    text-align: left;
}

.charter-search th {
    vertical-align: bottom;
}

.charter-search input[type=text],.charter-search select {
    padding: 8px;
    text-transform: uppercase;
}

.charter-search .slidercell {
    min-width: 200px;
}

.charter-search tr:first-child td,.charter-search tr:first-child th {
    padding-top: 10px;
}
.charter-search tr:last-child td,.charter-search tr:last-child th {
    padding-bottom: 10px;
}

.charter-search .link-button {
    display: inline-block;
    text-transform: uppercase;
}

#search-top span {
    color: black;
}

.compare-button {
    display: block;
    text-align: center;
}

#topbar {
    padding: 0px;
margin: 20px 0;
}

a#search-charter {
    position: absolute;
    right:0;
    top:0;
    background-color: #333;
}

a#search-charter:hover {
    background-color: #1F1F1F;
}

a#close-search {
    position: absolute;
    right:0;
    top:0;
    background-color: #333;
    display: none;
}

a#close-search:hover {
    background-color: #1F1F1F;
}

#searchacross {
    color: white;
    border-radius: 0px;
    height: auto;
}

.cell-list-box {
    width: 24%;
    margin-right: 1%;
    margin-bottom: 1%;
}

.cell-list-box:nth-child(4n) {
    margin-right: 0;
}

.cell-list-box .image-container {
    width: 100%;
    padding-bottom: 70%;
    position: relative;
}

.cell-list-box .image-container img {
    position: absolute;
    width: 100%;
    height: 100%;
}

.cell-list-box .info {
    padding: 3%;
}

#property-info {
    background-color: transparent;
    color: black;
    padding: 0px;
}

.charter-left {
    width:25%;
    display: table-cell;
    padding: 2%;
    background-color: #cccccc;
}

.product-table td {
    color: black;
    font-size: inherit;
    line-height: 1.75;
}

.product-table th {
    font-size: inherit;
    line-height: 1.75;
    padding-right: 20px;
    font-weight: bold;
    text-transform: uppercase;
    color: #352c2d;
}

.product-description {
    font-size: inherit;
    line-height: inherit;
    padding-top: 0px;
}

.action a {
    border-radius: 0px;
}

.panel-home .cell-list-box img.list-thumb {
    height:100%;
}

#main-content h2.request-details {
    text-align: left;
    margin-bottom: 5px;
    font-size: 22px;
}

.left {
    display: table-cell;
}
.right {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
}

.ico li a {
    width: 24px;
    height: 24px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    display: block;
}

.ico li {
    display: table-cell;
    height: 24px;
    padding-right: 5px;
}

ul.ico {
    display: table;
    list-style: none;
    margin-right: 0px;
    margin-left: auto;
}

.ico .facebook {
    background-image: url(/css/images/facebook.png);
}

.ico .twitter {
    background-image: url(/css/images/twitter.png);
}

.ico .linkedin {
    background-image: url(/css/images/linkedin.png);
}

#nav-footer {
    display: table;
    width: 100%;
}

.rollover-text {
    position: absolute;
}

.yacht-sale-detail {
    display: table;
    width: 100%;
}

.yacht-sale-detail .left {
    width: 75%;
    vertical-align: top;
    padding-right: 2%;
}

.yacht-sale-detail .right {
    width: 25%;
    vertical-align: top;
    background-color: #cccccc;
}

#main-content .yacht-title .left h1 {
    text-align: left;
    margin: 0;
}

#main-content .yacht-title .right {
    font-size: 26px;
}

.yacht-title {
    margin-top: 40px;
}

.yacht-contact .form-input input {
    width: 100%;
    padding: 3px;
}

.yacht-contact .form-input textarea {
    width: 100%;
    padding: 3px;
}

.yacht-contact .form-input {
    padding-bottom: 10px;
}

ul.nav > li > ul {
    width: 135px;
    margin: 0;
    padding: 17px 0 0;
    display: none;
    position: absolute;
    overflow: hidden;
    left: 0;
    top: 38px;
}

ul.nav > li {
    position: relative;
}

ul.nav li:hover ul{
    display:block;
}

ul.nav ul li{
    background-color: black;
    overflow:hidden;
    float:none !important;
    width:138px;
    text-align:left;
}
ul.nav ul li a{
    display:block;
    float:none;
    background:none;
}

.product-list-box {
        width: 32.66%;
    margin-right: 1%;
    float: left;
    padding: 0 0 12px;
border-radius: 0px;
}

.product-list-box:nth-child(3n) {
    margin-right: 0;
}
.product-list-box:nth-child(3n+1) {
    clear: both;
}

.product-list-image {
    width: 100%;
    float: none;
}

.list-thumb {
    width: 100%;
}

#page-products {
    overflow: hidden;
}

.product-list-image > a {
    padding-bottom: 66%;
    position: relative;
    width: 100%;
    display: block;
}

.product-list-image > a > img {
    position: absolute;
    width: 100%;
    height: 100%;
    top:0;
    left: 0;
}

.product-list-info {
    width: auto;
    float: none;
    padding: 0px;
    margin: 12px;
    color: white;
}

.product-list-box h3 {
    padding: 12px;
}

.more-details {
    float: none;
    margin: 0 12px;
    text-align: center;
}

.main-property-search .homepage-search {
    position: relative;
    width: auto;
    display: block;
}

.main-property-search .homepage-search-outer {
    display: block;
}

.main-property-search {
    margin: 10px 0;
    color: white;
}

.property-features h3 {
    font-weight: bold;
    padding-bottom: 20px;
    font-size: 18px;
    color: black;
    text-align: left;
}

.property-features {
    margin: 0px 0 40px;
    text-align: left;
}

.sidebar-search {
    position: relative;
}

#topbar table th {
    text-align: left;
    padding: 15px 0;
    font-weight: norm;
    vertical-align: middle;
}

/* mobile stuff */
.button-header
{
    background: #777;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 0px 10px;
    display: none;
}

#menu-button
{
    background: center center no-repeat transparent;
    background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi/P//PwOtARMDHQBdLGFBYtMq3BiHT3DRPU4YR4NrNAmPJuHRJDyahEeT8Ii3BCDAAF0WBj5Er5idAAAAAElFTkSuQmCC );
background-size: 100%;
    display: none;
    width: 26px;
    height: 26px;
}

nav.mobile {
    display: none;
    position: absolute;
}

#yacht-layout {
    display: flex;
  flex-wrap: wrap;
}

#yacht-images {
    width: 75%;
    padding-right: 2%;
}

#yacht-data {
    width: 25%;
    font-size: 13px;
    padding: 1%;
    background-color: #cccccc;
    position: relative;
}

#yacht-layout #text-content {
    width: 100%;
}

.charter-form-across {
    display: flex;
    flex-wrap: wrap;
}
.charter-search {
    padding: 15px;
}

.charter-form-across > label {
    width: 15%;
}
.charter-form-across > div {
    width: 15%;
    padding-right: 10px;
}

.charter-form-across > .day {
    width: 5%;
}
.charter-form-across > .day-input {
    width: 5%;
}
.charter-form-across > .guests {
    width: 10%;
}
.charter-form-across > .guests-input {
    width: 10%;
}

.charter-form-across > .length {
        width: 20%;
}
.charter-form-across > .length-input {
        width: 20%;
}
.charter-form-across > .price {
        width: 20%;
}
.charter-form-across > .price-input {
        width: 20%;
}

.product-table {
    margin-bottom: 45px;
}

.property-search {
    color: white;
    clear: both;
    display: flex;
    width: 100%;
    text-transform: uppercase;
    align-items: center;
    flex-wrap: wrap;
    box-sizing: border-box;
}

.property-search .type {
    width:20%;
}
.property-search .location {
    width:20%;
}
.property-search .price {
    width:20%;
}
.property-search .order-by {
    width:20%;
}
.property-search .reference {
    width:20%;
}

.property-search > div {
    padding-right: 1%;
    padding-bottom: 2%;
}

.property-search > div:last-child {
   padding-right: 0;
}

.property-search .bedrooms {
    width:15%;
}
.property-search.sales .reference{
    width:10%;
}
.property-search.sales .type{
    width:15%;
}

.grecaptcha-badge { opacity:0;}

#show-more-box {
    padding: 30px;
    clear: both;
    text-align: center;
}
#show-more-box button {
    background-color: white;
    color: #352c2d;
    padding: 10px;
    border: solid 2px #352c2d;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}

#show-more-box button:hover {
    color: white;
    background-color: #514849;
    cursor: pointer;
}
#search-results {
    overflow: hidden;
    margin-bottom: 20px;
}
.yacht-detail-description section {
    width:50%;
    float: left;
    line-height: 150%;
    padding-right: 2%;
    margin-bottom: 20px;
}

.yacht-detail-description section h4 {
    font-weight: bold;
    margin-bottom: 10px;
    font-size:16px;
}

.gallery-container .thumbnail-image-container .image img {
    width: 100%;
    height: 100%;
    display: inline-block;
}
#main-content a {
    color: #352c2d;
    font-family: inherit;
    text-decoration: underline;
}