.home-breif{ margin: 7vw auto!important } #page_54840 .breadcrumbParent,#page_71801 .breadcrumbParent,#page_72658 .breadcrumbParent,#page_71802 .breadcrumbParent,#page_72659 .breadcrumbParent{ display: none !important; } #page_54869 #LeftDiv{ display: block !important; padding-left: 4vw; padding-top: .5vw; } #page_54869 #CenterDiv{ width: 50% !important; } @media (max-width: 768px){ #page_54869 #CenterDiv{ width: 100% !important; } } #HeaderDiv .header-1-nav .top .descktop .green{ background-color: #1a8c1a; font-weight: bold; } #HeaderDiv .header-1-nav .top .descktop .green a{ color: #fff; } #HeaderDiv .header-1-nav .top .descktop .yellow{ background-color: #FFD800; font-weight: bold; } #HeaderDiv .header-1-nav .top .descktop .yellow a{ color: #000; } #HeaderDiv .header-1-nav .top .descktop .red{ background-color: #ED1C24; font-weight: bold; } #HeaderDiv .header-1-nav .top .descktop .red a{ color: #fff; } #HeaderDiv .header-1-nav .top .descktop .green:hover a,#HeaderDiv .header-1-nav .top .descktop .green:focus a,#HeaderDiv .header-1-nav .top .descktop .yellow:hover a,#HeaderDiv .header-1-nav .top .descktop .yellow:focus a,#HeaderDiv .header-1-nav .top .descktop .red:hover a,#HeaderDiv .header-1-nav .top .descktop .red:focus a{ color: #fff !important; } @media (max-width:769px){ #HeaderDiv .header-1-nav .top .descktop{ display: flex !important; padding: 0 !important; } #HeaderDiv .header-1-nav .top .descktop ul li{ font-size: .8em; } #HeaderDiv .header-1-nav .top .descktop ul li a{ height: unset; padding: .4em .6em !important; } } #comp_1715363209910 .carousel,#comp_1717438070486 .carousel{ padding: 2em 5em 4em 5em; } #comp_1715363209910 .carousel-inner>.item>a>img,.carousel-inner>.item>img{ width: 100%; aspect-ratio: 36/5; object-fit: cover; min-height: 5em; } .carousel-control{ font-size: 1em;opacity: 1; } .carousel-control img{ display: none; } #comp_1715363209910 .carousel-control.left,#comp_1717438070486 .carousel-control.left,#comp_1715363209910 .carousel-control.right,#comp_1717438070486 .carousel-control.right{ background-image: none !important; } #comp_1715363209910 .carousel-control.left:before,#comp_1717438070486 .carousel-control.left:before{ content: "\e257";display: block;height: 2em;width: 2em;font-size: 1.4em;font-family: "Glyphicons Halflings";position: absolute;top: 5em;left: 4em;background: var(--main-color);border-radius: 50%; } #comp_1715363209910 .carousel-control.right:before,#comp_1717438070486 .carousel-control.right:before{ content: "\e258";display: block;height: 2em;width: 2em;font-size:1.4em;font-family: "Glyphicons Halflings";position: absolute;top: 5em;right: 4em;background: var(--main-color);border-radius: 50%;transform: none; } #comp_1715363209910 .carousel-control.left:before,#comp_1717438070486 .carousel-control.left:before,#comp_1715363209910 .carousel-control.right:before,#comp_1717438070486 .carousel-control.right:before{ padding-top: .25em; } #comp_1715363209910 .carousel-indicators,#comp_1717438070486 .carousel-indicators{ bottom: 3em; } .carousel-indicators li,.carousel-indicators .active{ width: 2em;height: .3em;margin: 0.1em;border-radius: 0;border: none; } .carousel-indicators li{ background-color: #7a7a7a; } @media (max-width:769px){ #comp_1715363209910 .carousel{ padding: 1em; } #comp_1715363209910 .carousel-control.left:before,#comp_1717438070486 .carousel-control.left:before{ font-size: 1em; top: 2.5em; left: 2em; } #comp_1715363209910 .carousel-control.right:before,#comp_1717438070486 .carousel-control.right:before{ font-size: 1em; top: 2.5em; right: 2em; } } #page_53040 .rocket-monthly h3,#page_54840 .rocket-monthly h3{ font-weight: 700; font-family: var(--secondary-font); color: var(--main-font-color); font-size: 2.4722222222222vw; text-transform: uppercase; margin-top: 0; } @media (max-width:769px){ #page_53040 .rocket-monthly,#page_54840 .rocket-monthly{ flex-direction: column; } #page_53040 .rocket-monthly h3,#page_54840 .rocket-monthly h3{ font-size: 1em; } } .links-img-text{ display: flex; justify-content: space-between; } ._new-prizes-section .content .item .links-img{ flex-direction: column; } hr.dark{ border-top: 2px solid #000 !important; width: 100%; } .tir-content{ padding: 0 !important; display: flex; width: 100% !important; justify-content: space-between; align-items: center; } .tir-content .tir-text{ display: flex; margin-left: 1vw; padding: 0 !important; flex-direction: column; justify-content: center; align-items: center; } .tir-content .tir-text p{ font-weight: 500; text-align: center; } a.btn.btn-danger.upper._16.winer{ margin : 0; color: #fff; background-color: var(--main-color) !important; } a.btn.btn-danger.upper._16.winer:hover{ color:var(--main-color); background-color: #fff !important; } .home-prizes .big-1 .abs{ text-align: center; width: 24%; top: 4%; right: 35%;font-size: 0.7em; } .home-prizes .big-1 .circle-label.red{ top: 16%; left: 4%; } .home-prizes .small-2-3>div .circle-label{ top: 43%; right: 6%; } .home-prizes .big-1 div.left img{ max-width: 100%; } .home-prizes .big-1{ align-items: flex-start!important } .home-prizes .small-2-3>div .yamaha img{ width: 8vw !important; } .footer-content-container .sm-footer .panel-group .panel.panel-default .panel-body .logos img{ margin: auto; margin-bottom: 3vw; max-width: 22vw; } .footer-content-container .sm-footer .panel-group .panel.panel-default .panel-body .logos{ justify-content: center; align-items: center; } .home-prizes .small-2-3>div{ max-height:100% !important; height: 100% !important; } .home-prizes .small-2-3>div>div{ flex-direction: column !important; flex-direction: column !important; align-items: flex-start !important; } .home-prizes .small-2-3>div img{ max-width: 100% !important; width:100% !important; } .nd2-winner{ font-size: 100% !important; width: 2vw !important; height: 2vw !important; top: 0.4vw !important; left: 3.5vw !important; } .nd3-winner{ font-size: 100% !important; width: 2vw !important; height: 2vw !important; left: 6vw !important; top: 0.4vw !important; } @media (max-width: 767px){ .nd2-winner{ font-size: 100% !important; width: 8vw !important; height: 8vw !important; top: 1.4vw !important; left: 15.5vw !important; } .nd3-winner{ font-size: 100% !important; width: 8vw !important; height: 8vw !important; left: 25vw !important; top: 1.4vw !important; } } /**search**/ #page_54654 .sortby-row.visible-xs{ display:flex !important; } #page_54654 .sortby-row.visible-xs #keyWordsSection{ display:block !important; } .modal-content #searchbox2,#searchboxParts{ width: 75%!important; float: left; border-radius: 0px; border: 0px; outline: none; font-size: 1.3vw; padding: .5vw 1.5vw; height:5vw; } #searchbtn2,#searchbtnParts{ float: none; border-radius: 0px; border: 0px; padding: 1.5vw 2vw 1.6vw 1.5vw !important; margin: 0px !important; background-color: #ffa800!important; outline: none; } #searchbtn2:hover,#searchbtn:active,#searchbtnParts:hover,#searchbtnParts:active{ background-color: #251f1c!important; } #searchbtn2 .glyphicon,#searchbtnParts .glyphicon{ width: 1.2vw; font-size: 2vw; padding: 0px; border: 0px; color: #fff; display: block; top: 0; } #searchModal .modal-content,#searchModalParts .modal-content{ border: none; background-color: transparent; background: none; box-shadow: none; } #searchModal .modal-dialog,#searchModalParts .modal-dialog{ margin-top: 9%; !important; margin-left: auto; margin-right: auto; } #searchModal .modal-open .modal,#searchModalParts .modal-open .modal{ padding-right: 0; } @media all and (max-width: 767px){ .rocket-monthly h5{ font-size: 3.25vw; } #searchbox2,#searchboxParts{ width: 82%; height: 6.1vw; font-size: 3vw !important; padding: .5vw 1.5vw !important; } #searchbtn2 .glyphicon,#searchbtnParts .glyphicon{ font-size: 4vw; width: 3.2vw; } } #searchbox2{ order: -4; } @media (max-width:992px){ #searchModal .modal-dialog,#searchModalParts .modal-dialog{ margin: 10vw 10vw !important; } .modal-body .search-div{ width: 100vw !important; margin-top: 20vw; display: flex; } .modal-body #searchbox2,#searchboxParts{ width:100vw!important; height: 15vw; font-size: 5vw !important; } .modal-body #searchbtn2 .glyphicon,#searchbtnParts .glyphicon{ font-size: 8vw; width: 4vw; order:-4 } .modal-body #searchbtn2{ padding: 3vw 7vw 4vw 3vw !important; } .modal-body{ padding:0vw } } /**searchend**/ .bottom-lang a{ background: gray; color: #fff; display: inline-block; padding: 2vw 3vw; } .lang-toggle{ display:flex; } #HeaderDiv .header-1-nav .top .descktop ul li.lang-toggle a{ padding: 0 0.8vw; background-color: #505050; border-right: 1px solid #484848; } .thumb .specs-box.collapse{ display: block !important; } .thumb .specs-btn-parent{ display: none; } #page_53639 #LeftDiv{ display: block !important; padding-left: 4vw; padding-top: .5vw; } #page_53639 #CenterDiv{ width: 50% !important; } #comp_1646670180184 .gallery-container .tz-gallery.justified-gallery a{ width: 100% !important; max-width: 20% !important; border-radius: 0; height: 9vw !important; } .past-winners-wrapper{ padding: 0; } .past-winners{ flex-direction: column; } @media (max-width: 768px){ #page_53639 #CenterDiv{ width: 100% !important; } #comp_1646670180184,#html_1646669701685{ width: 100% !important; position: static; } } .pricing-rules{ display:none; } .light2021 #products .sortby-row .filter-ttl.visible-xs:hover{ background-color: var(--bg-color); border: 1px solid var(--dealer-color); } #buyerProfile .panel-footer .btn.btn-default{ color: var(--white) !important; border-color: var(--white) !important; } #buyerProfile .panel-footer .btn.btn-default:hover{ color: var(--main-color) !important; border-color: var(--main-color) !important; } .well.well-lg .col-md-8 .panel-footer.text-right{ display: flex; justify-content: flex-end; } .cartCalculations div:nth-child(4){ display: none; } .badge.badge-info.pull-right,.simpleCart_selectShipping{ display:none !important ; } #page_53281 .filter-ttl.filter-xs-btn{ display:none !important } .thank-you{ display: block !important; } .thank-you p{ margin-top:0 !important; } .thank-you span{ display: block; text-align: center; margin: 3vw 0; } .thank-you span a{ padding: 0.972vw 3vw; margin: 0.744vw .2vw; color: #D5D5D5; cursor: pointer; text-align: center; font-size: 1.250vw; font-weight: 500; font-family: Barlow Condensed; text-transform: uppercase; background-color: #333; } .thank-you span a svg{ width: 0.972vw; height: 0.8vw; } @media (max-width: 768px){ .thank-you span a{ display: block; font-size: 18px; } } .thank-you a:hover,.thank-you a:focus{ background-color: #ED1C24; text-decoration: none; } #showroom_vdp{ width:92vw; } .parts2021 .grid-group-item .caption{ margin:0 } .CTA-container .rt-action-btn.redirect-btn,.parts2021 .related-ads-box{ display:none; } .fitment-drop{ align-items:flex-end; } #page_53301 .breadcrumbParent{ margin:0 } .light2021 #products .list-group-item .thumb .specs-box,.light2021 #products .grid-group-item .thumb .specs-box{ width: 100%; } .light2021 #products .list-group-item .thumb.card .caption.card-body .model-title .model-title-link,.light2021 #products .grid-group-item .thumb.card .caption.card-body .model-title .model-title-link{ color: var(--main-color); } body{ background-image:none !important; background-color:#FFFFFF !important; background-repeat:no-repeat !important; } #siteMenu{ background-image:none !important; background-color:#FFFFFF !important; } .mainMenu li{ background-color:#000000 !important; border-color:#FFFFFF !important; text-align:center !important; } .mainMenu li li{ background-color:#000000 !important; border-color:#FFFFFF !important; text-align:center !important; } .mainMenu a,mainMenu a:visited{ font-size:10px !important; font-family:Verdana,Arial,sans-serif !important; font-weight:normal !important; text-decoration:none !important; font-style:normal !important; color:#990000 !important; } .mainMenu a:hover{ color:#990000 !important; background-color:#000000 !important; border-color:#FFFFFF !important; } .ui-layout-pane{ background-image:none !important; background-color:#ff0000 !important; } .headerFont{ background-image:none !important; font-family:Verdana,Arial,sans-serif !important; font-weight:normal !important; text-decoration:none !important; font-style:normal !important; font-size:10px !important; color:#000000 !important; background-color:#FFFFFF !important; } .pragraphFont{ font-family:Verdana,Arial,sans-serif !important; font-weight:normal !important; color:#000000 !important; font-size:10px !important; text-decoration:none !important; font-style:normal !important; } .linksFont{ font-size:10px !important; font-family:Verdana,Arial,sans-serif !important; font-weight:normal !important; color:#000000 !important; text-decoration:underline !important; font-style:normal !important; } body{ height: 100vh; } #comp_1645206373392 #detailsParentDiv{ width: 95%;margin: auto; } #sideTabs .tab-content:nth-child(7){ z-index: 3; top: 49.2vh } #comp_1645206373392 .blog-srp .filter-ttl .glyphicon{ color:var(--white) } #comp_1645206373392 #products{ width:90vw } #comp_1645206373392 #products .row.sortby-row{ display:flex;justify-content:space-between;align-items:center } #comp_1645206373392 #products .row.sortby-row .col-sm-1.my-3.hidden-xs{ display:none } #comp_1645206373392 #products .item.list-group-item .thumb{ border-left:3px solid var(--main-color);background-color:var(--white) } #comp_1645206373392 #products .item.list-group-item .thumb .title-specs .list-title .model-title-link{ color:var(--main-font-color) } #comp_1645206373392 #products .item.list-group-item .thumb .cta-btns .View-Details{ display:flex;justify-content:center;align-items:center;background-color:var(--gray-8) !important;color:var(--main-font-color) !important;border:1px solid var(--gray-2) !important;height:4vw;padding:8px 5px;margin:5px;font-weight:700;border-radius:0px !important;font-size:1.2vw;transition:all ease-in-out .2s } #comp_1645206373392 #products .item.list-group-item .thumb .cta-btns .View-Details span{ transition:all ease-in-out .2s } #comp_1645206373392 #products .item.list-group-item .thumb .cta-btns .View-Details:hover{ color:var(--white) !important;background-color:var(--main-color) !important } #comp_1645206373392 #products .item.list-group-item .thumb .cta-btns .View-Details:hover span{ background-color:var(--main-color) !important } #comp_1645206373392 #products .item.grid-group-item{ width:25% } #comp_1645206373392 #products .item.grid-group-item .thumb{ border-left:3px solid var(--main-color);height:95%;padding:0;background-color:var(--white) } #comp_1645206373392 #products .item.grid-group-item .thumb .img-event{ height:auto } #comp_1645206373392 #products .item.grid-group-item .thumb .img-event .thumbnail-container a img{ width:100% } #comp_1645206373392 #products .item.grid-group-item .thumb .caption .grid-title{ color:var(--black) } #comp_1645206373392 #products .item.grid-group-item .thumb .caption .title-specs .date-row{ display:flex;flex-direction:column;font-size:0 } #comp_1645206373392 #products .item.grid-group-item .thumb .caption .title-specs .date-row .blog-date{ font-size:.9vw } #comp_1645206373392 #products .item.grid-group-item .thumb .caption .title-specs .date-row .blog-author{ font-size:1.15vw;font-weight:bold } #comp_1645206373392 #products .item.grid-group-item .thumb .caption .cta-btns .View-Details{ display:flex;justify-content:center;align-items:center;background-color:var(--gray-8) !important;color:var(--main-font-color) !important;border:1px solid var(--gray-2) !important;height:4vw;padding:8px 5px;margin:5px;font-weight:700;border-radius:0px !important;font-size:1.2vw;transition:all ease-in-out .2s } #comp_1645206373392 #products .item.grid-group-item .thumb .caption .cta-btns .View-Details span{ transition:all ease-in-out .2s } #comp_1645206373392 #products .item.grid-group-item .thumb .caption .cta-btns .View-Details:hover{ color:var(--white) !important;background-color:var(--main-color) !important } #comp_1645206373392 #products .item.grid-group-item .thumb .caption .cta-btns .View-Details:hover span{ background-color:var(--main-color) !important } #comp_1645206373392 #products .item.grid-group-item .thumb .Read-bg{ display:none } @media screen and (max-width: 767px){ #comp_1645206373392 #products{ width:90vw } #comp_1645206373392 #products .row.sortby-row{ flex-wrap:wrap } #comp_1645206373392 #products .row.sortby-row .col-sm-1.my-3.hidden-xs{ display:none } #comp_1645206373392 #products .item.list-group-item .thumb .title-specs .list-title .model-title-link{ color:var(--main-font-color) } #comp_1645206373392 #products .item.list-group-item .thumb .cta-btns .View-Details{ height:40px;font-size:16px } #comp_1645206373392 #products .item.grid-group-item{ width:100% } #comp_1645206373392 #products .item.grid-group-item .thumb .img-event{ height:auto } #comp_1645206373392 #products .item.grid-group-item .thumb .caption .title-specs .date-row .blog-date{ font-size:14px } #comp_1645206373392 #products .item.grid-group-item .thumb .caption .title-specs .date-row .blog-author{ font-size:16px } #comp_1645206373392 #products .item.grid-group-item .thumb .caption .cta-btns .View-Details{ height:40px;font-size:16px } } ._video_container{ display:flex;justify-content:center } ._video_container video{ width:65% } ._new-prizes-section .content .item .links-img{ flex-wrap: wrap; } ._new-prizes-section .content .item .links-img ul,._new-prizes-section .content .item .links-img img{ max-width: 47%; } ._new-prizes-section .content .item .links-img p{ font-weight: bold; } ._new-prizes-section .content .item .links-img p span:nth-child(1){ color: var(--main-color); } ._new-prizes-section .content .item .links-img p span:nth-child(2){ color: var(--main-font-color); } ._winners .container .row h1{ font-weight: 700; font-family: var(--secondary-font); color: var(--main-font-color); font-size: 3.4722222222vw; text-transform: uppercase; margin-top: 0; text-align: center; } ._winners .container .row .winners_container h2{ font-weight: 700; font-family: var(--secondary-font); color: var(--main-font-color); font-size: 2.4722222222vw; text-transform: uppercase; margin-top: 0; text-align: center; } ._winners .container .row .winners_container ._winners_box{ display: flex; flex-wrap: wrap; align-items: center; } ._winners .container .row .winners_container ._winners_box ._winner{ display: flex; flex-direction: column; align-items: center; justify-content: space-around; padding: 1vw; background-color: var(--gray-3); width: 30%; margin: 1vw; } ._winners .container .row .winners_container ._winners_box ._winner p{ font-weight: bold; text-align: center; } ._winners .container .row .winners_container ._winners_box ._winner p.name{ color: var(--main-font-color); } ._winners .container .row .winners_container ._winners_box ._winner p.prize{ color: var(--main-color); } @media screen and (max-width: 767px){ #comp_1715363209910 .carousel-control.right:before,#comp_1717438070486 .carousel-control.right:before,#comp_1715363209910 .carousel-control.left:before,#comp_1717438070486 .carousel-control.left:before,.carousel-indicators .active{ display:none !important; } #page_53040 .grand-prize-title,#page_54550 .grand-prize-title{ width: 100%; } ._new-prizes-section .content .item{ margin-bottom: 4vw; } .tir-content .tir-text{ margin-left: 5vw; } .home-prizes .small-2-3>div .yamaha img{ width: 32vw !important; } .home-prizes .small-2-3>div .circle-label{ top: 47%; } ._winners .container .row h1{ font-size: 28px; } ._winners .container .row .winners_container h2{ font-size: 20px; } ._winners .container .row .winners_container ._winners_box{ justify-content: center; } ._winners .container .row .winners_container ._winners_box ._winner{ padding: 1vw; width: 90%; margin: 1vw; } } @media screen and (min-width: 960px){ .home-prizes .big-1{ width: 65% !important; } .home-prizes .detils{ width: 35% !important; } } div#comp_1715363209910{ border: solid 1px #e6e6e6; border-top: 0; } #page_53040 .grand-prize-title,#page_54550 .grand-prize-title{ border: solid 1px #e6e6e6; margin: 4vw 0 0; padding-top: 2vw; border-bottom: 0; } /*EOF STYLE*/ #nav_74408{ 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*/ .adsNav{ display:none; } /*EOF STYLE*/ .{ } .thumbStatus.:before{ } /*EOF STYLE*/ .{ } .thumbStatus.:before{ } /*EOF STYLE*/ .{ } .thumbStatus.:before{ } /*EOF STYLE*/ .{ } .thumbStatus.:before{ } /*EOF STYLE*/ .{ } .thumbStatus.:before{ } /*EOF STYLE*/ .{ } .thumbStatus.:before{ } /*EOF STYLE*/ .{ } .thumbStatus.:before{ } /*EOF STYLE*/ .{ } .thumbStatus.:before{ } /*EOF STYLE*/ .{ } .thumbStatus.:before{ } /*EOF STYLE*/ .{ } .thumbStatus.:before{ } /*EOF STYLE*/ .{ } .thumbStatus.:before{ } /*EOF STYLE*/ .{ } .thumbStatus.:before{ } /*EOF STYLE*/ .{ } .thumbStatus.:before{ } /*EOF STYLE*/ .{ } .thumbStatus.:before{ } /*EOF STYLE*/ .{ } .thumbStatus.:before{ } /*EOF STYLE*/ .{ } .thumbStatus.:before{ } /*EOF STYLE*/ .{ } .thumbStatus.:before{ } /*EOF STYLE*/ .{ } .thumbStatus.:before{ } /*EOF STYLE*/ .{ } .thumbStatus.:before{ } /*EOF STYLE*/ .{ } .thumbStatus.:before{ } /*EOF STYLE*/ .{ } .thumbStatus.:before{ } /*EOF STYLE*/ .{ } .thumbStatus.:before{ } /*EOF STYLE*/ .{ } .thumbStatus.:before{ } /*EOF STYLE*/ .{ } .thumbStatus.:before{ } /*EOF STYLE*/ .{ } .thumbStatus.:before{ } /*EOF STYLE*/ .{ } .thumbStatus.:before{ } /*EOF STYLE*/ .{ } .thumbStatus.:before{ } /*EOF STYLE*/ .{ } .thumbStatus.:before{ } /*EOF STYLE*/ .{ } .thumbStatus.:before{ } /*EOF STYLE*/ .{ } .thumbStatus.:before{ } /*EOF STYLE*/ .{ } .thumbStatus.:before{ } /*EOF STYLE*/ .{ } .thumbStatus.:before{ } /*EOF STYLE*/ .{ } .thumbStatus.:before{ } /*EOF STYLE*/ .{ } .thumbStatus.:before{ } /*EOF STYLE*/ .{ } .thumbStatus.:before{ } /*EOF STYLE*/ .{ } .thumbStatus.:before{ } /*EOF STYLE*/ .{ } .thumbStatus.:before{ } /*EOF STYLE*/ .{ } .thumbStatus.:before{ } /*EOF STYLE*/ .{ } .thumbStatus.:before{ } /*EOF STYLE*/ .{ } .thumbStatus.:before{ } /*EOF STYLE*/ .{ } .thumbStatus.:before{ } /*EOF STYLE*/ .{ } .thumbStatus.:before{ } /*EOF STYLE*/ .{ } .thumbStatus.:before{ } /*EOF STYLE*/ .{ } .thumbStatus.:before{ } /*EOF STYLE*/ .{ } .thumbStatus.:before{ } /*EOF STYLE*/ .{ } .thumbStatus.:before{ } /*EOF STYLE*/ .{ } .thumbStatus.:before{ } /*EOF STYLE*/ .{ } .thumbStatus.:before{ } /*EOF STYLE*/ .{ } .thumbStatus.:before{ } /*EOF STYLE*/ .{ } .thumbStatus.:before{ } /*EOF STYLE*/ .{ } .thumbStatus.:before{ } /*EOF STYLE*/ .{ } .thumbStatus.:before{ } /*EOF STYLE*/ .{ } .thumbStatus.:before{ } /*EOF STYLE*/ .{ } .thumbStatus.:before{ } /*EOF STYLE*/ .{ } .thumbStatus.:before{ } /*EOF STYLE*/ .{ } .thumbStatus.:before{ } /*EOF STYLE*/ .{ } .thumbStatus.:before{ } /*EOF STYLE*/ .{ } .thumbStatus.:before{ } /*EOF STYLE*/ .alert.alert-success.pull-left{ display:none; } :root{ --bg-color: #fff; --light-bg-color :#f0f0f0; --extra-light-bg-color :#d7d7d7; --dealer-color: #000000; --main-font-color: #000000; --border-color:#e1e1e1 } .main-container{ padding:1vw; font-family:"Roboto Condensed",sans-serif; } .main-container a{ text-decoration:none; } .main-container a:hover,.main-container a:active,.main-container a:focus{ color:var(--dealer-color); } .ESCAdsResponse,.thumb{ background-color: var(--bg-color); color:var(--main-font-color); } .view-group{ display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; padding-left: 0; margin-bottom: 0; flex-wrap:wrap; width:80%; padding: 0; padding-left: 0.5vw; } .sortby-row{ display:flex; width:100%; padding:0 10px; } .sortby-row h4{ font-size:12px; text-align: right; } #comm-carousel{ width: 100%; margin: 0.5vw; margin-bottom: 30px; border:1px solid #dedede; position: relative; } #products #comm-carousel .item{ display: none; padding:0; } #products #comm-carousel .carousel-inner>.active,#products #comm-carousel .carousel-inner>.next,#products #comm-carousel .carousel-inner>.prev{ display: block; } #products #comm-carousel img{ width:100%; } .list-grid-btn .btn{ padding: 0; background-color: transparent; color: var(--dealer-color); font-size: 1.6vw; border-radius: 0; border: 0; display: flex; align-items: center; align-content: center; outline: none !important; justify-content: center; align-items: center; height: 100%; border: 1px solid var(--border-color); padding: 0 .7vw; } .layout_view{ display:flex; flex-grow:2; justify-content:flex-end; } .col-sm-1.layout_view{ padding:0; } .pagination{ display:flex; } .pagination li{ background-color: var(--light-bg-color); display: flex; align-items: center; margin: 0 2px; } .pagination li.info{ padding:0 15px; } .pagination.dark li a{ border-radius: 0 !important; background-color: transparent; border: 1px solid var(--border-color); padding: 0 1vw; } .thumb{ position:relative; padding: 10px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; border: 2px solid var(--border-color); position:relative; background: -moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0) 50%,rgba(0,0,0,0.01) 75%,rgba(0,0,0,0.05) 100%); background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0) 50%,rgba(0,0,0,0.01) 75%,rgba(0,0,0,0.05) 100%); background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0) 50%,rgba(0,0,0,0.01) 75%,rgba(0,0,0,0.05) 100%); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } img.group{ max-width: 100%; } .img-event img{ max-height: 100%; } .img-event:hover .thumbStatus{ opacity:0; } .thumbnail-container{ position:relative; } .thumbnail-container .pushstate{ display: block; width: 100%; background-size: contain; background-position: center; background-repeat: no-repeat; padding-top: 70%; position:relative; } .thumbnail-container .pushstate .no-photo{ color: var(--dealer-color); position: absolute; top: 0; z-index: 1; font-size: 6vw; width: 100%; left: 0; height: 100%; display: flex; justify-content: center; align-items: center; opacity: .75; background-color: #dedede; text-transform:uppercase; flex-flow: column; } .no-ph-ttl{ font-size: 2.2vw; font-weight: bold; color: #555; } .no-ph-subttl{ font-size: 1.3vw; color: #555; } .videos-box{ display: flex; justify-content: flex-start; } .video{ width: 33%; margin:1px; } .video a{ position:relative; display: block; overflow:hidden; height: 0; padding-top: 55%; background-size:cover; background-position:center; } .video-button{ display: flex; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0,0,0,0.4); webkit-transition: background-color 0.15s ease 0s; -o-transition: background-color 0.15s ease 0s; transition: background-color 0.15s ease 0s; justify-content: center; align-items: center; } .video-button img{ height: 30px; opacity: 0.8; position: relative; } .video-button:hover{ background-color: rgba(0,0,0,0.5); } .video .video-img{ } #share-box{ display: flex; flex-wrap: wrap; } .model-title .share-btn{ float: right; font-size: 1vw; font-weight: normal; color: var(--main-font-color); opacity: 0.75; } input#share-link{ width: 80%; padding: .55vw; border: 1px solid #dedede; color: #555; background-color: #fbfbfb; } #copyButton{ width: 20%; margin: 0; background-color: var(--dealer-color); color: #fff; box-shadow: none; border: 0; border-radius: 0 5px 5px 0; } .social-icons{ display: flex; flex-wrap: wrap; width: 100%; padding: 2vw 0; margin: 0; justify-content:space-between; } .social-icons li{ display: flex; width: 19%; } .social-icons li a{ color: var(--dealer-color); border: 1px solid #dedede; font-size: 2.5vw; display: flex; width: 100%; justify-content: center; align-items: center; padding: 1.5vw 1vw; text-decoration: none; background: -moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0) 50%,rgba(0,0,0,0.01) 75%,rgba(0,0,0,0.05) 100%); background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0) 50%,rgba(0,0,0,0.01) 75%,rgba(0,0,0,0.05) 100%); background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0) 50%,rgba(0,0,0,0.01) 75%,rgba(0,0,0,0.05) 100%); } .social-icons li a:hover{ opacity: .7; } .related-ads-box{ display: flex; flex-flow: column; justify-content: center; padding: 4vw 1vw; width: 100%; position: relative; } .related-ads-ttl{ z-index:1; } .related-sub{ font-size: 1.6vw; z-index: 1; font-weight: bold; position:relative; } .related-ads-box i{ display: flex; justify-content: center; width: 100%; position: absolute; font-size: 8vw; color: var(--border-color); z-index: 0; } .item{ transition: all .2s; } .item.list-group-item{ float: none; width: 100%; background-color: transparent; margin-bottom: 30px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding: 0 1rem; border: 0; } .item.list-group-item .img-event{ float: left; width: 25%; padding: 1vw; position:relative; } .item.list-group-item .list-group-image{ margin-right: 10px; max-width:100%; } .item.list-group-item .thumb{ margin-bottom: 0px; display: flex; width: 100%; position: relative; justify-content: center; flex-wrap:wrap; padding-bottom:1vw; } .item.list-group-item .caption{ float: left; width: 75%; margin: 0; } .item.list-group-item:before,.item.list-group-item:after{ display: block; content:""; } .item.list-group-item:after{ clear: both; } #filters{ width: 20%; float: left; padding: 0px; overflow:hidden; background-color:var(--light-bg-color); border:1px solid #7a7a7a; margin-top:.5vw; } .filter-ttl{ text-align:left; font-family:"Roboto Condensed",sans-serif; font-weight:bold; } .flex-container{ display: flex; flex-flow: row wrap; } .listing-view{ margin: 0; font-family:arial; } .model-row{ border-radius: 5px; border: 2px solid #2f2f2f; padding: 5px 0; margin-bottom: 20px; } .listing-view .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,.listing-view .col-sm-8,.listing-view .col-md-8,.listing-view .col-lg-8,.listing-view .col-xs-9,.listing-view .col-sm-9,.listing-view .col-md-9,.listing-view .col-lg-9,.listing-view .col-xs-10,.listing-view .col-sm-10,.listing-view .col-md-10,.listing-view .col-lg-10,.listing-view .col-xs-11,.listing-view .col-sm-11,.listing-view .col-md-11,.listing-view .col-lg-11,.listing-view .col-xs-12,.listing-view .col-sm-12,.listing-view .col-md-12,.listing-view .col-lg-12{ padding-left:5px; padding-right:5px; } .comment{ max-height: 100px; overflow: hidden; line-height: 1.44; text-align:left; font-size:14px; padding:5px; } .location-div{ display:flex; flex-wrap:wrap; justify-content:flex-start; } .specs-comment{ padding: 1vw 1.2vw; text-align:left; border-top: 1px solid #c9c9c9; } .model-row hr{ margin-bottom: 10px; } .model-title{ font-size:1.4vw; font-weight: bold; margin: 5px 0; line-height: 1.2; text-align:left; letter-spacing: 1px; font-family:"Roboto Condensed",sans-serif; } .model-title-link{ color:var(--main-font-color); text-decoration:none; } .thumbStatus{ font-size: 1vw; position: absolute; max-width: 80%; bottom: 5px; left: 0; background-color:""; color: #fff; font-weight: bold; opacity: 0.85; min-height: 2.5vw; display: flex; align-items: center; padding: 0 .7vw; justify-content: center; transition: all .5s; z-index:1; } .on-order{ background-color:rgb(251,148,2); } .on-order:before{ border-left-color:rgb(251,148,2); } .instock-tag{ background-color:rgb(38,168,38); } .instock-tag:before{ border-left-color:rgb(38,168,38); } .sold-tag{ background-color:rgb(255,0,00); } .sold-tag:before{ border-left-color:rgb(255,0,00); } .thumbStatus.in-stock{ top: 10px; bottom: auto; background: #009900; background: #009900db color:#fff; } .thumbStatus.sold{ top: 10px; bottom: auto; background-color:#ff0000; background-color:#ff0000b8; color:#fff; } .we-img-thumbnail.img-thumbnail{ max-height:100%; display:block; } .specs{ line-height: 1.7; padding-bottom: 10px; text-align:left; font-size:14px; display: flex; justify-content: space-between; } .grid-group-item .specs{ flex-wrap: wrap; } .specs .field{ border-bottom:1px solid #d4d4d4; } span.specs-title{ font-weight:bold; } .spec-col{ border-left: 1px solid #dedede; padding-left: 10px; padding: .8vw 1.2vw; } .specs-main .spec-col:nth-child(2){ border-left:0; } .specs-btn span{ clip-path: polygon(20% 0,80% 0%,100% 100%,0% 100%); background-color: red; height: 40px; display: flex; justify-content: center; align-items: center; width: 160px; background-color: #fff; background-color: #fff; width:100%; box-shadow:0px 0px 1px #000; } .specs-btn{ clip-path: polygon(20% 0,80% 0%,100% 100%,0% 100%); background-color: red; height: 40px; display: flex; justify-content: center; align-items: center; background-color: #9c9b9b; z-index: 2; position: absolute; bottom: -5px; color: var(--main-font-color); margin: 0 auto; text-decoration: none; cursor: pointer; font-size: 14px; text-decoration:none; width:100%; } .grid-only{ display:none } .grid-group-item .model-title .share-btn{ display:none; } .grid-group-item .grid-only{ display:block; } .grid-group-item .model-title-link:after{ background-color:var(--dealer-color); } .grid-group-item .col-sm-7.col-xs-12{ width:100%; } .grid-group-item .specs-btn{ font-size: 0; clip-path: none; bottom: auto; height: auto; width: auto; position: relative; background-color:transparent; text-decoration:none; } .grid-group-item .specs-btn-parent:after,.grid-group-item .specs-btn-parent:before,.grid-group-item .specs-btn span{ display:none; } .grid-group-item .specs-btn-parent{ top:5.556vw; bottom:auto; right:5.556vw; width:auto; } .grid-group-item .specs-btn:before{ background-color: var(--light-bg-color); border: 1px solid #ED1C2480; border-radius: 4px; content:"\f0ae"; font-size: 16px; color: var(--main-color); z-index: 999; font-family: FontAwesome; padding: 1.667vw; font-weight: normal; opacity:.8; line-height: 1.1; } .grid-group-item .thumb .collapse,.grid-group-item .thumb .collapsing{ display: flex; position: absolute; left: 0; top: -100%; height: 100% !important; background-color: var(--light-bg-color); transition: all 0.7s; justify-content: center; align-content: flex-start; flex-wrap: wrap; width:100%; overflow: hidden; z-index:1; } .grid-group-item .thumb .open-item-specs{ top: 0; } .grid-group-item .specs{ height: auto; margin-bottom: 0; padding-bottom: 0; justify-content:flex-start; } .grid-group-item .spec-col{ flex-basis:50%; padding: .2vw 1.2vw; border-left:0; } .grid-group-item .collapse .model-title{ position:relative; width:95%; margin: 1.2vw; } .grid-group-item .collapse .View-Details,.grid-group-item .collapsing .View-Details{ text-decoration:none; flex-basis: 100%; background-color: var(--dealer-color); height: 60px; color: var(--bg-color); text-shadow: 1px 1px 1px rgb(0 0 0 / 30%); font-size: 1.4vw; display: flex; align-items: center; justify-content: center; position: absolute; width: 100%; bottom: 0; } .grid-group-item .videos-box{ display:none; } .specs-btn-parent{ width: 15vw; position: absolute; bottom: -3px; } .specs-btn-parent:before{ content:""; position: absolute; z-index: 1; bottom: -4px; left: -4px; width: calc(169px + 30px + 1px); height: 8px; transform: skew(40deg); border-left: #319fff; display: block; background: #e0e0e0; background: var(--border-color); width: 24px; } .specs-btn-parent:after{ content:""; position: absolute; z-index: 1; bottom: -4px; right: -4px; width: calc(169px + 30px + 1px); height: 8px; transform: skew(-40deg); border-left: #319fff; display: block; background: #e0e0e0; background: var(--border-color); width: 24px; } .gibb-bi-weekly{ font-size: 18px; font-weight: bold; } .cta-btns{ display: flex; flex-wrap: wrap; } .cta-btns a{ flex: 1; padding:8px 5px; display: block; border-radius: 0px; margin: 5px; border: 1px solid #D5D5D5; font-size: 1vw; color: var(--main-font-color); background-color: #fff; text-decoration:none; display: flex; align-items: center; justify-content: center; font-weight: 700; height:60px; text-transform: uppercase; } .cta-btns a i{ color:var(--dealer-color); margin-right: .3vw; padding-right: .35vw; } .cta-btns a.main-btn{ flex-basis:100%; background-color:var(--dealer-color); color: var(--bg-color); text-shadow: 1px 1px 1px rgba(0,0,0,0.3); } .cta-btns a.main-btn i{ color:var(--bg-color); opacity: .8; text-shadow: none; font-size: 1.2vw; } .cta-btns a.main-btn:hover{ background-color: var(--dealer-color); opacity: .8; } .main-btn{ } .cta-btns a:hover,.cta-btns a.green:hover{ background-color: #e8e8e8; } .cta-btns a.green{ background-color: #c40b12 ; color: #fff; } .left-buttons{ padding:0; } .buy-btns{ text-align:left; font-size: 14px; display: flex; flex-wrap: wrap; } .Balance{ width:100%; } .add-to-cart-btn{ background: linear-gradient(to right,#268c40 50%,transparent 50%); background-size: 200% 100%; background-position: right bottom; transition: all .5s ease-out; background-color: #3171b1; color: #fff; padding: 14px; font-size: 14px; text-decoration: none; display: block; margin: 2px; float: left; flex: 1; text-align: center; } .add-to-cart-btn:hover{ background-position: left bottom; text-decoration: none; color:#fff; } .add-to-cart-btn.deposit-to-cart{ background-color: #81d135; } .deposit-info-btn{ float: right; cursor: pointer; color:#555; font-size: 12px; } .oem-logo{ display:none; } .oem-logo img{ max-width:100%; max-height:65px; } .ride-specs-box{ text-align: left; padding:5px; line-height:1.8 } .price{ line-height:1; font-size: 1.2vw; font-weight: bold; } .old-price{ text-decoration: line-through; } .msrp{ font-size: 14px; font-weight: normal; color: var(--main-font-color); opacity:.7; } .price .ttl,.ads-per-page .ttl,.sale-tag{ color: var(--dealer-color); } .permonth{ padding-top:15px; } .permonth-money,.permonth-ttl{ font-size:18px; font-weight:bold; } .permonth-cap{ display:block; font-size:12px; color:#696969; } .grid-group-item .permonth{ } #filters input{ border-radius: 0; background-color: #fff; color: #888; width:100%; } #filters select,.sortby-row select,.sortby-row input,.sortby-row li a{ margin-bottom: 0px; border-radius: 0; background-color: var(--bg-color); color: var(--main-font-color); border: 1px solid var(--border-color); height: 50px; display: flex; align-items: center; } .reset{ padding-right:0; } .adsSearchButton{ padding: 6px 15px; border-radius: 0px; border: 1px solid var(--border-color); width: 20%; background-color: var(--bg-color); color: var(--dealer-color); border-left:0; } .reset.button,.filter-close-btn{ font-size: 1vw; display: block; float: right; padding: .6vw 1vw; font-weight: normal; border-radius: 0; border: 1px solid var(--main-font-color); background-color:var(--extra-light-bg-color); } .filter-close-btn{ display:none; } .reset.button i{ padding-right: .5vw; } .filter-ontrol-btns{ display:flex; } .filter-ontrol-btns .filter-close-btn{ margin-left:2vw; } .adsSearchKeywords{ padding: 10px 10px; font-size: 14px; letter-spacing: 0px; border: 1px solid #e2e2e2; } .search input{ border-radius: 5px 0 0 5px; width: 82%; float:left; border:1px solid #ccc; } .search button{ border-radius: 0 5px 5px 0; border: 1px solid #787878; text-align: center; width: 18%; padding: 3px 8px; font-size: 18px; background-color: #8f8f8f; color: #fff; } .search button span{ width: 24px; } .caption hr{ border-top: 1px solid var(--border-color); } #filters{ padding: 0px; overflow:hidden; } #filters .filters-inner{ border: 1px solid #eee; padding:0px; } #filters .search-form{ float:right; width:100%; } #filters.modern input{ width: auto; } #filters .well{ background-color:transparent; border:0; box-shadow:none; padding: 0; } #filters .ui-slider{ margin: 10px 18px; } #filters .modernFilterSlider{ text-align: center; position:relative; display: flex; margin: 0 auto; justify-content: center; width: 100%; } .ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{ border-radius: 50%; border: 3px solid var(--dealer-color); background-color:#fff; background-image: none; } #filters .modernFilterSlider input{ background-color: var(--dealer-color); color: #888; margin: 5px; color: #fff; padding: 5px; text-align: center; font-weight: normal; font-size: 14px; } #filters .modernFilterSlider:after{ content:""; position: absolute; filter: drop-shadow(0 5px 2px rgba(0,0,0,0.06)); top: 85%; left: 50%; margin-left: -1rem; width: 0; height: 0; border-left: 1rem solid transparent; border-right: 1rem solid transparent; border-top: 0.8rem solid var(--dealer-color); } #keyWordsSection form{ display:flex; flex-flow:row; } #keyWordsSection input{ border-right:0; padding: 0 15px; width: 80%; } #filters .filter-ttl{ border-bottom: 1px solid #c9c9c9; text-align: left; margin: 0; padding: 10px; font-size: 1.3vw; display: flex; justify-content: space-between; align-items: center; } #filters #keyWordsSection input{ margin: 5px 0; width: 100%; border: 1px solid #000; border-radius: 5px; padding: 10px; font-size: 14px; float:left; } .search-form .form-btns{ display:flex; justify-content: } .filter-ttl .glyphicon{ padding-right:5px; } .regular-checkbox{ -webkit-appearance: none; background-color: #fafafa; border: 1px solid #cacece; box-shadow: 0 1px 2px rgba(0,0,0,0.05),inset 0px -15px 10px -12px rgba(0,0,0,0.05); padding: 9px; border-radius: 3px; display: block; position: relative; } .regular-checkbox:active,.regular-checkbox:checked:active{ box-shadow: 0 1px 2px rgba(0,0,0,0.05),inset 0px 1px 3px rgba(0,0,0,0.1); } .regular-checkbox:checked{ background-color: #e9ecee; border: 1px solid #adb8c0; box-shadow: 0 1px 2px rgba(0,0,0,0.05),inset 0px -15px 10px -12px rgba(0,0,0,0.05),inset 15px 10px -12px rgba(255,255,255,0.1); color: #99a1a7; } .regular-checkbox:checked:after{ content:"\2714"; font-size: 14px; position: absolute; top: 0px; left: 3px; color: #000; } #filters .big-checkbox{ padding: 7px; float:left; margin-right: 5px; border-radius:4px; } .big-checkbox:checked:after{ font-size: 11px; left: 3px; } .checklist-filter li{ clear: both; display: flex; align-items: center; flex: 1; flex-basis: 100%; align-items: flex-start; } .checklist-filter ul{ padding: 0; text-align: left; margin: 0; display: flex; flex-wrap: wrap; } .filter-collapse-container{ border-bottom:1px solid #c9c9c9; position:relative; padding: 0 10px; } .filter-collapse-container:before{ content:""; position: absolute; left: 0; bottom: 0; border-bottom: 5px solid #c9c9c9; border-right: 5px solid transparent; } a.filter-collapse{ width: 100%; display: block; clear: both; padding: .75vw 0; color: var(--main-font-color); text-align: left; font-weight:bold; text-transform: uppercase; text-decoration:none; } .filter-icone{ width:33px; } a.filter-collapse:after{ content:"\f078"; position: absolute; right: 3vh; font-family:"Font Awesome 5 Pro"; color:var(--main-font-color); opacity:.8; font-size:12px; transition: all .5s; } a.filter-collapse.collapsed[aria-expanded="true"]:after{ transform: rotate(180deg); } button.collapse-trigger{ border: 0; background-color: transparent; font-size:14px; color:#777; } .range .slidecontainer{ width: 100%; } .range .slider{ -webkit-appearance: none; width: 100%; height: 25px; background: #d3d3d3; outline: none; opacity: 0.7; -webkit-transition: .2s; transition: opacity .2s; } .range .slider:hover{ opacity: 1; } .range .slider::-webkit-slider-thumb{ -webkit-appearance: none; appearance: none; width: 25px; height: 25px; background: #4CAF50; cursor: pointer; } .range .slider::-moz-range-thumb{ width: 25px; height: 25px; background: #4CAF50; cursor: pointer; } .modernFilter li label{ text-align: left; display: flex; align-items: center; } .modernFilter label{ font-weight:normal; font-size:.85vw; } .modernFilterSlider{ text-align: left; } .modernFilterHideUlItems li:nth-child(n+6){ display: none; } .loadMore,.loadLess{ margin-top: 10px; border: 1px solid #dedede; border-radius: 5px; font-size: 14px; padding: 3px 12px; } #products .item{ display:flex; padding: .5vw; align-items: flex-start; } .order-drop{ display:flex; flex-flow:row; } .sort-btn{ background-color: var(--border-color); box-shadow: none; border: 0; padding: 0 .8vw; font-size: 1.6vw; color: var(--dealer-color); } .sort-btn.DESC i:before{ content:"\f882"; } @media (min-width: 768px){ .main-container{ display:flex; flex-wrap:wrap; font-size: 1vw; width:92vw; } .fitment-div{ width:92vw; padding: 0 1.56vw; } .btn.f-button{ padding:0.5vw 1vw !important; } #products{ flex-grow:2; } #products.col-sm-9{ flex-grow: 1; flex-shrink: 1; flex-basis: 0; align-content: flex-start; } .cta-btns a.main-btn{ } } .apply-button{ float: right; position: absolute; top: 8px; right: 50px; transition: all .25s ease-in-out; display: -webkit-inline-flex; -ms-flex-align: center; -webkit-box-align: center; -webkit-align-items: center; -ms-align-items: center; align-items: center; vertical-align: middle; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: none; background-color: #ed2024; font-weight: 600; letter-spacing: .04em; text-shadow: 1px 1px 1px rgb(0 0 0 / 30%); color: #fff; visibility: hidden; } .apply-button:hover{ text-decoration: underline; } #static-filter-count{ margin-left: 10px; margin-bottom: 5px; font-size: 11pt; } .static-filter-active-container{ margin-bottom: 10px; border-top: 1px solid #bdbdbd; } .static-filter-active-main{ margin-bottom: 10px; } .static-filter-active-grp{ padding: 5px 6px; font-weight: bold; display: flex; justify-content: space-between; align-items: center; } .active-filter-container{ background-color: var(--extra-light-bg-color); } .active-filter-category{ } .active-filter-category i{ font-size: 1.3vw; color: #555; cursor: pointer; } .static-filter-active-item{ padding: 3px 6px; margin-bottom: 2px; clear: both; display:flex; align-items:center; } .static-filter-active-item .icon{ color: #e65969; font-size: 10pt; cursor: pointer; } .active-filter-container{ text-align: left; display: none; } .active-filter-container .badge{ color:var(--bg-color); background-color: var(--dealer-color); } .static-filter-active-title{ text-transform: uppercase; } .grid-group-item .model-title{ font-size:16px; padding-top: 10px; } .grid-group-item .col-sm-6,.grid-group-item .col-sm-9,.grid-group-item .col-sm-3,.grid-group-item .col-sm-2{ width: 100%; } .grid-group-item .cta-btns a{ min-width:43%; } .grid-group-item .col-sm-offset-1{ margin-left:0; } .grid-group-item .thumb{ flex-flow: column; display: flex; overflow: hidden; width:100%; } .grid-group-item .ecomm .payment-options{ width: 200px; padding: 5px; margin: 0 auto; clear: both; text-align: center; } .grid-group-item .comment{ display:none; } .grid-group-item .cta-btns{ width:100%; } .Read-more{ border-bottom: 25px solid red; border-left: 35px solid transparent; border-right: 35px solid transparent; height: 0 !important; z-index: 99; display: none; position: absolute; bottom: 0; width: 50%; color: #fff; margin: 0 auto; text-decoration: none; cursor: pointer; font-size: 14px; left:25%; } .Read-more:hover{ color:#000; } .grid-group-item .caption{ flex-grow: 8; display: flex; flex-wrap: wrap; align-items:flex-end; } .grid-group-item .Read-bg{ background-color: #f8f8f8; height: 10px; position: absolute; bottom: 0; width: 100%; left: 0; z-index: 9; } .grid-group-item .cta-btns.container-fluid{ padding-bottom: 25px; } .list-group-item .Read-more{ display:none; } @media only screen and (max-width:768px){ .sort-btn{ padding: 0 1.8vw; font-size: 6vw; } .sortby-row{ display:flex !important; } .model-title .share-btn{ font-size:3.333vw; } .fitment-div,.light2021{ padding:3.889vw; } #fitmentForm .drops-box{ flex-flow: wrap; justify-content:space-between; } .fitment-drop{ flex-basis:44.167vw; } .fitment-drop .f-button.search{ min-width:auto; } .btn.f-button{ padding: 36.5vw 0.5vw; flex: 1; max-height: 3vw; } .grid-group-item .caption{ margin:0; } .caption .col-sm-8.col-xs-12{ padding:0; } .price{ font-size: 4.2vw; } .grid-group-item .thumb .collapse,.grid-group-item .thumb .collapsing{ padding:3vw; } .grid-group-item .model-title{ padding:5px; } .grid-group-item .specs-btn:before{ padding: 1.5vw; font-size: 5vw; } .collapse .specs-main.specs{ width: 92%; padding: 3vw 0; margin: 0; } .grid-group-item .collapse .model-title{ width: auto; margin: 0; } #products .item{ padding:3vw 0.5vw; } #keyWordsSection input{ width:75%; } .adsSearchButton{ width:25%; } .model-title{ font-size:3.5vw; } .search input{ min-height:33px !important; } #fancybox-wrap{ max-width:90% } #fancybox-wrap *{ max-width:100%; } #filters{ padding:0; width:100%; } .flex-container{ flex-flow: wrap; } #filters select{ margin-bottom: 5px; } .view-group{ width:100%; } .btn.filter-ttl{ text-align: left; font-size: 26px; color: #fff; cursor: pointer; } .thumbnail-container .pushstate .no-photo{ font-size: 24vw; opacity: .75; } .no-ph-ttl{ font-size: 8vw; } .no-ph-subttl{ font-size: 4.5vw; } .img-event .thumbnail-container a{ height: auto; } .item.col-xs-4{ width: 100%; } .cta-btns a{ margin:1%; margin-bottom:3px; padding:10px 4px; width:48%; font-size:12px; flex:auto; } .cta-btns{ padding:0; } .model-data{ padding:0; } .price-oem{ text-align: left; padding-bottom:10px; } .item.list-group-item .img-event,.item.list-group-item .caption{ width:100%; } .cta-btns a{ min-width:43%; } .col-sm-offset-1{ margin-left:0; } .img-event{ position:relative; } .cta-btns a.main-btn{ font-size:5vw; } .cta-btns a i{ margin-right:2vw; } .cta-btns a.main-btn i{ font-size:5vw; } .thumbStatus{ font-size:4vw; height: 8vw; padding: 0 3vw; } .thumbStatus:before{ right: -7vw; border-right: 4vw solid transparent; border-top: 4vw solid transparent; border-bottom: 4vw solid transparent; border-left: 3vw solid #009900; } .grid-group-item .collapse .View-Details,.grid-group-item .collapsing .View-Details{ font-size:5vw; } a.filter-collapse{ padding:3.75vw 1vw; } .modernFilter label{ font-size: 3.5vw; } .model-title{ font-size:16px; } .list-group-item .Read-more{ display: block; } .Read-bg{ background-color: #f8f8f8; height: 10px; position: absolute; bottom: 0; width: 100%; left: 0; z-index: 9; } .grid-group-item .cta-btns.container-fluid{ padding-bottom: 25px; } #filters.collapse{ height:0; } #filters.collapse.in{ height:auto; } .social-icons li a{ font-size:7vw; padding:3.5vw ​1v; } .social-icons{ padding:6vw 0; } input#share-link{ width:70%; padding:3.55vw 2vw; } #copyButton{ width:30%; } .pagination-box{ padding:0; } .pagination{ display:flex; width: 100%; display: flex; justify-content: flex-end; padding: 0; margin: 0; } .pagination.dark li a{ padding: 0 2.5vw; margin: 0; } .order-drop{ padding:0; padding-right:1vw; flex:1; } div#products{ padding: 0; } } @media only screen and (max-width:960px){ #filters{ padding: 0; width: 100%; position: fixed; z-index: 1; left: -100%; height: 100%; top: 0; overflow: scroll; transition:left .5s; z-index:999; } #filters.open{ left:0; } .sortby-row{ flex-wrap:wrap; padding:0 5px } .filter-xs-btn{ background-color: var(--dealer-color); color: #fff; padding: 2vw; width: 30%; display: flex !important; align-items: center; } #keyWordsSection{ width:70%; } .filter-xs-btn,#keyWordsSection{ } #filters .filter-ttl{ font-size:4.3vw; padding:4vw 2vw; } .reset.button,.filter-close-btn{ font-size:3.4vw; padding: 2vw 3vw; display:flex; align-items:center; } } /*EOF STYLE*/ .inline-style-1{min-height: auto; width: 100%;} .inline-style-2{display: none;} #inline-style-3{margin:auto; background-position: ; margin-top:0px;margin-bottom:0px;margin-right:0px;margin-left:0px;} #inline-style-4{position:relative;padding-top:0px;padding-bottom:0px;padding-right:0px;padding-left:0px;} .inline-style-5{position:absolute;top:10px;right:10px;display:none} #inline-style-6{width: 100%} #inline-style-7{text-align: left; margin-bottom: 10px;} #inline-style-8{font-size: .8em} #inline-style-9{font-size: .8em} .inline-style-10{min-height: 33px;} .inline-style-11{font-size: 1.1em; margin-left: 5px; magrin-top 10px; display: none} #inline-style-12{clear: both} #inline-style-13{background-image:url(https://equipmentsearch.com/resize.php?image=/uploadedimages/8853/19410844.jpg&width=)} #inline-style-14{clear: both;} #inline-style-15{background-image:url(https://equipmentsearch.com/resize.php?image=/uploadedimages/8853/19410926_4.jpg&width=)} #inline-style-16{clear: both;} #inline-style-17{background-image:url(https://equipmentsearch.com/resize.php?image=/uploadedimages/8853/19410928_2.jpg&width=)} #inline-style-18{clear: both;} #inline-style-19{background-image:url(https://equipmentsearch.com/resize.php?image=/uploadedimages/8853/19410935_2.jpg&width=)} #inline-style-20{clear: both;} #inline-style-21{background-image:url(https://equipmentsearch.com/resize.php?image=/uploadedimages/8853/19410946_2.jpg&width=)} #inline-style-22{clear: both;} #inline-style-23{background-image:url(https://equipmentsearch.com/resize.php?image=/uploadedimages/8853/26731897.jpg&width=)} #inline-style-24{clear: both;} #inline-style-25{background-image:url(https://equipmentsearch.com/resize.php?image=/uploadedimages/8853/26731949.jpg&width=)} #inline-style-26{clear: both;} #inline-style-27{background-image:url(https://equipmentsearch.com/resize.php?image=/uploadedimages/8853/26731950.jpg&width=)} #inline-style-28{clear: both;} #inline-style-29{background-image:url(https://equipmentsearch.com/resize.php?image=/uploadedimages/8853/26731951.jpg&width=)} #inline-style-30{clear: both;} #inline-style-31{background-image:url(https://equipmentsearch.com/resize.php?image=/uploadedimages/8853/26731955.jpg&width=)} #inline-style-32{clear: both;} #inline-style-33{background-image:url(https://equipmentsearch.com/resize.php?image=/uploadedimages/8853/26731956.jpg&width=)} #inline-style-34{clear: both;} #inline-style-35{background-image:url(https://equipmentsearch.com/resize.php?image=/uploadedimages/8853/26731957.jpg&width=)} #inline-style-36{clear: both;} #inline-style-37{background-image:url(https://equipmentsearch.com/resize.php?image=/uploadedimages/8853/26731958.jpg&width=)} #inline-style-38{clear: both;} #inline-style-39{background-image:url(https://equipmentsearch.com/resize.php?image=/uploadedimages/8853/26731960.jpg&width=)} #inline-style-40{clear: both;} #inline-style-41{background-image:url(https://equipmentsearch.com/resize.php?image=/uploadedimages/8853/26731961.jpg&width=)} #inline-style-42{clear: both;} #inline-style-43{background-image:url(https://equipmentsearch.com/resize.php?image=/uploadedimages/8853/26731962.jpg&width=)} #inline-style-44{clear: both;} #inline-style-45{background-image:url(https://equipmentsearch.com/resize.php?image=/uploadedimages/8853/26731963.jpg&width=)} #inline-style-46{clear: both;} #inline-style-47{background-image:url(https://equipmentsearch.com/resize.php?image=/uploadedimages/8853/26731967.jpg&width=)} #inline-style-48{clear: both;} #inline-style-49{background-image:url(https://equipmentsearch.com/resize.php?image=/uploadedimages/8853/26731968.jpg&width=)} #inline-style-50{clear: both;} #inline-style-51{background-image:url(https://equipmentsearch.com/resize.php?image=/uploadedimages/8853/26731969.jpg&width=)} #inline-style-52{clear: both;} #inline-style-53{background-image:url(https://equipmentsearch.com/resize.php?image=/uploadedimages/8853/26731971.jpg&width=)} #inline-style-54{clear: both;} #inline-style-55{background-image:url(https://equipmentsearch.com/resize.php?image=/uploadedimages/8853/27946773_5.jpg&width=)} #inline-style-56{clear: both;} #inline-style-57{background-image:url(https://equipmentsearch.com/resize.php?image=/uploadedimages/8853/32748345.jpg&width=)} #inline-style-58{clear: both;} #inline-style-59{background-image:url(https://equipmentsearch.com/resize.php?image=/uploadedimages/8853/32748761_1.jpg&width=)} #inline-style-60{clear: both;} #inline-style-61{background-image:url(https://equipmentsearch.com/resize.php?image=/uploadedimages/8853/32748388.jpg&width=)} #inline-style-62{clear: both;} #inline-style-63{background-image:url(https://equipmentsearch.com/resize.php?image=/uploadedimages/8853/32748396.jpg&width=)} #inline-style-64{clear: both;} #inline-style-65{background-image:url(https://equipmentsearch.com/resize.php?image=/uploadedimages/8853/32748757.jpg&width=)} #inline-style-66{clear: both;} #inline-style-67{background-image:url(https://equipmentsearch.com/resize.php?image=/uploadedimages/8853/32748763.jpg&width=)} #inline-style-68{clear: both;} #inline-style-69{background-image:url(https://equipmentsearch.com/resize.php?image=/uploadedimages/8853/32748764.jpg&width=)} #inline-style-70{clear: both;} #inline-style-71{background-image:url(https://equipmentsearch.com/resize.php?image=/uploadedimages/8853/32748765.jpg&width=)} #inline-style-72{clear: both;} #inline-style-73{background-image:url(https://equipmentsearch.com/resize.php?image=/uploadedimages/8853/32747769.jpg&width=)} #inline-style-74{clear: both;} #inline-style-75{background-image:url(https://equipmentsearch.com/resize.php?image=/uploadedimages/8853/19410835_2.jpg&width=)} #inline-style-76{clear: both;} #inline-style-77{background-image:url(https://equipmentsearch.com/resize.php?image=/uploadedimages/8853/19410836_4.jpg&width=)} #inline-style-78{clear: both;} #inline-style-79{background-image:url(https://equipmentsearch.com/resize.php?image=/uploadedimages/8853/19410837_2.jpg&width=)} #inline-style-80{clear: both;} #inline-style-81{background-image:url(https://equipmentsearch.com/resize.php?image=/uploadedimages/8853/19410839_2.jpg&width=)} #inline-style-82{clear: both;} #inline-style-83{background-image:url(https://equipmentsearch.com/resize.php?image=/uploadedimages/8853/19410840_6.jpg&width=)} #inline-style-84{clear: both;} #inline-style-85{background-image:url(https://equipmentsearch.com/resize.php?image=/uploadedimages/8853/19410841_3.jpg&width=)} #inline-style-86{clear: both;} #inline-style-87{background-image:url(https://equipmentsearch.com/resize.php?image=/uploadedimages/8853/19410843_4.jpg&width=)} #inline-style-88{clear: both;} #inline-style-89{background-image:url(https://equipmentsearch.com/resize.php?image=/uploadedimages/8853/19410913_1.jpg&width=)} #inline-style-90{clear: both;} #inline-style-91{background-image:url(https://equipmentsearch.com/resize.php?image=/uploadedimages/8853/19410915_2.jpg&width=)} #inline-style-92{clear: both;} #inline-style-93{background-image:url(https://equipmentsearch.com/resize.php?image=/uploadedimages/8853/19410917.jpg&width=)} #inline-style-94{clear: both;} #inline-style-95{background-image:url(https://equipmentsearch.com/resize.php?image=/uploadedimages/8853/19410919_1.jpg&width=)} #inline-style-96{clear: both;} #inline-style-97{background-image:url(https://equipmentsearch.com/resize.php?image=/uploadedimages/8853/19410920.jpg&width=)} #inline-style-98{clear: both;} #inline-style-99{background-image:url(https://equipmentsearch.com/resize.php?image=/uploadedimages/8853/19410922_2.jpg&width=)} #inline-style-100{clear: both;} #inline-style-101{background-image:url(https://equipmentsearch.com/resize.php?image=/uploadedimages/8853/19410923_2.jpg&width=)} #inline-style-102{clear: both;} #inline-style-103{background-image:url(https://equipmentsearch.com/resize.php?image=/uploadedimages/8853/19410924_4.jpg&width=)} #inline-style-104{clear: both;} #inline-style-105{background-image:url(https://equipmentsearch.com/resize.php?image=/uploadedimages/8853/19410929.jpg&width=)} #inline-style-106{clear: both;} #inline-style-107{background-image:url(https://equipmentsearch.com/resize.php?image=/uploadedimages/8853/19410932.jpg&width=)} #inline-style-108{clear: both;} #inline-style-109{background-image:url(https://equipmentsearch.com/resize.php?image=/uploadedimages/8853/19410933_4.jpg&width=)} #inline-style-110{clear: both;} #inline-style-111{background-image:url(https://equipmentsearch.com/resize.php?image=/uploadedimages/8853/19410936.jpg&width=)} #inline-style-112{clear: both;} #inline-style-113{background-image:url(https://equipmentsearch.com/resize.php?image=/uploadedimages/8853/19410938_4.jpg&width=)} #inline-style-114{clear: both;} #inline-style-115{background-image:url(https://equipmentsearch.com/resize.php?image=/uploadedimages/8853/19410940.jpg&width=)} #inline-style-116{clear: both;} #inline-style-117{background-image:url(https://equipmentsearch.com/resize.php?image=/uploadedimages/8853/19410942.jpg&width=)} #inline-style-118{clear: both;} #inline-style-119{background-image:url(https://equipmentsearch.com/resize.php?image=/uploadedimages/8853/19410943_3.jpg&width=)} #inline-style-120{clear: both;} #inline-style-121{background-image:url(https://equipmentsearch.com/resize.php?image=/uploadedimages/8853/19410944.jpg&width=)} #inline-style-122{clear: both;} #inline-style-123{background-image:url(https://equipmentsearch.com/resize.php?image=/uploadedimages/8853/32747300.jpg&width=)} #inline-style-124{clear: both;} #inline-style-125{background-image:url(https://equipmentsearch.com/resize.php?image=/uploadedimages/8853/19420216.jpg&width=)} #inline-style-126{clear: both;} #inline-style-127{background-image:url(https://equipmentsearch.com/resize.php?image=/uploadedimages/8853/19410834.jpg&width=)} #inline-style-128{clear: both;} #inline-style-129{display:none} .inline-style-130{display: none;} #inline-style-131{ width: 30vw;} #inline-style-132{ width: 58vw;} .inline-style-133{top: 87.3125px;} .inline-style-134{left: 0px;} .inline-style-135{left: -8vh; width: 8vh;} .inline-style-136{left: -8vh;} .inline-style-137{left: 0px;} .inline-style-138{left: -8vh; width: 8vh;} .inline-style-139{left: 0px;} .inline-style-140{left: -8vh; width: 8vh;} .inline-style-141{left: -8vh;} .inline-style-142{left: -8vh;} #inline-style-143{left: -8vh;}