.three-across{
}
.three-across .entry-thumb{
padding-bottom: 62%!important;
}
.three-across .entry-thumb a{
position: absolute; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; z-index: 1;
}
.spa-widget-product-special .spa-readmore{
position: absolute!important;
left: 50%!important;
transform: translateX(-50%)!important;
bottom: 18%!important;
z-index: 2!important;
font-size: 1.2vw!important;
}
.three-across .spa-wrap-intro-thumb i{
display: none!important;
}
.spa-widget-product-special .spa-title-thumb{
font-size: 5.3vw!important;
}
.three-across .spa-wrap-intro-thumb{
top: 40%!important;
}
.three-across .spa-readmore i{
display: none!important;
}
@media screen and (max-width: 799px){
.col-md-4.col-sm-4.col-xs-12:last-of-type{
width: 100%;
}
.col-md-4.col-sm-4.col-xs-12:last-of-type .entry-thumb{
padding-bottom: 30%!important;
}
.col-md-4.col-sm-4.col-xs-12:last-of-type .entry-thumb a img{
position: absolute; top: -20vw;
}
}
@media screen and (max-width: 639px){
.col-md-4.col-sm-4.col-xs-12:last-of-type .entry-thumb{
padding-bottom: 62%!important;
}
.col-md-4.col-sm-4.col-xs-12:last-of-type .entry-thumb a img{
position: absolute; top: 0vw!important;
}
.spa-widget-product-special .spa-title-thumb{
font-size: 12.3vw!important;
}
.spa-widget-product-special .spa-readmore{
font-size: 4vw!important;
}
}
#saprol__post-11__row-2 { padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px; }
.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;
}
}
Build Your Legend
#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;
}
}
#saprol__post-11__row-3 { padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px; }#saprol__post-11__row-3 { background-color: #e9e7e8; }
#saprol__post-11__col-3 .saprol-col-wrap { padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px; }
#widget-tjb39 { margin-top: 0px;margin-bottom: 0px; }#widget-tjb39 { padding-top: 0px;padding-bottom: 0px; }#widget-tjb39 { background-image: url( https://dp9bvp4lmovex.cloudfront.net/wp/wp-content/uploads/2018/02/Catalogue-HomepageBanner.jpg );background-repeat: no-repeat;background-position: center center;background-attachment: scroll;background-size: cover; }#widget-tjb39 { height:489px; }
.hbspt-form { margin-top:20px !important; }
label#label-firstname-fbdab8bb-f22f-4b77-86a3-4761f983e59e, label#label-lastname-fbdab8bb-f22f-4b77-86a3-4761f983e59e, label#label-email-fbdab8bb-f22f-4b77-86a3-4761f983e59e, .hs_error_rollup, .hs-error-msgs { display:none !important; }
label.hs-form-booleancheckbox-display { display:block !important; }
.inputs-list multi-container { clear:both; }
li.hs-form-radio { display:inline-block !important;width:auto !important;margin-right:40px !important; }
@media (max-width:767px){
#widget-tjb39 { background-position:right center; }
}
Download yours now.
2020 Models
Side Consoles
Full Windshields
Pontoons
Shopping Tools
Contact Us
Legend Boats
4795 Regional Road 55
Whitefish, ON - P0M 3E0
Phone: (705) 866-2821
Fax: (705) 866-2616
Toll Free: 1-800-461-4050
Barrie: 1-800-459-8448
Montreal: 1-877-855-5771