/*!
Theme Name: onemarine22
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: onemarine22
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

onemarine22 is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/

   ____                          __  ___                    _               
  / __ \   ____   ___           /  |/  /  ____ _   _____   (_)   ____   ___ 
 / / / /  / __ \ / _ \         / /|_/ /  / __ `/  / ___/  / /   / __ \ / _ \
/ /_/ /  / / / //  __/        / /  / /  / /_/ /  / /     / /   / / / //  __/
\____/  /_/ /_/ \___/        /_/  /_/   \__,_/  /_/     /_/   /_/ /_/ \___/ 
                                                                            
#FFCC00 yellow    255,204,0
#CE8315 tan
#6E262A brown     110,38,42
#0093AF teal      0,147,175
#006687 mid blue  0,102,135
#0C2340 dark blue

Open Sans:
300 light
400 regular
500 medium
600 semi-bold
700 bold
800 extra-bold

font-family:'DIN Next LT W01 Light'; // nav + small links
font-family:'DIN Next LT W01 Bold'; 

font-family:'Helvetica Neue LT W05_45 Light'; // main body copy
font-family:'Helvetica Neue LT W05_75 Bold'; // headers

**FONTS REPLACED WITH TYPEKIT
din-2014 light 300
din-2014 bold  700
Helvetica replacement
nimbus-sans light 300
nimbus-sans bold  700


*/
.glueinline {white-space: nowrap;}

#sp1{padding:100px 0;}
.sixpack,.sixpackboats{display:flex;flex-wrap: wrap;}
.sixpack > div, .sixpackboats > div{width:33.3333%;height:19vw;max-height:auto;}
.boxnum, .boxtitle  {font-size:3rem;font-family:'din-2014'; font-weight: 300 }
.boxtitle {font-family:'nimbus-sans'; font-weight: 700; text-transform: uppercase;}
.spbox {background-size: cover;border-right:0px solid #0C2340;border-bottom:0px solid #0C2340;transition:all 0.25s;}
.spbox a {display:flex;padding:40px;flex-direction: column;justify-content: space-between;height: 100%;text-decoration: none;position: relative;}

.box-intro{display:flex;align-items:flex-end;padding:0 80px 40px 0;}
.box-intro p:last-of-type {margin-bottom:0;}

.sixpackboats .spbox {overflow: hidden;font-family:'din-2014'; font-weight: 300}
.sixpackboats .spbox:hover {border-right:10px solid #0C2340;border-bottom:10px solid #0C2340;}
.sixpackboats .spbox a{padding:0;}
.sixpackboats .spbox .basicinfo{opacity:1;background-color:rgba(65,65,65,0.48);height:90px;color:#fff;display:flex;justify-content: space-between;align-items:center; position: absolute;bottom:0;font-family:'nimbus-sans'; font-weight: 700; font-size: 1.2em;}
.sixpackboats .spbox .basicinfo div, .allinfo .allbot div {padding:0 10px 0 0;}
.sixpackboats .spbox .basicinfo div:first-child, .allinfo .allbot div:first-child {padding-left:40px;}
.sixpackboats .spbox:hover .basicinfo{opacity:0;}
.sixpackboats .spbox .allinfo{color:#fff;background-color:rgba(0,147,175,0.92);transition:all 0.25s;position: absolute;left:-557px;height:100%;max-height:556px;width:100%;display: flex;flex-direction: column;}
.sixpackboats .spbox:hover .allinfo{left:0px;} 
.sixpackboats .spbox .wp-block-cover > img{object-fit: cover;height: 100%; width: 100%;}
.allinfo .alltop {flex-grow:1;padding:40px 40px 0 40px;}
.allinfo .allmid {padding: 20px 40px;display: flex;align-items: center;letter-spacing: 0.05rem;text-transform: uppercase;}
.allinfo .allmid img {padding-left: 16px;}
.allinfo .allbot {height: 90px;display:flex;justify-content: space-between;align-items:center;border-top:1px solid #fff;font-family:'nimbus-sans'; font-weight: 700; font-size: 1.2em;}
.allinfo .boatspec {letter-spacing: 0.25rem;}
.allinfo .boatdesc {font-family:'nimbus-sans'; font-weight: 300; padding-top: 20px;}

.box-01{background: url(/wp-content/themes/onemarine22/images/test-box.jpg) center center no-repeat;} /* image 567px */
.box-01:hover {border-right:10px solid #0C2340;border-bottom:10px solid #0C2340;}
.box-01 a{background-color:rgba(0,147,175,1);transition:all 0.25s;}
.box-01 a:hover, .box-01.mobshow a{background-color:rgba(0,147,175,0);}

.box-02{background: url(/wp-content/themes/onemarine22/images/test-box.jpg) center center no-repeat;} /* image 567px */
.box-02:hover {border-right:10px solid #0C2340;border-bottom:10px solid #0C2340;}
.box-02 a{background-color:rgba(255,204,0,1);transition:all 0.25s;}
.box-02 a:hover, .box-02.mobshow a{background-color:rgba(255,204,0,0);}

.box-img1{background: url(/wp-content/themes/onemarine22/images/test-box.jpg) center center no-repeat;}

.box-blank{}

.box-03{background: url(/wp-content/themes/onemarine22/images/test-box.jpg) center center no-repeat;} /* image 567px */
.box-03:hover {border-right:10px solid #0C2340;border-bottom:10px solid #0C2340;}
.box-03 a{background-color:rgba(110,38,42,1);transition:all 0.25s;}
.box-03 a:hover, .box-03.mobshow a{background-color:rgba(110,38,42,0);}

@media only screen and (max-width:1740px) { 
   .box-intro p {padding-left:20px;}
}
@media only screen and (max-width:1660px) { 
   .allinfo .boatdesc {display:none;}
}
@media only screen and (max-width:1023px) { 
   .sixpack > div, .sixpackboats > div{width:50%;height:50vw;max-height:512px;}
   .allinfo .boatdesc {display:block;}
}
@media only screen and (max-width:1024px) { 
   .sixpackboats .spbox .allinfo {display:none;}
   .sixpackboats > div{height:29vw;}
   .sixpackboats .spbox .basicinfo {
      flex-direction: column;
      justify-content: center;
      align-items: flex-start;
      padding-left: 20px;
    }
    .sixpackboats .spbox .basicinfo div:first-child, .allinfo .allbot div:first-child {
      padding-left: 0px;
    }
}
@media only screen and (max-width:600px) { 
   .sixpack{max-width: 567px;margin:0 auto;}
   .sixpack > div, .sixpackboats > div{width:100%;height:100vw;max-height:567px;}
   .sixpackboats > div{width:100%;height:57vw;max-height:567px;}
   .sixpack > div.box-intro {height: auto;padding-top: 40px;}
   .box-blank{display:none;}
   .box-img1{order:5;}
   .box-03 {order:4;}
}


.bgfixedouter {position:relative;}
.bgfixed {position: fixed;z-index: 1;height: 100vh;width: 100%;top: 0;}
.bgimage1 {/* uncomment if services bg needed - background: url(/wp-content/themes/onemarine22/images/offices-bg-1920.jpg) center center no-repeat;background-size:cover;*/background: url(/wp-content/themes/onemarine22/images/video-bg-1920.jpg) center center no-repeat;background-size:cover;}
@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min--moz-device-pixel-ratio: 2),only screen and (-o-min-device-pixel-ratio: 2/1),only screen and (min-device-pixel-ratio: 2),only screen and (min-resolution: 192dpi),only screen and (min-resolution: 2dppx) {
   .bgimage1 {/* uncomment if services bg needed - background-image: url(/wp-content/themes/onemarine22/images/offices-bg-3840.jpg);background-size:cover;*/background-image: url(/wp-content/themes/onemarine22/images/video-bg-3840.jpg);background-size:cover;}
}
.pinned {position: sticky;top: 0;left: 0;width: 100%;overflow: hidden;}

section.office {position:relative;z-index: 2;padding-bottom: 100px;}
.office > .contentinnerfull > h2 {margin: 0; padding: 90px 0 70px 0;text-align: center;font-size:3rem;font-weight: 700;text-transform: uppercase;}
.officeboxouter {display: flex;width:100%;overflow: hidden;}
.officebox {border-left:18px solid #0C2340;display: flex;flex-direction: column;width: 25%;background-position: center top; background-repeat: no-repeat;background-size: cover;}
.officebox:first-child {border-left:0;}
.officebox {top:-50vw;opacity:0;transition:all 1s;position: relative;}
.ofimg {height:25vw;max-height: 415px;}
.oftxt {flex-grow:1;padding:20px 40px;position: relative;top:-25vw;transition:all 1s;opacity:0;}
@media only screen and (min-width:1700px) { 
   .officebox {top:-830px; }
   .oftxt {top:-425px;}
}
.ob1, .ob1 .oftxt {background-color:#006687;}
.ob2, .ob2 .oftxt {background-color:#0093AF;}
.ob3, .ob3 .oftxt {background-color:#CE8315;}
.ob4, .ob4 .oftxt {background-color:#6E262A;}

.expand .officebox {top:0;opacity:1;}
.expand .oftxt {top: 0;opacity:1;}

@media only screen and (max-width:1024px) { 
   .bgimage1 {background-image: url(/wp-content/themes/onemarine22/images/video-bg-1024.jpg);background-size:cover;}
   @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min--moz-device-pixel-ratio: 2),only screen and (-o-min-device-pixel-ratio: 2/1),only screen and (min-device-pixel-ratio: 2),only screen and (min-resolution: 192dpi),only screen and (min-resolution: 2dppx) {
      .bgimage1 {background-image: url(/wp-content/themes/onemarine22/images/video-bg-2048.jpg);background-size:cover;}
   }
   .oftxt {padding:0px 20px;}
}
@media only screen and (max-width:768px) { 
   .bgimage1 {background-image: url(/wp-content/themes/onemarine22/images/video-bg-768.jpg);background-size:cover;}
   @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min--moz-device-pixel-ratio: 2),only screen and (-o-min-device-pixel-ratio: 2/1),only screen and (min-device-pixel-ratio: 2),only screen and (min-resolution: 192dpi),only screen and (min-resolution: 2dppx) {
      .bgimage1 {background-image: url(/wp-content/themes/onemarine22/images/video-bg-1536.jpg);background-size:cover;}
   }
   .oftxt {padding:0px 20px;}
   .officeboxouter {flex-wrap: wrap;}
   .ofimg {height:50vw;}
   .officebox {width:50%;}
   .officebox:nth-child(3) {border-left:0;}
   .officebox:nth-child(3), .officebox:nth-child(4) {border-top:18px solid #0C2340;}
}
@media only screen and (max-width:600px) { 
   .officeboxouter {width:425px;max-width:100%; margin:0 auto;}
   .ofimg {height:75vw;}
   .officebox {width:100%;border-top:18px solid #0C2340;border-left:none;}
}
@media only screen and (max-width:480px) { 
   .bgimage1 {background-image: url(/wp-content/themes/onemarine22/images/video-bg-480.jpg);background-size:cover;}
   @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min--moz-device-pixel-ratio: 2),only screen and (-o-min-device-pixel-ratio: 2/1),only screen and (min-device-pixel-ratio: 2),only screen and (min-resolution: 192dpi),only screen and (min-resolution: 2dppx) {
      .bgimage1 {background-image: url(/wp-content/themes/onemarine22/images/video-bg-960.jpg);background-size:cover;}
   }
   
}




section.services {position:relative;z-index: 2;padding:300px 0;}
.services h2 {margin:0;font-size:4.0rem;font-family:'din-2014'; font-weight: 300; padding-bottom: 80px;}
.servicesboxouter {display: flex;width:100%;}
.servicesbox {border-left:1px solid #fff;padding:0 40px;display: flex;flex-direction: column;width:25vw;justify-content: flex-start;}
.sbnum {font-size:1.6rem;font-family:'din-2014'; font-weight: 300; padding-bottom: 40px;}
.sbtitle {font-size:3.0rem;font-family:'nimbus-sans'; font-weight: 700; text-transform: uppercase;padding-bottom: 40px;}
.sbtxt {font-size:1.6rem;padding-bottom: 40px;}
.sbtxt p:first-child {margin-top: 0;}
.sbtxt p:last-child {margin-bottom: 0;}
.sbmore {min-height: 20px;flex-grow: 1;display: flex;align-items: flex-end;}
.sbmore a {font-size:1.3rem;font-family:'din-2014'; font-weight: 300; letter-spacing: 0.25rem; text-transform: uppercase;text-decoration: none;}
@media only screen and (max-width:1700px) { 
   .services h2 {padding-left:40px;}
}
@media only screen and (max-width:1023px) { 
   .servicesboxouter {flex-wrap: wrap;}
   .servicesbox {width: 50vw;padding-bottom: 20px;}
   .servicesbox:nth-child(1) {border-left:none;border-bottom:1px solid #fff;}
   .servicesbox:nth-child(2) {border-bottom:1px solid #fff;}
   .servicesbox:nth-child(3) {border-left:none;}
   .servicesbox:nth-child(3),.servicesbox:nth-child(4) {padding-top: 20px;}
}
@media only screen and (max-width:768px) { 
   section.services {padding: 150px 0; }
   .services h2 {padding-left:20px;}
   .servicesbox {padding-left:20px;padding-right:20px;}
}
@media only screen and (max-width:600px) { 
   .services h2 {padding-bottom: 40px;}
   .sbtitle {padding-bottom: 20px;}
   .servicesbox {width: 100vw;border-left:none;padding: 20px;}
   .servicesbox:nth-child(3) {border-bottom:1px solid #fff;}
}

section.threecol6pack {position:relative;z-index: 2;}
.threecol6packouter {display: flex;}
.tc6pcol {width:33.333%;height: 66.666vw;max-height: 1112px;}
.tc6pcol1 {}
.tc6pcol2 {background: url(/wp-content/themes/onemarine22/images/video-holding-image.jpg);background-size: cover;}
.tc6pcol3 {}
.tc6pcol .spbox {width:100%;height:33.33vw;max-height:556px;}
.box-04{background: url(/wp-content/themes/onemarine22/images/test-box.jpg) center center no-repeat;} /* image 567px */
.box-04:hover {border-right:10px solid #0C2340;border-bottom:10px solid #0C2340;}
.box-04 a{background-color:rgba(110,38,42,1);transition:all 0.25s;}
.box-04 a:hover, .box-04.mobshow a{background-color:rgba(110,38,42,0);}
.box-05{background: url(/wp-content/themes/onemarine22/images/test-box.jpg) center center no-repeat;} /* image 567px */
.box-05:hover {border-right:10px solid #0C2340;border-bottom:10px solid #0C2340;}
.box-05 a{background-color:rgba(0,147,175,1);transition:all 0.25s;}
.box-05 a:hover, .box-05.mobshow a{background-color:rgba(0,147,175,0);}


.slick-slider {}
.slick-slide {height: 1112px;} 

.spbox .boxtitle2 {display: flex; padding: 40px;flex-direction: column; justify-content: flex-end;height: 100%;font-size:3rem;font-family:'nimbus-sans'; font-weight: 700; text-transform: uppercase;}
.spbox.spboxdets {padding:0 0 20px 40px;display:flex;flex-direction: column;}
.spbox.spboxdets table {border:none;border-collapse: collapse;}
.spbox.spboxdets table tr:first-child td, .spbox.spboxdets table tr:first-child th {
   border-top:1px solid #fff;
}
.spbox.spboxdets table tr:last-child td, .spbox.spboxdets table tr:last-child th {border-bottom:1px solid #fff;}
.spbox.spboxdets table td,
.spbox.spboxdets table th {text-align: left;font-weight: normal;padding:10px 0;}
.spbox.spboxdets table th {text-transform: uppercase;max-width:22.222vw;padding-right:10px;}
.spbox.spboxdets .desc {flex-grow: 1;}
.spbox.spboxdets .nav {text-align: right;display: flex;justify-content: flex-end;align-items: center;}
.prev,.next {cursor:pointer;padding: 0 3px;}
.prev:hover path,.next:hover path {stroke:#fff;}
.pnc {padding-bottom:6px;font-family:'din-2014'; font-weight: 300; letter-spacing:0.25rem;}
.spmore {padding-top:10px;}
.spmore a {padding:0;text-transform: uppercase;cursor: pointer;}

@media only screen and (max-width:1600px) { 
   .spbox.spboxdets {font-size:1.4rem;}
   .spbox.spboxdets .desc {padding-right:10px;}
}
@media only screen and (max-width:1400px) { 
   .spbox.spboxdets {font-size:1.2rem;}
}
@media only screen and (max-width:1200px) { 
   .spbox.spboxdets {font-size:1.1rem;}
}
@media only screen and (max-width:1024px) { 

}
@media only screen and (max-width:1023px) { 
   .threecol6packouter {flex-wrap:wrap;}
   .tc6pcol1 {width:100%; height:50vw;max-height:512px;display:flex;}
   .tc6pcol2 {width:50%;height:100vw;}
   .tc6pcol3 {width:50%;height:100vw;}
   .tc6pcol1 .spbox,
   .tc6pcol3 .spbox {width: 100%;height: 50vw;max-height: 512px;}
}
@media only screen and (max-width:600px) { 
   .tc6pcol1{flex-direction: column;order:1;width:100%;height: 200vw; max-height:1024px;}
   .tc6pcol2 {order:3;width:100%;height:100vh;background-position: center center;}
   .tc6pcol3 {order:2;width:100%;height:200vw;}
   .tc6pcol1 .spbox,
   .tc6pcol3 .spbox {width: 100%;height: 100vw;max-height: 512px;}
}

section.powersail {position:relative;z-index: 2;padding:100px 0 0px 0;}
.powersailrow {display: flex;}
.powersailrow .spbox {width:33.3333%;height:33.33vw;max-height:556px;} 

.box-06{} /* image 567px */
.box-06:hover {border-right:10px solid #0C2340;border-bottom:10px solid #0C2340;}
.box-06 a{background-color:rgba(0,102,135,1);transition:all 0.25s;}

.box-07{} /* image 567px */
.box-07:hover {border-right:10px solid #0C2340;border-bottom:10px solid #0C2340;}
.box-07 a{background-color:rgba(255,204,0,1);transition:all 0.25s;}

.powersailrow .spbox .boxnum {flex-grow: 1;}
.spbox .boxnum {}
.spbox .boxtext {padding-bottom:5px;}
.spbox .boxtitle {display:flex;justify-content: space-between;align-items: baseline;}
.spbox .boxtitle span:last-child {font-size:1.6rem;font-family:'nimbus-sans'; font-weight: 300}
.image {width:66.6666%;height:33.33vw;max-height:556px;background-position: center center; background-repeat:no-repeat;background-size:cover;}
.powerimage {background-image:url(/wp-content/themes/onemarine22/images/power_2-3sm.jpg);background-size:cover;}
.sailimage {background-image:url(/wp-content/themes/onemarine22/images/sail_2-3sm.jpg);background-size:cover;}
@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min--moz-device-pixel-ratio: 2),only screen and (-o-min-device-pixel-ratio: 2/1),only screen and (min-device-pixel-ratio: 2),only screen and (min-resolution: 192dpi),only screen and (min-resolution: 2dppx) {
   .powerimage {background-image:url(/wp-content/themes/onemarine22/images/power_2-3.jpg);background-size:cover;}
   .sailimage {background-image:url(/wp-content/themes/onemarine22/images/sail_2-3.jpg);background-size:cover;}
}
@media only screen and (max-width:1200px) { 
   .spbox .boxtext {font-size:1.4rem;}
}
@media only screen and (max-width:1023px) { 
   .powersailrow .spbox {width:50%;height:50vw;max-height:556px;}
   .image {width:50%;height:50vw;}
   .powerimage {background-image:url(/wp-content/themes/onemarine22/images/power_2-3sqsm.jpg);background-size:cover;}
   .sailimage {background-image:url(/wp-content/themes/onemarine22/images/sail_2-3sqsm.jpg);background-size:cover;}
   @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min--moz-device-pixel-ratio: 2),only screen and (-o-min-device-pixel-ratio: 2/1),only screen and (min-device-pixel-ratio: 2),only screen and (min-resolution: 192dpi),only screen and (min-resolution: 2dppx) {
      .powerimage {background-image:url(/wp-content/themes/onemarine22/images/power_2-3sq.jpg);background-size:cover;}
      .sailimage {background-image:url(/wp-content/themes/onemarine22/images/sail_2-3sq.jpg);background-size:cover;}
   }
}
@media only screen and (max-width:600px) {
   .powersailrow {flex-direction: column;}
   .powersailrow .spbox {width:100%;height:100vw;max-height:556px;}
   .image {width:100%;height:100vw;}
}

section.axopar {height:100vh;position: relative;z-index: 2;}
.axopar div {height:100vh;display: flex; justify-content: center;align-items: center;}

section.team {padding-top:100px;}
.team h2 {border:1px solid #fff;border-bottom:none;margin: 0;padding: 20px 40px;text-transform: uppercase;}
.teamboxouter {display:flex;flex-wrap:wrap;}
.teambox {position: relative; width:33.3333%; height:33.33vw;max-height:556px;border-bottom:1px solid #fff;border-right:1px solid #fff;padding: 40px;display: block;}
.teambox1,.teambox2,.teambox3 {border-top:1px solid #fff;}
.teambox1,.teambox4 {border-left:1px solid #fff;}
.teamimg {z-index:2;position: relative; border-radius:600px;height: 100%; width: 100%;background-size:100%;transition:all 0.25s;}
.teambox:hover .teamimg {background-size: 107%;} 
.teamname {z-index:3;position: absolute;bottom:0;left:0;width:100%;background:#0C2340 url(/wp-content/themes/onemarine22/images/arrow.png) right 40px center no-repeat;background-size:53px 42px;border-top:1px solid #fff;height: 100px;display: flex;align-items: center;padding: 10px 40px;font-family:'din-2014'; font-weight: 300; letter-spacing:0.05rem;text-transform: uppercase;}
.teambg {z-index:1;position: absolute;bottom:0;left:0;height: 80px;width: 100%;transition:all 0.25s;}
.teambox:hover .teambg {height: 100%;}
.teambox.teambg1:hover .teambg, .teambox.teambg1:hover .teamname {background-color:#006687;}
.teambox.teambg2:hover .teambg, .teambox.teambg2:hover .teamname {background-color:#0093AF;}
.teambox.teambg3:hover .teambg, .teambox.teambg3:hover .teamname {background-color:#CE8315;}
.teambox.teambg4:hover .teambg, .teambox.teambg4:hover .teamname {background-color:#6E262A;}
/*.teambox:hover .teamname {background-color: yellow;}*/

@media only screen and (max-width:1023px) { 
   .teambox {width: 50%;height: 50vw; border:none;border-bottom:1px solid #fff;border-right:1px solid #fff;}
   .teambox1,.teambox2 {border-top:1px solid #fff;}
   .teambox1,.teambox3,.teambox5 {border-left:1px solid #fff;}

}
@media only screen and (max-width:600px) {
   .team h2 {max-width:556px;margin: 0 auto;}
   .teambox {width:100%;height:100vw; border:none;border-bottom:1px solid #fff;border-right:1px solid #fff;border-left:1px solid #fff;max-width:556px;margin: 0 auto;}
   .teambox1 {border-top:1px solid #fff;}
}


section.contact {padding:40px 0 40px 0;}
.contact .contentinnerfull {display: flex; justify-content: flex-end;}
.spbox.box-contact {width:33.3%;background:#0093AF url(/wp-content/themes/onemarine22/images/arrow.png) right 40px bottom 40px no-repeat;background-size:53px 42px;padding:40px;}
.spbox.box-contact h2 {font-size: 3.0rem;text-transform: uppercase;max-width: 433px;line-height: 3.6rem;  margin: 0;}
.spbox.box-contact-form {width:66.6%;background: #fff;padding:40px;color: #000;}
.spbox.box-contact-form .wpcf7-list-item-label {color: #000;}

@media only screen and (max-width:1023px) { 
   .spbox.box-contact {width:50%;height:50vw;max-height:556px;}
}
@media only screen and (max-width:600px) {
   .contact .contentinnerfull {flex-direction: column;}
   .spbox.box-contact, .spbox.box-contact-form {width:100%;height:auto;background-image: none;}
}


.grid3{display: grid;column-gap: 28px; row-gap: 60px; grid-template-columns: repeat(3, 1fr);padding: 80px 0 60px 0; }
.grid3 h1, .grid3 .fakeh1 {font-family:'din-2014'; font-weight: 300; font-weight: normal;font-size: 3rem;}
.grid3 > div:nth-child(3) {text-align: right;}
a.btn {display: inline-block;border: 1px solid #fff;padding: 5px 20px; text-decoration: none;text-transform: uppercase;font-family:'din-2014'; font-weight: 300}
a.btn:hover {background:#0093af;} 
.coltable table {border-collapse: collapse;}
.coltable table td {padding:16px 0;border-bottom:1px solid #707070;}
.coltable table td:nth-child(2) {text-align: right;}
.gallery {  }	
.gallery { margin-bottom:1.5em; font-size:0; }
.gallery-item { display:inline-block; text-align:center; vertical-align:top; width:100%; }
dl.gallery-item .gallery-caption { display: none }
.gallery-item img { width:100%; height:100%; object-fit:cover; vertical-align:top; }

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding:0; margin:0; border:0; outline:none; vertical-align:top; }
.fancybox-wrap { position:absolute; top:0; left:0; z-index:8020; }
.fancybox-skin { position:relative; background:#fff; color:#828282; text-shadow:none; }
.fancybox-opened { z-index:8030; }
.fancybox-opened .fancybox-skin { -webkit-box-shadow:0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow:0 10px 25px rgba(0, 0, 0, 0.5); box-shadow:0 10px 25px rgba(0, 0, 0, 0.5); }
.fancybox-outer, .fancybox-inner { position:relative; }
.fancybox-inner { overflow:hidden; }
.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling:touch; }
.fancybox-error { color:#828282; font:14px/20px "nimbus-sans",Helvetica,Arial,sans-serif; margin:0; padding:15px; white-space:nowrap; }
.fancybox-image, .fancybox-iframe { display:block; width:100%; height:100%; }
.fancybox-image { max-width:100%; max-height:100%; background-size: cover; background-position:50% 50%;background-repeat:no-repeat;height:100%;width:100%; }
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image:url(/wp-content/themes/onemarine22/images/fancybox_sprite.png); }
#fancybox-loading { position:fixed; top:50%; left:50%; margin-top:-22px; margin-left:-22px; background-position:0 -108px; opacity:0.8; cursor:pointer; z-index:8060; }
#fancybox-loading div { width:44px; height:44px; background:url(/wp-content/themes/onemarine22/images/fancybox_loading.gif) center center no-repeat; }		
.fancybox-close { background:rgba(35,46,64,0.3) url(/wp-content/themes/onemarine22/images/close-btn.png) left top no-repeat !important; position:absolute; top:0; right:0; width:55px; height:55px; cursor:pointer; z-index:8040; }
.fancybox-nav { position:absolute; top:0; width:40%; height:100%; cursor:pointer; text-decoration:none; background:transparent url(/wp-content/themes/onemarine22/images/blank.gif); -webkit-tap-highlight-color:rgba(0,0,0,0); z-index:8040; }
.fancybox-prev { left:0; }
.fancybox-next { right:0; }		
.fancybox-nav span { position:absolute; top:50%; width:70px; height:94px; margin-top:-47px; padding:20px; cursor:pointer; z-index:8040; }
.fancybox-prev span { left:0; background:rgba(35,46,64,0.3) url(/wp-content/themes/onemarine22/images/arrow-left-wht.png) 20px 20px no-repeat; } 
.fancybox-next span { right:0; background:rgba(35,46,64,0.3) url(/wp-content/themes/onemarine22/images/arrow-right-wht.png) 20px 20px no-repeat; }	
.fancybox-tmp { position:absolute; top:-99999px; left:-99999px; visibility:hidden; max-width:99999px; max-height:99999px; overflow:visible !important; }
.fancybox-lock { overflow:hidden !important; width:auto;  }	
.fancybox-lock body { overflow:hidden !important; }	
.fancybox-lock-test { overflow-y:hidden !important; }	
.fancybox-overlay { position:absolute; top:0; left:0; overflow:hidden; display:none; z-index:8010; background:url(/wp-content/themes/onemarine22/images/fancybox_overlay.png); }	
.fancybox-overlay-fixed { position:fixed; bottom:0; right:0; }	
.fancybox-lock .fancybox-overlay { overflow:auto; overflow-y:scroll; }	
.fancybox-title { visibility:hidden; font:normal 13px/20px; position:relative; text-shadow:none; z-index:8050; }	
.fancybox-opened .fancybox-title { visibility:visible; }	
.fancybox-title-float-wrap { position:absolute; bottom:0; right:50%; margin-bottom:-35px; z-index:8050; text-align:center; }	
.fancybox-title-float-wrap .child { display:inline-block; margin-right:-100%; padding:2px 20px; background:transparent; background:rgba(0, 0, 0, 0.8);  -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; text-shadow:0 1px 2px #222; color:#FFF; font-weight:bold; line-height:24px; white-space:nowrap; }	
.fancybox-title-outside-wrap { position:relative; margin-top:10px; color:#fff; }	
.fancybox-title-inside-wrap { padding-top:10px; }	
.fancybox-title-over-wrap { position:absolute; bottom:0; left:0; color:#fff; padding:10px; background:#000; background:rgba(0, 0, 0, .8); }	
.col.tabswrap {padding-bottom: 60px;}
.col.tabswrap .tabnav { /*height:60px;*/ margin:0; }
.col.tabswrap .tblnks { text-align:left; font-size:0; margin:0; padding: 0;}
.col.tabswrap .tblnks li { display:inline-block; height:60px; line-height:60px; font-size:20px;font-family:'nimbus-sans'; font-weight: 700; text-transform:uppercase; 
   border:1px solid #fff;/*border-bottom:0;border-right: 0;*/ padding:0; margin:0;margin-bottom: -1px;   margin-right: -1px; }
.col.tabswrap .tblnks li:last-child {border-right:1px solid #fff;}
.col.tabswrap .tblnks li.active {  background:#0093af; }
.col.tabswrap .tblnks li a { display:block; padding:0 25px; color:#fff; position:relative; text-decoration: none;}
.col.tabswrap .tblnks li.active a { color:#fff; }
.col.tabs .col.tbbd { display:none; }
.col.tabs .col.tbbd.active { display:block;border:1px solid #fff }
.col.tabs .col.tbbd .inner { padding: 20px 20px;column-count: 2;column-gap: 40px; }

.boatcta {text-align: right;padding-top:60px;}
.boatcta a {margin:0 0 10px 10px;}
@media only screen and (max-width:1023px) { 
   .grid3{display:flex;flex-wrap: wrap;row-gap: 0;}
   .grid3 > div {width: 30%;padding-bottom: 60px;}
   .grid3 > div.coltable {width:47%;padding-bottom:0px;}
   .grid3 > div:nth-child(3),
   .grid3 > div.coltable:nth-child(2) {flex-grow: 1;}
   .grid3 table {margin:0;}
   .gallery-columns-3 {grid-template-columns: repeat(2, 1fr);}
   .gallery-item {height: 50vw;}
}
@media only screen and (max-width:600px) {
   .grid3 > div {width: 100%;padding-bottom: 0px;}
   .grid3 > div.coltable {width:100%;padding-bottom:0px;} 
   .grid3 > div:nth-child(3) {text-align:left;padding-bottom: 60px;}
   .gallery-columns-3 {grid-template-columns: repeat(1, 1fr);} 
   .col.tabs .col.tbbd .inner { padding: 20px 20px;column-count:1;column-gap:0; }
   .col.tabswrap .tblnks li {font-size: 3vw;}
   .gallery-item {height: 100vw;}
   .boatcta {text-align: left;}
}

.bg-yellow {background-color:#FFCC00;} 
.bg-tan {background-color:#CE8315;}  
.bg-brown {background-color:#6E262A;}  
.bg-teal {background-color:#0093AF;}  
.bg-mid-blue {background-color:#006687;}  
.bg-dark-blue {background-color:#0C2340;}  

header.entry-header {position:relative;}
article.type-post {padding-top:80px;}
.page .site-main .contentinnerfull {display:flex;flex-wrap: wrap;}
.home.page .site-main .contentinnerfull {display:block;}
.page .site-main .contact .contentinnerfull {display:flex;}
.col.main {width:100%;}
.col.main .inner {padding:80px 20px;}
.col.box {position: relative;}
.col.box img.bg {object-fit: cover;}
.col.full {width:100%;height:33.33vw;max-height:556px;}
.page .col.box.half {position: relative; width:50%; height:33.333vw;/*max-height:554px;*/}
.page .col.btrslts {display: flex;flex-wrap: wrap;}
.page .col.btrslts .onethird {width: 33.3333%;height: 19vw;max-height: 556px;position: relative;}
.page .col.box > a {
   display: block;
   min-width: 100%;
   height: 100%;
   min-height: 100%;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
   background-color: rgba(0,147,175,0);
   transition: all 0.25s;
}
.page .col.box .socialicons a {display: inline; min-width: none; height:auto; min-height:none;}

.page .col.box img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   vertical-align:middle;
   z-index: 5;
   position: relative;
}
.page .col.btrslts img {
   z-index: 1;
   position: relative;
}
.page .col.box a .txt,
.page .col.btrslts a .txt {
   position: absolute;
   bottom: 0;
   width: 100%;
   height: 80px;
   background-color: rgba(65,65,65,0.48);
   padding: 0 40px;
   display: flex;
   align-items: center;
   justify-content: flex-end;
   z-index: 9;
   font-family: 'din-2014';
   font-weight: 300;
}
.page .col.btrslts a .txt h2 { font-family: 'din-2014'; font-weight: 300; font-size: 1.6rem;}
.page .col.box a:hover .txt,
.page .col.btrslts a:hover .txt {background-color: rgba(65,65,65,0);border-top:1px solid #fff;}

.page .col.box a .hvrfx,
.page .col.btrslts a .hvrfx {
   width: 100%;
   height: 100%;
   z-index: 7;
   position: absolute;
   display: block;
   background-color: rgba(0,147,175,0);
   transition: all 0.25s;
}
.page .col.box a:hover .hvrfx,
.page .col.btrslts a:hover .hvrfx {background-color: rgba(0,147,175,0.92);} 

.page .col.btrslts a .flash {/*position: absolute;top: 0;*/}
.page .site-main .gallery-columns-4 .gallery-item {height: auto;}

.page .col.box .txtlogo {position: absolute;
   z-index: 9;
   display: flex;
   height: calc(100% - 80px);
   width: 100%;
   align-items: center;
   justify-content: center;
   padding: 20px;
}
.page .col.box .txtlogo img {object-fit: none;}
.page .col.box .txtlogo.herosupertext {font-size:100px;}

.col.btbx .flash {
   position: absolute;
   z-index: 1;
   height: 108px;
   width: 216px;
   background: #0C2340;
   font-family:'nimbus-sans';
   font-weight: 700;
   font-size: 17px;
   color: #fff;
   text-align: center;
   line-height: 1.2em;
   text-transform: uppercase;
   top: -16px;
   right: -70px;
   -webkit-transform: rotate(45deg);
   -moz-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   -o-transform: rotate(45deg);
   transform: rotate(45deg);
}
.col.btbx .flash span {
   position: absolute;
   left: 0;
   right: 0;
   bottom: 18px;
}
.col.btbx .flash.newlisting {background: #FFCC00;}
.col.btbx .flash.reduced {background: #CE8315;}
.col.btbx .flash.sold {background: #0093AF;}
.col.btbx .flash.saleagreed {background: #006687;}

.contentfullwidth{width:100%;padding:20px 0 80px 0;}

.container--flex {
   display: flex!important;
}

.tb {display: flex;justify-content: flex-end;flex-direction: column;padding: 20px;}
.tb.full, 
.singlecontentarea,
.type-post .entry-header,
.type-post .entry-content,
.single-post .post-navigation {height:auto;padding:80px 20px;max-height: none;width:1370px!important;max-width:100%;margin:0 auto;} 
.singlecontentarea + .tb.full {padding-top:0;}

.type-post .entry-header {padding-top:0;padding-bottom:0;}
.tb.video-cover {padding:0px;}
.tb.video-cover .inner {height: 100%;width: 100%;display: flex;justify-content: flex-end;flex-direction: column; line-height: 0;}
.tb.video-cover p {margin:0;padding: 0;}
.tb.video-cover iframe {object-fit: contain;height: calc((50vw - (50vw - 830px)) * 0.5625);  width: 100%;}
.tb ul {list-style: none;padding:0;margin:0;}

.form .screenReader {
   left: -9999px;
   position: absolute;
   top: -9999px;
   display: none;
}
.form .done, .form .sending {
   background: #c29869;
   padding: 20px;
   font-size: 16px;
   width: auto;
   color: #fff;
   margin: 20px 0;
   display: none;
   text-align: center;
}
.form .sending {
   background: #fff;
   font-weight: 700;
   color: #28354c;
}
.form form {
   width: 100%;
   position: relative;
   margin: 0;
   padding: 0;
}
.form label {
   color: #fff;
   text-transform: uppercase;
   display: block;
   text-align: left;
}
input[type="text"], input[type="password"], input[type="email"], input[type="tel"], .form input[type="tel"], textarea, select {
   background: #fff;
   border: none;
   height: 50px;
   line-height: 55px;
   padding: 0;
   width: 100%;
   max-width: 100%;
   color: #0C2340;
   font-size: 20px;
   margin: 0 0 20px;
   outline: none;
   display: block;
   position: relative;
   border-bottom: 1px solid #CCC;
}
select {
   padding: 0 5px;
 }
.form input[type="text"], .form input[type="email"], .form input[type="tel"], .form textarea, .page-search input[type="text"] {
   box-sizing: border-box;
   margin: 0 0 20px 0;
   color: #0C2340;
   border: 1px solid #fff;
}
@media only screen and (max-width:1024px) {
   .page .col.box.half {height: 50vw;}
   .spbox.spboxdets {padding: 0 0 20px 20px;}
   .spbox.spboxdets .nav {display: none;}
}
@media only screen and (max-width:1024px) {
   .page .col.btrslts .onethird {width: 50%;height: auto;}
   .page .col.box a .txt, .page .col.btrslts a .txt {justify-content: flex-start;}
}
.page .col.box.half-tall{height: auto;}

.site-footer {z-index: 777;}
.site-info {display:flex;justify-content: space-between;width:1700px;padding:150px 20px 80px 20px;margin:0 auto; max-width: 100%;font-size:1.2rem}
.footerleft{display:flex;}
.footerleft div{padding-right:40px}
.footerright{display: flex;flex-direction: column;justify-content: space-between;width:345px;}
.frtop{display: flex;justify-content:flex-end;}
.frbot{display: flex;align-items: center;justify-content: space-between;}
.back2top {position: fixed;bottom:125px /* clashes with recaptcha */; right:20px;opacity:0;transition:opacity 0.25s;}
.back2top.show {opacity:1;}
.subfooter {width:1700px;padding:0px 20px 20px 20px;margin:0 auto; max-width: 100%;font-size:1.2rem}
.subfooter a {text-decoration: none;color:rgba(255,255,255,1.0);}
@media only screen and (max-width:1300px) {
   .site-info{flex-direction: column;}
   .footerleft div{padding-bottom:40px;min-width: 210px;}
   .frtop {padding-bottom: 10px;justify-content: flex-start;}
}
@media only screen and (max-width:810px) {
   .footerleft div{min-width:0;}
}
@media only screen and (max-width:767px) {
   .footerleft{flex-wrap:wrap;}
   .spbox.box-contact,.spbox.box-contact-form {padding:20px;}
   .page .col.box.half {height:auto;min-height: 100vw;width: 100%;}
   .page .col.btrslts .onethird {width: 100%;}
   .wavetext {font-size: 8.5vw;line-height: 9.5vw;}
}

.bg--white {
   background-color: #FFF;
}

.bg--yellow {
   background-color: #ffcc00;
}

.section--content {
   padding:20px 0;
}

.content--bottom {
   justify-content: end;
}

@media (min-width: 600px) {
   .contentinneroffice,
   .contentinnersocial {
      width:50%;
   }

   .section--content {
      padding:100px 0;
   }
}

.langswitch {
   text-transform: uppercase;
   letter-spacing:0.08em;
}

.langswitch .switcher{
    display: none;
}

.langswitch a {
   text-decoration: none;
}

.langswitch a:hover {
   font-family:'nimbus-sans'; font-weight: 700
}

.langswitch a.is-active {
   font-family:'nimbus-sans'; font-weight: 700
}

.featured-boats .spboxdets {
   padding:40px;
   background-color: #006687;
}

.spboximg {
   padding-bottom:25%;
}


/* Tablet up */
@media (min-width: 600px) {
   .featured-boats .slick-initialized .slick-slide {
      display: flex;
   }

   .featured-boats .spboximg {
      width:66.6%;
   }

   .featured-boats .spboxdets {
      padding:40px;
      background-color: #006687;
      width:33.3%;
   }

   .spboximg {
      padding-bottom:0;
   }
}

.featured-boats .spbox .boxtitle {
   display: table-cell;
}

.featured-boats .spbox.spboxdets table td, 
.featured-boats .spbox.spboxdets table th {
   max-width: 100%;
}

.spboxempty {
   display: flex;
   padding: 40px;
   flex-direction: column;
   overflow-y: scroll;
}
.spboxform {padding-bottom:0;}

.spbox input[type="text"], 
.spbox input[type="password"], 
.spbox input[type="email"], 
.spbox input[type="tel"], 
.spbox .form input[type="tel"], 
.spbox textarea, 
.spbox select {
   font-size:16px;
}

.wpcf7-list-item-label {
   color:#000;
}

.bg--white .wpcf7 form.invalid .wpcf7-response-output, 
.bg--white .wpcf7 form.unaccepted .wpcf7-response-output, 
.bg--white .wpcf7 form.payment-required .wpcf7-response-output {
   color:#000;
}

.btrslts .wp-block-cover, 
.btrslts .wp-block-cover-image {
   min-height:100%;
}

.boxtitle.light {
   font-family:'nimbus-sans'; font-weight: 300
}

.boat-price {
   font-size:2.5rem;
   margin-bottom: 0.25em;
}

.soldbox, .saleagreedbox, .reducedbox {display: inline-block;background-color: #0093AF;color:#fff;padding: 0 10px;margin-bottom: 10px;}
.saleagreedbox {background-color: #006687;}
.reducedbox {background-color: #CE8315;}
.fancybox-outer, .fancybox-inner {background: #0C2340;}
@media only screen and (max-width:768px) { 
   .fancybox-wrap .fancybox-image {background-size: contain!important;}
}

.sixpackboats > div.boatsearch {padding:20px;width:100%;height: auto}
.tax-boat_cats.term-sailing-yachts div.boatsearch {display:none;}
.boatsearch form {display:flex;justify-content: center;align-items: center;flex-wrap: wrap;}
.boatsearch form > div {width: 250px;padding:0 20px 0 0;}
.boatsearch form > div:last-child {width: 150px;} 
@media only screen and (max-width:789px) { 
   .boatsearch form > div:last-child {width: 250px;} 
}
@media only screen and (max-width:539px) { 
   .boatsearch form > div,
   .boatsearch form > div:last-child {width:50%;} 
}