@font-face {
    font-family: conto;
    src: url(conto_regular.otf);
}

@font-face {
    font-family: tautz;
    src: url(tautz.otf);
}

.visually-hidden {
    display: none;
}

body {
    width: 100%;
    margin: 0;
    padding: 0;
}

.fullpage {
    padding: 0px;    
    width: 100%;
    margin: auto; 
    overflow: hidden;       
}

.sidenav {
    height: 100%;
    width: 25%; 
    position: fixed; 
    z-index: 1; 
    top: 0; 
    right: 0;
    background-color: #fff; 
    overflow-x: hidden; /* Disable horizontal scroll */
    
}

.aech{
    width: 100%;
    margin: 0 auto;    
    text-align: center;    
    color: #022b3e;
    opacity: .8; 
    font-size: 1.15rem;
    letter-spacing: .015rem;    
}

.skip {
        position: absolute;
        top: -1000px;
        left: -1000px;
        height: 1px;
        width: 1px;
        text-align: left;
        overflow: hidden;
        font-family: conto;
        font-size: x-large;
        font-weight: bolder;
        color: red;
    }
    
a.skip:active, 
a.skip:focus, 
a.skip:hover {
        left: 10px; 
        top: 100px;
        width: auto; 
        height: auto; 
        overflow: visible; 
        z-index: 10000;
        font-family: conto;
        font-size: xx-large;
        font-weight: bolder;
        color: red;
    }

.brandsform {
    background-color: #F0F9F9!important; 
    height: 35vh;
    padding: 30px 25px 0px 25px;
    font-family: tautz;
    color: #022B3E;
}

.brandsform h3 {
    color: #142248;
    font-weight: bold;
}

.brandsform a {
    text-decoration: none;
    color: #022B3E;
}

.brandsform li:hover {
    color: #28BDBE;
}

.brandsform a:visited {
    text-decoration: none;
    color: #022B3E;
}

.iframe-container{
  position: relative;  
  padding-bottom: 56.25%; 
  height: 0;
}
.iframe-container iframe{
  position: absolute;
  top:0;
  left: 25%;
  width: 50%;
  height: 50%;
}

/* home page search */
.frmSearch {border: 1px solid #a8d4b1;background-color: #c6f7d0;margin: 2px 0px;padding:40px;border-radius:4px;}
#country-list{float:left;list-style:none;margin-top:-3px;padding:0;width:250px;position: absolute; z-index: 10000;}
#country-list li{padding: 10px; background:whitesmoke; border-bottom: #bbb9b9 1px solid;font-size: 1.25rem; font-family: conto; color: #142248;}
#country-list li:hover{background:white;cursor: pointer;}
.search-box{border-top: none;
border-left: none;
border-right: none;
border-bottom-color:
    #142248;
    cursor: pointer;
    width: 95% !important;
    border-bottom-right-radius: .25em;
    border-bottom-left-radius: .25em;
}
.search-box:focus {
  border-bottom-color: #28bdbe;
}
input:focus {
  border-bottom-color: #28bdbe;
}


/* featured area on search page */

.frow {
    width: 100%;
    height: 40vh;
    background-color: #EFEFF1;
    margin-top: 10vh;
}

.fimagebox {    
    width: 35%;
    height: 100%;    
    float: left;
}

.fimagebox img {
    object-fit: cover;
    width: 100%;
    height: 100%;    
    margin: auto;
     
}

.fimageboxtext {    
    height: 40vh;
    width: 25%;    
    position: relative;    
    float: left; 
    padding-left: 40px; 
}

.fboattext {
    color: #142248;
    font-size: 2.75vh;
    text-align: left;
    font-family: conto;    
}

.fdetailstext {
    color: #022b3e;
    font-size: 1.15rem;
    text-align: left;
    font-family: conto;
}

.fpricetext {
    margin-top: 0px;
}

.fpricetext h6{
    color: #026177;
    font-size: 3.5vh;    
    font-family: tautz;
    margin-top: 0px;
    padding-top: 0px;
}

/* yachts found area on search page */

.yachtsfoundbox {
    display: table;
    height: 70px;
    width: 100%;
    background-color: #034A5F;
    padding-left: 30px; 
    font-family: tautz; 
    margin-top: 10vh;   
}
.yachtsfoundbox h1 {
    display: table-cell;
    font-size: 3.5vh;
    font-weight: bolder;
    color: white; 
    vertical-align: middle;      
}

.yachtsfoundbox h2 {
    display: table-cell;
    font-size: 3.4vh;
    font-weight: bolder;
    color: white; 
    vertical-align: middle;   
}

/* search results area */

.post {
    width: 75vw;
    height: 35vh;
    background-color: white;
    color: #28BDBE;
    background-position: right;
    background-repeat: no-repeat; 
    float: left;     
}

.post:nth-child(odd) {
   background-color: #D5EEEE;     
   background-position: right;
   background-repeat: no-repeat;   
}

.post:nth-child(odd) h6 {
   color: #142248;
   text-align: center;
   font-size: 3vh; 
   padding: 0;
   margin: 0;
}

.post:nth-child(even) h6 {
    text-align: center;
    font-size: 3vh; 
    color: #026177; 
    padding: 0;
    margin: 0;   
}

.sppost {
    width: 100vw;
    height: 30vh;
    background-color: white;
    color: #026177;
    background-position: right;
    background-repeat: no-repeat;   
    float: left; 
}

.sppost:nth-child(odd) {
   background-color: #D5EEEE;     
   background-position: right;
   background-repeat: no-repeat;   
}

.sppost:nth-child(odd) h6 {
   color: #142248;
   text-align: center;
   font-size: 3vh; 
   padding: 0;
   margin: 0;
}

.sppost:nth-child(even) h6 {
    text-align: center;
    font-size: 3vh; 
    color: #026177; 
    padding: 0;
    margin: 0;   
}

.resimagebox {
    width: 33%;
    height: 100%;    
    float: left;    
}

.resimagebox img {   
    object-fit: cover;
    width: 100%;
    height: 100%;    
    margin: auto;     
}

.resimagebox h4 {    
    color: white;    
    font-size: 2.5vh;
    font-weight: bolder;
    position: relative;
    left: 0;
    top: 70%;
    width: 100%;
    text-align: center;
    font-family: tautz;
}

.resimagebox a {
    text-decoration: none;
}

.rescontainer {
    width: 50vw;
    float: left; 
    font-family: conto;  
}

.sprescontainer {
    width: 66%;
    float: left; 
    font-family: conto;  
}

.resboattotal {
    width: 100%;
    float: left;
    color: #142248;
    font-size: 2.5vh;
    line-height: 2.5vh;
    padding-left: 50px;
    padding-bottom: 0px; 
    margin-bottom: 0px;   
}

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

.resdetails {
    float: left;
    width: 30%; 
    height: 100%; 
    padding-left: 5%;   
}

.resdetails p {    
    text-align: left;
    color: #4A4A4A;    
    font-size: 1.15rem;
    padding-bottom: 0px!important;
    font-family: conto; 
    padding: 10px 0;
    margin: 0;        
}

.resdetails a {
    color: #4A4A4A;    
    font-size: 1.15rem;
    text-decoration: none;
}

.resdetails2 {
    float: left;
    width: 23%; 
    height: 100%; 
    padding-left: 5%;   
}

.resdetails2 p {    
    text-align: left;
    color: #4A4A4A;    
    font-size: 1.15rem;
    padding-bottom: 0px!important;
    font-family: conto; 
    padding: 10px 0;
    margin: 0;        
}

.resdetails2 a {
    color: #4A4A4A;    
    font-size: 1.15rem;
    text-decoration: none;
}

.respricebox {
    float: left;
    width: 37%;
    text-align: center; 
    height: 100%;    
    font-family: tautz;   
}

/* Search Form */

.searchform {
    height: 650px;
    padding: 80px 40px 0px 40px;
}

.searchfields {
    width: 100%!important;
}

.searchfields select {
    width: 40%;    
    font-family: conto;
    font-size: 1.5vh;
}

.searchform h2 {
    text-align: center!important;
    color: #142248;
    font-weight: bolder;
    padding-top: 1vh;
    color: #142248;
    font-weight: bolder;
    font-size: 3vh;
    font-family: conto;
}

.selectboxfull {
    width: 100%;
    margin-bottom: 5px;
    margin-right: 10px!important;
    float: left;
}

.selectboxleft {
    width: 42%;
    margin-bottom: 5px;
    margin-right: 10px!important;
    float: left;
}

.selectboxright {
    width: 42%;
    margin-bottom: 5px;
    margin-right: 10px!important;
    float: right;
}

.searchform select {
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom-color: #142248;
    cursor:pointer;
    width: 95%!important;
    border-bottom-right-radius: .25em;
    border-bottom-left-radius: .25em;
}

.searchform input {
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom-color: #142248;
    cursor:pointer;
    width: 95%!important;
    font-family: conto;
    font-size: 1.75vh; 
    border-bottom-right-radius: .25em;
    border-bottom-left-radius: .25em;   
}

.searchboxtitle {
    width: 100%!important;
    float: left;
    margin: 0px 0px 5px 0px;
    font-family: conto;
    font-size: 2vh;
    color: #022B3E;
    font-weight: bold;    
}

.buttonholder {
    width: 100%!important;
    float: left;
    margin: auto;
    text-align: center!important;
}

.buttonholder p {
	font-family: conto;
	font-size: 1.1em;
	letter-spacing: .15em;
}

.buttonholder a {
	text-decoration: none;
	color: #022B3E;
}

.buttonholder a:visited {
	text-decoration: none;
	color: #022B3E;
}

.buttonholder a:hover {
	border-bottom: 2px solid #28bdbe;	
}

.buttonholder a:focus {
	border-bottom: 2px solid #28bdbe;
}

.greenbutton {
    color: #142248;
    background-color: #28BDBE;
    padding: 8px 30px;
    margin: 20px 8px;
    text-align: center;
    text-decoration: none;
    font-size: 15px;
    font-weight: bold;
    border-radius: 18px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}

.greenbutton:hover {
    background-color: #142248;
    color: white;
}

.bluebutton {
    color: white;
    background-color: #142248;
    padding: 8px 30px;
    margin: 20px 8px;
    text-align: center;
    text-decoration: none;
    font-size: 15px;
    font-weight: bold;
    border-radius: 18px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    letter-spacing: .1rem
}

.bluebutton:hover {
    background-color: #28BDBE;
    color: #142248;
}

.evalbutton {
    color: #022B3E;
    background-color: #28BDBE;
    padding: 8px 30px;
    margin: 0px 8px;
    text-align: center;
    text-decoration: none;
    font-size: .65em;
    letter-spacing: .1em;
    font-weight: bold;
    border-radius: 18px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}

.evalbutton:hover {
    background-color: #034357;
    color: white;
}

/* Load more */
.load-more{
    width: 75%;
    background: #28BDBE;
    text-align: center;
    color: white;
    font-weight: bold;
    font-size: xx-large;
    padding: 15px 0px;
    margin: 0; 
    font-family: conto;    
    -webkit-transition: all 1s ease; /* Safari and Chrome */
    -moz-transition: all 1s ease; /* Firefox */
    -ms-transition: all 1s ease; /* IE 9 */
    -o-transition: all 1s ease; /* Opera */
    transition: all 1s ease; 
    float: left;       
}

.load-more:hover{
    cursor: pointer;
     -webkit-transform:scale(1.25); /* Safari and Chrome */
    -moz-transform:scale(1.25); /* Firefox */
    -ms-transform:scale(1.25); /* IE 9 */
    -o-transform:scale(1.25); /* Opera */
     transform:scale(1.25);
}
/* more link */
.more{
    color: blue;
    text-decoration: none;
    letter-spacing: 1px;
    font-size: 4vh;
    line-height: 4vh;    
}

.spload-more{
    width: 100%;
    background: #28BDBE;
    text-align: center;
    color: white;
    font-weight: bold;
    font-size: xx-large;
    padding: 15px 0px;
    margin: 0; 
    font-family: conto;    
    -webkit-transition: all 1s ease; /* Safari and Chrome */
    -moz-transition: all 1s ease; /* Firefox */
    -ms-transition: all 1s ease; /* IE 9 */
    -o-transition: all 1s ease; /* Opera */
    transition: all 1s ease;   
    float: left;     
}

.spload-more:hover{
    cursor: pointer;
     -webkit-transform:scale(1.25); /* Safari and Chrome */
    -moz-transform:scale(1.25); /* Firefox */
    -ms-transform:scale(1.25); /* IE 9 */
    -o-transform:scale(1.25); /* Opera */
     transform:scale(1.25);
}
/* more link */
.spmore{
    color: blue;
    text-decoration: none;
    letter-spacing: 1px;
    font-size: 4vh;
    line-height: 4vh;    
}

/* Upcoming Events */

.upcomingtitlemain {
    width: 100%;
    height: 15vh;    
    padding-top: 60px;
}

.upcomingtitlemain h1{
   font-family: tautz;
   font-size: 2em;
   color: #026177;
   text-align: center;
   line-height: 15vh;
}

.upcomingtitleboats {
    width: 100%;
    height: 10vh;    
    padding: 0px;
}

.upcomingtitleboats h1{
   font-family: tautz;
   font-size: 2em;
   color: #026177;
   text-align: center;
   line-height: 10vh;
   padding: 0px;
}

.upcomingtitle {
    width: 100%;
    height: 15vh;    
    padding-top: 1px;
}

.upcomingtitle h1{
   font-family: tautz;
   font-size: 2em;
   color: #026177;
   text-align: center;
   line-height: 15vh;
}

.blogcontainer {
    width: 100%;
    padding: 0px 25px 25px 25px;
    text-align: center;
    box-sizing: border-box;
    color: black;    
}

.blogchamp {
    margin-top: 10vh;
    width: 100vw; 
    height: 75vh;  
    max-height: 75vh; 
    overflow:hidden;   
}

.blogchamp img {
    display: block;
    width: 80%;
    object-fit: cover;
    margin: auto;
}

.blogwideimage {    
    width: 100vw; 
    height: 100%;  
    max-height: 75vh; 
    overflow:hidden;   
}

.blogwideimage img {
    display: block;
    width: 80%;
    object-fit: cover;
    margin: auto;
}

.blogwidevideo {    
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;    
}

.blogwidevideo iframe {
   
    left:10%;
    top:0;
    height:80%;
    width:80%;
    position:absolute;
}

.blogbox {
    width: 32%; 
    padding: 25px 10px; 
    float: left; 
}

.blogtext {
        margin: 0 150px;
        padding: 0px 25px 25px 25px;
        font-size: 1.15rem; 
        font-family: conto; 
        color: #575757;     
    }
    
.blogtext p{
        padding: 0px 25px 25px 25px;
        font-size: 1.25rem; 
        font-family: conto; 
        color: #575757;
    }
    
.blogtext a {
    text-decoration: none;
    color: #026177;
}

.blogtext a:visited {
    text-decoration: none;
    color: #026177;
}

.blogbox a{
   text-decoration: none; 
}

.blogbox a:visited{
   text-decoration: none; 
}

.boatsblogtext {
        padding: 10px 10%; 
         -webkit-padding-start: 10px;
        -webkit-padding-end: 10px;
              
    }
    
.boatsblogtext p{        
        font-family: conto;
        font-size: 1.25em;
        text-align: justify;
    }

.boatsblogbox a{
   text-decoration: none 
}

.boatsblogbox a:visited{
   text-decoration: none 
}

.blogimage {
    height: 250px;
    position: relative;    
    object-position: center;
    width: 100%;    
    vertical-align: middle;
    border-style: none;
}

.blogimage img {
    object-fit: cover;
    width: 100%;
    height: 100%;   
    vertical-align: middle;    
    border-style: none; 
    float: left;   
}

.blogimg {
    width: 70%;
}

.blogtextcon {
    height: 225px;
    text-align: left;
    padding: 15px 0px;
    color: black;
    font-family: conto; 
    /* offset-x | offset-y | blur-radius | spread-radius | color */
    box-shadow: 0px 4px 4px 4px rgba(0, 0, 0, 0.2) ;
}

.blogtextcon p{
    padding-left: 15px;
    padding-right: 15px;
}

.blogtextcon p.blogdate{
    color: #026177;
    font-size: small;
}

.blogtextcon p.blogtitle{
    color: rgb(20, 34, 72); 
    font-size: 1.3em;   
}

.blogtextcon p.blogtext{
    color: #4A4A4A;   
}

/* Yacht Details Galleria */

 .galleria{ 
    width: 69.5vw;
    max-width: 69.5vw; 
    height: 80vh; 
    background: none;
    float: left; 
    z-index: 1;
    position: relative;
    margin-top: 23vh;
}

/* Yacht Details page */

.detailsfullpage {
    padding: 0px;    
    width: 100%;
    margin: auto; 
    overflow: hidden; 
    font-family: conto;
    color: #142248;      
}

.headerdiv {
    height: 23vh;
    background-color: white;
    width: 100%!important;
    z-index: 5; 
    position: fixed;
    margin-top: 0; 
    padding-top: 0; 
       
}

.headerdivtext {
    margin-top: 11vh;
}

.headerdivtext h1 {
    text-align: center;    
    font-size: 3vh; 
    line-height: 3vh;
    margin: 1vh;
    color: #026177;
}

.headerdivtext a {
    text-align: center;    
    font-size: 3vh; 
    color: #026177;
    text-decoration: none;
}

.headerdivtext a:visited {
    text-align: center;    
    font-size: 3vh;     
    color: #026177;
    text-decoration: none;
}

.headerdivtext p {  
  color: #026177;
  text-align: center; 
  font-weight: bold;  
  font-size: 2.75vh; 
  line-height: 2.75vh;
  margin: 1vh;
  font-family: tautz;   
}

.headerdivtext h2 {    
  text-align: center; 
  font-weight: bold;  
  font-size: 2.75vh; 
  line-height: 2.75vh;
  margin: 1vh;
  font-family: tautz;   
}

.contactbar {
    height: 100%;
    width: 30vw; 
    position: fixed; 
    z-index: 2; 
    top: 0; 
    right: 0;
    background: linear-gradient(#056b82, #000B1C);         
    position: fixed;
     overflow-x: hidden;
}

.contactcontent {
    padding:0px 25px;
    float: left;
    background-image: url('/images/uysfaded22.png');
    background-repeat: no-repeat;
    background-position: top center;
    
}

.contactform {
    width: 100%;
    font-family: conto;
    color: white;    
}

.contactform input[type=text] {
    font-family: conto;
    width: 100%;
    background-color: white;
    opacity: 0.5; 
    color: black; 
    padding-left: 1%;      
}

.contactform textarea {
    width: 100%;
    height: 25%;
    background-color: white;
    opacity: 0.5; 
    color: black; 
    font-family: conto;
    padding-left: 1%; 
    margin-bottom: 1%; 
}

.contactlabel {
    font-family: conto;
    font-size: medium;
    color: white;
}

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

.contact50left {
    width: 45%; 
    float: left;    
}

.contact50right {
    width: 45%; 
    float: right;    
}

.contact25right {
    width: 23%;
    float: right;
    margin-left: 2%;
}

.contact100center {
    width: 100%;
    text-align: center;
    margin: 0 auto;
}

.ybinfo {
    width: 100%;
    float: left;
    margin-top: 23vh;
}

.ybinfo p {
    color: white;
    font-family: conto;
    font-size: x-large;
    padding: 0;
    margin: 10px;
}

.interested p {
    color: white;
    font-family: tautz;
    font-size: 1.5vw;
    text-align: center;
    font-weight: bold;
    color: white;
    font-family: conto;
    font-size: xx-large;
    padding: 0px 0px 0px 0px;
    margin: 20px 0px 0px 0px;
}

.contacttext {
    color: white;
    font-family: conto;
    font-size: 1.25vw;
    text-align: center;
    padding-top: 0;
    margin-top: 0; 
}

.brokerinfo {
    color: white;
    font-family: conto;
    font-size: 1.25vw;
    text-align: center;
    width: 70%;     
}

.brokerinfo img {
    border-radius: 50%;
    border: 3px solid white;       
    position: relative;
    left: 60px;
    top: 20px;
    z-index: 20;
    float: left; 
    width: 6vw;   
}

.brokercontact {
    margin-top: 2vh;
    width: 19vw;
    float: left;
    color: white;
    font-family: conto;
    font-size: 1.25vw;
    text-align: center;
    position: relative;
    left: 30px;
    bottom: 2px; 
}

.brokercontact p {
    margin: 10px;
}

.brokercontact p.brokername {
    position: relative;
    bottom: 10px;
}

.brokercontact p.brokerphone {
    margin-top: 0;
    font-size: 1vw;
    position: relative;
    bottom: 10px;
}

.brokercontact p.brokermessage {
    margin-top: 0;
    background-color: #132247;
    position: relative;
    right: 35px;
    bottom: 9px;
    font-family: tautz;
    line-height: 2.25vw;
    font-weight: bold;
    width: 115%;
    border-radius: 12px;
    font-size: 1.2vw;
}

.vesselinfo {
    width: 70vh;
}

.specbarcontainer {
    width: 70vw;
    height: 8vh;
    float: left;
    padding-bottom: 5vh;
}

.specsbar {
    width:  35vw;
    background-color: #FEFEFE;
    height: 100%;
    float: left;
    color: #142248;
    text-align: center;    
    font-size: 3vh;    
    line-height: 100%;    
}

.detailbar {
    width:  35vw;
    background-color: #EFEFF1;
    height: 100%;
    float: left;
    color: #142248;
    text-align: center;    
    font-size: 3vh; 
    line-height: 100%;   
}

.detailbar a {
    text-decoration: none;
    color: #022B3E;
}

.detailbar a:visited {
    text-decoration: none;
    color: #022B3E;
}

.detailsdesc {
    width: 61vw;
    height: 100%;
    float: left;
    background-color: #FEFEFE;
    color: #142248;    
    text-align: justify;
    font-size: 1.15rem; 
    padding: 10px 70px 40px 50px;   
}

.detailsdesc a { 
    text-decoration: none;
    color: #142248;
}

.detailsdesc a:visited { 
    text-decoration: none;
    color: #142248;
}

.specsgrid {
    background-color: #FEFEFE;        
    font-size: 3vh;
    color: #142248;
    width: 67vw;
    float: left;
    padding-left: 20px;
}

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

.detailstitle p {
    font-size: 3.5vh;
    font-weight: bold;
    color: #026177;
    padding-left: 50px;
}

.specstitle{
    width: 100%;
    float: left;    
    padding-bottom: 1vh;
    padding-left: 1vw;
}

.specstitle h4 {
    font-size: 3.5vh;
    font-weight: bold;
    color: #026177;
    font: tautz;
}

.vesselline {    
    margin-top: 2vh;
}

.vesselline h3 {
    font-family: tautz;
    width: 70vw;
    text-align: center;
    font-size: 3.5vh;
    font-weight: bold;
    color: #022B3E;   
}

.vesselline span {    
    color: #026177; 
}

.specsleft {
    width: 47%;
    float: left;
    font-size: 2.5vh;
    padding: 0;
    margin: 0;    
}

.specsright {
    margin-left: 2vw;
    width: 47%;
    float: right;
    font-size: 2.5vh;
    padding: 0px 0px 0px 10px;
    margin: 0;
}

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

.specsrowodd {
   width: 100%;
   float: left;
   background-color: #EFEFF1;        
}

.spectitleeven {
    width: 11vw;
    float: left;    
    line-height: 3vh;
    margin-left: 20px;
}

.spectitleodd {    
    width: 11vw;
    float: left;    
    line-height: 3vh;
    margin-left: 20px;        
}

.spectexteven {
    width: 19vw;
    color: #545954;
    float: left;    
    line-height: 3vh;
}

.spectextodd {    
    color: #545954;
    width: 19vw;
    float: left;    
    line-height: 3vh;   
}

.accordioncontainer {
    width: 70vw;
    background-color: #FEFEFE; 
    background-image: url('/images/uysfaded22.png');
    background-repeat: no-repeat;
    background-position: right;
    float: left;
    padding: 0px; 
    margin: 0;   
    font-size: 3vh;
    color: #142248;
}

.relatedyachtsbox {
    display: table;
    height: 70px;
    width: 70vw;
    background-color: #034A5F;
    padding-left: 30px;         
}

.relatedyachtsbox h6 {
    display: table-cell;
    font-size: 35px;
    font-weight: bolder;
    color: white; 
    vertical-align: middle;
    text-align: center;   
}

.bottombar {
    height: 8vh;
    background-color: #000B1C;
    width: 100%;
    float: left;
}

/* menu */

.toggle,
[id^=drop] {
	display: none;
}


/* Giving a background-color to the nav container. */
nav { 
	margin:0;
	padding: 0;
	background-color: #022B3E;
    font-family: conto;
    z-index: 50; 
    position: fixed;
    top: 0;
    width: 100%;
    height: 10vh;    
}

nav label {
    display:none;
}

#logo {
	display: block;
	padding: 0 30px;
	float: left;	
	line-height: 10vh;
    vertical-align: middle;
    width: 5vw;
}

#logo img {    
    vertical-align: middle;
    object-fit: cover;    
    display: inline-block;
    height: auto;    
    z-index: 1;  
	width:250px;   
}

/* Since we'll have the "ul li" "float:left"
 * we need to add a clear after the container. */

nav:after {
	content:"";
	display:table;
	clear:both;
}

/* Removing padding, margin and "list-style" from the "ul",
 * and adding "position:reltive" */
nav ul {
	float: right;
	padding:0;
	margin:0;
	list-style: none;
	position: relative;    
	}
	
/* Positioning the navigation items inline */
nav ul li {
	margin: 0px;
	display:inline-block;
	float: left;
	background-color: #022B3E;
        
	}

/* Styling the links */
nav a {
	display:block;
	padding:0 20px;	
	color:#FFF;
	font-size: 2vh;    
    letter-spacing: 3px;
    text-align: center;
	text-decoration:none;
    height: 9vh;
    line-height: 10vh; 
}

nav p {
    padding: 0;
    margin: 0;
}


nav ul li ul li:hover { background: #022B3E; }

/* Background color change on Hover */
nav p:hover { 
	color: #28bdbe; 
}

nav a:hover {
    color: #28bdbe;    
}

/* Hide Dropdowns by Default
 * and giving it a position of absolute */
nav ul ul {
	display: none;
	position: absolute; 
	/* has to be the same number as the "line-height" of "nav a" */
	top: 60px; 
}
	
/* Display Dropdowns on Hover */
nav ul li:hover > ul {
	display:inherit;
    background-color: #022B3E;
}

ul li:focus-within > ul {
	display:inherit;
    background-color: #022B3E;
}
	
/* Fisrt Tier Dropdown */
nav ul ul li {
	width:100%;
	float:none;
	display:list-item;
	position: relative;
}

/* Second, Third and more Tiers	
 * We move the 2nd and 3rd etc tier dropdowns to the left
 * by the amount of the width of the first tier.
*/
nav ul ul ul li {
	position: relative;
	top:-60px;
	/* has to be the same number as the "width" of "nav ul ul li" */ 
	left:170px; 
}

	
/* Change ' +' in order to change the Dropdown symbol */
li > a:after { content:  ' +'; }
li > a:only-child:after { content: ''; }

/* sold boats */
.soldboats {    
    width: 100%; 
    font-family:conto; 
    text-align: justify; 
    float: left;    
}

.soldboats p {
    padding: 20px 100px 0px 100px; 
    font-size: larger;
    color: #575757;
}

.soldboats a {
    text-decoration: none;
    color: #026177;
}

.soldboats a:visited {
    text-decoration: none;
    color: #026177;
}

/* homepage */

.menucontainer {
    width: 100%;
    height: 10vh;
    color: white;
    background-color: #022B3E;
    font-family: tautz;
    z-index: 50; 
    position: fixed;
    top: 0;
    
}

.logocontainer {
    float: left;
    vertical-align: middle;
    line-height: 10vh;
    height: 10vh;
    position: absolute;
    padding-left: 20px;
    z-index: 1;     
}

.logocontainer img {    
    vertical-align: middle;    
    display: inline-block;
    height: 65%;
    z-index: 1;     
}

.menuitemcontainer {
    float: right;
    vertical-align: middle;
    line-height: 10vh;
    height: 10vh;    
    padding-right: 20px;   
    z-index: 1; 
}

.menuitemcontainer a { 
    color: white;
}

.menuitemcontainer a:visited {
    text-decoration: none;
    color: white;
}

.menuitemcontainer a:hover {
    text-decoration: none;
    color: #28BDBE;
}

.menublock {
    float: left;
    text-align: center;
    padding-right: 25px;
    font-size: 2vh;
    line-height: 7vh;
    z-index: 1; 
}

.vidcontainer {
    width: 70%;
    height: 80vh;
    overflow:hidden;
    float: left; 
    margin-top: 10vh;   
}

.homepagevideo {    
    width: 70%; 
    height: 70vh;
    object-fit: cover;
    margin-top: 10vh;
    float: left;
    padding: 0;
    overflow: hidden;
    position: relative;
    z-index: 2;
    display: block;
    -webkit-border-radius: 1px;
}

.togglecontrols {
    position: relative;    
    z-index: 5;
}

.homesidenav {
    height: 80vh;
    width: 30%; 
    position: static; 
    z-index: 3;     
    background-color: #fff; 
    overflow: hidden;
    float: right;
}

.homesearchformcontainer {
    height: 100%;
    padding: 110px 80px 40px 80px;
    margin-top: 0px!important;
    overflow: hidden; 
}

.homesearchformcontainer p {
    text-align: left;
    color: #142248;
    font-weight: bolder;
    font-size: 1.25rem;
    font-family: conto;
    margin: 10px 0px 0px 0px;
    padding: 0;       
}

.homesearchform {
    padding: 10px 0px;
}

.yachtsearch {
    text-align: center;
    font-size: 1.5rem;
    width: 100%;
    margin: auto;
    padding-top: 10px;
    
}
.yachtsearch p {
    text-align: center;
    font-size: 1.85rem; 
    color: #026177;   
}

.homesearchfields {
    width: 100%!important;
    font-family: conto;
    font-size: 1.25rem;
    font-weight: bolder;
}

.homeselectboxfull {
    width: 100%;
    float: left;
    font-family: conto;
    font-size: 1.25rem;
}

.homeselectboxleft {
    width: 40%; 
    float: left;
    font-family: conto;
    font-size: 1.25rem;
}

.homeselectboxright {
    width: 40%; 
    float: right;
    font-family: conto;
    font-size: 1.25rem;
}

.homelengthbox {
    float: left;
    width: 100%;
}
.homelengthboxleft4 {
    width: 40%;    
    margin-right: 10px;
    float: left;
    font-family: conto;
    font-size: 1.25rem;
}

.homelengthboxright4 {
    width: 40%; 
    float: right;
    font-family: conto;
    font-size: 1.25rem;
    margin-right: 0;
}

.homeyearbox {
    float: right;
    width: 100%;    
}

.homeselectboxleft4 {
    width: 40%;    
    margin-right: 10px;
    float: left;
    font-family: conto;
    font-size: 1.25rem;
}

.homeselectboxright4 {
    width: 40%;    
    margin-right: 10px!important;
    float: left;
    font-family: conto;
    font-size: 1.25rem;
}

.homeyearboxleft4 {
    width: 40%;    
    margin-right: 10px!important;
    float: left;
    font-family: conto;
    font-size: 1.25rem;
}

.homeyearboxright4 {
    width: 40%; 
    float: right;
    font-family: conto;
    font-size: 1.25rem;
}

.homesearchform select {
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom-color: #142248;
    cursor:pointer;
    width: 100%;
    font-family: conto;
    font-size: 1.25rem;
    border-bottom-right-radius: .25em;
    border-bottom-left-radius:  .25em;
    margin: 10px 0px 0px 0px;
}

.homesearchform input {
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom-color: #142248;
    border-bottom-right-radius: .25em;
    border-bottom-left-radius:  .25em;
    cursor:pointer;
    width: 100%;
    font-family: conto;
    margin: 10px 0px 0px 0px;
    font-size: 1.25rem;
}

.homesearchboxtitle {
    width: 100%!important;
    float: left;    
    font-family: conto;
    font-size: 2vh;
    color: #022B3E; 
    font-weight: bold;  
}

.homesearchboxtitle2 {
    width: 50%;
    float: left;    
    font-family: conto;
    font-size: 2vh;
    color: #022B3E; 
    font-weight: bold;  
}

.homebuttonholder {
    width: 100%!important;
    float: left;
    margin: auto;
    text-align: center!important;
    margin-top: 15px;
}

.homegreenbutton {
    color: #022B3E;
    background-color: #28BDBE;
    padding: 8px 30px;
    margin: 20px 8px;
    text-align: center;
    text-decoration: none;    
    font-weight: bold;
    border-radius: 18px!important;
    -moz-border-radius: 8px!important;
    -webkit-border-radius: 8px!important;
    border-bottom-color: #142248!important;
    border-right-color: #142248!important;
}

.homegreenbutton:hover {
    background-color: #142248;
    color: white;
    cursor:pointer;
}

.allyachts {
    font-family: tautz;
    width: 100%;
    text-align: center;
    font-size: 1.5vh;
    color: #28BDBE; 
    font-weight: bold;
    float: left;
}

.allyachts a {
    text-decoration: none;
    color: #28BDBE;
}

.allyachts a:visited {
    text-decoration: none;
    color: #28BDBE;
}

.homewhyuys {
    background: linear-gradient(#05677E, #011729);
    color: white;
    font-family: tautz;
    width: 100%;
    float: left; 
    padding: 30px 0px 50px 0px
}

.homewhyuys h1 {
    text-align:  center;
}

.homewhyuys a:link {
    text-decoration: none;
    color: white;
}

.homewhyuys a:visited {
    text-decoration: none;
    color: white;
}

.homewhyuyslink {
    text-decoration: none;
    color: white;
}

.homewhyuys p {    
    text-align: center;    
    margin:auto;
    text-shadow: 0 0 1px white;
    font-size: 3vh;
    padding-top: 10px;
}

.homewhyuys img {
    padding-top: 10px;
    text-align: center;
    display:block;
    margin:auto;    
}

.whytextcontainer {
    width: 100%;
    padding: 15px 20px 10px 10px;
}

.whytextboxleft {
    width: 33%;
    float: left;
    font-size: 1.25rem;
    text-align: center;    
}

.whytextboxleft p {
    padding: 0;
    margin: 0;
    font-size: 1.25rem;
    text-align: center;
}

.whytextboxleft span {
    font-size: xx-large;
    font-weight: bold;
    text-shadow: 0 0 1px white;
    padding: 0;
    margin: 0;
}

.whytextboxmid {
    width: 33%;
    float: left;    
    text-align: center;    
}

.whytextboxmid p {
    padding: 0;
    margin: 0;
    font-size: 1.25rem;
    text-align: center;
}

.whytextboxmid span {
    font-size: xx-large;
    font-weight: bold;
    text-shadow: 0 0 1px white;
    padding: 0;
    margin: 0;
}

.whytextboxright {
    width: 33%;
    float: left;    
    text-align: center;    
}

.whytextboxright p {
    padding: 0;
    margin: 0;
    font-size: 1.25rem;
    text-align: center;
}

.whytextboxright span {
    font-size: xx-large;
    font-weight: bold;
    text-shadow: 0 0 1px white;
    padding: 0;
    margin: 0;
}

.homebrandsform {
    background-color: #F0F9F9!important; 
    height: 24vh;
    padding: 30px 50px 0px 50px;    
}

.homebrandsform h3 {
    text-align: center;
    color: #142248; 
    font-size: 2.25vh; 
    font-weight: bold;  
}

.homebrandsform ul {    
    color: #142248; 
    font-size: 1.75vh; 
    padding-top: 0.25em;     
}

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

.piclinks1 {
    width: 33.3%; 
    height: 35vh;   
    margin: 0;
    padding: 0;
    float: left;
    background: url("../images/reduced1.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}

.piclinks2 {
    width: 33.4%; 
    height: 35vh;   
    margin: 0;
    padding: 0;
    float: left;
    background: url("../images/reduced2.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}

.piclinks3 {
    width: 33.3%; 
    height: 35vh;   
    margin: 0;
    padding: 0;
    float: left;
    background: url("../images/reduced3.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}

.piclinks4 {
	width: 33.3%;
	height: 35vh;
	margin: 0;
	padding: 0;
	float: left;
	background: url("../images/frontrunner.jpg");
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
}

.piclinks5 {
	width: 33.3%;
	height: 35vh;
	margin: 0;
	padding: 0;
	float: left;
	background: url("../images/evaluation.jpg");
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
}

.piclinks6 {
	width: 33.3%;
	height: 35vh;
	margin: 0;
	padding: 0;
	float: left;
	background: url("../images/informed.jpg");
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
}

.fill-div {
    display: block;
    height: 100%;
    width: 100%;
    text-decoration: none;
    color: white;
    font-family: tautz;
    font-size: 4vh;
    text-shadow: 0 0 2px white;
    text-align: center;
    vertical-align: middle;
    line-height: 35vh;
    -webkit-transition: all 1s ease; /* Safari and Chrome */
    -moz-transition: all 1s ease; /* Firefox */
    -ms-transition: all 1s ease; /* IE 9 */
    -o-transition: all 1s ease; /* Opera */
    transition: all 1s ease;        
}

.fill-div:hover {
	transition:.5s ease;
	background:rgba(3,69,89,.8);
}

.accordianareacontainer {
    width: 70%;
    height: 100%; 
    font-family: conto;
    float: left;    
}

.accordioncontainerhome {
    width: 90%;    
    float: left;
    padding: 0 50px 50px 50px;    
    font-size: 3vh;
    color: #142248;
    text-align: justify;
    background-image: url('/images/logo-faded.png');
    background-repeat: no-repeat;
    background-position: right;
}

.news {
    width: 30%;
    float: left; 
}

.homeblogboxtitle {
  font-size: 1.5rem;
  color:#026177; 
  font-weight: bold;
  text-align: center;
  font-family: conto; 
  width: 100%;
}

.vticker {   
    margin-top: 20px;
      
}

.vticker ul {
    list-style: none;
    width: 100%;
}

.vticker li {
    list-style: none;
}

.homeblogcon {
  width: 98%; 
  padding-bottom: 20px; 
  height: 160px;
}

.homeblogimagecon {
    position: relative;    
    object-position: left;
    width: 25%;
    height: 100%;    
    vertical-align: middle;
    border-style: none;
    float: left;
}

.homeblogimagecon img {
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;     
}

.homeblogtextcon {
    height: auto;
    width: 70%;
    float: right;
    text-align: left;
    font-family: conto; 
    padding: 10px 0px 0px 0px;
    margin: 0;    
}

.homeblogtextcon p{
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

.homeblogdate{
    color: #026177;
    font-size: small;
}

.homeblogtitle{
    color: rgb(20, 34, 72); 
    font-size: 1rem; 
    font-weight: bold;  
    width: 90%;
}

.homeblogtext{
   color: #022B3E;  
   font-size: .8rem;
   width: 90%;
}

.homepagetestimonials {
    width: 33.3%;
    float: left;
}

.homepagetestimonials h4 {
    font-size: 3vh;
    line-height: 6vh;
    text-align: center;
}

.yachtevalcall {
    color: white;
    width: 100%;
    font-family: conto;
    background-color: #022B3E;
    height: 100%;
    line-height: 4vh;
    font-size: 3vh; 
    float: left;  
    text-align: center;
    padding-bottom: 15px;    
}

.yachtevalcall p {
    font-family: conto;
    }

.yachtevalcall h3 {
    font-family: tautz;
    }

.featuredyachtsbar {
    color: white;
    width: 100%;
    font-family: tautz;
    background-color: #034357;
    height: 12vh;
    line-height: 2vh;
    font-size: 4vh; 
    float: left;  
    text-align: center;    
}

.featuredpageyachtsbar {
    color: white;
    width: 100%;
    font-family: tautz;
    background-color: #034357;
    height: 12vh;
    line-height: 6vh;
    font-size: 3.75vh; 
    float: left;  
    text-align: center;
    margin-top: 10vh;        
}

.featuredpageyachtsbar h1 {
    line-height: 8vh;
    font-size: 3.75vh; 
    }

.featuredyachtscontainer {
    width: 100vw;
}

.relatedbox {
    width: 70vw;
    float: left;
}

.fybox {
    width: 33.3%;
    height: 100%;
    float: left;
}

.fybox:nth-child(odd) {
    background-color: #EFEFF1;
}

.fycontainer {
    width: 100%;
}

.fyimagebox {
   width: 100%;
   float: left; 	
   margin-bottom: 2vh!important;    
}


.fyimagebox img {    
   width: 100%; 	  	
}

.fyimagebox img:hover {	
	opacity: .5;
	transition:.5s ease;
}



.fydetails {
   width: 100%; 
   text-align: center;   
}

p.fyboatname {
    color: #142248;
    padding: 0px;
    line-height: 2vh; 
    font-family: tautz;   
}

p.fyboatinfo {
    color: #142248;
    padding: 0px;
    line-height: 2vh;
    font-family: conto;
}

p.fyboatloc {
    color: #545954;
    padding: 0px;
    line-height: 2vh;
    font-family: conto;
}

.spbox {
    width: 25%;
    height: 100%;
    float: left;
}

.spbox:nth-child(odd) {
    background-color: #EFEFF1;
}

.spcontainer {
    width: 100%;
}

.spimagebox {
   width: 100%;
   position: relative;
   overflow:hidden;
   float: left;      
}

.spimagebox img {    
    margin: auto; 
    width: 100%; 
    padding-bottom: 2vh!important;   
}

.spdetails {
   width: 100%; 
   text-align: center;   
}

p.spboatname {
    font-size: 2.5vh;
    color: #142248;
    padding: 0px;
    line-height: 2vh;    
}

p.spboatinfo {
    font-size: 2vh;
    color: #142248;
    padding: 0px;
    line-height: 2vh;
}

p.spboatloc {
    font-size: 2vh;
    color: #545954;
    padding: 0px;
    line-height: 2vh;
}


.closebutton {
    color: #022B3E;
    background-color: #28BDBE;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 200;
    width: 130px;
    height: 4vh;
    margin-right: 30px;
    margin-top: 30px;
    border: none;
    font-family: conto;
    font-size: 1.85vh;
    font-weight: bold;
    border-radius: 18px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    cursor:pointer;
}

.map {
    width: 100%;
    height: 100%;
    color: white;    
    background: linear-gradient(#05677E, #011729);
    object-fit: cover;
    padding: 20px;
    font-family: tautz;
    text-align: center; 
    font-size: 1.15rem;
    letter-spacing: .02rem;
    font-weight: bold; 
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    
}

.detailsmap {
    width: 70%;
    height: 100%;
    color: white;    
    background: linear-gradient(#056b82, #000B1C);
    object-fit: cover;
    padding: 20px;
    font-family: tautz;
    text-align: center; 
    font-size: 1.15rem;
    letter-spacing: .02rem;
    font-weight: bold; 
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    
}

.mapada {
    width: 100%;
    text-align: center;
    padding-top: 25px;
}

.mapbox {
    width: 350px;
    margin: 10px;
    text-align: center;
}

.mapbox a {
    text-decoration: none;
    color: white;
}

.mapbox a:visited {
    text-decoration: none;
    color: white;
}

/* boat eval */

input[type="checkbox"], input[type="radio"] {
    display: none!important;
}

.fullpageboateval {       
    width: 100vw;
    height: 150vh;
    margin: auto;     
    background-image: url('/images/boateval.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    position: relative;
    -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; 
    overflow-x: hidden;
          
}

.evalcontainer {
    width: 100%;
    padding: 4vh;
}

.welcometext {
    padding-top: 12vh;
    background: none;
    margin: auto; 
    overflow: hidden;
    position: relative;
}

.welcometext h1 {
    color: white;
    font-family: tautz;
    font-size: 32px;
    font-weight: bold;
    text-align: center;
}

.welcometext p {
    color: white;
    font-family: conto;
    font-size: x-large;
    text-align: center;
}

.central {
    margin: 0 auto;
    padding: 20px;    
    width: 55vw;
    height: 50%;
    background-color: white;
    position: relative;
    background-image: url('/images/logo-faded.png');
    background-repeat: no-repeat;
    background-position: bottom right;    
}

.content {
    padding: 25px;
}

.content h2 {
    font-family: tautz;
    text-align: center;
    color: #026177;
    font-size: 4vh;
}

.content p {
    font-family: conto;
    text-align: justify;
}

.yachtevalform {
    font-family: conto;
}

.yachtevalform input[type=text] {
    font-family: conto;
    width: 100%;
    background-color: #DDDFE1;
    opacity: 0.7;    
}

.label {
    font-family: conto;
    font-size: medium;
    font-size: 1.75vh;
}

.eval100 {
    width: 100%;
}

.eval100 textarea {
    width: 100%;
    height: 25%;
    background-color: #DDDFE1;
    opacity: 0.7;
    font-family: conto;
}

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

.eval50right {
    width: 48%; 
    float: right; 
    margin-left: 3%;
}

.eval30left {
    width: 30%;
    float: left;
    margin-right: 3%;
}

.eval30mid {
    width: 34%;
    float: left;
    margin-right: 3%;
}

.eval30right {
    width: 30%; 
    float: right;    
}

.evalbox1 {
   width: 20%;
    float: left;
    margin-right: 2%; 
}

.eval10left {
    width: 100%;
}

.evalbox2 {
   width: 12%;
    float: left;
    margin-right: 2%; 
}

.eval15left {
    width: 100%;
}

.evalbox3 {
   width: 40%; 
    float: left;
}

.eval50mid {
   width: 100%;     
}

.evalbox4 {
  width: 20%;
    float: right;
    margin-left: 2%;
}

.eval25right {
    width: 100%;
}

.eval100center {
    width: 100%;
    text-align: center;
    margin: 0 auto;
}

 .g-recaptcha {
        display: inline-block;
    }
    
.sendbutton {
    color: #022B3E;
    background-color: #28BDBE;
    padding: 6px 30px; 
    margin: 10px 0px;   
    text-align: center;
    text-decoration: none;
    font-size: 15px;
    line-height: 25px;
    font-weight: bold;
    border-radius: 18px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    font-family: tautz;
}

.sendbutton:hover {
    background-color: #142248;
    color: white;
}

/* bio page */

.champimagecontainer {
    margin-top: 10vh;
    width: 100vw;
    height: 50vh;
    background-image: url(/images/locationchamp.jpg);
    background-size: 100%;
    display: block;
    position: relative;
    object-fit: cover;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 50vh;
    background-position: center;
    background-repeat: no-repeat;
}

.bioarea {
    width: 100%;    
    font-family: conto;
    display: flex;
    align-items: stretch    
}

.brokerbio {
    width: 60%; 
    text-align: justify;
    margin: 30px 80px 30px 80px;
    font-size: 1.25rem;
    flex: 2;
    background-image: url('/images/logo-faded.png');
    background-repeat: no-repeat;
    background-position: center; 
}

.brokerbio a {
    text-decoration: none;
    color: #026177;
}

.largeletters{
    font-size: xx-large;
    font-weight: bolder;
}


.ybcontact {
    width: 100%;
    float: left;    
    width: 30%;    
    background: linear-gradient(#056b82, #000B1C); 
    flex: 1;
    align-self: stretch;
    padding-top: 2%;    
}

.ybcontact h6 {
    color: white;
    font-family: conto;
    font-size: xx-large;
    padding: 0px 0px 0px 0px;
    margin: 20px 0px 0px 0px; 
    text-align: center;   
}

.ybcontact p {
    color: white;
    font-family: conto;
    font-size: x-large;
    padding: 0;
    margin: 10px;
}

.ybbrokerinfo {
    color: white;
    font-family: conto;
    font-size: 1.25vw;
    text-align: center;
    width: 100%; 
    text-align: center;    
}

.ybbrokerinfo img {
    border-radius: 50%;
    border: 3px solid white;       
    position: relative;    
    margin-top: 1%;
    z-index: 20; 
    width: 12vw;
    height: 12vw;
}

.ybbrokerinfo h1 {
    font-family: tautz;
    color: white;
    font-size: 1.75em;
    font-weight: bolder;
    margin: 0;
    padding: 0 0 5px 0;
}

.ybbrokerinfo h2 {
    font-family: conto;
    color: white;
    font-size: 1.5em;
    font-weight: bolder;
    margin: 0;
    padding: 5px 0;
}

.ybbrokerinfo p {
    font-family: conto;
    color: white;
    font-size: 1.25em;
    font-weight: bolder;
    margin: 0;
    padding: 5px 0;
}

.ybfeaturedpageyachtsbar {
    color: white;
    width: 100%;
    font-family: tautz;
    background-color: #034357;
    height: 12vh;
    line-height: 6vh;
    font-size: 3vh; 
    float: left;  
    text-align: center;         
}

.ybfeaturedpageyachtsbar h3 {
    line-height: 8vh;
    font-size: 3vh; 
    }

/* social media */

.social {
    width: 61vw;
    height: 6vh;
    line-height: 6vh;
    background-color: #FEFEFE;    
    margin: 0;
    padding: 0vh 2vh 4vh 2vh;    
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
}

.facebook-share-button {
    background-image: url("/images/facebook.png");    
    display: inline-block;
    background-size: contain; 
    width: 6vh;
    height: 6vh;     
    background-repeat: no-repeat; 
    vertical-align: middle;
    text-align: center;    
    margin: 0 auto;
    line-height: 10vh;
}

.facebook-share-button:hover {
    background-image: url("/images/facebookhover.png");
}

.twitter-share-button {
    background-image: url("/images/twitter.png");    
    display: inline-block;
    background-size: contain; 
    width: 6vh;
    height: 6vh;     
    background-repeat: no-repeat; 
    vertical-align: middle;
    text-align: center;    
    margin: 0 auto;
    line-height: 10vh;
}

.twitter-share-button:hover {
    background-image: url("/images/twitterhover.png");
}

.linkedin-share-button {
    background-image: url("/images/linkedin.png");    
    display: inline-block;
    background-size: contain; 
    width: 6vh;
    height: 6vh;     
    background-repeat: no-repeat; 
    vertical-align: middle;
    text-align: center;    
    margin: 0 auto;
    line-height: 10vh;
}

.linkedin-share-button:hover {
    background-image: url("/images/linkedinhover.png");
}

.pdf-share-button {
    background-image: url("/images/pdficon.png");    
    display: inline-block;
    background-size: contain; 
    width: 6vh;
    height: 6vh;     
    background-repeat: no-repeat; 
    vertical-align: middle;
    text-align: center;    
    margin: 0 auto;
    line-height: 10vh;
}

.pdf-share-button:hover {
    background-image: url("/images/pdficonhover.png");
}

.instagram-share-button {
    background-image: url("/images/instagram.png");    
    display: inline-block;
    background-size: contain; 
    width: 6vh;
    height: 6vh;     
    background-repeat: no-repeat; 
    vertical-align: middle;
    text-align: center;    
    margin: 0 auto;
    line-height: 10vh;
}

.instagram-share-button:hover {
    background-image: url("/images/instagramhover.png");
}


/* why uys */

.whyuyschamp {
    margin-top: 10vh;
    margin-bottom: 0;
    width: 100vw;    
    background-image: url('/images/heroyacht.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 120%;
    display: block;
    position: relative;

}

.intro {
    color: white;
    font-family: conto;
    font-size: 1.25vw;
    text-align: center;
    width: 100%; 
    text-align: center;    
}

.intro h1 {
    font-family: tautz;
    color: white;
    font-size: 1.75em;
    font-weight: bolder;    
    padding-top: 5%;
}

.intro h4 {
    font-family: tautz;
    color: white;
    font-size: 1.25em;
    font-weight: bolder;
    margin: 0;
    padding: 5px 0;
}

.intro p {
    font-family: conto;
    color: white;
    font-size: 1.25em;       
    padding: 5vh 20vw;
    margin: 0;
    text-align: justify;
}

.intro .blue-fade {
    background: #142248;
    height: 100%;
    width: 100%;
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
    opacity: .6;
}

.spintro {
    color: #575757;
    font-family: conto;
    font-size: 1.2vw;
    text-align: center;
    width: 100%; 
    text-align: center;
           
}

.spintro p {
    font-family: conto;
    color: #575757;
    font-size: 2.15vh;       
    padding: 11vh 15vw 1vh 15vw;    
    text-align: justify;
    margin-top: 15vh!important;
}

.spintro a {
    text-decoration: none;
    color: #026177;
}

.spintro a:visited {
    text-decoration: none;
    color: #026177;
}

.statscontainer {
    margin-top: 0;
    background: linear-gradient(to bottom,#066e85 0,#02262f 100%);
    padding: 15px 50px;
    color: white;    
}

.statscontainer h3 {
    text-align: center;
    font-family: tautz;
    font-size: 2em;    
}

.statsrow {
    margin: 0 auto;
    box-sizing: border-box;
    font-size: 16px;
    letter-spacing: .2em;
    max-width: 1400px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.statbox {    
    height: 200px;
    color: #fff;
    text-align: center;
    padding: 0 10px;
    margin: 0 auto;
    box-sizing: border-box;
    flex-grow: 1;
    align-self: auto
}

.statbox p {
    font-family: conto;
}

.statbox h3 {    
    margin: 0;
    font-weight: bolder;
}

.whyrow {
    width: 100%;
    height: 600px; 
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
       
}

.whypicleft {
    width: 50%;
    height: 100%;    
    order: 1;
}

.whypicleft img {
    object-fit: cover;
    width: 100%;
    height: 100%;    
    margin: auto;     
}

.whytextleft {
    width: 50%;
    height: 100%;    
    color: white;
    background-color: #026177;
    text-align: justify;
    order: 1;    
}

.whytextleft h4 {
    font-family: tautz;
    font-size: 2vw;
    padding: 5vh 5vw 2vh 5vw;
}

.whytextleft p {
    font-family: conto;
    font-size: 1.25vw;
    padding: 3vh 5vw 1vh 5vw;
}

.whypicright {
    width: 50%;
    height: 100%;
    order: 2;
}

.whypicright img {
    object-fit: cover;
    width: 100%;
    height: 100%;    
    margin: auto;     
}

.whytextright {
    width: 50%;
    height: 100%;
    order: 2;
    color: white;
    background-color: #026177;
    text-align: justify;    
}

.whytextright h4 {
    font-family: tautz;
    font-size: 2vw;
    padding: 5vh 5vw 2vh 5vw;
}

.whytextright p {
    font-family: conto;
    font-size: 1.25vw;
    padding: 3vh 5vw 1vh 5vw;
}

.full404 {
    padding: 0px;    
    width: 100vw;
    height: 100vh;
    margin: auto; 
    overflow: hidden; 
    background-image: url('/images/oops.jpg');
    background-repeat: no-repeat;
    background-position: right center;
    background-size: auto;
}

.container404 {
   padding: 6vh 5vw 2vh 5vw;
   height: 100vh;
   width: 100vw;
   color: ; 
}

.container404 h1 {
    margin-top: 15vh;
    font-family: tautz;
    text-align: left;
    color: #28BDBE;
    font-size: 6vh;
}

.container404 p {
   color: #022B3E;
   font-family: conto; 
   font-size: 4vh;
   padding: 0;
   margin: 0;
}

.container404 a {
   color: #28BDBE;
   font-family: conto; 
   font-size: 4vh;
   text-decoration: none;
   padding: 0;
   margin: 0;
}

.container404 a:visited {
   color: #28BDBE;
   font-family: conto; 
   font-size: 4vh;
   text-decoration: none;
}

.sitemap {
   padding: 12vh 5vw 2vh 5vw;
   height: 100vh;
   width: 100vw;
   color: ; 
}

.sitemap h1 {    
    font-family: tautz;
    text-align: left;
    color: #28BDBE;
    font-size: 4vh;
}

.sitemap h2 {    
    font-family: tautz;
    text-align: left;
    color: #28BDBE;
    font-size: 4vh;
    padding-top: 2vh;
}

.sitemap p {
   color: #022B3E;
   font-family: conto; 
   font-size: 3vh;
   padding: 0;
   margin: 0;
}

.sitemap a {
   color: #022B3E;
   font-family: conto; 
   font-size: 3vh;
   text-decoration: none;
   padding: 0;
   margin: 0;
}

.sitemap a:hover {
   color: #022B3E;
   font-family: conto; 
   font-size: 3vh;
   text-decoration: none;
}

.sitemap a:visited {
   color: #022B3E;
   font-family: conto; 
   font-size: 3vh;
   text-decoration: none;
}

.yachtslist {
    height: auto;
    width: auto;
    font-family: conto;
    text-decoration: none;
}

.yachtsresult:nth-child(odd) a {
   color: #142248;
   text-align: left;
   font-size: 3vh; 
   padding: 0;
   margin: 0;
}

.yachtsresult:nth-child(even) a {
    text-align: left;
    font-size: 3vh; 
    color: #28BDBE; 
    padding: 0;
    margin: 0;   
}

/* team pages */

.brokerpic img,.map,.teamhero,.whypicleft img,.whypicright img{
    object-fit:cover
}

.teamareacon,.teamtext p{
    padding-left:100px;
    padding-right:100px
}
.teampagecon{
    width:100%;
    height:100%;
    background:#e6e6e6
}
.teamhero{
    width:100%;
    height:60vh;
    color:#fff;
    background-image:url(/images/heroyacht.jpg);
    background-repeat:no-repeat;
    background-position:center;
    margin-top:10vh
}
.teamhero h1{
    padding-top:15vh;
    font-family:tautz;
    text-align:center;
    font-size:2.5rem
}
.teamtext{
    width:100%;
    height:100%;
    padding-top:50px;
    padding-bottom:50px
}
.teamtext p{
    font-family:conto;
    text-align:justify;
    font-size:1.25rem;
    color:#022B3E
}
.teambrokerinfo,.teambrokerlink{
    text-align:center;
    background:#fff;
    color:#022B3E
}
.teamareacon{
    padding-bottom:100px;
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:space-evenly;
    width:90%;
    height:100%
}
.brokerbox{
    box-shadow:0 4px 8px 0 rgba(0,0,0,.2);
    width:300px;
    margin-bottom:50px
}
.brokerpic{
    width:100%;
    height:350px
}
.brokerpic img{
    width:100%;
    height:100%
}
.teambrokerinfo{
    font-family:conto;
    box-sizing:border-box;
    word-wrap:break-word;
    width:100%;
    letter-spacing:.015rem;
    padding:0;
    margin:0
}
.teambrokerinfo h5{
    font-size:1.25rem;
    margin:0;
    padding-top:10px
}
.teambrokerinfo p,.teambrokerlink,.teambrokerlink p{
    padding:0;
    margin:0
}
.teambrokerinfo p{
    line-height:2.2rem;
    font-size:1.1rem
}
.teambrokerlink{
    width:100%;
    font-family:conto;
    font-size:1.05rem;
    letter-spacing:.08rem;
    line-height:2rem;
    border-top:solid 3px #E6E6E6
}

.teambrokerlink :hover {
    background-color: #022B3E
}

.teambrokerlink :hover{    
    text-decoration:none;
    }
    
.teambrokerlink a{
    text-decoration:none;
    color:#022B3E
}
.teambrokerlink a:hover{
    text-decoration:none;
    color:white;    
}
.teambrokerlink a:visited{
    text-decoration:none;    
}

/* boats pages */

.newyachtschamp img {
    width: 100%;
padding-top: 10vh;
}


/* responsive settings */

@media all and (max-width : 1500px) {

.homesearchformcontainer {    
    padding: 110px 50px 0px 50px;    
}

.resboattotal {
    font-size: 1.25rem;
    line-height: 1.25rem;
}

}

@media all and (max-width : 1460px) {
    .central {    
    width: 65vw;
    }    
    
}

@media all and (max-width : 1450px) {

nav a {	
	padding:0 15px;
    font-size: 1.5vh;    
    }
    
    
    
}

@media only screen and (max-width: 1370px) {  
    
.map {
    background-size: 110%;
}
    
.homesearchformcontainer {
    padding: 60px 50px 50px 50px;
}

.homesearchform {
    padding: 0px 0px;
}

.homepagevideo {
    height: 75vh;
    }
.homesidenav {
    height: 85vh;
    }

.contactbar {
    overflow-y: auto;
}
.contactcontent {
    padding: 0px 25px 25px 25px;
}

.brokercontact p.brokermessage {    
    right: 28px;
    }

.ybinfo {
    margin-top: 21.5vh;
}
    
.interested p {   
    font-size: 2vw;   
    padding: 10px 0 0 0;       
}

.ybinfo p {   
    font-size: 1.5vw;
    margin: 5px;            
}

.label {
   font-size: 1.1vw; 
}

.sendbutton {
    margin: 0;
}

nav a {	
	padding:0 15px;
    font-size: 2vh;
    letter-spacing: 2px;
    }

.brokercontact {
    left: 15px
    }
    
.brokercontact p.brokermessage {
    margin-top: 0;    
    position: relative;
    right: 29px;
    bottom: 3px;
    font-family: tautz;
    line-height: 2.25vw;
    font-weight: bold;
    width: 100%;
    border-radius: 12px;
    font-size: 1.2vw;
}

.brokerinfo img {
  top: 0;
  left: 15px;  
}

.specsleft {
    font-size: 2vh;
}

.specsright {
    font-size: 2vh;
    margin-right: 10px;
}

.spectitleodd {
    width: 8vw;

}

.spectitleeven {
    width: 8vw;
}

}

@media all and (max-width : 1245px) {

.brokercontact p.brokermessage {
    right: 29px;
    bottom: 3px;    
    width: 90%;
    font-size: 1vw;
    }

.whytextleft p {    
    font-size: 2vw;
}

.whytextright p {    
    font-size: 2vw;
}

}

@media all and (max-width : 1160px) {
    
.map {
    background-size: 120%;
}

nav a {	
	padding:0 10px;
    font-size: 1.5vh;
}

.contactform {
    width: 90%;
}

#rc-imageselect, .g-recaptcha {transform:scale(0.90);-webkit-transform:scale(0.90);transform-origin:0 0;-webkit-transform-origin:0 0;}

.brokercontact p.brokermessage {   
    right: 40px;
    bottom: 0px;
    top: 2px;    
    line-height: 2.25vw;    
    width: 100%;    
    font-size: 1.1vw;
}

.brokercontact p.brokername {
    bottom: 0px;
    top: 0px;
    right: 20px;
    font-size: 1.75vw;
}

.brokercontact p.brokerphone {
    bottom: 0px;
    top: 0px;
    right: 20px;
    font-size: 1.25vw;
    }
    
.brokerinfo img {
    width: 9vw;
    }

}

@media only screen and (max-width: 1150px) {
    
.homesearchformcontainer {
    padding: 65px 20px 15px 20px;
}

.whytextboxleft h6 {
   font-size: 2.5em;
}

.whytxtboxmid h6 {
   font-size: 2.5em;
}

.whytextboxright h6 {
   font-size: 2.5em;
}

nav a {	
	letter-spacing: 1.25px;
}



}

@media all and (max-width : 1035px) {

nav a {	
	padding:0 10px;
    font-size: 1.5vh;
}

#logo {    
    width: 20%;       
	}
    
#logo img {
   width: 100%; 
}

}

@media all and (max-width : 1024px) {
    
    .map {
    background-size: 125%;
}

.brandsform {
    display: none;
}

.post {
    height: 35vh;
}

.resboattotal {
    padding-left: 5%;
    font-size: 1.25rem;
    line-height: 1.25rem;
}

.resdetails {
    width: 50%;
}

.resdetails2 {
    display: none;
}

.fboattext {    
    font-size: 1.25rem;
    line-height: 1.25rem;
}

.fdetailstext {
    font-size: 1.1rem;
}

.fimageboxtext {
    width: 35%;
}

.contact100left {
    width: 95%;    
}

.contactform textarea {
    width: 95%;
    }    
.welcometext h1 {    
    font-size: 4vw;
    }
.welcometext p {
    font-size: 2vw;
    margin-bottom: 1.25vh;
    }
    
.central {
    width: 75vw;
    }

.whytextleft p {    
    font-size: 2.25vw;
}

.whytextright p {    
    font-size: 2.25vw;
}

.blogtextcon {
    height: 300px;
    }
    
}

@media only screen and (max-width: 1000px) {
    
.homesearchformcontainer {
    padding: 65px 15px 15px 15px;
}

.whytextboxleft h6 {
   font-size: 2em;
}

.whytextboxmid h6 {
   font-size: 2em;
}

.whytextboxright h6 {
   font-size: 2em;
}

.homegreenbutton {
margin: 10px 8px;    
}

}

@media all and (max-width : 960px) {

nav a {	
	padding:0 7px;
    font-size: 1.5vh;
}

.contactcontent {
    padding: 0px 10px;
}

.contact100left {
    width: 90%;
}

.contactform textarea {
    width: 90%;
    font-size: 1.75vw;
}

.contact100center {
    width: 95%;
    text-align: center;
    margin: 0 auto;
}

#rc-imageselect, .g-recaptcha {transform:scale(0.82);-webkit-transform:scale(0.82);transform-origin:0 0;-webkit-transform-origin:0 0;}

.news {
    width: 100%;
}
.accordianareacontainer{
    width: 100%
}

.togglebox {
    width: 100%
}

}

@media all and (max-width : 906px) {
.searchform {
    padding: 80px 20px 0px 20px;
}

.greenbutton {
    margin: 0 auto;
}

.closebutton {
    margin-top: 15px;
    }

}

@media all and (max-width : 880px) {

nav a {	
	padding:0 6px;
    font-size: 1.5vh;

}

}

@media all and (max-width : 840px) {

nav a {	
	padding:0 4.5px;
    font-size: 1.5vh;
}

}

@media all and (max-width : 800px) {
    
    .homesearchformcontainer {
    height: 100%;
    }
    
.map {   
    background-size: 120%;
    height: 100%;
}

.homewhyuys h1 {
    margin: 0px 15px 15px 15px;
    font-size: 1.5rem;
}
    
.maptext {    
    top: 50%;    
}

.iframe-container{
      position: relative;  
      padding-bottom: 56.25%; 
      height: 0;
    }
    .iframe-container iframe{
      position: absolute;
      top:0;
      left: 0;
      width: 100%;
      height: 100%;
    }

    

.social {
    width: 100vw;
}
    
.closebutton {
    font-size: 2.2vh;
    letter-spacing: 1px;
}

.homesidenav {
    height: 100%;
}
    
.sidenav {
    position: relative;
    float: left;
    width: 100%;
}

.brandsform {
    display: none;
}

.post {
    width: 100%;
}

.fimagebox {
    width: 50%;
}

.fimageboxtext {
    width: 50%;
    background-color: #EFEFF1;
    padding-left: 0;
}

.fdetailstext {
    padding-left: 10%;
    font-size: .9rem;
}

.fpricetext {
    padding-left: 10%;
}

.fboattext {
    padding-left: 10%;
    font-weight: bold;
}

.resimagebox {
    width: 30%;
}

.rescontainer {
    width: 70%
}

.resdetails p {
    padding: 0;
    font-size: 1rem;
}

#logo {    
    width: 48%;
    height: 10vh;
    padding: 0;      
	}
    
#logo img {
   width: 60%;
   height: 100%!important;
   vertical-align: central;
   float: left;
}

.brokerinfo img {    
    left: 5px;
}

.brokercontact {    
    width: 18vw; 
    bottom: 8px;
    left: 20px;
}

.contactform {
    width: 72%;
}

.contact100center {   
    height: 10vh;
}

.sendbutton {
   font-size: 13px; 
    }
    
.detailsdesc {
    padding: 40px 70px 40px 30px;

}

.specsgrid {
    padding-left: 10px;
}

#rc-imageselect, .g-recaptcha {transform:scale(0.64);-webkit-transform:scale(0.64);transform-origin:0 0;-webkit-transform-origin:0 0;}

.galleria-theme-classic .galleria-thumb-nav-right {
    background-position: -585px 35px;  
}

.galleria-theme-classic .galleria-image-nav-right {   
    background-position: -260px 46px;   
}

.whyuyschamp {   
    background-size: 300%;    
}

.statscontainer {
    padding: 15px 25px;
}

.statsrow {
    font-size: 14px;
    letter-spacing: .1em;
}

.intro p {   
    font-size: 1.75em;
    padding: 5vh 15vw;    
}

.intro h1 {   
    font-size: 3em;
}

.intro h4 {    
    font-size: 2.5em;
}
    
.whytextleft h4 {    
    font-size: 3vh;   
}

.whytextright h4 {    
    font-size: 3vh;   
}

.whytextleft p {
    font-size: 2.75vh;
}

.whytextright p {
    font-size: 2.75vh;
}

.teamareacon{
        padding-left:0
    }
.teamtext p{
        padding-left:20px;
        padding-right:20px
    }
.searchboxtitle {
    font-size: .85rem;
}
.searchfields select {
    font-size: .85rem;
}

.searchform {
    height: 500px;    
}

 .homepagevideo {
        width: 100%;
    }
    
    .homesidenav {
        position: relative;
        float: left;
        width: 55%;
        height: 100%;
    } 
    
    .piclinks1 {
        width: 45%;
    }
    
    .piclinks2 {
        width: 45%;
    }
    
    .piclinks3 {
        width: 45%;
    }  
    
    .piclinks41 {
	width: 45%;
}

.piclinks5 {
	width: 45%;
}

.piclinks6 {
	width: 45%;
}    

@media all and (max-width : 799px) {
    
     .blogcontainer {
        width: 90%;
        padding: 0px 5px 25px 25px;
    }
    
    .detailsmap {
        width: 100%;
    }
    
    .blogimg {
    width: 95%;
}
       
    .blogbox {
        width: 100%;
    }
    
    .upcomingtitlemain {
        height: 15vh!important;
        
    }
    
    .upcomingtitlemain h1 {
        font-size: 1.5em;
        line-height: 2em;
    }
    
    .upcomingtitle {
        height: 15vh!important;
        
    }
    
    .upcomingtitle h1 {
        font-size: 1.5em;
        line-height: 1.5em;
    }
    
    .blogtextcon {
        height:  300px;
    }
    
    .galleria {
        width: 100vw;
        max-width: 100vw;
        }
        
    .contactbar {
        position: relative;
        width: 100%;
    }
    
    .specstitle h4 {
        padding-left: 50px;
    }
    
    .vesselline h3 {    
    width: 100vw;
    }
    
    .ybinfo {
    margin-top: 1vh;
    }
    
    .interested p {
        font-size: 4vw;
    }
    
    .ybinfo p {
    font-size: 2.25vw;
    }
    
    .vesselinfo {
        width: 100vw;
    }
    
    .contactcontent {
    width: 100%;
    }
    
    .contactform {
    width: 100%;
    }
    
    .brokerinfo {
        width: 100%;
    }
    
    .brokerinfo img {
    width: 16vw;
    left: 28vw;
    }
    
    .brokercontact {
        width: 30vw;
        bottom: 0vh;
        left: 28vw;
        top: 0vh;
    }
    
    .brokercontact p.brokername {
    bottom: 0px;
    top: 0px;
    bottom: 15px;
    right: 20px;
    font-size: 3vw;
    }
    
    .brokercontact p.brokerphone {
    bottom: 0px;
    top: 0px;
    right: 20px;
    font-size: 2.5vw;
    }
    
    .brokercontact p.brokermessage {
    right: 45px;
    bottom: 0px;
    top: 1vw;
    line-height: 3.5vw;
    width: 100%;
    font-size: 1.75vw;
    padding: .2vh 3vw;
    }
    
    .contactcontent {
    width: 100%;
    padding: 10px 30px;
    }
    
    .contact100center {
        padding-bottom: 2vh;
    }
    
    .sendbutton {
    font-size: 13px;
    margin-top: 2vh;
    }
    
    .specbarcontainer {
    width: 100vw;
    }
    
    .label {
    font-size: 2.25vh;
    margin-top: 1vh;
    }
    
    .specsbar {
    width: 50%;
    }
    
    .detailbar {
    width: 50%;
    }
    
    .detailsdesc {
        width: 90vw; 
        padding: 0px 70px 40px 30px;       
    }
    
    #rc-imageselect, .g-recaptcha {margin-bottom: 2vh; transform:scale(0.90);-webkit-transform:scale(0.90);transform-origin:0 0;-webkit-transform-origin:0 0;}

    .closebutton {
    margin-top: 18px;
    }
    
    .specsgrid {
        width: 100vw;
    }
    
    .specsleft {
    font-size: 2vw;
    width: 47%;
    }
    
    .spectitleodd {
    width: 17vw;
    }
    
    .spectextodd {
      width: 27vw;  
    }
    
    .spectitleeven {
    width: 17vw;
    }
    
    .spectexteven {
      width: 27vw;  
    }
    
    .specsright {
    font-size: 2vw;
    margin-right: 4vw;
    width: 47%;
    padding: 0;
    }
    
    .accordioncontainer {
    width: 100vw;
    }
    
    .togglebox {    
    width: 80vw
    }
    
    .relatedyachtsbox {
      width: 100vw; 
      padding-left: 0; 
    }
    
    .relatedbox {
    width: 100vw;
    }
    
    .bottombar {
    background-color: #022B3E;
    }
    
    #logo img {
    width: 80%;
    }
    
    .champimagecontainer {
    margin-top: 6vh;
    }
    
    .ybbrokerinfo {
        padding-top:10%;
    }
    
    .ybbrokerinfo h1 {
        font-size: 3em;
        letter-spacing: .12em;
    }
    
    .ybbrokerinfo h2 {
        font-size: 2em;
        letter-spacing: .12em;
    }
    
    .ybbrokerinfo p {
        font-size: 2em;
        letter-spacing: .15em;
    }
    
    .bioarea {
        display: block;
        width: 100%;
    }
    
    .brokerbio {
        display: block;
        margin: 0 auto;
        padding: 1vh 1vw;
        width: 90%;
        
    }
    
    .ybcontact {
        display: block;
        margin: 0 auto;
        width: 100%;
    }
          
    .whytext {
    width: 100%;
    }
    
    .whypic {
    width: 100%;
    }
    
    .whyrow {    
    flex-direction: column;
    height: 100%;
    }
    
    .whytextleft {
    width: 100%;    
    order: 2;
    padding-bottom: 10%;
    }
    
    .whypicright {
    width: 100%;    
    order: 1;
    }
    
    .whypicleft {
    width: 100%;
    }
    
    .whytextright {
    width: 100%;
    padding-bottom: 10%;
    }
    
    #logo {
    width: 60%;    
    }
    
    #logo a {
    text-align: left;
    }
    
    #logo img {
    width: 60%;
    }
    
    nav {
		margin: 0;
	}
    
    nav label:hover {
    color: #28BDBE;
    }
    
    nav a {
    padding: 0 4.5px;
    font-size: 17px;
    text-align: center;
    }

	/* Hide the navigation menu by default */
	/* Also hide the  */
	.toggle + a,
	.menu {
		display: none;
	}

	/* Stylinf the toggle lable */
    .menutoggle {
		display: block;
		background-color: #022B3E;
		padding:14px 20px;	
		color:#FFF;
		font-size:4vh;
		text-decoration:none;
		border:none;
        text-align: right;
	}
    
    .menutoggle:hover {
		background-color: #022B3E;
	}
    
	.toggle {
		display: block;
		background-color: #022B3E;
		padding:14px 20px;	
		color:#FFF;
		font-size:17px;
		text-decoration:none;
		border:none;
        text-align: center;
        
	}

	.toggle:hover {
		background-color: #022B3E;
        color: #28BDBE;
	}

	/* Display Dropdown when clicked on Parent Lable */
	[id^=drop]:checked + ul {
		display: block;
        padding-bottom: 15px;
	}

	/* Change menu item's width to 100% */
	nav ul li {
		display: block;
		width: 70%;
        float: right;
        
		}

	nav ul ul .toggle,
	nav ul ul a {
		padding: 0 40px;
	}

	nav ul ul ul a {
		padding: 0 80px;
	}

	nav a:hover,
 	nav ul ul ul a {
		background-color: #022B3E;
	}
  
	nav ul li ul li .toggle,
	nav ul ul a,
  nav ul ul ul a{
		padding:14px 20px;	
		color:#FFF;
		font-size:17px; 
	}
  
  
	nav ul li ul li .toggle,
	nav ul ul a {
		background-color: #022B3E; 
	}

	/* Hide Dropdowns by Default */
	nav ul ul {
		float: none;
		position:static;
		color: #ffffff;
		/* has to be the same number as the "line-height" of "nav a" */
	}
		
	/* Hide menus on hover */
	nav ul ul li:hover > ul,
	nav ul li:hover > ul {
		display: none;
	}
		
	/* Fisrt Tier Dropdown */
	nav ul ul li {
		display: block;
		width: 100%;
        height: 10vh;
        line-height: 10vh;
	}

	nav ul ul ul li {
		position: static;
		/* has to be the same number as the "width" of "nav ul ul li" */ 

	}

    .blogtext {
        margin: 0 50px;
        }
   
    .vidcontainer {
        width: 100%;
    }
    
      
    .homesearchformcontainer {
    padding: 15px 25px 15px 25px;
    }
    
    .homewhyuys {
        height: 100%;
        background: linear-gradient(#05677E, #011729);        
    }  
    
    .whytextcontainer {
        padding: 15px 0px;
    }
    
    .whytextboxleft {
        width: 100%;
        padding-bottom: 3%;
        font-size: 2vh;
    }
    
    .whytextboxmid {
        width: 100%;
        padding-bottom: 3%;
        font-size: 2vh;
    }
    
    .whytextboxright {
        width: 100%;
        padding-bottom: 3%;
        font-size: 2vh;
    }
    
    
        
    .load-more {
    width: 100%;
}
    
    
}

@media all and (max-width : 768px) {
    
    .intro p {
    font-size: 3em;
    }
    
    h4 {
    font-size: .8em;
    }

.soldboats p {
    padding: 20px 50px 0px 50px;    
}
    
.homewhyuys {
    height: 100%;
    }

#logo img {    
    height: 60%;
    } 
    
    .map {
    object-fit: cover;
    width: 100%;
    height: 100%;    
    margin: auto;
    padding-bottom: 10vh;
    }  
    
     .whyuyschamp {
    background-position: center top; 
    width: 100%;
    height: 100%;
    }
    
    .aech {
        font-size: .8rem;
    }
    
    .resimagebox {
        width: 40%
    }
    
    .rescontainer {
        width: 60%;
    } 
    
    .resdetails p {
       padding: 2px;
       font-size: 1rem; 
    }
    
    .resdetails2 p {
       padding: 2px;
       font-size: 1rem; 
    }
    
    .resboattotal {
        padding-left: 3%;
        font-size: 1.25rem;
        line-height: 1.25rem;
    }
    
    .post:nth-child(odd) h6 {
   font-size: 1.25rem;
    }

    .post:nth-child(even) h6 {   
    font-size: 1.25rem;
      
    }
    
    .resdetails {
        padding-left: 2%;
    }
       
    .sprescontainer {
        width: 60%
    }

}

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
  /* css rules for ipad portrait */
  
  .yachtevalcall {
    height: 30vh;
    }
    
  .map {
    object-fit: cover;
    width: 100%;
    height: 100%;    
    margin: auto;
    padding-bottom: 10vh;
    }  
    
    .whyuyschamp {
    background-position: center top; 
    width: 100%;
    height: 100%;
    }
    
  #logo img {    
    height: 60%;
    }
    
    .homewhyuys {
    height: 100%;
    }
    
     .intro p {
    font-size: 2em;
    }
    
    h4 {
    font-size: 1.6em;
}


}

@media all and (max-width : 640px) {
    
.fullpageboateval {
    height: 100vh;
}
    
.maptext {
    top: 40%;
}

.maptext p {
    font-size: 3vh;
    
}       
    .homesidenav {
        position: relative;
        float: left;
        width: 100%;        
    } 
    
    .homepagevideo {
        height: auto;
        width: 100%;
    }    
    
    .homewhyuys {
        height: 100%;
        background: linear-gradient(#05677E, #011729);        
    }  
    
    .whytextcontainer {
        padding: 15px 0px;
    }
    
    .whytextboxleft {
        width: 100%;
        padding-bottom: 3%;
        font-size: 2vh;
    }
    
    .whytextboxmid {
        width: 100%;
        padding-bottom: 3%;
        font-size: 2vh;
    }
    
    .whytextboxright {
        width: 100%;
        padding-bottom: 3%;
        font-size: 2vh;
    }
    
    .piclinks1 {
        width: 100%;
    }
    
    .piclinks2 {
        width: 100%;
    }
    
    .piclinks3 {
        width: 100%;
    }
    
		.piclinks4 {
			width: 100%;
		}

		.piclinks5 {
			width: 100%;
		}

		.piclinks6 {
			width: 100%;
		}
    
    .accordioncontainerhome {
    width: 100%;    
    padding: 10px 10px 50px 10px;    
    }
    .accordioncontainerhome label{
        line-height: 3vh;
        }
    
    .featuredyachtsbar {   
    height: 12vh;    
    font-size: 2rem; 
      
}
    
    .togglebox {
    width: 100%;
    padding-bottom: 5%;
    }
    
    #toggle1:checked ~ #content1,
    #toggle2:checked ~ #content2,
    #toggle3:checked ~ #content3,
    #toggle4:checked ~ #content4
     {
      height: 100%;
      padding: 20px 40px 10px 40px!important;
      text-align: justify;
        text-justify: inter-word; 
        border-left-color: #28BDBE;
        border-left-style: solid; 
        border-left-width: thin;        
    }
    
.fybox {
    width: 100%;
}


.resimagebox {
    width: 50%;
}

.rescontainer {
    width: 50%;
}

.sprescontainer {
    width: 50%;
}

.resboattotal {
    text-align: center;
    padding-left: 0;
}

.resdetails {
    display: none;
}

.resdetails2 {
    display: none;
}

.respricebox {
    width: 100%;
    text-align: center;
}

.respricebox h6 {    
    margin: 0;   
}

.post {
    background-position: right;
}

.specsgrid {
    padding: 0px;   
}

.specstitle {
    padding-left: 3vw;
}

.specsleft {
    width: 100%;
    font-size: 3vw;
}

.specsright {
    width: 100%;
    font-size: 3vw;
    margin-right: 0;
}

.spectitleodd {
    width: 30vw;
}

.spectitleeven {
    width: 30vw;
}

.spectextodd {
    width: 65vw;
}

.spectexteven {
    width: 65vw;
}

.detailstitle {
    padding-top: 3vh;
    padding-left: 3vw;
}

.detailstitle p {    
    padding-left: 0px;
}

.accordioncontainer {
    width: 80vw;
    padding-left: 10vw;
}

.welcometext p {
    font-size: 2.5vw;
    padding-left: 10%;
    padding-right: 10%;
    font-weight: bold;
    }

}

@media all and (max-width : 639px) {
    
    .eval50left {
    width: 100%;
    }
    
    .eval50right {
    width: 100%;
    }
    
    .eval30left {
    width: 100%;
    }
    
    .eval30mid {
    width: 100%;
    }
    
    .eval30right {
    width: 100%;
    }
    
    .evalbox1 {
    width: 100%;
    }
    
    .evalbox2 {
    width: 100%;
    }
    
    .evalbox3 {
    width: 100%;
    }
    
    .evalbox4 {
    width: 100%;
    }
    
    .blogtext {
    margin: 0 5px;
    }
    
    .blogtext p{
        margin: 0 5px;
        padding: 0 5px 15px 5px;
        font-size: 1.15rem;
        font-family: conto;
        color: #575757;
    }

}

@media all and (max-width : 550px) {
    
        
    .maptext {
    top: 25%;
}
    
    .maptext h1 {
    font-size: 3.5vh;
}

.maptext p {
    font-size: 2.5vh;
}
    
    .frow {
        display: none;
    }
    
    #logo {
    width: 60%;
    object-fit: contain;
    }
    
    #logo img {
    width: 100%;
    }
    
    .yachtsfoundbox h1 {
        font-size: 30px;
    }
    
    .yachtsfoundbox h2 {
        font-size: 30px;
    }
    
    .resimagebox {
        height: 50vh;
        width: 100%;
    }
    
    .rescontainer {
    width: 100%;
    height: 25vh;
    }
    
    .spresimagebox {
        height: 50vh;
        width: 100%;
    }
    
    .sprescontainer {
    width: 100%;
    height: 25vh;
    }
    
    .load-more {
        height: 10vh;
        float: left;
    }
    
    .spload-more {
        height: 10vh;
        float: left;
    }
    
    .buttonholder {
        margin-top: 30px;
    }
    
    .post {
        height: 75vh;
    }
    
    .sppost {
        height: 75vh;
    }
    
    .resimagebox h4 {
        bottom: 25%;
        top: auto;
        font-size: 3vh;        
    }
    
    .resboattotal {
        font-size: 3vh;
    }
    
    .ybbrokerinfo {
    padding-top: 10vh;
    }
    
    .yachtevalcall {
        height: 45vh;       
    }
    
    .yachtevalcall p {
        padding: 0 5vw;       
    }
    
    .blogchamp {
    height: auto;
    }
    
    .upcomingtitleboats h1 {
        font-size: 1.35em;
    }
    .homesearchformcontainer h2 {
        font-size: 1.35em;
        }
    
    .homesearchboxtitle {
       font-size: 1.2rem;
    }
    
    .homesearchboxtitle2 {
       font-size: 1.2rem; 
    }
    
    p.fyboatname {
        font-size: 1.25rem;
        }
    p.fyboatinfo {
        font-size: 1.2rem;
        font-weight: bold;
        }
        
    p.fyboatloc {
        font-size: 1.2rem;    
            }
            
    .vticker ul {
        padding: 0px 0px 0px 15px;
    }
}

@media all and (max-width : 415px) {
    
.upcomingtitleboats {
       height: 20vh;
}
    
    .evalcontainer {
    padding: 1vh;
}

.welcometext h1 {
    font-size: 5vw;
    font-weight: bold;
    
}

.welcometext p {
    font-size: 4vw;
    font-weight: bold;
    text-align: justify;
    padding-left: 10%;
    padding-right: 10%;
    line-height: 1.4;    
    }



#logo {
    width: 80%;
    height: 6vh;
    padding: 0;
}

#logo img {
    width: 90%;
    height: 8vh;    
}

.champimagecontainer {
    margin-top: 0;
}

.ybbrokerinfo h1 {

    font-size: 4em;
    letter-spacing: .12em;

}

.ybbrokerinfo h2 {

    font-size: 2.5em;
    letter-spacing: .12em;

}

.ybbrokerinfo {
    padding-top: 17vh;

}
.ybbrokerinfo p {

    font-size: 3em;
    letter-spacing: .15em;

}

.closebutton {
    margin-top: 23px;
    margin-right: 15px;
}

.interested p {
    font-size: 6vw;
}

.ybinfo p {
    font-size: 5vw;
}

.brokerinfo img {
    width: 25vw;
    left: 19vw;
    top: 2vh;
}

.brokercontact {
    width: 45vw;
    bottom: 0vh;
    left: 28vw;
    top: 0vh;
}

.brokercontact p.brokername {
    bottom: 0px;
    top: 0px;
    bottom: 15px;
    right: 40px;
    font-size: 5vw;
}

.brokercontact p.brokerphone {
    bottom: 0px;
    top: 0px;
    right: 41px;
    font-size: 5vw;
}

.brokercontact p.brokermessage {
    right: 75px;
    bottom: 0px;
    top: 1vw;
    line-height: 6vw;
    width: 100%;
    font-size: 3vw;
    padding: .2vh 3vw;
}

.contactcontent {   
    padding: 10px 15px;
}

.contactform textarea {    
    font-size: 3.5vw;
}

.sendbutton {
    font-size: 15px;
    margin-top: 0vh;
}

.detailsdesc {    
    width: 80vw;
}

.vesselline h3 {    
    width: 100vw;
    }

.specsleft {    
    font-size: 4vw;
}

.specsright {    
    font-size: 4vw;
}

.whytextleft p {
    font-size: 3.5vw;
}

.whytextright p {
    font-size: 3.5vw;
}

}

@media all and (max-width : 330px) {

	nav ul li {
		display:block;
		width: 94%;
	}

}