.logo-im-mobile img{ width: 45.6vw; aspect-ratio: 206/110; }
 .navbar-default .navbar-nav > li > a{ font-size: 1vw; }
 #comp_1609330558150 .carousel-inner > .item > a > img,#comp_1609330558150 .carousel-inner > .item > img,#comp_1609330558150 .img-responsive,.thumbnail a > img,#comp_1609330558150 .thumbnail > img{ aspect-ratio: 2048/640; width: 100vw; }
 .promoBTN{ margin: 10px auto; text-align: center; font-size: 26px; font-weight: 700; display: block; padding: 10px 20px; text-decoration: none; transition: 0.3s all ease-in; color: #999; }
 .shop-online .thumbnail{ flex-direction: column; text-decoration:none; }
 .shop-online .thumbnail .thumbs-txt{ position:relative; }
 button.shopping-cart{ display: flex; min-width: 3.5vw; align-items: center; box-shadow: none; border: 0; float: left; padding: 0 8px; background-color: transparent; }
 .parts-vdp .model-tabs{ background-color:#fff; }
 .parts2021 .item.col-sm-3{ padding:.5vw !important; }
 .parts2021 .cta-btns a.main-btn{ background-color: var(--dealer-color) !important; border: 0; box-shadow: none; }
 .parts2021 a.filter-collapse,.parts2021 .filter-count{ color:var(--dealer-color)!important ; }
 .thumbnail a>img,.thumbnail>img{ margin-left: auto; margin-right: auto; width: 60%; }
 a.thumbnail:hover .thumbs-txt{ color: #fff; background-color: #464646; }
 .thumbs-txt{ font-size: calc(.5em + 1.1vw); color: #fff; text-align: center; display: block; width: 100%; padding: 1vw; text-transform: uppercase; align-self: flex-end; position: absolute; text-align: center; background: rgb(44 44 44 / 62%); transition: .3s padding ease-in-out; font-weight: 500; }
 .thumbnail{ display: block; padding: 4px; margin-bottom: 20px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: border .2s ease-in-out; -o-transition: border .2s ease-in-out; transition: border .2s ease-in-out; border-radius: 0; text-decoration: none; border: 0; padding: 0; display: flex; position: relative; text-decoration:none; }
 .home-buttons{ margin: 3vw auto 0; width: 93.9vw; }
 .inventory-li li a{ font-size: 30px; color: #fff; }
 .book-demo{ display: none !important; }
 .footer-bottom{ padding: 0vw 6vw 0vw 6vw; }
 .footer-row.footer-row--bottom{ display: flex; justify-content: space-between; align-items: center; }
 .footer-bottom__elem{ color: #fff; text-align: left; font-size: .93vw; font-weight: 600; text-transform: uppercase; }
 .footer-bottom__elem a{ color: #fff; }
 @media all and (max-width: 767px){ .navbar-default .navbar-nav > li > a{ font-size: 3.5vw; }
 .footer-row.footer-row--bottom{ flex-flow: column; }
 .footer-bottom__elem{ font-size:3vw ;text-align: center; margin-bottom:2vw }
}
 .footer-bottom__elem.footer-bottom__elem--ds-logo img{ width: 11vw; }
 @media all and (max-width: 767px){ .footer-bottom__elem.footer-bottom__elem--ds-logo img{ width: 45vw; }
}
 html{ scroll-behavior: smooth; }
 .up-button{ display:flex; align-items: center; justify-content: center; }
 .up-button .a-btn:hover{ color:#fff; }
 .shadow h3{ color: #ee171f; }
 body{ background: linear-gradient( 0deg,rgba(45,45,45,0.7),rgba(255,248,248,0.8) ),url(/site-uploads/1001280/Images/wall-paper.jpg); background-color: none !important; background-attachment: fixed; background-size: cover !important; font-size: 1.2vw; font-family: "Roboto",sans-serif !important; font-weight: 500; overflow-x: hidden; }
 .sales-link{ color: #ee171f !important; }
 .formsParent{ width: 90% !important; margin: 0 auto !important; float: none !important; background: rgba(206,206,206,0.8) !important; }
 #detailsParentDiv .model-title{ display: none !important; }
 a.lSNext::before,a.lSPrev::before{ color: #ee171f !important; }
 #page_45728 h1.model-title{ display: block !important; }
 #parent,#HeaderDiv,#CenterDiv,#FooterDiv{ width: 100% !important; float: none; }
 #CenterDiv{ max-width: 100%; float: none; margin: 0 auto; }
 #page_46208 #CenterDiv,#page_46210 #CenterDiv{ max-width: 90vw !important; }
 #HeaderDiv{ background-color: #262626; color: #f1f1f1; border-top: 5px solid #151515; }
 #HeaderDiv > div{ margin: 0 auto; float: none; }
 #HeaderDiv .container{ padding: 1.2vw 1.2vw 1.4vw 1.2vw; }
 .container{ width: 100%; max-width: 90vw; padding: 0 1.2vw; }
 .container-fluid{ padding: 0 0 0 0; }
 .row{ margin: 0 0 0 0; }
 .col,.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12{ padding: 0 1.2vw !important; }
 h1{ font-size: 2.5vw; }
 h2{ font-size: 1.8vw; }
 h3{ font-size: 1.6vw; }
 h4{ font-size: 1.4vw; }
 h5{ font-size: 1.2vw; }
 h6{ font-size: 1vw; }
 .item1{ grid-area: header; }
 .item2{ grid-area: menu; }
 .item3{ grid-area: main; }
 .item4{ grid-area: right; }
 .item5{ grid-area: footer; }
 .grid-container{ display: grid; grid-template-areas: "header header header menu main right footer"; grid-gap: 0.1vw; background-color: #464646; padding: 0 1.4vw; }
 .grid-container > div{ background-color: #464646; color: #fff !important; border-left: 0.1vw solid #ffffff4a; text-align: center; padding: 0.5vw 0 0 0; }
 .grid-container > div > a{ color: #fff !important; }
 .item1{ text-align: left !important; margin-left: 2vw; border-left: none !important; }
 .item2{ border-left: none !important; }
 .item5 img{ width: 2vw; }
 #t_hour,.fa,.set_address,.set_phone_number{ color: #fff !important; }
 .item2 table{ color: #000 !important; padding: 2vw !important; }
 .item2 table tr,.item2 table td{ padding: 0.5vw; }
 .fb-top-ico{ font-size: 1.5vw !important; padding: 0 0.5vw; }
 #nav_50779{ border-radius: 0 !important; transition-property: min-height; transition-duration: 2s; }
 .navbar{ width: 100%; background-color: #f9f9f9 !important; border: none; margin-bottom: 0; }
 .navbar .logo{ min-width: 20vw; width: 20vw; margin: 0.4vw 3vw; }
 .navbar .logo img{ min-width: 8vw; width: 12vw; margin-left: 4vw; }
 .navbar-nav > li{ padding: 0 0.6vw; }
 .navbar-default .navbar-nav > li > a{ color: #000 !important; font-weight: 700; text-shadow: none !important; text-transform: uppercase; border-bottom: 0.2vw solid #f7f7f7; transition: 0.3s border ease-out; }
 .navbar-default .navbar-nav > li > a::before{ transition: 300ms; height: 0.7vw !important; content: "" !important; position: absolute !important; background-color: #031d44 !important; }
 .navbar-default .navbar-nav > li > a:focus,.navbar-default .navbar-nav > li > a:hover,.navbar-default .navbar-nav > li > a:active{ color: #ee171f !important; border-bottom: 0.2vw solid #ee171f !important; }
 .active-link{ color: #ee171f !important; border-bottom: 0.2vw solid #ee171f !important; }
 .navbar-nav > li > a{ line-height: 1vw !important; }
 .nav > li > a{ padding: 1.5vw 0.4vw 2.2vw 0.4vw; }
 .dropdown-menu > li > a{ padding: 0.8vw 1.5vw !important; font-size: 1.2vw; font-weight: 700 !important; color: #fff !important; text-transform: uppercase !important; }
 .dropdown-menu > li > a:hover,.dropdown-menu > li > a:focus,.dropdown-menu > li > a:active{ color: #404040 !important; }
 .navbar-nav > li > .dropdown-menu{ background: #404040 !important; }
 .caret{ display: inline-block; width: 0; height: 0; margin-left: 0.2vw !important; vertical-align: middle; border-top: 0.3vw dashed !important; border-top: 0.3vw solid\9 !important; border-right: 0.3vw solid transparent !important; border-left: 0.3vw solid transparent !important; }
 .item4 .phone{ font-size: 2vw; font-weight: 700; margin-top: -0.5vw; }
 /*--------Search-***********************-----------*/ .search-div{ margin-top: 0.44vw; clear: both; margin: 0 4; float: left; position: absolute !important; right: 4.5vw !important; top: 4.5vw !important; font-size: 2.3vw !important; }
 .search-div i{ color: #464646 !important; }
 .search-div a{ background-color: #cacaca !important; padding: 0.5vw 0.5vw 0.9vw 1vw !important; border-radius: 50%; }
 .search-div a:hover{ background-color: #555 !important; }
 .search-div a:hover i{ color: #fff !important; }
 #searchbtn{ float: right; border-radius: 0; margin: 0px !important; background-color: #404040 !important; outline: none; border: none; box-shadow: none; text-shadow: none; padding: 0.6vw 0 0.7vw 0.9vw; color: #fff !important; outline: none; box-shadow: 0.1vw 0.1vw 0.4vw #464646; }
 #searchbox{ min-width: 72%; width: 72%; float: right; border-radius: 0; outline: none; border: none; height: auto; padding: 0.5vw 1vw; font-size: 1.2vw; outline: none; box-shadow: 0.1vw 0.1vw 0.4vw #464646; }
 .search-div .glyphicon-search{ font-size: 1.2vw; top: 0.2vw !important; }
 .review-btn{ margin: 5.5vw 2vw 2.7vw 1vw; font-size: 1.4vw; background: #464646; color: #fff; box-shadow: 0.1vw 0.1vw 0.4vw #464646; padding: 1vw; width: 21%; }
 .review-btn:hover{ color: #404040 !important; background: #f7f7f7 !important; }
 #footer{ background-color: #393939; color: #fff; padding: 2.5vw; }
 body#page_45178 #footer{ margin-top: 4vw; }
 #footer .col{ border-right: 1px solid #393939; }
 #footer h2{ font-size: 1.7vw; color: #fff; margin: 0px; letter-spacing: 2px; text-transform: uppercase; font-weight: 640; }
 #footer hr{ width: 64%; margin-right: 10vw; }
 #footer span{ color: #f1f1f1; }
 #footer ul{ margin: 0px; padding: 0px; }
 #footer ul li a{ display: block; color: #a2a2a2; padding-bottom: 1vw; text-transform: uppercase; }
 #footer a{ color: #a2a2a2; }
 #footer a:hover,#footer a:focus,#footer ul li a:hover,#footer ul li a:focus,#footer a span:hover,#footer a span:focus{ color: #fff; text-decoration: none; }
 .hours-days{ text-transform: uppercase; font-weight: 700; }
 .hours-det{ color: #a2a2a2 !important; }
 #footer iframe{ width: 100%; }
 #copyright{ background-color: #0e0e0e; color: #cacaca; text-align: center; font-size: 80%; }
 #copyright a{ color: #5b5b5b; }
 #top .logo{ position: relative; margin-bottom: 8px; }
 #promotions a{ background-color: #161616; display: block; padding: 30px 5px; margin: 5px; text-align: center; border: 1px solid #ccc; border-radius: 8px; box-shadow: 1pz 2pz 2pz #000; }
 #copyright a{ color: #cacaca !important; }
 #footer-mobile{ display: none; background-color: #393939; color: #fff; padding: 9vw 2vw 4vw 2vw; text-align: center !important; }
 #footer-mobile .btn-primary{ display: block; color: #fff; font-weight: bold; background: none; border: none; text-align: center; font-size: 5vw !important; margin-bottom: 5vw; background: #fff !important; color: #464646 !important; margin-right: 11vw !important; border-radius: 0 !important; margin-left: 11vw !important; }
 #footer-mobile a{ color: #fff !important; }
 #footer-mobile hr{ border-top: 0.1vw solid #6a6a6a !important; margin: 3vw 11vw 6vw 11vw; }
 .social-mob-div i{ font-size: 9vw; margin: 0 2vw 5.5vw 2vw; }
 #footer-mobile p{ font-weight: 550; line-height: 2; }
 .accordion-arrow-class{ float: right; color: #fff; }
 #footer-mobile table tr{ padding: 2vw; }
 #footer-mobile table td{ padding: 3vw; }
 #comp_1608235500619#scroller,#comp_1608235500619 .scroller,#comp_1608235500619 .gallery,#comp_1608235500619 .list-unstyled,#comp_1608235500619 .lightSlider,#comp_1608235500619 .lsGrab,#comp_1608235500619 .lSSlide{ height: 22vw !important; max-height: 100vw !important; }
 #comp_1608235500619 #scroller li{ background: #404040 !important; }
 #comp_1608235500619 #scroller li a.randomAdDetails{ background: #fff !important; }
 #comp_1608235500619 .lslide span:nth-child(2){ color: #fff !important; padding: 1vw 0.5vw 0.5vw 0.85vw !important; text-align: left !important; }
 #comp_1608235500619 .text-info{ color: #fff !important; padding: 1vw 0.5vw 0.5vw 0.5vw !important; text-align: left !important; }
 #comp_1608235500619 .text-info > span{ color: #fff !important; padding: 0 0.5vw 1vw 0.5vw !important; text-align: left !important; font-size: 2vw !important; font-weight: 700 !important; }
 #comp_1608235500619 .lslide span:nth-child(3){ color: #fff !important; padding: 0 0.5vw 1vw 0.5vw !important; text-align: left !important; font-weight: 700 !important; }
 #comp_1608235500619 .borderTemp{ border-right: none !important; }
 #comp_1608235500619 .lSSlideOuter .lSPager.lSpg{ display: none !important; }
 #comp_1608235500619 .randomAdDetails img{ max-height: 15vw !important; width: auto; height: 13vw !important; }
 a.lSNext::before{ content: "\e258"; display: block; height: 20px; width: 20px; font-size: 25px; font-family: "Glyphicons Halflings"; color: #0a4a87; }
 a.lSPrev::before{ content: "\e257"; display: block; height: 20px; width: 20px; font-size: 25px; font-family: "Glyphicons Halflings"; color: #0a4a87; }
 #comp_1608235500619 .lSAction{ position: absolute !important; right: 5vw !important; top: -5vw !important; z-index: 1000 !important; }
 #comp_1608235500619 .lSAction > .lSPrev{ right: 7vw !important; position: absolute !important; left: auto !important; }
 #comp_1608235500619 .lSAction > a{ opacity: 1 !important; background-image: none !important; }
 #comp_1608235500619 .lSSlideWrapper,#comp_1608235500619 .lSSlideOuter{ overflow: visible !important; }
 .mobile-only{ display: none; }
 #comp_1609330558150 .carousel-indicators{ bottom: 6vw !important; }
 #comp_1609330558150 .carousel-indicators li{ width: 1.1vw !important; height: 1.1vw !important; background-color: rgba(255,255,255,0.65); border: none !important; border-radius: 50% !important; }
 .carousel-indicators .active{ background-color: rgba(255,5,5,0.65) !important; }
 #comp_1609330558150 .carousel-inner > .item > a > img,#comp_1609330558150 .carousel-inner > .item > img,#comp_1609330558150 .img-responsive,.thumbnail a > img,/************About Section********************************/ .about-section{ text-align: center; background-image: url(/site-uploads/1001280/Images/motor-new-cat.jpg); background-size: cover; background-repeat: no-repeat; background-attachment: fixed; }
 .shadow{ background-color: rgba(255,255,255,0.8); padding: 4vw 0; }
 .shadow-new{ background-color: rgb(49,49,49,0.8) !important; padding: 4vw 0; }
 .about-section h1{ color: #464646; text-transform: uppercase; font-weight: 700; margin: 1.25vw 0 2vw 0; }
 .about-section p{ text-align: left !important; }
 .about-section hr{ margin: 3vw 0; width: 100%; border-bottom: solid 0.2vw #464646; }
 .about-section-new{ text-align: center; background-image: url(/site-uploads/1001280/Images/motor-new-cat.jpg); background-size: cover; background-repeat: no-repeat; background-attachment: fixed; text-align: left !important; color: #fff; }
 .about-section-new h1{ color: wheat; text-transform: uppercase; font-weight: 700; }
 .about-section-new hr{ margin: 3vw 0; width: 100%; border-bottom: solid 0.2vw wheat; }
 .title-hr{ width: 44% !important; border-bottom: solid 0.2vw wheat !important; }
 .breadcrumbParent{ min-height: 60px; display: flex !important; align-items: center; justify-content: space-between; margin-bottom: 2.5vw; background: #bfbfbf; color: #000; padding: 1.2vw 5vw; border-top: 0.1vw solid #ddd; border-bottom: 0.1vw solid #ddd; font-weight: 600; }
 .breadcrumbParent h1{ font-weight: bold; font-size: 2vw; margin: 0; flex: 1; }
 .breadcrumbParent .breadcrumb{ font-size: 1.1vw; display: flex; justify-content: flex-end; align-items: center; margin: 0; background-color: transparent; }
 .breadcrumbParent .breadcrumb a{ color: #000; }
 /*----------Contacts-----------**/ .loc-link,.btn-call-small{ background-color: #464646 !important; padding: 1vw !important; color: white !important; border-radius: 0 !important; }
 #page_46214 .btn-call-small{ display: block !important; text-align: left !important; width: 66% !important; }
 .loc-link:hover,.btn-call-small:hover{ background-color: #ee171f !important; }
 .about-section-new .panel{ background-color: rgba(255,255,255,0.4) !important; box-shadow: 0.1vw 0.1vw 0.4vw #464646; }
 #comp_1608563889466{ width: 90vw !important; margin: 4vw auto !important; float: none !important; }
 /*----------***********Inventory**************---------*-*/ .btn-group{ display: flex !important; }
 .cta-btns a{ font-size: 1vw !important; font-weight: 550 !important; padding: 0.5vw 1vw !important; margin: 0.4vw !important; font-family: "Roboto",sans-serif !important; display: block ruby !important; white-space: nowrap !important; box-shadow: 0.07vw 0.07vw 0.11vw #464646; background-color: rgba(255,255,255,0.65) !important; border-radius: 0 !important; }
 h2.model-title{ font-size: 1.25vw !important; }
 .cta-btns a.green{ background-color: #404040 !important; }
 .cta-btns a:hover,.cta-btns a:hover span,.cta-btns a.green:hover{ background-color: #f7f7f7 !important; color: #404040 !important; }
 .item.list-group-item .thumb{ padding: 1.27vw !important; border-radius: 0 !important; background: rgb(70,70,70) !important; background: linear-gradient( 0deg,rgba(157,157,157) 0%,rgba(247,247,247,1) 100% ) !important; box-shadow: 0 2.8px 2.2px rgba(0,0,0,0.034),0 6.7px 5.3px rgba(0,0,0,0.048),0 12.5px 10px rgba(0,0,0,0.06),0 22.3px 17.9px rgba(0,0,0,0.072),0 41.8px 33.4px rgba(0,0,0,0.086),0 100px 80px rgba(0,0,0,0.12); }
 .item.list-group-item .thumb .model-title-link:hover,.item.list-group-item .thumb .model-title-link:focus{ color: #ee171f !important; }
 .ESCAdsResponse,.thumb{ background-color: transparent !important; }
 #filters .filters-inner{ border-radius: 0 !important; background: rgb(70,70,70) !important; color: #fff !important; }
 #parent #filters #keyWordsSection input{ width: 80%; border-radius: 0; }
 #filters #keyWordsSection input{ margin: 5px 0; width: 100%; border-radius: 0!important; padding: 12px 10px!important; font-size: 10.5px!important; float: left!important; }
 #filters .adsSearchButton{ width: 20%; overflow: hidden; padding: 9px 9px 9px 13px; border-radius: 0 !important; color: #8F8F8F; }
 #filters .adsSearchButton:hover,#filters .adsSearchButton:focus{ background-color: #8F8F8F !important; }
 #filters .adsSearchButton .glyphicon{ color: #fff; }
 #filters .modernFilterSlider input{ background-color: #2b2b2b !important; }
 #filters .modernFilterSlider::after{ border-top: 0.8rem solid #2b2b2b !important; }
 #filters .loadMore,#filters.loadLess{ color: #000 !important; border-radius: 0 !important; }
 #filters .reset.button,#filters .adsSearchButton,#filters #keyWordsSection input{ border-radius: 0 !important; }
 .filter-collapse{ color: #fff !important; }
 /*****------------***Details Pages***------------*/ .accord-btn{ background: rgb(36,86,157) !important; background: linear-gradient( to right,rgba(47,47,47) 0%,rgba(247,247,247,1) 100% ) !important; box-shadow: 0 2.8px 2.2px rgba(0,0,0,0.034),0 6.7px 5.3px rgba(0,0,0,0.048),0 12.5px 10px rgba(0,0,0,0.06),0 22.3px 17.9px rgba(0,0,0,0.072),0 41.8px 33.4px rgba(0,0,0,0.086),0 100px 80px rgba(0,0,0,0.12); }
 .rt-action-btn{ background-color: #464646 !important; color: #f7f7f7 !important; box-shadow: 0 2.8px 2.2px rgba(0,0,0,0.034),0 6.7px 5.3px rgba(0,0,0,0.048),0 12.5px 10px rgba(0,0,0,0.06),0 22.3px 17.9px rgba(0,0,0,0.072),0 41.8px 33.4px rgba(0,0,0,0.086),0 100px 80px rgba(0,0,0,0.12); padding: 0.7vw 1vw !important; border-radius: 0 !important; }
 .model-details-content .glyphicon{ color: #f7f7f7 !important; }
 .accord-btn .glyphicon{ color: #404040 !important; }
 .rt-action-btn:hover,.rt-action-btn:hover .glyphicon{ background-color: #f7f7f7 !important; color: #404040 !important; }
 .request-quote-btn{ background-color: rgba(255,255,255,0.9) !important; color: #464646 !important; box-shadow: 0.1vw 0.1vw 0.4vw #404040 !important; }
 .request-quote-btn .glyphicon{ background-color: rgba(255,255,255,0.6) !important; color: #464646 !important; }
 .request-quote-btn:hover{ background-color: #404040 !important; color: #fff !important; }
 .request-quote-btn:hover .glyphicon{ background-color: #404040 !important; color: #fff !important; }
 #imageGallery .lslide img{ max-height: 115% !important; // width: 100% !important; object-fit: cover; min-width: 40%; }
 .model-tabs .panel{ background-color: rgba(255,255,255,0.7) !important; }
 .nav-side{ position: fixed; top: 19%; z-index: 2 !important; left: -24vw; }
 .nav-side ul{ list-style-type: none; padding: 0; transform: translatex(1.4vw); }
 .nav-side ul li{ display: block; margin: 0.6vw; background-color: rgba(0,0,0,0.5); width: 27vw; text-align: right; border-radius: 0 2.5vw 2.5vw 0; transition: all 1s; cursor: pointer; }
 .nav-side ul li.call-nav-logo{ width: 26vw !important; }
 .nav-side ul li.w-class{ width: 24.2vw !important; }
 .nav-side ul li.yamaha-nav-logo:hover,.nav-side ul li.polaris-nav-logo:hover{ transform: translatex(1.7vw) !important; }
 .nav-side ul li.call-nav-logo:hover,.nav-side ul li.w-class:hover{ transform: translatex(11vw) !important; }
 .logo-li{ padding: 4vw 0 !important; }
 .nav-side ul li.search-nav-logo{ background-color: rgba(0,91,172,0.5); }
 .nav-side ul li.call-nav-logo{ background-color: rgba(238,23,23,0.5); }
 .nav-side ul li.yamaha-nav-logo{ background-color: #fff; }
 .nav-side ul li.facebook{ background-color: rgba(59,89,153,0.5); }
 .nav-side ul li.weather-nav-logo,.nav-side ul li.polaris-nav-logo{ background-color: #fff; }
 .nav-side ul li.search-nav-logo:hover{ background-color: #464646; transform: translatex(120px) !important; }
 .nav-side ul li.call-nav-logo:hover{ background-color: #464646; }
 .nav-side ul li.facebook:hover{ background-color: #404040; }
 .nav-side ul li.weather-nav-logo:hover,.nav-side ul li.polaris-nav-logo:hover{ background-color: #f7f7f7f7; }
 .nav-side ul li.yamaha-nav-logo:hover{ background-color: #f7f7f7f7 !important; }
 .nav-side ul li a{ color: #fff; font-size: 1vw; text-decoration: none; }
 .nav-side ul li img{ width: 9vw; margin: 0 -1.4vw 0 0; transform: rotate(90deg); }
 .nav-side ul li i{ text-align: center; margin-left: 1vw; color: black; background-color: white; padding: 1.2vw; border-radius: 50%; width: 3.7vw; height: 3.7vw; font-size: 1.4vw; transform: rotate(0deg); color: #404040 !important; }
 .nav-side ul li:hover i{ transform: rotate(360deg); transition: all 1s; }
 .carousel-caption{ left: 5vw !important; background-color: rgba(36,86,157,0.6) !important; padding: 2vw !important; display: block !important; width: 35% !important; text-align: left; }
 .carousel-caption .title{ font-size: 2vw !important; font-weight: 700 !important; display: block !important; color: #fff !important; }
 .carousel-caption .text{ font-size: 1.2vw !important; display: block !important; color: #fff !important; }
 .carousel-caption .learnmore{ font-size: 1.2vw !important; padding: 1vw 2vw; display: block !important; background: #404040 !important; color: #fff !important; width: 34% !important; text-align: center !important; margin: 2vw 0; }
 #detailsParentDiv #quote-form input,#detailsParentDiv #quote-form textarea,#detailsParentDiv #quote-form select{ height: auto !important; padding: 0.5vw !important; width: 100% !important; }
 #tab-accord .nav > li > a{ padding: 0.5vw 1.4vw !important; width: 100% !important; transition: 0.3s easein all; }
 #tab-accord .nav-tabs > li{ float: none !important; margin: 0 4vw !important; display: inline-grid !important; }
 #tab-accord .nav-tabs{ border-bottom: none !important; margin-bottom: 1vw !important; }
 #tab-accord .tab-content > .active{ color: #000 !important; padding: 1vw 2vw; box-shadow: 0.1vw 0.1vw 0.4vw #464646; background-color: rgba(255,255,255,0.6); }
 .formsParent .btn{ padding: 1vw 2vw !important; margin: 1vw 1vw 2vw 1vw !important; }
 .formsParent label{ margin: 0.2vw !important; }
 .adForm input,.adForm textarea,.adForm select{ margin: 0.25vw 0; }
 .finacning-link{ display: none !important; }
 #FooterDiv{ position: relative !important; }
 #products .list-group-item .specs{ display: none !important; }
 #products .list-group-item .comment{ width: 100% !important; }
 #products .list-group-item .card-body .col-sm-9{ width: 100% !important; }
 a.View-Details,#products .list-group-item .model-title{ text-align: center !important; }
 .item.list-group-item .list-group-image{ margin-right: 1vw !important; max-width: 109% !important; border-radius: 0 !important; }
 #products .list-group-item .left-buttons{ margin-top: 2vw !important; }
 #products .list-group-item p{ font-weight: 500; margin-top: 0.4vw; }
 .item.list-group-item{ background-color: transparent !important; }
 .new-search .modal-content{ background-color: transparent !important; }
 .search-div-2{ position: absolute; top: 18vw; left: 3vw; }
 .search-div-2 #searchbtn2{ float: right; border-radius: 0 !important; padding: 1.4vw 0.2vw 1.4vw 0.9vw; margin: 0 !important; background-color: #404040 !important; color: #fff; outline: none; left: 29.2vw; position: absolute; box-shadow: 0.2vw 0.2vw 0.6vw #8a8ad0; }
 #searchbox2{ width: 29vw; float: left; border-radius: 0; outline: none; height: 5.1vw; font-size: 2vw; box-shadow: 0.2vw -0.2vw 0.4vw #fff; }
 .search-div-2 #searchbtn2 .glyphicon-search{ font-size: 2vw; }
 .sticky-nav{ position: fixed !important; top: 0px !important; left: 0px !important; bottom: 100% !important; width: 100% !important; z-index: 99 !important; min-height: 5.58vw !important; box-shadow: 0px 0.2vw 2vw #464646 !important; min-height: 5.8vw !important; }
 @media screen and (max-width: 786px){ .sticky-nav{ min-height: 13.8vw !important; }
 .navbar-collapse{ background: #000!important; }
 .form-horizontal .form-group{ margin-right: 6px !important; margin-left: -1px !important; }
 .modal-dialog{ width: auto !important; }
 #comp_1609330558150{ display: none !important; }
 h2{ font-size: 2.7vw; }
 h4{ font-size: 3vw; }
 .cta-btns a{ font-size: 2.5vw !important; padding: 1.5vw !important; }
 #model-right-content{ display: block !important; }
 .right-cta-buttons{ display: none !important; }
 #model-right-content #right-cta-buttons{ display: block !important; position: relative !important; }
 .rt-action-btn{ padding: 3vw 1vw !important; }
 .polaris-button{ width: 100%; }
 #right-cta-buttons.affix{ min-width: 100% !important; }
 h2.model-title{ font-size: 2.5vw !important; }
 .item.list-group-item .thumb{ padding: 1.27vw 1.27vw 4vw 1.27vw !important; }
 .breadcrumbParent h1{ padding: 6vw 1vw; }
 #copyright{ padding: 0vw 0 14vw 0; }
 .item.list-group-item .list-group-image{ margin-bottom: 1vw !important; margin-left: 0.8vw !important; }
 .btn.filter-ttl{ background-color: #404040 !important; }
 .filter-ttl .glyphicon{ color: #fff !important; }
 .formsParent .btn{ padding: 2vw 4vw !important; margin: 4vw 1vw 8vw 1vw !important; font-size: 6vw; }
 #page_46224 .about-section-new span{ font-size: 5vw !important; }
 .search-div-2 #searchbtn2 .glyphicon-search{ font-size: 5vw; }
}
 @media screen and (max-width: 500px){ h2{ font-size: 3.8vw; }
 .cta-btns a{ font-size: 3vw !important; }
 .breadcrumb > li > a{ font-size: 4vw; }
 .breadcrumbParent h1{ padding: 6vw 2vw; font-size: 4vw; }
 h2.model-title{ font-size: 4vw !important; }
 .item.list-group-item .thumb{ padding: 1.27vw 1.27vw 7vw 1.27vw !important; }
 .item.list-group-item .list-group-image{ margin-left: 1.4vw !important; }
 #page_46045 .about-section h3{ font-size: 6vw !important; }
}
 /*--------- ************************Media Queries*************************** ------------*/ @media all and (max-width: 786px){ body{ font-size: 3vw; font-weight: 500; }
 h1{ font-size: 3.5vw; }
 h3{ font-size: 2.5vw; }
 .navbar{ background-color: #464646 !important; }
 .navbar-default .navbar-nav > li > a{ color: #fff !important; text-align: right !important; padding: 4vw 0 4vw 0 !important; }
 .dropdown-menu > li > a{ font-size: 3vw; color: #fff !important; text-align: right !important; padding: 0 0 2.5vw 0 !important; }
 .dropdown-menu > li > a:hover{ color: #000 !important; }
 .navbar-default .navbar-nav > .open > a,.navbar-default .navbar-nav > .open > a:focus,.navbar-default .navbar-nav > .open > a:hover{ background-color: transparent !important; }
 .caret{ display: inline-block; width: 0; height: 0; margin-left: 0.5vw !important; vertical-align: middle; border-top: 0.9vw dashed !important; border-top: 0.9vw solid\9 !important; border-right: 0.9vw solid transparent !important; border-left: 0.9vw solid transparent !important; }
 .logo-im-mobile{ background: #f7f7f7; }
 .logo-im-mobile img{ margin: 2vw 0 3vw 18vw; width: 63%; }
 .mobile-ul{ margin-left: 0 !important; margin-bottom: 0 !important; padding-left: 0 !important; text-align: center; white-space: nowrap; padding-top: 6px; }
 .mobile-ul li{ display: inline-block; }
 .mobile-ul i{ font-size: 6vw; margin: 1.5vw 6vw 1.5vw 0; }
 .fb-mob-class i{ margin: 1.5vw 1vw 1.5vw 0 !important; }
 .insta-mob-class i{ margin: 3vw 1vw 1.5vw 2vw !important; }
 .insta-mob-class{ border-right: 0.1vw solid #9d9c9c94; }
 .mobile-ul table{ color: #000 !important; width: 58vw; }
 .mobile-ul table tr{ padding: 0.5vw !important; }
 .mobile-ul table td{ padding: 1vw 2vw !important; }
 #nav_50211{ background: #404040 !important; color: #fff !important; }
 .navbar-default .navbar-toggle{ background: rgba(213,5,5,1) !important; padding: 4.4vw 3vw !important; margin-top: 0 !important; margin-right: 0 !important; margin-bottom: 0 !important; border-radius: 0 !important; border-color: rgba(213,5,5,1) !important; }
 .navbar-default .navbar-toggle .icon-bar{ background-color: #fff !important; width: 5vw !important; height: 0.6vw !important; }
 .mobile-only{ display: block; }
 .desktop-only{ display: none; }
 .logo,#html_1608107068123,#comp_1608118495342,#comp_1608235500619{ display: none; }
 /*----****************** Mobile Sec 1 ************************************----*/ .first-mob-sec{ background-image: url(/site-uploads/1001276/Images/2019-09-palmerston-header-switchback-desktop.jpg); background-size: cover; background-repeat: no-repeat; background-attachment: fixed; padding: 4vw 0; }
 .first-mob-sec .blue-buttons a{ font-size: 4vw !important; background: #464646; color: #fff; box-shadow: 0.1vw 0.1vw 0.4vw #464646; padding: 2vw 1.2vw; width: 48%; text-transform: uppercase; font-weight: 600; margin: 6vw 0 2vw 0; }
 .first-mob-sec .blue-buttons a:nth-child(1){ float: left; }
 .first-mob-sec .blue-buttons a:nth-child(2){ float: right; }
 .white-buttons{ background-image: url(/site-uploads/1001280/Images/new-cat-ATV.jpg); background-size: cover; background-repeat: no-repeat; background-attachment: fixed; }
 .white-buttons .white-btn{ background-color: #fff; display: block; padding: 2.5vw 1vw; width: 90%; font-size: 5vw !important; margin: 3vw 0; color: #000; font-weight: 700; text-transform: uppercase !important; border-radius: 0; }
 .white-buttons .red-btn{ background-color: rgba(213,5,5,1) !important; display: block; padding: 2.5vw 1vw; width: 90%; font-size: 5vw !important; margin: 3vw 0; color: #000; font-weight: 700; text-transform: uppercase !important; border-radius: 0; }
 .white-buttons .white-btn img{ width: 20%; float: left; }
 .white-buttons .white-btn .btn-span{ float: none; text-align: center; padding: 3.1vw; }
 .white-buttons .red-btn .btn-span{ float: none; text-align: center; padding: 3.1vw; color: white !important; }
 .margin-top .review-btn{ margin: 0 0 6vw 0 !important; }
 /*----****************** End Mobile Sec 1 ************************************----*/ .brands-sec .title span{ display: inline-block; position: relative; font-size: 5.5vw; font-weight: 700; margin-left: 2vw; }
 .brands-sec .title span::after{ height: 5vw; border-bottom: 0.4vw solid gray; width: 40vw !important; margin-left: 1vw; }
 .brands-sec ul li a{ margin: 2vw 0; }
 .brands-sec ul li a img{ width: 100% !important; height: 100% !important; margin-left: 0 !important; }
 .title span{ font-size: 4.5vw; }
 .title span::after{ height: 4vw; width: 62vw; }
 #ffm-toolbox{ margin-bottom: 5vw !important; }
 #ffm-toolbox a{ padding: 5vw !important; font-size: 5vw !important; }
 #ffm-toolbox span.subtitle{ font-size: 3vw !important; padding-top: 1.5vw !important; padding-left: 10.4vw !important; }
 #home-content img{ width: 100vw !important; }
 #ffm-categories .col-sm-4:hover .title-wrapper:after{ height: 32vw; }
 #footer-mobile{ display: block !important; }
 #footer{ display: none !important; }
 .review{ padding: 6vw 8vw; }
 .primary-wrapper .fa-star{ font-size: 5vw; }
 .primary-wrapper .fa-google{ color: #404040 !important; font-size: 6vw; margin-left: 2vw; }
 .review__author{ margin-left: auto; font-weight: 700; font-size: 5vw; }
 .review-page-btn{ font-size: 5.4vw; width: 100%; }
 .write-review{ position: relative !important; top: 0 !important; right: 0 !important; margin-top: 11vw; }
 .write-review__subtext{ font-size: 4vw; color: #777; }
 /*------------Side Nav--------------**/ .nav-side ul li img{ transform: rotate(90deg); width: 15vw; }
 .logo-li{ padding: 6vw 0 !important; }
 .nav-side{ left: 2%; }
 .nav-side{ position: fixed !important; top: 21% !important; z-index: 2 !important; left: -12%; }
 .nav-side ul li:hover{ transform: translatex(-38px); }
 .call-nav-logo,.w-class{ display: none !important; }
 .navbar-default .navbar-nav > li > a{ border-bottom: none !important; }
 .navbar-default .navbar-nav > li > a:focus,.navbar-default .navbar-nav > li > a:hover{ border-bottom: none !important; }
 .new-search .modal-content{ background-color: transparent !important; }
 .search-div-2{ position: absolute; top: 28vw; left: 27vw; }
 .search-div-2 #searchbtn2{ float: none; border-radius: 0!important; padding: 2vw 0 1.7vw 3vw !important; margin: 0 !important; background-color: #404040 !important; color: #fff; outline: none; }
 #searchbox2{ width: 83%; float: left; border-radius: 0.5vw 0 0 0.5vw; outline: none; height: 8.1vw; font-size: 2.9vw; }
 .search-div-2 #searchbtn2{ position: initial; }
}
 @media all and (max-width: 500px){ body{ font-size: 4.5vw; font-weight: 500; }
 h1{ font-size: 5vw; }
 h3{ font-size: 4vw; }
 .caret{ display: inline-block; width: 0; height: 0; margin-left: 0.5vw !important; vertical-align: middle; border-top: 1.9vw dashed !important; border-top: 0.9vw solid\9 !important; border-right: 1.9vw solid transparent !important; border-left: 1.9vw solid transparent !important; }
 .dropdown-menu > li > a{ font-size: 3.7vw; }
 .filter-ttl{ text-align: left; }
 .filter-ttl{ text-align: left; }
 #ffm-categories .col-sm-4:hover .title-wrapper:after{ height: 37vw; }
 #footer-mobile .btn-primary{ font-size: 7vw !important; margin-bottom: 7vw; }
 .first-mob-sec .blue-buttons a{ font-size: 4.5vw !important; padding: 3vw 2.2vw; width: 48%; font-weight: 600; }
 .brands-sec .title span{ margin-left: 5vw; }
 .brands-sec .title span::after{ height: 5vw; border-bottom: 0.7vw solid gray; width: 38vw !important; margin-left: 1vw; }
 .title span{ font-size: 6.5vw; }
 .title span::after{ height: 5.5vw; width: 51vw; border-bottom: 0.5vw solid gray; }
 .nav-side{ position: fixed !important; top: 83% !important; z-index: 2 !important; transform: rotate(270deg) !important; }
 .nav-side ul{ transform: translatey(49vw) !important; }
 .nav-side ul li img{ width: 24vw !important; border-radius: 29% !important; margin: 0 -5.4vw 0 0 !important; }
 .logo-li{ padding: 10vw 0 !important; }
 .search-div-2{ top: 58vw; left: 11vw; }
 .search-div-2 #searchbtn2{ position: initial; float: none; border-radius: 0!important; padding: 2vw 0 1.7vw 3vw !important; margin: 0 !important; background-color: #404040 !important; color: #fff; outline: none; }
 #searchbox2{ width: 79%; float: left; border-radius: 0.5vw 0 0 0.5vw; outline: none; height: 11.3vw; font-size: 4.9vw; }
}
 #comp_1608245049538 form button,#comp_1608245049538 form .btn{ background-color: #464646 !important; }
 #right-cta-buttons.affix{ top: 7vw !important; }
 .formsParent .btn-default{ color: #fff !important; background-color: #464646 !important; }
 .formsParent .btn-primary{ color: #fff !important; background-color: #464646 !important;border-color: #464646 !important; }
 .grid-group-item .cta-btns a{ min-width: 100% !important; }
 .pagination > .active > a,.pagination > .active > a:focus,.pagination > .active > a:hover,.pagination > .active > span,.pagination > .active > span:focus,.pagination > .active > span:hover{ background-color: #404040 !important; border-color: #fff !important; }
 .nav-side ul li.w-class .dropdown-menu{ top: 103% !important; left: 18.5vw !important; }
 .nav-side ul li.w-class .dropdown-menu > li{ background-color: #404040 !important; width: 20vw !important; border-radius: 0 !important; padding: 0.7vw !important; }
 .nav-side ul li.w-class .dropdown-menu > li table tr,.nav-side ul li.w-class .dropdown-menu > li table td{ padding: 0 0.4vw !important; }
 .side-nav-logos{ display: none; position: fixed; top: 22%; z-index: 2 !important; }
 .side-nav-logos ul{ list-style-type: none; padding: 0; transform: translatex(-70px); }
 .side-nav-logos ul li{ display: block; margin: 1.5px; background-color: rgba(255,255,255,1); width: 140px; text-align: right; padding: 45px 0px 45px 45px; transition: all 1s; cursor: pointer; }
 .side-nav-logos ul li:hover{ transform: translatex(20px); }
 .side-nav-logos ul li.can-am{ border-right: 10px solid #ffc72c; }
 .side-nav-logos ul li.can-am-onroad{ border-right: 10px solid #e03c31; }
 .side-nav-logos ul li.sea-doo{ border-right: 10px solid; border-color: #2cd5c4; }
 .side-nav-logos ul li.ski-doo{ border-right: 10px solid#ffd45d; }
 .side-nav-logos ul li.can-am:hover{ background-color: #ffc72c; }
 .side-nav-logos ul li.can-am-onroad:hover{ background-color: #e03c31; }
 .side-nav-logos ul li.sea-doo:hover{ background: linear-gradient(90deg,#c5e86c,#2cd5c4 0); }
 .side-nav-logos ul li.ski-doo:hover{ background: #ffd45d; }
 .side-nav-logos ul li a img{ transform: rotate(270deg); width: 100px; }
 a.View-Details span{ padding: 0px !important; }
 a.View-Details,a.View-Details span{ background-color: red !important; color: #fff !important; font-weight: 650 !important; display: ruby-base-container !important; padding: 1.4vw 0.2vw !important; }
 a.View-Details .glyphicon-eye-open{ padding: 0 !important; }
 a.View-Details:hover,a.View-Details:hover span{ background-color: #fff !important; color: #464646 !important; }
 .thumb .right-buttons{ margin-top: 2.5vw !important; padding: 0vw !important; }
 .videos-box{ margin: 0.7vw 0 0 0; }
 /*------------------------- End Left Side Nav Logos----------------------------*****/ .grid{ position: relative; margin: 0 auto; padding: 1em 0 4em; max-width: 1000px; list-style: none; text-align: center; }
 .grid figure{ position: relative; float: left; overflow: hidden; margin: 10px 1%; min-width: 320px; max-width: 480px; max-height: 360px; width: 48%; background: #3085a3; text-align: center; cursor: pointer; box-shadow: 0.3vw 0.3vw 0.7vw #555; }
 .grid figure img{ position: relative; display: block; min-height: 100%; max-width: 100%; opacity: 0.8; }
 .grid figure figcaption{ padding: 2em; color: #fff; text-transform: uppercase; font-size: 1.25em; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
 .grid figure figcaption::before,.grid figure figcaption::after{ pointer-events: none; }
 .grid figure figcaption,.grid figure figcaption > a{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
 .grid figure figcaption > a{ z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0; }
 .grid figure h2{ word-spacing: -0.15em; font-weight: 300; }
 .grid figure h2 span{ font-weight: 800; }
 .grid figure h2,.grid figure p{ margin: 0; }
 .grid figure p{ letter-spacing: 1px; font-size: 68.5%; }
 /***** Lily *****/ figure.effect-lily img{ max-width: none; width: -webkit-calc(100% + 50px); width: calc(100% + 50px); opacity: 0.7; -webkit-transition: opacity 0.35s,-webkit-transform 0.35s; transition: opacity 0.35s,transform 0.35s; -webkit-transform: translate3d(-40px,0,0); transform: translate3d(-40px,0,0); }
 figure.effect-lily figcaption{ text-align: left; }
 figure.effect-lily figcaption > div{ position: absolute; bottom: 0; left: 0; padding: 2em; width: 100%; height: 50%; }
 figure.effect-lily h2,figure.effect-lily p{ -webkit-transform: translate3d(0,40px,0); transform: translate3d(0,40px,0); }
 figure.effect-lily h2{ -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; }
 figure.effect-lily p{ color: rgba(255,255,255,0.8); opacity: 0; -webkit-transition: opacity 0.2s,-webkit-transform 0.35s; transition: opacity 0.2s,transform 0.35s; }
 figure.effect-lily:hover img,figure.effect-lily:hover p{ opacity: 1; }
 figure.effect-lily:hover img,figure.effect-lily:hover h2,figure.effect-lily:hover p{ -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
 figure.effect-lily:hover p{ -webkit-transition-delay: 0.05s; transition-delay: 0.05s; -webkit-transition-duration: 0.35s; transition-duration: 0.35s; }
 /****** Added new Akram****************/ .new-categories-top{ top: 32.4vw !important; }
 .categories{ border: 0.1vw solid #5555; box-shadow: 0 2.8px 2.2px rgba(0,0,0,0.034),0 6.7px 5.3px rgba(0,0,0,0.048),0 12.5px 10px rgba(0,0,0,0.06),0 22.3px 17.9px rgba(0,0,0,0.072),0 41.8px 33.4px rgba(0,0,0,0.086),0 100px 80px rgba(0,0,0,0.12); background-color: #fff; text-transform: uppercase; font-size: 1.2vw; position: absolute; z-index: 10; width: 51vw; max-height: 25vw; margin: 0 auto; float: none; left: 22vw; top: 40.4vw; }
 .categories ul{ margin: 0px; padding: 0px; text-align: center; }
 .categories ul li{ display: inline-block; padding: 0.9vw 0.5vw 0px 0.5vw; border-right: 0.1vw solid #d8d8d8; }
 .categories ul li:last-child{ border-right: none !important; }
 .categories img{ width: 8vw; margin-top: 0px; }
 .categories span{ display: block; padding: 1vw 0px 1vw 0px; color: #555; }
 .categories ul li a:hover,.categories ul li a:focus{ text-decoration: none; color: #ee1c25 !important; }
 .categories ul li a:hover span,.categories ul li a:focus span{ color: #ee1c25 !important; }
 #ffm-categories{ width: 100%; overflow: hidden; background-color: #464646; position: relative; z-index: 1; padding-bottom: 0.15vw; }
 #ffm-categories > div{ padding: 0px; margin-top: 0.15vw; }
 #ffm-categories a{ display: block; position: relative; color: #fff; height: 35vw; }
 #ffm-categories a:hover,#ffm-categories a:focus{ text-decoration: none; }
 #ffm-categories > div:nth-child(1),#ffm-categories > div:nth-child(2),#ffm-categories > div:nth-child(3){ padding-right: 0.15vw; }
 #ffm-categories > div > a:before{ content: ""; background-repeat: no-repeat; background-position: center center; background-size: cover; position: absolute; top: 0; left: 0; bottom: 0; right: 0; }
 #ffm-categories > div:nth-child(1) > a:before{ background-image: url(/site-uploads/1001280/Images/motor-new-cat.jpg); }
 #ffm-categories > div:nth-child(2) > a:before{ background-image: url(/site-uploads/1001280/Images/new-cat-ATV.jpg); }
 #ffm-categories > div:nth-child(3) > a:before{ background-image: url(/site-uploads/1001280/Images/side-new.png); }
 #ffm-categories span{ display: block; }
 #ffm-categories > div > a > span{ height: 35vw; z-index: 2; position: relative; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1 0 auto; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; -ms-flex-align: center; -webkit-box-align: center; -webkit-align-items: center; -ms-align-items: center; align-items: center; -ms-flex-pack: end; -webkit-box-pack: flex-end; -webkit-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; }
 #ffm-categories > div > a > span > span{ position: relative; z-index: 1; -webkit-transition: 0.3s color ease-in-out; -o-transition: 0.3s color ease-in-out; transition: 0.3s color ease-in-out; }
 #ffm-categories .title-wrapper{ padding-bottom: 1.7vw; -webkit-transition: 0.3s padding ease-in-out; -o-transition: 0.3s padding ease-in-out; transition: 0.3s padding ease-in-out; }
 #ffm-categories .title{ font-size: calc(0.5em + 1.2vw); line-height: 2vw; margin-bottom: 0.5vw; letter-spacing: 0.05em; font-weight: 700; text-transform: uppercase; position: relative; z-index: 2; color: #fff; }
 #ffm-categories .subtitle{ font-size: calc(0.5em + 0.8vw); font-weight: 300; line-height: 1.5vw; text-transform: capitalize; position: relative; z-index: 2; }
 #ffm-categories .title-wrapper:after{ height: 8vw; content: ""; position: absolute; top: auto; left: 0; right: 0; bottom: 0; z-index: 0; -webkit-transition: 0.3s height ease-in-out; -o-transition: 0.3s height ease-in-out; transition: 0.3s height ease-in-out; background-color: rgba(0,0,0,0.6); }
 .another-effect-home .subtitle:after{ border-bottom: none !important; }
 .another-effect-home .title:after{ border-bottom: 3px solid #fff !important; }
 #ffm-categories .subtitle:after{ width: 3vw; bottom: -0.8vw; border-bottom-width: 0.3vw; content: ""; -webkit-transition: 0.3s border-color ease-in-out; -o-transition: 0.3s border-color ease-in-out; transition: 0.3s border-color ease-in-out; position: absolute; top: auto; left: 0; right: 0; margin: 0 auto; border-bottom: 3px solid #fff; }
 #ffm-categories .col-sm-4{ padding: 0 !important; border: #fff solid 0.2vw; }
 #ffm-categories .col-sm-4:hover .title-wrapper{ padding-bottom: 14vw; }
 #ffm-categories .col-sm-4:hover .title{ color: #ee171f !important; }
 #ffm-categories .col-sm-4:hover .subtitle:after{ border-color: #ee171f; }
 #ffm-categories .col-sm-4:hover .title-wrapper:after{ height: 35vw; }
 .a-sec{ margin: 3.4vw 0 0 0; }
 .a-btn{ font-size: 0.9vw; background: #fff; text-decoration: none !important; display: inline-block; width: 95%; text-align: center; box-shadow: 0 2.8px 2.2px rgba(0,0,0,0.034),0 6.7px 5.3px rgba(0,0,0,0.048),0 12.5px 10px rgba(0,0,0,0.06),0 22.3px 17.9px rgba(0,0,0,0.072),0 41.8px 33.4px rgba(0,0,0,0.086),0 100px 80px rgba(0,0,0,0.12); transition: 0.3s background-color ease-out; }
 .a-btn:hover,.a-btn:focus{ background: #ee171f; }
 .a-btn:hover .a-sec-span,.a-btn:focus .a-sec-span{ color: #fff; }
 .a-sec i{ float: left; color: #fff; background-color: #ee171f; font-size: 2vw; padding: 1.5vw; position: relative; }
 .a-sec-span{ color: #464646; font-size: 1.6vw !important; text-transform: uppercase; position: relative; top: 1.2vw; right: 1.5vw; }
 .faq-a{ background-color: #464646 !important; display: block; padding: 1vw !important; color: white !important; width: 50%; white-space: inherit; border-radius: 0 !important; border: none !important; text-align: left; font-size: 1.5vw; }
 .faq-a i{ float: right; }
 .faq-class hr{ margin: 3vw 0; width: 100%; border-top: solid 0.1vw wheat !important; }
 .footer-logos{ padding: 1vw 0; background: #fff; }
 .footer-logos ul li{ display: inline; text-align: center; margin: 2vw; }
 @media screen and (max-width: 786px){ .about-section h1{ font-size: 6.5vw !important; }
 .about-section p{ text-align: left; }
 .a-btn{ margin: 1vw 0; width: 100%; }
 .a-sec i{ font-size: 4vw; padding: 2.5vw 2.5vw; }
 .a-sec .fa-cogs{ padding: 2.5vw 2.1vw !important; }
 .a-sec-span{ color: #464646; font-size: 3.6vw !important; text-transform: uppercase; position: relative; top: 2vw; right: 1.5vw; }
 .side-nav-logos{ top: 93%; z-index: 3 !important; display: block !important; }
 #page_45728 .side-nav-logos{ top: 89% !important; }
 .side-nav-logos ul li a img{ transform: none !important; margin: -8vw 0 0 0; }
 .side-nav-logos ul{ display: flex; transform: translatex(0px); }
 .side-nav-logos ul li.can-am{ border-right: none; border-top: 7px solid #ffc72c; }
 .side-nav-logos ul li.can-am-onroad{ border-right: none; border-top: 7px solid #e03c31; }
 .side-nav-logos ul li.sea-doo{ border-right: none; border-top: 7px solid #2cd5c4; }
 .side-nav-logos ul li.ski-doo{ border-right: none; border-top: 7px solid#ffd45d; }
 .side-nav-logos ul li:hover{ transform: translatey(-20px); }
 .side-nav-logos ul li{ display: block; background-color: rgba(255,255,255,1); width: 100vw; max-width: 44vw; text-align: center; padding: 5px 5px 15px 5px; transition: all 1s; cursor: pointer; }
 #page_46020 .side-nav-logos ul li,#page_46019 .side-nav-logos ul li,#page_45930 .side-nav-logos ul li,#page_45935 .side-nav-logos ul li,#page_45902 .side-nav-logos ul li,#page_45904 .side-nav-logos ul li,#page_45899 .side-nav-logos ul li,#page_45811 .side-nav-logos ul li,#page_45728 .side-nav-logos ul li{ max-width: 50vw !important; }
 #copyright{ padding: 1.2vw 0 15vw 0; }
 .nav-side{ display: none !important; }
 .review-btn{ font-size: 5.4vw; width: 100%; }
 .grid figure{ margin: 10px 0 4vw 4.5vw !important; width: 100% !important; }
 .grid figure h2 span{ font-size: 5vw !important; }
 .footer-logos-mob{ display: none !important; padding: 1vw 0 0 0 !important; background: #fff !important; position: fixed; bottom: 0; left: 0; width: 100%; border-top: 0.8vw solid #ee171f; }
 .footer-logos-mob ul li{ display: inline !important; text-align: center !important; }
 .footer-logos-mob ul li img{ width: 26vw; margin: 0 4vw; }
 .beta-mob-img{ width: 11vw !important; margin: 0 2vw!important; }
 #page_46045 .beta-mob-img,#page_46222 .beta-mob-img,#page_46223 .beta-mob-img,#page_46220 .beta-mob-img,#page_46243 .beta-mob-img{ width: 11vw !important; margin: 0 2vw !important; }
 .suzuki-mob-img{ width: 31vw !important; margin: 0 0 0 1vw; }
 .kawasaki-mob-img{ width: 23vw !important; }
 .honda-mob-img{ width: 21vw !important; margin: 0 0vw 0 4vw; }
 .faq-a{ font-size:3vw;width: 100%; }
}
 @media screen and (max-width: 500px){ .a-btn{ margin: 1vw 0; }
 .a-sec i{ font-size: 6vw; padding: 3.5vw 3vw; }
 .a-sec .fa-cogs{ padding: 3.5vw 2.5vw !important; }
 .a-sec-span{ color: #464646; font-size: 5vw !important; text-transform: uppercase; position: relative; top: 2.7vw; right: 1.5vw; font-weight: 700; }
 .side-nav-logos{ top: 96%; }
 #page_45728 .side-nav-logos{ top: 93% !important; }
 .side-nav-logos ul{ display: flex; transform: translatex(0px); }
 .side-nav-logos ul li{ margin: 0.2vw !important; background-color: rgba(255,255,255,1) !important; width: 100vw; }
 .side-nav-logos ul li a img{ transform: none !important; margin: -16vw 0 0 0; }
 .side-nav-logos ul li.can-am:hover{ background-color: #ffc72c !important; }
 .side-nav-logos ul li.can-am-onroad:hover{ background-color: #e03c31 !important; }
 .side-nav-logos ul li.sea-doo:hover{ background: linear-gradient(90deg,#c5e86c,#2cd5c4 0) !important; }
 .side-nav-logos ul li.ski-doo:hover{ background: #ffd45d !important; }
 .side-nav-logos ul li:hover{ transform: translatey(-10px); }
 #page_45728 .side-nav-logos ul li{ max-width: 100vw !important; }
 .grid figure{ margin: 10px 2vw 4vw -1.5vw !important; }
 .grid figure h2 span{ font-size: 6.5vw !important; }
 .faq-a{ font-size: 5vw; padding: 4vw !important; width: 100%; }
}
 #mobile-table{ color: #000 !important; }
 .grid-group-item .thumb{ background-color: #fff !important; }
 @media all and (min-width: 787px){ ul.navbar-nav{ border-right: 0.1vw solid #c3c3c366; border-left: 0.1vw solid #c3c3c366; margin-top: 1.8vw;margin-left: 3vw; }
 .nav > li:nth-child(1) > a{ margin-left: 3vw !important; }
 #page_46045 .nav > li:nth-child(1) > a{ color: #ee171f !important; border-bottom: 0.2vw solid #ee171f !important; }
 #page_46282 .nav > li:nth-child(3) > a{ color: #ee171f !important; border-bottom: 0.2vw solid #ee171f !important; }
 .nav > li:last-child > a{ margin-right: 7vw !important; }
 .dropdown:hover .dropdown-menu{ display: block !important; margin-top: 0 !important; transition: 0.3s all ease-out; }
 .new-search-div{ top: 0.3vw !important; }
 .new-a-padding{ padding: 0.2vw 0.7vw 1vw 0.7vw !important; }
 .new-nav-logo{ min-width: 10vw !important; width: 13vw !important; }
 .new-img-size{ min-width: 7vw !important; width: 8vw !important; }
 .new-fixed-class{ position: fixed !important; top: 12vw !important; width: 20vw !important; }
 #filters{ width: 25% !important; }
 .view-group{ width: 75% !important; }
 .model-shareble{ border-radius: 0 !important; padding: 0 15px!important; top: -57px!important; position: relative!important; }
 .model-shareble > li > a{ padding: 0.3vw 1.33vw .7vw 1.2vw !important; }
}
 .modal-body{ padding: 0 !important; }
 #page_60896 .container{ color: #fff; }
 #imageGallery .lslide img{ width:100% !important; }
 .bootbox-close-button{ margin-top: 5px !important; margin-right: 10px !important; font-size: 24px; }
 /*EOF STYLE*/ #nav_50779{ background-color:#000000; border-color:#000000; color:#000000; display:block; float:none; font-weight:400; opacity:1; position:static; text-decoration-color:#000000; text-decoration-line:none; text-decoration-style:solid; }
 /*EOF STYLE*/ #inline-style-1{display:none}
 #inline-style-2{display:none}
 #inline-style-3{width: 14vw;}
 .inline-style-4{border-top: 0px}