/**Compressed Version of CSS Styles for Great Lakes Boat Co Website by Dotcom Designs**/
*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;border-collapse:collapse;}
body, p, header, aside, section, article, h1, h2, h3, nav, div, footer{padding:0;margin:0;font:inherit;} p {font-size:110%;}body{font-family:'Open Sans',sans-serif;overflow-x:hidden;} ul{list-style:none;} a{text-decoration:none;} html{scroll-behavior:smooth;} #wrapper{width:100%;text-align:center;} .s2txtmobile, .mobilenav, #call, .mobileinventorydetails{display:none;} 
.border {width: 100%;height: 27px;background: #00293c;background: -webkit-linear-gradient(to right, #00293c, #203A43, rgba(0,41,60,.8), #0F2027c);background: linear-gradient(to right, #00293c, #203A43, rgba(0,41,60,.8), #0F2027);}
.logocontainer{width:100%;margin:0;padding:0;padding-top: .25%;background-image:linear-gradient(rgba(241,243,206,.4),rgba(241,243,206,.4), #1e656d,#1e656d,rgba(30,101,109,.8)),url(../images/water_texture.jpg);background-image: -webkit-linear-gradient(rgba(241,243,206,.4),rgba(241,243,206,.4),#1e656d, #1e656d, #1e656d,rgba(30,101,109,.8)),url(../images/water_texture.jpg);color:#f4f4f4;font-weight:400;font-size:110%;box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.6);}.logo{width:60%;margin-top:.95%;margin-left:auto;margin-right:auto;padding-bottom:1%;}.logo img{max-width:700px;height:auto;margin:auto;padding:0;} .logocontainer p{margin:0;margin-top:-1.75%;padding:0;}
.desktopnav{margin:0;padding:.75% 0;} .desktopnav ul li{display:inline;font-size:100%;padding:0 1.25%;}.desktopnav ul li a{color:#00293c;font-family:'Montserrat', sans-serif;font-weight:700;line-height:200%;padding:.5% 0;background-image:linear-gradient(#00293c, #00293c);background-size:0 5px;background-repeat:no-repeat;background-position:center bottom;transition:all .4s ease-out;} .desktopnav ul li a:hover{color:#1e656d;background-size:60% 5px;} .blt{padding:0 2%;} 
h1{font-weight:500;font-size:275%;color:#f4f4f4;text-shadow:2px 4px 4px #000000;} h1 em{font-style:normal;color:#1e656d;font-weight:700;text-shadow: 0 0 5px #f4f4f4, 0 0 8px #f4f4f4, 0 0 15px #3f3f3f;} span{font-weight:bold;}h2{font-family:'Montserrat', sans-serif;font-size:215%;color:#00293c;font-weight:400;padding-top:2%;} h2 em{font-style:normal;font-weight:700;} h4{padding-top:20%;line-height:1;font-weight:600;font-size:80%;} h5{color:#f4f4f4;text-shadow:1px 1px #272727;letter-spacing:1px;font-size:90%;font-weight:400;}.contactcolumn h6{font-weight:700;font-size:175%;} .section1{margin-top:2%;} a {font-family:'Montserrat', sans-serif;}
.row, .boatrow, .supplyrow, .creditrow {width:86%;margin:9% 7%;justify-content:center;} .row, .boatrow, .supplyrow{display:flex;}.svcrow  {width: 80%;margin: 9% 10%;display: flex;justify-content:center;color: #fff;}.supplyrowlg {width: 75%;margin: 2% 12.5%;margin-top: 4%;height: 450px;display: flex;} .navrowdbl {width: 50%;margin: -2% 25% 2% 25%;display: flex;} #firstrow, .supplyrow, .creditrow {margin-top: 4%;} #lastrow {margin-bottom:4%;}.contactrow{display:flex;}.inventorycreditrow, .backtoboats {width: 70%;margin: 2% 15%;}
.boatcontainer::after, .boatrow::after, .boatrow1::after,.creditrow::after, .row::after, .supplyrow::after{content:"";clear:both;display:table;}  .container{position:relative;width:100%;z-index:1;} .column{width:25%;padding:0 2%;}.supcolumnlg {width: 50%;padding: 0 2%;}.svccolumn, .supcolumn {width: 33.3%;padding: 0 2%;} .boatcontainer {position: relative;width: 100%;z-index: 1;border: 3px solid #1e656d;box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.6);color: #fff;}.svccolumn .container {background-color: #00293c;height: 200px;border: 3px solid #1e656d;}
.image{display:block;width:100%;height:170px;border:3px solid #1e656d;box-shadow:2px 2px 2px 0 rgba(0, 0, 0, 0.6);} .boatpic img {display: block;width: 100%;height: 170px;} .supplypiclg img {display: block;width: 100%;height: 346px;} .supplypic img {display: block;width: 100%;height: 263px;} .overlay, .boatoverlay, .linesoverlay {position: absolute;top: 0;bottom: 0;background: rgb(0, 0, 0);background-color: rgba(30,101,109,.9);border: 3px solid #1e656d;width: 100%;transition: .5s ease;opacity: 0;font-size: 200%;text-align: center;transition: all .85s ease-out;}  .boatoverlay {background-color: rgba(30,101,109,.96);} .boatcontainer:focus .boatoverlay, .container:focus .overlay {opacity:1;} .boatcontainer:hover .boatoverlay, .container:hover .overlay {opacity:1;} .boatcontainer:active .boatoverlay, .container:active .overlay {opacity:1;}.svcrow .overlay {background-color: #1e656d;} .boatoverlay h3 {font-size: 95%;margin-top: 30%;font-family: 'Montserrat', sans-serif;} .overlay p{font-size:60%;line-height:1;font-weight:600;color:#272727;padding-top:5%;} .overlay a{color:#00293c;font-size:110%;font-weight:700;line-height:2;transition:all .85s ease-out;} .overlay a:hover{color:#f4f4f4;}.boatcontainer .boatoverlay p {font-family:'Montserrat', 'Open Sans', sans-serif;font-size: 75%;} .boatoverlay p {padding:.5em;}.boatcontainer .boatoverlay .nm{font-size:60%;line-height:1.1;} .boatoverlay .detailsbtn {display: block;font-family: 'Montserrat', sans-serif;font-size: 60%;font-weight: 600;line-height: 1.5;background-color: rgba(0, 41, 60, 1);color: #f4f4f4;padding: 3% 1%;margin: 0;margin-top: 10%;text-align: center;text-shadow: 1px 1px #272727;letter-spacing: 1.5px;border: 1px solid #bb1515;border-radius: 6px;transition: all .85s ease-out;} .arrow{color:#bb1515;} .svcrow h2 {color: #fff;font-size: 150%;padding-bottom: 6%;padding-top: 10%;}.svcrow .overlay p  {font-size: 70%;padding-top: 6%;color: #fff;font-weight: 500;}.svcrow i {margin-bottom: 6%;}.svcp {padding: 2%  20%;}.supplycaption {background-color: #00293c;width: 100%;color: #fff;font-size: 120%;text-align: center;line-height: 1.2;padding: 4% 1%;}
.boatname {background-color: #00293c;width: 100%;height: 130px;font-family:'Montserrat', 'Open Sans', sans-serif; font-size: 150%;text-align: center;line-height: 1.2;padding: 4% 1%;padding-top: 6%;} .boatname p {color: #bb1515;text-shadow: 0 0 1px #00293c, 0 0 1px #1e656d;font-size: 80%;font-weight: 600;line-height: 2;transition: all .85s ease-out;}.overlay h5{line-height:1.15;} .linkoutbtn {margin: 0;padding: 1% 4%;background-color: rgba(0, 41, 60, 1);border: 1px solid #bb1515;color: #f4f4f4;font-size: 70%;border-radius: 6px;transition: all .85s ease-out;}.detailsbtn:hover, .linkoutbtn:hover {background-color: rgba(187, 21, 21, .8);color: #f4f4f4;border: 1px solid rgba(0, 41, 60, 1);box-shadow: 2px 2px 5px 1px #ccc;}.creditbtn, .navbtn, .backtoboatsbtn {width: 44%;margin:auto;font-size:125%;color:#fff;text-shadow:1px 1px #000;background-color:#00293c;background-color: rgba(0,41,60,.65);background-image: linear-gradient(to right, rgba(0,41,60,.8), rgba(0,41,60,.8),rgba(0,41,60,.5),rgba(0,41,60,.6),rgba(0,41,60,.8));color: #fef3f8; padding:5%;font-weight:700;letter-spacing:1.5px;border:3px solid #1e656d;border-radius:6px;transition:all .85s ease-out;display:inline-block;} .creditbtn {width:35%;padding:2.5% 5%;} .navbtn {padding:3% 5%;}
.inventorycreditrow .creditbtn {width:55%;} .backtoboats .backtoboatsbtn {padding:3%;}
.creditbtn:hover, .navbtn:hover, .backtoboatsbtn:hover {background-color:rgba(187, 21, 21, .8);background-image:none;color:#f4f4f4;border:3px solid #1e656d;font-weight:700;box-shadow:3px 3px 12px 4px #ccc;} footer{padding:2%;    background: #00293c;background: -webkit-linear-gradient(to right, #00293c,#1e656d);background: linear-gradient(to right,#00293c,#1e656d);color:#f4f4f4;clear:both;} .section6 {margin-bottom:0;}  .contactcolumn{width:100%;padding:2%;} .contactcolumn p{padding-top:5%;color:#f4f4f4;} .contactcolumn a{color:#f4f4f4;} .follow{font-size:125%;} small{font-size:90%;}
.promos {margin: 2% 0 6% 0;}.promo1, .promo2 {background: #00293c;background: -webkit-linear-gradient(to right, #00293c, #203A43, #00293c, #0F2027);background: linear-gradient(to right, #00293c, #203A43, #00293c, #0F2027);width: 85%;height: 450px;display: block;margin: 2% 7.5%;padding: 2% 0;outline: 1px solid #1e656d;outline-offset: -20px;} .promothumbnail {width: auto;max-height: 370px;padding: 2% 20%;transition: all .85s ease-out;} .lightbox {display: none;position: fixed;z-index: 999;width: 100%;height: 800px;text-align: center;top: 0;left: 0;background-color: #00293c;} .lightbox img {width: auto;max-width: 1100px;height: 100%;max-height: 715px;margin: 2% 10%;padding: 2%;border: 2px solid #1e656d;background: rgba(0, 41, 60, .9);} .promothumbnail:hover {background-color: #1e656d;} .lightbox:target{outline:none;display:block;} 
.gallerycontainer {position: relative;height: auto;width: 65%;margin: 2% auto;} .slidecontainer {position: relative;text-align: center;color: white;}.mySlides {display: none;} .boatdescription{position:absolute;top:22%;left:34.5%;padding:1%;transform:translate(-50%, -50%);background-color:#1e656d;background-color:rgba(30,101,109,.8);} .boatdescription h1{font-size:240%;font-family: 'Montserrat', 'Open Sans', sans-serif;} .boatdescription h2{color:#f4f4f4;font-size:135%;padding: 2% 4%;text-shadow: 1px 1px 2px #000;} .boatdescription em{color:#00293c;text-shadow: 1px 1px 18px #f4f4f4;} .boatinfo{position:absolute;left:2.5%;top:91.5%;width:95%;height:40px;padding-top:.25%;text-align:center;background-color:rgba(0, 41, 60, .45);color:#fff;font-family:'Open Sans', sans-serif;font-size:105%;} .boatinfo ul li{display:inline;} .boatinfo ul li a{color:#fff;font-family:'Montserrat', sans-serif;font-size:75%;margin:2%;font-weight:700;letter-spacing:1.5px;line-height:200%;padding:.5% 1%;transition:all .4s ease-out;} .boatinfo ul li a:hover{color:#f4f4f4;border-radius:6px;background-size:70% 5px;background-color:rgba(187, 21, 21, .8);border:1px solid #00293c;} .gallerycontainer img {border: 3px solid #1e656d;} .slideimg {width: 850px;height: 550px;}.cursor{cursor:pointer;}.prev,.next{cursor:pointer;position:absolute;top:40vh;width:auto;margin:-1%;color:#1e656d;font-weight:bold;font-size:50px;border-radius:0 3px 3px 0;user-select:none;-webkit-user-select:none;}.next{right:0;border-radius:3px 0 0 3px;}
.prev{left:0;} .prev:hover,.next:hover{background-color:rgba(30,101,109,.6);} .galleryrow:after{content:"";display:table;clear:both;} .gallery{opacity:0.6;} .active,.gallery:hover{opacity:1;border:3px solid #1e656d;} .gallerycolumn{float:left;width:15%;margin-left:1.45%;} .tabsection{position:relative;padding: 2%;height:100%;width:70%;margin:auto;z-index:1;color:#272727;}
.tabs{position:relative;min-height:875px;clear:both;margin:25px 0;font-family:'Montserrat', sans-serif;} .tab{float:left;} .tab label{background-color:rgba(30,101,109,.7);color:#fff;padding:10px;border:1px solid #ccc;margin-left:-1px;position:relative;left:1px;} .tab label:hover{background-color:rgba(30,101,109,.9);} .tab [type=radio]{display:none;} .content{position:absolute;top:28px;left:0;right:0;bottom:0;padding:20px;border:65px solid #00293c;background:#fff;} [type=radio]:checked ~ label{background:#00293c;border-bottom:1px solid white;z-index:2;} [type=radio]:checked ~ label ~ .content{z-index:1;} .tabp{width:70%;margin:2% 15%;font-size:115%;} .tabs em {color:#777777;font-weight:bold;font-size:95%;}
.content h2{font-size:135%;font-weight:600;letter-spacing:1.25px;color:#fff;background-color:#00293c;} .content ul{font-family:'Montserrat', sans-serif;width:60%;margin:2% auto;font-size:108%;} ul.features, ul.features2{list-style-type:square;color:#00293c;list-style-position:inside;} .content .featuresb{list-style-type:square;color:#00293c;width:70%;margin:auto;} ul.features li{margin-bottom:2%;padding:0;text-align:left;} .small {font-size: 60%;text-align: left;}.tabsection iframe {width:100%;margin:auto;}
.hint {color:#fff;background-color:#00293c;font-size: 80%; font-weight:400; letter-spacing: 1.5px;padding-top:0;font-family:'Montserrat';}

@media only screen and (min-width:1900px) {.logocontainer{background-image:linear-gradient(rgba(241,243,206,.4), rgba(241,243,206,.4), #1e656d, #1e656d, rgba(30,101,109,.8)),url(../images/water_texture_lg.jpg); background-image: -webkit-linear-gradient(rgba(241,243,206,.4),rgba(241,243,206,.4),#1e656d, #1e656d, #1e656d,rgba(30,101,109,.8)),url(../images/water_texture_lg.jpg);}.prev, .next {margin: 0 12%;}}
@media only screen and (min-width:750px) and (max-width:850px){.logocontainer{background-image:linear-gradient(rgba(241,243,206,.4), rgba(241,243,206,.4), #1e656d, #1e656d, rgba(30,101,109,.8)),url(../images/water_texture_tab.jpg); background-image: -webkit-linear-gradient(rgba(241,243,206,.4),rgba(241,243,206,.4),#1e656d, #1e656d, #1e656d,rgba(30,101,109,.8)),url(../images/water_texture_tab.jpg);}}
@media only screen and (max-width:749px){.logocontainer{background-image:linear-gradient(rgba(241,243,206,.4), rgba(241,243,206,.4), #1e656d, #1e656d, rgba(30,101,109,.8)),url(../images/water_texture_mob.jpg); background-image: -webkit-linear-gradient(rgba(241,243,206,.4),rgba(241,243,206,.4),#1e656d, #1e656d, #1e656d,rgba(30,101,109,.8)),url(../images/water_texture_mob.jpg);}}

@media only screen and (min-width:1921px){.logo img{max-width:1100px;height:auto;}.logocontainer p {margin-top:-1%;}.desktopnav ul li{font-size:150%;padding:0 2%;} h1{font-size:350%;} h2{font-size:265%;padding-top:2%;} .row{width:70%;margin:2% 15%;} .image{height:auto;} h6, .boatoverlay .detailsbtn, .linkoutbtn  {font-size:100%;} h5 {font-size:120%;padding-top:1%;}.overlay p{font-size:83%;} .overlay a, .boatoverlay a{line-height:2.25;} .creditrow {margin-top:4%;} .creditbtn {margin-top:2%;font-size:160%;} .navbtn {font-size:180%;} footer p {font-size:120%;}h4 {width:70%;margin-left:15%;} .boatrow {width: 70%;margin: 6% 15%;}.boatpic img {height: 235px;} .boatname {height:160px;} .navrowdbl {margin-top:2%;} .boatcontainer .boatoverlay p {font-size: 100%;} .boatoverlay p a {margin-top:2%;}.supplyrow, .svcrow, .svcrowb{width: 70%;margin: 6% 15%;}.supplyrowlg {width: 60%;margin: 6% 20%;margin-top: 4%;height: auto;}.svccolumn, .supcolumn {padding: 0 4%;}.supcolumnlg {padding: 0 6%;}.promo1, .promo2 {height:500px;}.boatdescription {top: 22%;left: 42%;}.boatinfo {left: 20%;width: 60%;}.tabsection {width: 45%;} iframe {margin-left:-10%;}.inventorycreditrow .creditbtn {width: 80%;}.navbtn, .backtoboatsbtn {font-size:160%;}
}
@media only screen and (min-width:2560px){#wrapper{width:100%;min-width:2560px;max-width:2560px;}
.logo {padding-bottom:.5%;}.logo img {max-width:1700px;height: auto;}.logocontainer p {margin-top: -1%;}.boatname {height:200px;} h5 {font-size:108%;padding-top:2%;}.overlay p, .boatname p{font-size:125%;} h4 {width:70%;margin-left:15%;} .boatpic img {height: 276px;} h6, .boatoverlay .detailsbtn, .linkoutbtn  {font-size:110%;} h5 {font-size:130%;padding-top:1%;}.supplyrow, .svcrow, .svcrowb{width: 70%;margin: 6% 15%;} .supplyrowlg {width: 60%;margin: 6% 20%;margin-top: 4%;height: auto;}
.supcolumnlg {padding: 0 8%;}.svccolumn, .supcolumn {padding: 0 6%;}.svccolumn .container {height: 250px;} .promo1, .promo2 {height:500px;} .lightbox {height: 1000px;}.lightbox img {max-height: 900px;}.boatinfo {left: 24.5%;width: 51%;}.tabsection {width: 40%;}.tabs{min-height:900px;}
}
@media only screen and (min-width:1900px) and (max-width:1921px){.logo img{max-width:850px;height:auto;} .desktopnav ul li{font-size:120%;padding:0 1.75%;} .h1{font-size:350%;}h2{font-size:250%;padding-top:2%;} h4 {width:70%;margin-left:15%;}.row{width:70%;margin:2% 15%;}h6 {font-size:85%;} h5 {font-size:105%;}.image{height:auto;} .overlay p{font-size:76%;line-height:1.05;} .overlay a{line-height:1.5;} .boatpic img {height: 235px;} .boatrow {width: 80%;margin: 6% 10%;}  .supplyrow, .svcrow, .svcrowb{width: 70%;margin: 6% 15%;} .boatname {font-size:165%;height:160px;} .navrowdbl {margin-top:2%;} .boatname p, .boatcontainer .boatoverlay p {font-size:95%;} .supplyrowlg {width: 60%;margin: 6% 20%;margin-top: 4%;height: auto;} .svccolumn, .supcolumn {padding: 0 3%;}
.supcolumnlg {padding: 0 4%;} .promo1, .promo2 {height:480px;}.boatdescription {top: 22%;left: 39%;}.boatinfo {left: 15.65%;width: 68.65%;}.tabsection {width: 50%;} iframe {margin-left:-10%;}.navbtn, .backtoboatsbtn {font-size:160%;}
}
@media only screen and (min-width:1400px) and (max-width:1899px){.logo img{max-width:800px;} h5 {font-size:90%;padding-top:2%;} h4 {width:90%;margin-left:5%;} .boatpic img {height: 166px;} .row, .boatrow, .supplyrow {width: 75%;margin: 9% 12.5%;} .supplyrowlg {width:60%;margin:4% 20% 0 20%;} .boatdescription {left:38%;} .boatinfo {width:82%;margin-left:7.5%;}}
@media only screen and (max-width: 1440px) and (min-width: 1400px){
.boatinfo {left: -3.5%;width: 92%;}
}
@media only screen and (max-width: 1550px) and (min-height:700px){.tabs{min-height:900px;}
}
@media only screen and (min-width:1200px) and (max-width:1280px){
.image{height:auto;} .overlay h5{font-size:80%;} .overlay p{line-height:1;}  .boatpic img {height: 165px;} .boatinfo {width:103%;left:0;} iframe{margin-left:-15%;}
}
@media only screen and (min-width:1001px) and (max-width:1199px){.desktopnav, .border{display:none;}.mobilenav {display:block;} .logocontainer{border:none;border-top:12vh solid #00293c;} .logo{width:98%;margin:2% 1%;} .logocontainer p {margin-top:-1%;} h1{color:#f4f4f4;font-size:240%;line-height:1;padding-top:2%;padding-bottom:2%;}.overlay h5{font-size:68%;line-height:1.05;} .row{width:90%;margin:2% 5%;} .image{height:auto;}  .overlay p{line-height:1;font-size:50%;} .overlay a {font-size:108%;}.mobilenav a{color:#f4f4f4;}h4{font-size:70%;} .contactcolumn h6 {font-size: 140%;} p {font-size:100%;} 
#menuToggle{display:block;position:absolute;top:1.5vh;left:4vw;z-index:3;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:.5% 2% 0 2%;}
#menuToggle input{display:block;width:100%;height:100%;position:absolute;top:0;left:-5px;cursor:pointer;opacity:0;z-index:4;-webkit-touch-callout:none;} #menuToggle span{display:block;width:85px;height:8.5px;margin-bottom:10px;position:relative;background:#1e656d;border-radius:2px;z-index:2;transform-origin:-13px 2px;transition:transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
opacity 0.55s ease;} #menuToggle span:first-child{transform-origin:0% 0%;} #menuToggle span:nth-last-child(2){transform-origin:0% 100%;} #menuToggle input:checked ~ span{opacity:1;transform:rotate(45deg) translate(-9px, -15px);background:#1e656d;} #menuToggle input:checked ~ span:nth-last-child(3){opacity:0;transform:rotate(0deg) scale(0.2, 0.2);} #menuToggle input:checked ~ span:nth-last-child(2){opacity:1;transform:rotate(-45deg) translate(-9px, 9px);}
#menu{position:absolute;width:425%;margin:-175% 0 0 -80%;padding:0;padding-top:185%;text-align:center;background:#00293c;list-style-type:none;-webkit-font-smoothing:antialiased;transform-origin:0% 0%;transform:translate(-100%, 0);transition:transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);} #menu li{padding:3.5% 2%;font-size:140%;} #menu li:hover,
#menu li:hover, #menu li:focus, #menu li:active{background-color:#1e656d;color:#e1e2dd;} #menuToggle input:checked ~ ul{transform:none;}.boatpic img {height: auto;min-height:131px;} .boatname {font-size:130%;} .overlay, .boatoverlay, .linesoverlay {font-size:160%;} .creditrow {width: 95%;margin: 2% 2.5%;} .navrowdbl {width: 60%;margin: -2% 20% 2% 20%;} .promothumbnail {padding: 2% 5%;} .lightbox img {width: auto;max-width: 800px;height: 100%;max-height: 500px;}.supplyrowlg {margin: 4% 12.5% 8% 12.5%;height: auto;} .supplypic img, .supplypiclg img {height: auto;} .navrowdbl {margin-top:2%;} .gallerycontainer {width: 96%;margin: 2%;} .slideimg {width: 700px;height: auto;
}.boatdescription {top: 32%;left: 45%;} .boatinfo {left: 14.5%;width: 71%;font-size: 90%;height: 35px;}.tabsection {width: 96%;margin: 2% auto;}.tabs{min-height:895px;}.prev, .next {top: 20vh;margin: 0 5%;}
}
@media only screen and (min-width:799px) and (max-width:1000px){.desktopnav, .border{display:none;} .logocontainer{border:none;border-top:7vh solid #00293c;} .logo{width:98%;margin:2% 1%;padding-bottom:.5%;} .logo img{max-width:96%;margin-bottom:1%;margin-left:auto;margin-right:auto;height:auto;} .logocontainer p{margin-top:-3%;} h1{color:#f4f4f4;font-size:240%;line-height:1;padding-top:6%;padding-bottom:2%;} h2 em {font-size:96%;}.s4txt h2{font-size:175%;margin-top:0;} h4{padding-top:18%;line-height:1;font-weight:600;font-size:70%;} .overlay h5{font-size:65%;line-height:1.05;}.overlay p {font-size:55%;line-height:90%;}.overlay a {font-size: 100%;line-height: 1.5;}.row{width:96%;margin:2%;} .column{padding:1%;} .image{height:auto;} .creditbtn {width:50%;} .contactrow{display:block;} .contactcolumn p{padding-top:1%;}.mobilenav{display:block;}.mobilenav a{color:#f4f4f4;}#menuToggle{display:block;position:absolute;top:1vh;left:6vw;z-index:3;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:.5% 2% 0 2%;}#menuToggle input{display:block;width:100%;height:100%;position:absolute;top:0;left:-5px;cursor:pointer;opacity:0;z-index:4;-webkit-touch-callout:none;}
#menuToggle span{display:block;width:85px;height:8.5px;margin-bottom:10px;position:relative;background:#1e656d;border-radius:2px;z-index:2;transform-origin:-13px 2px;transition:transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0), background 0.5s cubic-bezier(0.77,0.2,0.05,1.0), opacity 0.55s ease;} #menuToggle span:first-child{transform-origin:0% 0%;} #menuToggle span:nth-last-child(2){transform-origin:0% 100%;} #menuToggle input:checked ~ span{opacity:1;transform:rotate(45deg) translate(-9px, -15px);background:#1e656d;} #menuToggle input:checked ~ span:nth-last-child(3){opacity:0;transform:rotate(0deg) scale(0.2, 0.2);} #menuToggle input:checked ~ span:nth-last-child(2){opacity:1;transform:rotate(-45deg) translate(-9px, 9px);} #menu{position:absolute;width:425%;margin:-175% 0 0 -60%;padding:0;padding-top:185%;text-align:center;background:#00293c;list-style-type:none;-webkit-font-smoothing:antialiased;transform-origin:0% 0%;transform:translate(-100%, 0);transition:transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);} #menu li{padding:3.5% 2%;font-size:180%;} #menu li:hover, #menu li:hover, #menu li:focus, #menu li:active{background-color:#1e656d;color:#e1e2dd;} #menuToggle input:checked ~ ul{transform:none;} .boatpic img {height: 127px;} .supplypic img, .supplypiclg img {height:auto;}.boatrow, .navrowdbl, .supplyrow, .svcrow, .svcrowb, .supplyrowlg {width: 96%;margin: 6% 2%;height: auto;display: flex;} h5 {font-size:80%;} .boatcontainer .boatoverlay p {font-size: 65%;}.boatoverlay .detailsbtn {font-size: 50%;letter-spacing: 1.25px;} .linkoutbtn {font-size:60%;}.navbtn {padding:3%;} .svcp {
padding: 2% 10%;} .boatoverlay h3 {font-size:80%;margin-top:20%;} .svccolumn .overlay p {font-size:60%;}.promothumbnail {padding: 2%;} .lightbox {width: 800px;height:auto;position:relative;margin-top:-55%;}.gallerycontainer {width: 96%;margin: 2%;}.slideimg {width: 700px;height: auto;} .boatdescription {top: 32%;left: 39%;}.boatinfo {left: 4.75%;top: 91.5%;width: 90.5%;font-size: 90%;height: 35px;}.tabsection {width: 96%;margin: 2% auto;} .tabsection iframe {width: 400px;}.prev, .next {top: 20vh;margin: 0 5%;}
}
@media only screen and (min-width:501px) and (max-width:798px){.desktopnav, .border {display:none;}.logocontainer{border:none;border-top:7vh solid #00293c;}.logo{width:98%;margin:2% 1%;padding-bottom:.5%;}.logo img{max-width:96%;margin-bottom:1%;margin-left:auto;margin-right:auto;height:auto;}.logocontainer p{margin-top:-3%;padding-bottom:1%;} h1{color:#f4f4f4;font-size:240%;line-height:1;padding-top:6%;padding-bottom:2%;}.s4txt h2{font-size:175%;margin-top:0;} h4{padding-top:18%;line-height:1;font-weight:600;font-size:65%;} .overlay h5{font-size:63%;line-height:1.05;} .row{width:96%;margin:2%;} .column{padding:1%;} .image{height:auto;}  .overlay p{font-size:50%;line-height:1;padding:2% 0;} .overlay a{line-height:1;}.creditbtn {width:50%;} .contactrow{display:block;} .contactcolumn p{padding-top:1%;}.mobilenav{display:block;}.mobilenav a{color:#f4f4f4;}#menuToggle{display:block;position:absolute;top:1vh;left:5vh;z-index:3;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:.5% 2% 0 2%;}#menuToggle input{display:block;width:100%;height:100%;position:absolute;top:0;left:-5px;cursor:pointer;opacity:0;z-index:4;-webkit-touch-callout:none;}#menuToggle span{display:block;width:85px;height:8.5px;margin-bottom:10px;position:relative;background:#1e656d;border-radius:2px;z-index:2;transform-origin:-13px 2px;transition:transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0), background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
opacity 0.55s ease;} #menuToggle span:first-child{transform-origin:0% 0%;} #menuToggle span:nth-last-child(2){transform-origin:0% 100%;} #menuToggle input:checked ~ span{opacity:1;transform:rotate(45deg) translate(-9px, -15px);background:#1e656d;} #menuToggle input:checked ~ span:nth-last-child(3){opacity:0;transform:rotate(0deg) scale(0.2, 0.2);} #menuToggle input:checked ~ span:nth-last-child(2){opacity:1;transform:rotate(-45deg) translate(-9px, 9px);} #menu{position:absolute;width:425%;margin:-175% 0 0 -60%;padding:0;padding-top:185%;text-align:center;background:#00293c;list-style-type:none;-webkit-font-smoothing:antialiased;transform-origin:0% 0%;transform:translate(-100%, 0);transition:transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);} #menu li{padding:3.5% 2%;font-size:180%;} #menu li:hover, #menu li:hover, #menu li:focus, #menu li:active{background-color:#1e656d;color:#e1e2dd;} #menuToggle input:checked ~ ul{transform:none;} .boatpic img {height: 122px;} .row,.boatrow, .supplyrow, .supplyrowlg, .svcrow, .svcrowb {width: 96%;margin: 6% 2%;} .supplyrowlg {height:auto;}.navrowdbl {width:96%;margin:2%;}.boatname {font-size:120%;} .boatcontainer .boatoverlay p, .linkoutbtn {font-size:60%;} .boatoverlay .detailsbtn {font-size: 50%;letter-spacing: 1.25px;} .navbtn {padding:2.5% 5%;} .supplypiclg img, .supplypic img {height: auto;} .boatoverlay h3 {font-size: 80%;margin-top: 20%;} .svcp {padding:2% 10%;} .svcrow .overlay p {font-size:60%;} .promothumbnail {padding:2%;} .lightbox {position:relative;margin-top:-55%;}.lightbox img {max-width: 780px;}.gallerycontainer {width: 96%;margin: 2%;}.slideimg {width: 550px;height: auto;} .boatdescription {top: 40%;left: 45%;}.boatinfo {left: 12.5%;top: 91.5%;width: 75%;font-size: 65%;height: 25px;}.tabsection {width: 96%;margin: 2% auto;} .tabsection iframe {width: 100%;margin:auto;}.boatdescription h1 {font-size: 220%;} .boatdescription h2 {font-size: 150%;} .tab label {padding:6px;} .content {border:30px solid #00293c;} .inventorycreditrow .creditbtn, .backtoboatsbtn {width: 80%;} .tabs {min-height:800px;}.content ul {width: 80%;margin: 2% auto;} .prev, .next {top: 20vh;margin: 0 5%;} #fullspecs em {color:#777777;font-weight:bold;font-size:95%;}
}
@media only screen and (max-width:600px) and (min-height:800px) and (max-height:900px) { .logocontainer {border-top:9vh solid #00293c;}#menuToggle {top:1.5vh;} .overlay h5 {font-size:55%;} .overlay p {font-size:40%;} h2 {margin-top:6%;}  h4 {font-size:55%;} .creditbtn {width: 60%;} .boatpic img {height: 94px;} h5 {font-size:75%;}.boatcontainer .boatoverlay p, .linkoutbtn {font-size: 50%;}.boatoverlay .detailsbtn {font-size: 40%;}.promothumbnail {max-height: 200px;padding: 2%;} .promo1, .promo2 {height:300px;} .lightbox img {max-width: 600px;height:auto;}.boatdescription {top: 42%;left: 39%;}.boatinfo {left: 2.5%;top: 91.5%;width: 95%;font-size: 65%;height: 25px;} .svcrow .overlay p {font-size: 50%;}.tabs {min-height: 850px;}.tabs {min-height:800px;}.content ul {width: 80%;margin: 2% auto;}
}
@media only screen and (max-width:500px){.desktopnav,.desktopinventorydetails, .border {display:none;}.mobilenav, .mobileinventorydetails {display:block;}.logocontainer{width:100%;border:none;}.logo{width:98%;margin:2% 1%;padding-bottom:.5%;}.logo img{max-width:96%;margin-bottom:1%;margin-left:auto;margin-right:auto;height:auto;}.logocontainer p{font-size:90%;} .mobilenav a{color:#f4f4f4;} h1{font-size:300%;line-height:1;padding:6% 2% 10% 2%;width:50%;margin-left:25%;}h1 em {text-shadow: 0 0 2px #f4f4f4, 0 0 4px #f4f4f4, 0 0 6px #3f3f3f;} h2{font-size:185%;margin-top:10%;}h4 {width:70%;margin-left:15%;padding-top:25%;} h5 {font-size:110%;}.section2 h2{width:100%;margin:0;text-align:center;padding-left:0;} .s2txtmobile h2{font-size:185%;} .contactcolumn h6{font-size:150%;} .row, .creditrow, .boatrow, .boatrow1, .boatrowsingle, .supplyrow, .boatrowtriple, .svcrow, .svcrowb {display: block;height: auto;}.promo1, .promo2, .svcrow, .svcrowb {width: 96%;margin: 2%;height: auto;} .container::after, .row::after, .creditrow::after{content:"";clear:both;display:table;} .container{display:block;} .supplyrowlg {width:100%;margin:2% 0;height:auto;margin-top:6%;display:block;}.image, .supplypic img{height:auto;} .overlay p{font-size:80%;}  .s2txtmobile{display:block;width:100%;}.boatname {height:140px;}.s2txtmobile a{margin-left:0;padding:5% 7.5%;font-size:140%;margin-top:-8%;width:90%;} .creditrow{width:98%;margin:8% 1%;} .column, .supcolumn, .supcolumnlg, .svccolumn {width: 90%;margin: 2% 5%;padding: 6% 0;display: block;} .boatcontainer {position: relative;width: 90%;margin: 0 5%;z-index: 1;display: block;}.boatpicimg , .supplypiclg img{height:auto;}.boatsection h2 {margin-top: 10%;font-size: 200%;} .boatoverlay h3 {margin-top:20%;}.navrow, .navrowdbl {width: 100%;margin: -2% 0 1% 0;display: block;height: auto;} .navbtn {width: 80%;margin: 5% 10%;padding: 6%;display: block;}.creditbtn {width:85%;padding:6% 1%;} .contactrow{display:block;} .contactcolumn p{font-size:125%;padding-top:3%;}iframe{width:100%;} .svcp {padding:2% 6%;} .svcrow h2, .svcrowb h2 {padding-bottom: 6%;padding-top: 3%;} .promo1, .promo2 {padding-bottom:10%;}.promothumbnail {max-width: 340px;height: auto;padding: 4% 6%;} .lightbox {width: 95%;height: auto;position:relative;margin-top:-55%;}.lightbox img {max-width: 400px;}.detailsimage {display: block;width: 100%;height: auto;border: 3px solid #1e656d;box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.6);margin: 4% 0;} .mobileinventorydetails h3 {font-size: 120%;}.mobileinventorydetails p {width: 96%;margin: 0 2%;font-size: 115%;font-family: 'Montserrat', sans-serif;padding-bottom: 2%;} .mobileinventorydetails .backtoboats {width: 80%;margin: 2% 10%;height: auto;}.backtoboatsbtn {width: 100%;margin: 5% 0;} .backtoboats .backtoboatsbtn {padding:6%;} #fullspecs ul {font-size: 115%;font-family:'Montserrat', sans-serif;} .inventorycreditrow {height: auto;width: 96%;margin: 2%;}.inventorycreditrow .creditbtn {margin-left: 0;padding: 6%;margin-top: 3%;width:100%;} iframe {width:90%;margin-left:auto;} .mobileinventorydetails .small {width: 96%;margin: 5% 2%;font-size: 70%;}.inventorycreditrow, .backtoboats {width: 96%;margin: 2%;} #fullspecs em {color:#777777;font-weight:bold;font-size:95%;}
}
@media only screen and (max-width:500px) and (min-height:700px) {
.boatname {height:150px;} .boatcontainer .boatoverlay p, .linkoutbtn {font-size: 80%;}
}
@media only screen and (max-width:500px) and (min-height:800px) {
.column {width: 80%;margin: 2% 10%;}	.overlay h5 {font-size: 100%;} h4 {font-size:80%;} .boatpic img {height:185px;} .boatname {height:160px;} .boatcontainer .boatoverlay p, .linkoutbtn {font-size: 80%;} .boatoverlay .detailsbtn {font-size: 60%;}
}
@media only screen and (max-width:600px) and (min-height:950px) { .overlay p {font-size:35%;} h2 {margin-top:6%;}  .s2txt a {width: 60%;} h4 {font-size:55%;} .s4img img {width: 275px;}.section4 p {font-size:110%;}.creditbtn {width: 60%;} .boatname {font-size:115%;} .boatcontainer .boatoverlay p, .linkoutbtn {font-size: 50%;} .promothumbnail {max-width:500px;} .lightbox img {max-width: 580px;} .tabs {min-height:850px;} .boatinfo {left: 2.5%;width: 95%;} .svcrow .overlay p {font-size: 50%;} .boatdescription h1 {font-size: 190%;}.boatdescription h2 {font-size: 130%;}
}
@media only screen and (max-width:420px) {h1 {width:80%;margin-left:10%;padding-top:3%;} .s2img img {width: 100%;margin-top:2%;margin-left: 0;} #fullspecs em {color:#777777;font-weight:bold;font-size:95%;}}
@media only screen and (max-width:420px) and (min-height:800px) {.section3 .image {max-height:215px;}.overlay h5 {font-size: 100%;} .overlay p {font-size: 65%;}  h4 {font-size:80%;}}
@media only screen and (max-width:385px) {  h5 {font-size:105%;} .overlay p {font-size:70%;} #fullspecs em {color:#777777;font-weight:bold;font-size:95%;} }
@media only screen and (max-width:380px) {  h5 {font-size:105%;} .overlay p {font-size:70%; }.lightbox img {max-width: 360px;} #fullspecs em {color:#777777;font-weight:bold;font-size:95%;}
}
@media only screen and (max-width:360px){.desktopnav,.desktopinventorydetails {display:none;} .mobilenav {display: block;}.logocontainer{border:none;border-top:12vh solid #00293c;}.logo{width:98%;margin:2% 1%;} .logo img{width:98%;margin-bottom:1%;margin-left:auto;margin-right:auto;height:auto;} .logocontainer p{margin:0;margin-top:-2.5%;padding:0 1%;}  h1 {padding-top:1%;} h2{font-size:180%;margin-top:10%;} .overlay h5{font-size:88%;} .contactcolumn h6{font-size:150%;} .row, .creditrow {display:block;} .container::after, .row::after, .creditrow::after {content:"";clear:both;display:table;}.column{width:90%;margin:2% 5%;padding:6% 0;display:block;} .container{display:block;} .image{height:185px;} .overlay p{font-size:70%;} .overlay a{font-size:95%;} .s2txtmobile{display:block;width:100%;} .s2txtmobile a{margin-left:0;padding:5% 7.5%;font-size:140%;margin-top:-8%;} .lightbox img {max-width: 340px;} #fullspecs em {color:#777777;font-weight:bold;font-size:95%;}
}
@media only screen and (max-width:357px){.desktopnav,.desktopinventorydetails {display:none;}.logocontainer{border:none;border-top:13vh solid #00293c;}.logo{padding-bottom:1%;} .logo img{max-width:300px;height:auto;}.logocontainer p{font-size:90%;}h1{color:#f4f4f4;font-size:240%;line-height:1;padding-top:5%;padding-bottom:10%;} h2{font-size:170%;margin-top:10%;} .s2txtmobile h2{font-size:185%;} .overlay h5{line-height:1.15;font-size:88%;} .contactcolumn h6{font-size:150%;} .row, .creditrow {display:block;} .container::after, .row::after, .creditrow::after {content:"";clear:both;display:table;} .column{width:90%;margin:2% 5%;padding:6% 0;display:block;} .container{display:block;} .image {height:auto;} .overlay p{font-size:65%;} .overlay a{font-size:95%;}  #menu {margin-left:-70%;}#menu li {padding: 3% 1%;font-size: 140%;}.promothumbnail {max-width: 300px;} h5 {font-size:95%;} .lightbox img {max-width: 320px;} .mobileinventorydetails h2 {font-size:170%;} #fullspecs em {color:#777777;font-weight:bold;font-size:95%;}
}
@media only screen and (max-height:400px){
.logocontainer {border-top:12vh solid #00293c;} #menu {padding-top:175%;} #menu li {font-size:120%;padding:1.5% 2%;} .desktophero {margin-top:-6vh;height:200px;} h1 {font-size:220%;} .logocontainer p {font-size:80%;} .overlay h5 {font-size:52%;} .overlay p {font-size:38%;} h4 {font-size:50%;}.boatname {font-size: 110%;}
}
@media only screen and (max-height: 380px){
.logocontainer {border-top: 16vh solid #00293c;} .promo1, .promo2 {height:300px}.promothumbnail {padding:2%;max-height:200px;} .lightbox img {max-width: 500px;}.boatinfo {left: 5%;width: 90%;}
}
@media only screen and (max-width:1025px) and (min-height:1000px) and (max-height:1400px){ 
.logocontainer {border-top: 8vh solid #00293c;} .promothumbnail {max-height: 250px;padding: 2%;}
.lightbox img {max-width: 580px;} .promo1, .promo2 {height:350px;}.svcrow .overlay p {font-size: 50%;} .boatdescription h1 {font-size: 185%;} .boatdescription h2 {font-size: 130%;}
}
@media only screen and (max-width: 1000px) and (min-width: 799px) and (max-height: 500px) {
.logocontainer {border-top: 13vh solid #00293c;}
}
@media screen and (width:1600px) and (height:900px) { 
.image {height:auto;} 
}
.fixed-header {
    background: #00293c;
    color: #fff;
    padding: 0.5em;
    text-align: center;
    top: 0;
	height: 100px;
}
.mobile-nav {
    height: 30px;
}
.mobile-menu{
	list-style:none;
	font-weight: 700;
	position: relative;
	z-index: 2;
	
}
.mobile-menu > li {
	margin: 0 1rem;
	overflow: hidden;
}
.mobile-menu.active {
	display:none;
}
.menu-button-container {
	cursor: pointer;
	display: flex;
	height: 100%;
	width: 100%;
	padding-top:.5em;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: relative;
    z-index: 3;
}
#menu-toggle {
	display: none;
}
.menu-button,
.menu-button::before,
.menu-button::after {
	background-color: #fff;
	display: block;
	position: absolute;
	height: 4px;
	width: 5em;
	transition: transform 400ms cubic-bezier(0.23, 1, 0.32, 1);
}
.menu-button::before {
	content: '';
	margin-top: -8px;
}
.menu-button::after {
	content: '';
	margin-top: 8px;
}
#menu-toggle:checked + .menu-button-container .menu-button::before {
	margin-top: 0px;
	transform: rotate(405deg);
}
#menu-toggle:checked + .menu-button-container .menu-button {
	background: rgba(255, 255, 255, 0);
}
#menu-toggle:checked + .menu-button-container .menu-button::after {
	margin-top: 0px;
	transform: rotate(-405deg);
}
#menu-toggle:checked + .menu-button-container {
	padding-top: 2em;
}
#menu-toggle ~ .mobile-menu li {
    border: 0;
	height: 0;
    margin: 0;
    padding: 0;
    transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);
}
#menu-toggle:checked ~ .mobile-menu li {
    height: auto;
    padding: 1.5em;
    transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);
}
.mobile-menu > li {
    background-color: #00293c;
	color: #fff;
	margin: 0;
    padding: .5em 0;
    width: 100%;
	text-transform: uppercase;
	font-size: 22px;
}
#menu-toggle:checked ~ .mobile-menu li:first-child {
    padding-top: 3em;
}
#menu-toggle:checked ~ .mobile-menu li:last-child {
    padding-bottom: 3em;
}
@media screen and (min-width:900px) {.fixed-header {display:none;}}