.boatBuilder{
position: relative;
width: 100%; padding-bottom: 41.8%;
}
.boatBuilder .widget-title{display: none;}
.buildYourLegend{
display: flex;
flex-direction: row-reverse;
align-items: center;
padding: 2.5% 5% 0;
position: absolute;
width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0;
background: #d8d9db; /* Old browsers */
background: -moz-linear-gradient(top, #d8d9db 0%, #F6F7F9 39%, #d8d9db 67%, #ffffff 67%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #d8d9db 0%,#F6F7F9 39%,#d8d9db 67%,#ffffff 67%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #d8d9db 0%,#F6F7F9 39%,#d8d9db 67%,#ffffff 67%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8d9db', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.buildYourLegend .tablet{
display: block;
width: 40%;
align-self: flex-end;
}
.buildYourLegend .tablet img{
display: block; width: 100%;
}
.buildYourLegend section{
width: 69%;
text-align: center;
}
.buildYourLegend .legendGearLogo{
width: 28%; max-width: 156px;
}
.buildYourLegend h3{
font-family: "gotham-medium";
font-weight:700;
font-size: 5vw;
color: #363636;
line-height: 1;
padding: 0; margin: 0;
}
.buildYourLegend p{
font-family: "gothamHTF-light";
font-size: 3vw;
color: #96979B;
text-transform: uppercase;
line-height: 1;
padding: 0; margin: 0.25em 0 0;
}
.buildYourLegend .cta{
margin-top: 7vw;
}
.buildYourLegend a {
text-decoration: none !important;
outline: none !important;
}
.primaryBtn {
line-height: 1.5;
font-family: "gotham-medium";
font-weight: 800;
color: #fff;
text-transform: uppercase;
display: inline-block;
padding: 12px 15px 10px;
background: rgba(0,177,240,.9);
right: auto;
bottom: auto;
position: relative;
font-size: 1.5vw;
}
.primaryBtn.primaryBtn--hoverFocus {
transition: all .3s linear !important;
border: 1px solid rgba(0,177,240,.9) !important;
}
.primaryBtn.primaryBtn--hoverFocus:hover, .primaryBtn.primaryBtn--hoverFocus:focus {
background: rgba(255,255,255,.9) !important;
color: #00b1f0 !important;
font-family: "gotham_htf_bold" !important;
font-weight: 600 !important;
}
.buildYourLegend .legendLogo{
width: 60%;
max-width: 300px;
margin-left: 10%;
vertical-align: middle;
}
.next{
background: grey;
min-height: 300px;
}
@media screen and (max-width: 720px){
.boatBuilder{
padding-bottom: 0;
}
.buildYourLegend{
display: block;
overflow: hidden;
position: relative;
z-index: 1;
}
.buildYourLegend .cta{
margin-top: 2em;
}
.buildYourLegend a{
font-size: 1em;
}
.buildYourLegend .legendLogo{
display: block;
margin: 2em auto 1em;
width: 35%;
}
.buildYourLegend .tablet{
width: 75%; max-width: 320px; margin: 0 auto;
}
.buildYourLegend section{
width: 100%;
margin-bottom: 2vw;
}
.next{
position: relative;
z-index: 2;
}
}
#widget-i1byb { margin-top: 0px;margin-bottom: 0px; }#widget-i1byb { background-image: url( https://dp9bvp4lmovex.cloudfront.net/wp/wp-content/uploads/2019/11/optim-ResizedIMG-Homepage-AllModelsBanner.jpg );background-repeat: no-repeat;background-position: center center;background-attachment: scroll;background-size: cover; }.models-2019 h3, .models-2019 p{
background: rgba(0, 0, 0, 0.5);
padding: 0 1em 0 3.125vw;
color: #FFF;
width: 80%;
max-width: 500px;
margin: 0;
}
.models-2019 .widget-title{
margin-bottom: 0;
padding-top: 150px;
padding-bottom: 0.25em;
}
.models-2019 p{
padding-bottom: 1.3em;
line-height: 1.25;
}
.models-2019 .home-slider-btn{
padding-bottom: 150px;
}
.home-slider-btn a{
font-size: 1em!important;
}
@media screen and (max-width: 768px){
.models-2019{
padding-top: 200px; padding-bottom: 0;
}
.models-2019 h3, .models-2019 p{
width: 100%; max-width: 100%;
}
.models-2019 .widget-title{
padding-top: 0.5em; font-size: 2em; line-height: 1.25;
}
.models-2019 .home-slider-btn{
padding-bottom: 1em;
}
}
#widget-i1goc { margin-top: 0px;margin-bottom: 0px; }#widget-i1goc { background-image: url( https://dp9bvp4lmovex.cloudfront.net/wp/wp-content/uploads/2019/11/optim-Catalogue-Homepage-Banner-sanstext-11.jpg );background-repeat: no-repeat;background-position: center center;background-attachment: scroll;background-size: cover; }.catalogue-2019 h3, .catalogue-2019 p{
padding: 0 1em 0 3.125vw;
color: #000;
width: 80%;
max-width: 500px;
margin: 0;
}
.catalogue-2019 .widget-title{
margin-bottom: 0;
padding-top: 150px;
padding-bottom: 0.25em;
}
.catalogue-2019 p{
padding-bottom: 1.3em;
line-height: 1.25;
}
.catalogue-2019 .home-slider-btn{
padding-bottom: 150px;
}
@media screen and (max-width: 768px){
.catalogue-2019{
padding-top: 200px; padding-bottom: 0;
}
.catalogue-2019 h3, .catalogue-2019 p{
background: rgba(0, 0, 0, 0.5);
color: #FFF;
width: 100%; max-width: 100%;
}
.catalogue-2019 .widget-title{
padding-top: 0.5em; font-size: 2em; line-height: 1.25;
}
.catalogue-2019 .home-slider-btn{
padding-bottom: 1em;
}
}
