#saprol__post-11__row-2 { padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px; }
#widget-qfrno { margin-top: 0px;margin-bottom: 0px; }.blueTag {
margin-bottom: 0
}
.blueTag .widget-title {
display: none
}
.blueTagDays{
display: flex;
flex-direction: row-reverse;
position: relative;
max-width: 2600px;
font-family: 'gotham_htf';
overflow: hidden;
}
.blueTagDays__copy{
width: 47%;
background-color: #0fb7ff;
color: #FFF;
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
box-shadow: 0 0 25px 5px rgba(0, 0, 0, 0.75);
padding: 3vw 0;
}
.blueTagDays__copy::before{
position: absolute; top: 0; right: 0; bottom: 0; left: 0;
width: 100%; height: 100%;
content: "";
background: -moz-linear-gradient(left, rgba(42,144,208,1) 0%, rgba(42,144,208,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(42,144,208,1) 0%,rgba(42,144,208,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(42,144,208,1) 0%,rgba(42,144,208,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a90d0', endColorstr='#002a90d0',GradientType=1 ); /* IE6-9 */
z-index: 1;
}
.blueTagDays__copy h3, .blueTagDays__copy p, .blueTagDays__copy a{
position: relative;
z-index: 1;
margin-left: 3vw;
line-height: 1;
}
.blueTagDays__copy h3{
font-size: 2.5vw;
font-weight: 800;
color: #026686;
text-transform: uppercase!important;
width: 70%;
margin-top: 0; margin-bottom: 1em;
}
.blueTagDays__copy p .one{
font-size: 5.7vw; font-weight: 800;
text-transform: uppercase;
display: block;
}
.blueTagDays__copy p .two{
font-size: 5.7vw;
text-transform: uppercase;
display: block;
}
.blueTagDays__copy p .three{
font-size: 3.7vw;
text-transform: uppercase;
display: inline-block;
vertical-align: middle;
}
.blueTagDays__copy p .three i{
display: block; font-style: normal;
}
.blueTagDays__copy p .four{
font-size: 7.1vw;
text-transform: uppercase;
font-weight: 800;
vertical-align: middle;
display: inline-block;
}
.blueTagDays__lifestyle{
display: block;
width: 53%;
}
.blueTagDays__lifestyle img{
display: block; width: 100%;
}
.blueTagDays__blueTag{
width: 27%;
position: absolute;
top: 50%; left: 50%;
transform: translate(-50%, -50%);
z-index: 3;
}
.blueTagDays__blueTag img{
width: 100%;
}
.gradientBtn {
border: 1px solid #0094c9;
display: inline-block;
width: fit-content;
width: -moz-fit-content;
text-decoration: none;
font-weight: 600;
text-transform: uppercase;
padding: 6px 20px;
font-size: 16px;
margin-top: 0.5em;
color: #fff;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
cursor: pointer;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
}
.gradientBtn--primary {
background: #14b6f1;
background: -moz-linear-gradient(top, #14b6f1 0%, #00a2dd 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #14b6f1), color-stop(100%, #00a2dd));
background: -webkit-linear-gradient(top, #14b6f1 0%, #00a2dd 100%);
background: -o-linear-gradient(top, #14b6f1 0%, #00a2dd 100%);
background: -ms-linear-gradient(top, #14b6f1 0%, #00a2dd 100%);
background: linear-gradient(to bottom, #14b6f1 0%, #00a2dd 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#14b6f1", endColorstr="#00a2dd", GradientType=0 );
}
.gradientBtn--primary.gradientBtn--hoverFocus {
transition: all .3s linear !important;
}
.gradientBtn--primary.gradientBtn--hoverFocus:hover, .gradientBtn--primary.gradientBtn--hoverFocus:focus {
background: linear-gradient(to bottom, white 0%, white 100%) !important;
color: #00b1f0 !important;
font-family: "gotham_htf" !important;
font-weight: 600 !important;
}
@media screen and (max-width: 540px){
.blueTagDays{
display: block;
}
.blueTagDays__lifestyle{
max-height: 300px;
}
.blueTagDays__lifestyle, .blueTagDays__copy{
width: 100%;
}
.blueTagDays__copy{
padding: 15vw 0 5vw;
}
.blueTagDays__copy h3{
width: 90%;
font-size: 5vw;
}
.blueTagDays__blueTag{
width: 40%; min-width: 170px;
top: 19%;
left: 0; transform: translateX(0);
}
.blueTagDays__copy p .one, .blueTagDays__copy p .two{
display: inline;
}
.blueTagDays__copy p .one{
font-size: 8.7vw;
}
.blueTagDays__copy p .three{
font-size: 5.7vw;
}
.blueTagDays__copy p .four{
font-size: 11.5vw;
}
.blueTagDays .mobileOnly{
display: block;
}
}
.enjoy-freedom {
margin-bottom: 0
}
.enjoy-freedom .widget-title {
display: none
}
.readerOnly {
position: absolute;
overflow: hidden;
clip: rect(0 0 0 0);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0
}
.freedomPromo {
background: #019dd0 url(https://s3-us-west-2.amazonaws.com/legend-media-vault/wp-content/uploads/2019/05/EnjoyFreedomPromo/EnjoyFreedomPromo_Background.png) top center no-repeat;
background-size: 100% auto;
color: #FFF;
width: 100%;
box-sizing: border-box;
padding: 4.5% 2.5% 1% 3%;
position: relative
}
.freedomPromo__wrapper {
display: flex;
justify-content: space-around;
align-items: center;
box-sizing: border-box
}
.freedomPromo__intro {
width: 52.5%;
position: relative;
padding-right: 2%
}
.freedomPromo__heading {
background: url(https://s3-us-west-2.amazonaws.com/legend-media-vault/wp-content/uploads/2019/05/EnjoyFreedomPromo/EnjoyFreedomPromo_EN-Text.png) top center no-repeat;
background-size: cover;
text-indent: -999999px;
width: 85%;
height: 0;
padding-bottom: 19.23%;
margin: 0 0 0 8%;
position: relative;
z-index: 1
}
.freedomPromo__product {
display: block;
width: 90%;
position: relative;
z-index: 2;
margin-top: -2.25vw
}
.freedomPromo__components {
width: 47.5%;
text-align: center
}
.freedomPromo__subheading {
background: url(https://s3-us-west-2.amazonaws.com/legend-media-vault/wp-content/uploads/2019/05/EnjoyFreedomPromo/EnjoyFreedomPromo_Includes.png) top center no-repeat;
background-size: cover;
text-indent: -999999px;
width: 48.125%;
height: 0;
padding-bottom: 6.875%;
margin-left: 15vw
}
.freedomPromo__primaryComponents {
list-style: none!important;
margin: 0!important;
padding: 0!important;
width: 100%;
display: flex;
justify-content: space-around;
align-items: center
}
.freedomPromo__components li {
list-style: none!important;
margin: 0!important;
padding-top: 0!important;
padding-left: 0!important;
padding-right: 0!important;
position: relative
}
.freedomPromo__component1 {
background: url(https://s3-us-west-2.amazonaws.com/legend-media-vault/wp-content/uploads/2019/05/EnjoyFreedomPromo/EnjoyFreedomPromo_En-Trailer.png) top center no-repeat;
background-size: cover;
text-indent: -999999px;
width: 34.8%;
height: 0;
padding-bottom: 30%!important
}
.freedomPromo__component2 {
background: url(https://s3-us-west-2.amazonaws.com/legend-media-vault/wp-content/uploads/2019/05/EnjoyFreedomPromo/EnjoyFreedomPromo_EN-Mooring.png) top center no-repeat;
background-size: cover;
text-indent: -999999px;
width: 34.8%;
height: 0;
padding-bottom: 30%!important
}
.freedomPromo__component3 {
background: url(https://s3-us-west-2.amazonaws.com/legend-media-vault/wp-content/uploads/2019/05/EnjoyFreedomPromo/EnjoyFreedomPromo_EN-More.png) top center no-repeat;
background-size: cover;
text-indent: -999999px;
width: 40.7%;
height: 0;
padding-bottom: 35.9%!important
}
.freedomPromo__component1::after,
.freedomPromo__component2::after {
content: "plus";
display: block;
background: url(https://s3-us-west-2.amazonaws.com/legend-media-vault/wp-content/uploads/2019/05/EnjoyFreedomPromo/EnjoyFreedomPromo_PlusIcon.png) top center no-repeat;
background-size: cover;
text-indent: -999999px;
width: 20.8%;
height: 0;
padding-bottom: 20.8%;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: -14.3%;
z-index: 2
}
.freedomPromo__cta {
display: block;
margin: 2em 0 0 11vw;
-webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.5);
box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.5)
}
.freedomPromo__legal {
margin-top: 1.5em
}
.freedomPromo__legal p {
padding: 0;
width: 83%;
margin: 0 auto;
text-align: center;
font-size: .65em;
color: #017397;
line-height: 1.25
}
.gradientBtn {
border: 2px solid #00CAFE;
display: inline-block;
font-family: "gotham-medium";
font-weight: 600;
text-transform: uppercase;
padding: .5em 2.05em;
font-size: 1.25em;
color: #fff;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
cursor: pointer;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
text-decoration: none
}
.gradientBtn--primary {
background: #00CAFE;
background: -moz-linear-gradient(top, #00CAFE 0%, #0291E9 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #00CAFE), color-stop(100%, #0291E9));
background: -webkit-linear-gradient(top, #00CAFE 0%, #0291E9 100%);
background: -o-linear-gradient(top, #00CAFE 0%, #0291E9 100%);
background: -ms-linear-gradient(top, #00CAFE 0%, #0291E9 100%);
background: linear-gradient(to bottom, #00CAFE 0%, #0291E9 100%);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#00CAFE", endColorstr="#0291E9", GradientType=0)
}
.gradientBtn--primary.gradientBtn--hoverFocus {
transition: all .3s linear!important
}
.gradientBtn--primary.gradientBtn--hoverFocus:hover,
.gradientBtn--primary.gradientBtn--hoverFocus:focus {
background: linear-gradient(to bottom, white 0%, white 100%)!important;
color: #00b1f0!important;
font-family: "gotham-medium"!important;
font-weight: 600!important
}
.clickOverlay{
display: block;
position: absolute; top: 0; right: 0; bottom: 0; left: 0;
width: 100%; height: 100%;
background-color: rgba(255, 255, 255, 0);
z-index: 3;
cursor: pointer;
}
.clickOverlay:hover, .clickOverlay:focus{
background-color: rgba(0, 0, 0, 0.3);
transition: all 0.3s linear;
}
@media screen and (max-width: 720px) {
.freedomPromo {
padding-bottom: 3%
}
.freedomPromo__wrapper {
display: block
}
.freedomPromo__intro {
width: 90%;
margin: 0 auto
}
.freedomPromo__components {
width: 85%;
margin: 1.5em auto 0
}
.freedomPromo__subheading {
margin: 0 auto 1em
}
.freedomPromo__cta {
margin: 1.5em auto 0
}
}
@media screen and (max-width: 480px) {
.freedomPromo__primaryComponents {
flex-wrap: wrap
}
.freedomPromo__component1,
.freedomPromo__component2 {
width: 50%;
padding-bottom: 47%!important
}
.freedomPromo__component1::after {
display: none
}
.freedomPromo__component2::after {
width: 32.8%;
padding-bottom: 32.8%;
top: 80%;
right: 80%
}
.freedomPromo__component3 {
width: 60%;
padding-bottom: 58%!important;
top: -4vw;
left: -.5vw
}
}
#widget-cf7e5 { margin-top: 0px;margin-bottom: 0px; }#widget-cf7e5 { background-image: url( https://dp9bvp4lmovex.cloudfront.net/wp/wp-content/uploads/2019/01/L-Series-Homepage-Banner-thinner.jpg );background-repeat: repeat;background-position: center center;background-attachment: scroll;background-size: auto; }.l-series h3, .l-series p{
background: rgba(0, 0, 0, 0.5);
padding: 0 1em 0 5.525vw;
color: #FFF;
width: 80%;
max-width: 500px;
margin: 0;
}
.l-series .widget-title{
margin-bottom: 0;
padding-top: 15vw;
padding-bottom: 0.25em;
}
.l-series p{
padding-bottom: 1.3em;
line-height: 1.25;
}
.l-series .home-slider-btn{
padding-bottom: 15vw;
}
@media screen and (min-width: 1366px){
.l-series .widget-title{
padding-top: 150px;
}
.l-series .home-slider-btn{
padding-bottom: 150px;
}
}
@media screen and (max-width: 768px){
#widget-cf7e5{
padding-top: 200px; padding-bottom: 0;
}
.l-series h3, .l-series p{
width: 100%; max-width: 100%;
}
.l-series .widget-title{
padding-top: 0.5em; font-size: 2em; line-height: 1.25;
}
.l-series .home-slider-btn{
padding-bottom: 1em;
}
}
.boatBuilder .widget-title{display: none;}
.buildYourLegend{
display: flex;
flex-direction: row-reverse;
align-items: center;
padding: 2.5% 5% 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){
.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/06/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;
}
@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/06/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.
2019 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