.ymf-section{ padding: 1vw 2vw; } .yamaha-finance-row{ padding: 0 3vw; } .btn.disabled,.btn[disabled],fieldset[disabled] .btn{ opacity:1 !important; } .back-wrapper{ border: 1px solid #dedede; display: flex; align-items: center; } .gallery div.back-btn,.stock-num{ width: 50%; padding: 1vw; border-right: 0; background-color: #fff; position: relative; z-index: 2; } .stock-num{ text-align: right; } .rental-signup{ font-size: 1.11vw; margin: 0 auto; width: 17vw; } .rental-ESC-form .adCaptcha{ display: flex; align-items: center; justify-content: center; } .rental-ESC-form .col-sm-12{ align-items: center; display: flex; margin: 0 auto; } .rental-ESC-form button#submitBtn{ margin: 0 auto; padding: .5vw 2vw; font-size: 1.2vw; } .rental-ESC-form .col-md-4{ width: 100%; } .rental-ESC-form label.col-sm-3.control-label{ text-align: left; font-size: 1.11vw; } .rental-ESC-form .form-group{ margin-top: 1.5vw; } .roles{ padding-left: 3vw } #page_71722 .lSAction .lSPrev:before,#page_71722 .lSAction .lSNext:before{ content:''; background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%); background-repeat: repeat-x; width: 15%; } #page_71722 .lSAction .lSPrev{ left: 32vw!important; } #page_71722 .lSAction .lSNext{ right: 32vw!important; } #page_71722 .thumbnailStatus{ display:none!important } .footer-bottom__elem.footer-bottom__elem--ds-logo img{ height: 100%; } .add-sec a img{ width: 100%; height: 100%; } .col-sm-2.fivestars img{ max-width: 9.15vw; width: 100%; height: 70%; aspect-ratio: 197 / 120; } .col-sm-2.fivestars img:first-child{ aspect-ratio: 200 / 69; } ._map_img{ width: 100%; height: 100%; aspect-ratio: 1061 / 792; } .yamaha-finance-row{ display: flex; align-items: center; flex-wrap: wrap; } .yamaha-finance-logos a{ display: block; border: 0.01em solid #d5d5d5; padding: 1em; text-align: center; } .yamaha-finance-logos img{ height: 5em; } @media screen and (min-width: 768px) and (max-width: 991px){ .yamaha-finance-logos{ order: 1; width: 49% } .breif{ order: 2; } } @media screen and (max-width: 767px){ .rental-ESC-form button#submitBtn{ margin: 0 auto; padding: 1.5vw 3vw; font-size: 3.2vw; } .rental-signup{ font-size: 3.5vw; margin: 0 auto; width: 54vw; } .rental-ESC-form label.col-sm-3.control-label{ text-align: left; font-size: 4.11vw; } .yamaha-finance-logos{ order: 1; margin-bottom: 10px; } .breif{ order: 2; } } #page_66920 .to-up-container a.to-up{ display:none; } #page_66920 #sideTabs{ display:none; } #page_66920 .breadcrumbParent{ display:none !important; } #page_66920 .col-md-8.first-sec-img{ padding-top: 3vw; padding-right: 0; } #page_66920 a.right.carousel-control,#page_66920 a.left.carousel-control{ width: 1vw; height: 1vw; top: 17vw; } #page_66920 .second-sec img{ width: 100%; } #page_66920 .third-sec.col-md-12{ padding: 2vw 0 0 5vw; } #page_66920 .second-sec p{ font-size: 1.5vw; padding-right:8vw; padding-top: 1vw; } .new-page .first-sec{ padding-bottom: 40px; } .img-ops{ opacity: 0; } .img-pos{ position: absolute; z-index: 1; top: -2vw; } .four-sec-div{ border-right: 3px solid #000;display: flex;flex-flow: row-reverse;height: 33vw;padding: 4vw 3vw; } .four-sec h1{ font-size: 5vw;text-align: end; color:#000; font-weight: 900; font-family: 'DIN Bold'; line-height: 1.5; } .new-sec{ display: flex;align-items: center;flex-direction: column; margin-top: 80px; } @media all and (max-width: 767px){ .four-sec-div{ border-right: 0; } #page_66920 .second-sec p{ font-size: 3.5vw; } .new-sec{ margin-top: 0; } .img-pos{ position: absolute; top:-4vw; } .first-sec-img img{ width: 100%;height: auto; margin:10px 0; } .four-sec h1{ font-size: 8vw; text-align: center !important; margin-bottom:10px; } .four-sec-div{ height: auto;padding: 1vw !important; justify-content: center; } } .new-page{ font-family: 'DIN'; } .new-page .first-sec,.new-page .second-sec,.new-page .third-sec,.new-page .four-sec{ border-bottom: 1px solid #d1d1d1; } .new-page .four-sec{ padding-top: 6vw; padding-bottom: 7vw; } .second-sec p{ margin-top:1vw } .new-page .button{ background: #000; padding: 20px 70px; color: #fff; border-radius: 5px; } h2.model-title,.main-container,.filter-ttl{ font-family: 'DIN Bold'!important; } div#comp_1648405121946 img{ width: 100vw!important; aspect-ratio: 72/25; } div#footer img{ padding-right: 2vw; } #shortlines a{ display: block; border:none!important; padding: 15px; margin: 15px; color: #000; font-family: "FFDINWebProBold",sans-serif; font-size: 18px; background-color: #f0f0f0; } #shortlines a img{ border: none; background-color: #fff; margin-bottom: 5px; } div#panelFacebook .tab-link:hover{ background: #000!important; width: 4vw; left: -4vw; } div#google .tab-link:hover{ background: #000!important; width: 4vw; left: -4vw; } @font-face{ font-family: DIN ; src: url(/site-uploads/1001379/Fonts/DIN.ttf);format('truetype') font-display: swap;} @font-face{ font-family: DIN Bold ; src: url(/site-uploads/1001379/Fonts/DIN-PRO-700-Bold.ttf);format('truetype') font-display: swap;} @font-face{ font-family: DIN Normal ; src: url(/site-uploads/1001379/Fonts/DINMedium.ttf);format('truetype') font-display: swap;} .col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{ padding:0vw 1.1vw } span.sub-box.lawn-care-list.specialcase a{ padding: 9vw; background: transparent; border: 0; } div#html_1648630703744{ padding: 1vw 4vw; } #page_54145 div#products{ width: 100%; } #page_54145 .col-sm-6.stock-num{ display: none; } #page_54145 .model-title-link.pushstate{ color: #000; } #page_54145 #grid{ padding: .4vw .4vw; background-color: transparent; border: .14vw solid #015571; color: #149dcb; font-size: 1.4vw; border-radius: 0; border-top-left-radius: 0px; border-bottom-left-radius: 0px; line-height: 1; } #page_54145 td{ display: flex; justify-content: center; flex-direction: column; } #page_54145 td img{ margin: auto; } #page_54145 .grid-title.model-title.col-sm-6{ height: 2.8vw; } #page_54145 .Read-more.visible-xs{ display: none !important; } #page_54145 .grid-group-item .img-event{ height:auto; min-height:10vw } #page_54145 #model-specs,#page_49807 #home,#page_49807 #model-video{ padding:2vw;border:0!important; } #page_54145 .ad-details-content.container-fluid{ margin: 3.2vw; } #page_54145 .glyphicon{ top: .1vw; left: .1vw; } #page_54145 .btn-group.list-grid-btn{ display: flex; } #page_54145 .View-Details.pushstate{ height:auto; } #right-cta-buttons.affix{ top: 6vw!important; min-width: 390px; position: fixed !important; } a.accord-btn span{ font-style: normal!important; font-weight: 700; font-size: 18px!important; line-height: 28px!important; text-transform: uppercase!important; color: #251F1C!important; } a.accord-btn{ font-family: 'DIN Bold'!important; font-style: normal!important; font-weight: 700; font-size: 18px!important; line-height: 28px!important; text-transform: uppercase!important; color: #251F1C!important; } #inline-style-8{ color: #d52b1e!important; } .ShowReadMore{ font-family: 'DIN Bold'; font-style: normal; font-weight: 400; font-size: 15px; line-height: 18px; } #shortlines a:hover,#shortlines a:focus{ border-color: #222; text-decoration: none; } #shortlines a{ display: block; padding: 15px; margin: 15px; color: #222; border: 1px solid #ccc; } span.glyphicon.glyphicon-comment{ color: #fff!important; } .bottomdraw{ background: #000; padding: 2vw 0vw; border-top: 1px solid #5D615B; position: fixed; bottom: 0; width: 100%; z-index: 2; } .bottomdraw a{ color: #fff; padding: 2.8vw 6.8vw 3vw 6.8vw; border-left: 1px solid #5D615B; } .bottomdraw a:first-child{ border: 0; } span.glyphicon.glyphicon-comment{ color: #fff!important; } .lSAction>a{ z-index:1!important } @media all and (min-width: 767px){ .img-tag{ margin-left: 6vw; transform: none!important; -webkit-transform-origin-x: unset!important; } a.model-action-btn.back-btn span{ color: #d52b1e!important; line-height: 1vw; margin: 0vw!important; padding: 0vw!important; } #detailsParentDiv .lSSlideWrapper{ border: #D5D5D5 solid 1px; padding: 0vw 0vw; border-top: 0vw; } a.model-action-btn.back-btn{ border: 0; font-family: 'DIN Bold'; font-style: normal; font-weight: 500; font-size: 16px; color: #d52b1e!important; display: flex; justify-content: flex-start; align-items: center; padding: 0vw!important; margin: 0; line-height: 1vw; } .price.no_price{ font-family: 'DIN Bold'; font-style: normal; font-weight: 600!important; font-size: 20px!important; line-height: 23px!important; } } @media all and (max-width: 767px){ span.sub-box.lawn-care-list.specialcase a{ padding: 21vw; background: transparent; border: 0; } #quote-form{ width: 100% !important; } .back-btn,.stock-num{ display:none!important } } .breadcrumb>li+li:before{ padding: 0 0px 0 5px; color: #d52b1e; content: "|"; } .comment{ font-family: 'DIN Bold'; font-style: normal; font-weight: 400; font-size: 16px!important; line-height: 19px!important; color: #333333; } div#products{ width: 78%; } a.filter-collapse{ font-family: 'DIN Bold'; font-style: normal; font-weight: 600; font-size: 15px; line-height: 30px; text-transform: uppercase; color: #d52b1e; } div#filters{ background: #F1F1F1; border: 1px solid #D5D5D5; } .sticky-header{ position: fixed; top: 0; left: 0; right: 0; z-index:60; } .privacy.link a{ max-width: 29vw; padding: 4vw; border: 1px solid; margin-bottom: 1vw; } .faq{ padding: 0vw 4vw; } div#html_1648361366132{ padding: 0vw 4vw; } .container.ffm-cleanmarine a{ display: flex; flex-direction: column; justify-content: center; align-items: center; color: #000; } .ffm-sales{ border: 1px solid #ccc; padding: 1.5vw; margin-bottom: 1.5vw; overflow: hidden; margin: 0vw 4vw 4vw 4vw; } .ffm-sales h3{ margin-top: 0; padding-top: 0; } .ffm-rate{ border: 1px solid #ccc; margin-bottom: 1.5vw; overflow: hidden; text-align: center; } .ffm-rate>div{ padding: 1vw 1.5vw; border-right: 1px solid #ccc; min-height: 5.5vw; } .ffm-rate>div:last-child{ border-right: 0; } .ffm-rate .title{ font-weight: bold; } .ffm-winter{ border: 1px solid #ccc; margin-bottom: -1px; overflow: hidden; text-align: center; padding: 0; } .ffm-winter .title{ background-color: #d52b1e; color: #f1f1f1; padding: .5vw !important; border: none !important; } .ffm-winter .col{ border-right: 1px solid #ccc; padding: 1vw; } .ffm-winter .col:last-child{ border-right: 0; } .ffm-cleanmarine{ text-align: center; overflow: hidden; } .ffm-cleanmarine a{ border: 1px solid #ccc; padding: 1.5vw; margin-bottom: 1.5vw; } .ffm-marina{ overflow: hidden; padding: 0; } .ffm-marina span{ border: 1px solid #eee; display: block; text-align: center; padding: 1vw; } div#html_1648058510783{ padding: 0vw 4vw; } .container.gallery-container{ margin-left: 4vw; margin-bottom: 3vw; } div#html_1648362000475{ padding: 0vw 4vw; } .ffm-winter{ border: 1px solid #ccc; margin-bottom: -1px; overflow: hidden; text-align: center; padding: 0; } .ffm-winter .title{ background-color: #d52b1e; color: #f1f1f1; padding: .5vw !important; border: none !important; } .ffm-winter .col{ border-right: 1px solid #ccc; padding: 1vw; } .ffm-winter .col:last-child{ border-right: 0; } .ffm-cleanmarine{ text-align: left; overflow: hidden; } .ffm-cleanmarine a{ border: 1px solid #ccc; padding: 1.5vw; margin-bottom: 1.5vw; } div#html_1648362400492{ padding: 0vw 4vw; } section.yamahaprom-new{ margin: 0vw 4vw; } .btn-primary{ color: #fff; background-color: #d52b1e; border-color: #d52b1e; border-radius: 0!important; } .container.ffm-promotions a{ color: #000; } .ffm-promotions{ text-align: center; overflow: hidden; } .container.ffm-promotions{ width: 93vw; margin-top: 30px; } .ffm-promotions a{ border: 1px solid #ccc; padding: 1.5vw; margin-bottom: 1.5vw; display: flex; flex-direction: column; } .ffm-promotions a:hover,.ffm-promotions a:focus,.ffm-cleanmarine a:hover,.ffm-cleanmarine a:focus{ border-color: #d52b1e; color: #232323; } .ffm-promotions span,.ffm-cleanmarine span{ display: block; } .ffm-promotions span.title,.ffm-cleanmarine span.title{ text-transform: uppercase; color: #d52b1e; font-family: 'DIN Bold',sans-serif; font-weight: 700; font-size: 1.5vw; padding-top: 1vw; } .rowgal{ display: flex; flex-direction: row; margin: auto; flex-wrap: wrap; flex-grow: 0; justify-content: center; align-items: center; } .flexgal1{ display: flex; flex-direction: column; background: #FFFFFF; padding: 3vw; margin: .5vw 1vw; color: #282828; border: 2px #777 solid; } .flexgal1 img{ height: 10vw; width: 20vw; } .flexgal1:hover{ border:2px #d52b1e solid; } #myCarouselLogosMobile .carousel-control{ color: #292929; opacity: 0.5; } div#panelWeather .mob-search.mobile-only{ padding: 0.5vw; display: flex; justify-content: center; align-items: center; color: #000; margin-right: 10vw; } div#quick-feedback-reviews-widget{ margin: 0vw 4vw; } .aligncenterdata{ display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 5vw 4vw 4vw 4vw ;background: #fff; padding: 3vw 5vw; } .thirdstyle{ font-family: 'DIN Bold'; font-style: normal; font-weight: 400; font-size: .8em; line-height: 2vw; text-align: center; color: #333333; margin-top: 2vw; } .secondstyle{ font-family: 'DIN Bold'; font-style: normal; font-weight: 700; font-size: 1.8em; line-height: 2vw; text-align: center; text-transform: uppercase; color: #d52b1e; } .firststyle{ font-family: 'DIN Bold'; font-style: normal; font-weight: 700; font-size: 1.3em; line-height: 3vw; text-align: center; text-transform: uppercase; color: #d52b1e; } .maintext{ border-top: 1px solid #fff; } #ffm-categories .sub-boxdiv#panelWeather .mob-search.mobile-only{ color: #000; display: flex; justify-content: center; align-items: center; padding: 0.5vw; margin-right: 8vw; } .hours-main tr:hover{ background: #d52b1e!important; color: #fff!important; } div#navbar-59843{ background: #d52b1e; box-shadow: 1px 0px 1px rgb(255 222 178); } .privacy.link{ display: flex; flex-direction: column; justify-content: center; align-items: center; } .modal-content #Buttons{ margin: auto !important; float: none !important; justify-content: center; align-items: center; display: flex; flex-direction: row; flex-wrap: nowrap; width: auto; } .modal-content .formsParent{ width: 100%; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; float: none; } .parent-panel .panel .panel-collapse .panel-body ul.links li a.find:after{ content: "\f002"; } div#logScreenAccordion .panel-title{ border: 0; border-radius: 0; padding: 0vw 0vw!important; margin-bottom: 1vw; color: #fff; font-size: 1.8vw!important; line-height: 4.5vw; background: #333; } .btn-default:hover{ background-color: #e6e6e6!important; } .privacy{ padding: 0vw 4vw; } .privacy strong,.alignglobal strong,.alignglobal h2{ color: #d52b1e; } .lastbottom{ font-style: normal; font-weight: 600; font-size: 1.7vw; line-height: 1.5vw; text-align: center; color: #FFFFFF; display: flex; justify-content: center; align-items: center; padding: 1.3vw; background: #d52b1e; } p.socialdata a i{ color: #000; font-size: 24px; line-height: 40px; } .contanct{ padding: 3vw 2.8vw; } .panel-body{ padding: 0vw 1vw!important;padding-bottom: 1vw !important; } .contanct a{ font-style: normal; font-weight: normal; font-size: 1.15vw; line-height: 1.5vw; color: #313131; } .contanct .hours-ul{ font-size: 1.15vw; line-height: 1.9vw; } .contanct p{ font-style: normal; font-weight: bold; font-size: 1.2vw; line-height: 1.5vw; text-transform: uppercase; margin: .8vw 0vw; } .contanct iframe{ height: 22.5vw; } .panel-title{ background-color: #d52b1e; border: 0; border-radius: 0; padding: 0vw 2vw!important; margin-bottom: 1vw; color: #fff; font-size: 1.8vw!important; line-height: 4.5vw; } @media all and (max-width: 767px){ div#products{ width: 100%; } .privacy.link a{ max-width: 80vw; margin-bottom: 3vw; } .contanct iframe{ height: 61.3vw; } .contanct a{ font-style: normal; font-weight: normal; font-size: 1.15vw; line-height: 1.5vw; color: #313131; } .col-sm-6.col-xs-12.da{ height: auto; } .contanct .hours-ul{ font-size: 3.15vw; line-height: 5.5vw; } .contanct .hours-ul{ font-size: 16px; } .contanct p{ font-style: normal; font-weight: bold; font-size: 16px; line-height: 19px; text-transform: uppercase; margin: 2vw 0vw .5vw 0vw; } .contanct a{ font-style: normal; font-weight: normal; font-size: 16px; line-height: 19px; color: #313131; } } h1{ font-size: 2.5vw; } h2{ font-size: 1.8vw; } h3{ font-size: 1.6vw; } h4{ font-size: 1.4vw; } h5{ font-size: 1.1vw; } h6{ font-size: 1vw; } @media only screen and (max-width: 767px){ .SendCopyCheck{ font-size: 3vw; } .breadcrumb a{ font-size: 3vw; } h1{ font-size: 6vw; } h2{ font-size: 5.5vw; } h3{ font-size: 5vw; } h4{ font-size: 4.5vw; } h5{ font-size: 4vw; } h6{ font-size: 3.5vw; } } .h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{ margin-top: 0vw; margin-bottom: 0vw; line-height: 2.1; } @media (max-width:768px){ .h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{ line-height: 2.2; margin-top: 0vw; margin-bottom: 0vw; } } .formsParent .adForm .formField.col-xs-12{ padding: 0vw 1.1vw!important; } .adForm.container-fluid,#Buttons{ padding-left: 2.5vw; padding-right: 2.5vw; } .adForm.container-fluid,#Buttons{ margin-left: 0px !important; margin-right: 0px!important; } .adForm.container-fluid input:hover,.adForm.container-fluid textarea:hover,.adForm.container-fluid select:hover,.adForm.container-fluid input:active,.adForm.container-fluid textarea:active,.adForm.container-fluid select:active,.adForm.container-fluid input:focus,.adForm.container-fluid textarea:focus,.adForm.container-fluid select:focus{ color: #000 !important; background-color: #f1f1f1 !important; } #Buttons{ margin: auto !important; float: none !important; justify-content: center; align-items: center; display: flex; flex-direction: row; flex-wrap: wrap; width: auto; } .buttondata a{ margin-bottom: 1.15vw; margin-top: .24vw; } #homes .quote{ background: #F1F1F1; box-shadow: 0px .28vw .3vw rgba(0,0,0,0.15); padding: 1vw 4vw 3vw 4vw; display: flex; flex-direction: column; justify-content: center; align-items: center; margin-top: 2vw; margin-bottom: 3vw; } .adForm.container-fluid input,.adForm.container-fluid textarea,.adForm.container-fluid select{ border-width: .14vw; border-style: solid; font-size: 1.2vw; outline: none; padding-top: .6vw; padding-right: 1.5vw; padding-bottom: .6vw; padding-left: .75vw; resize: none; border-radius: 0; border-color: #d9d9d9; color: #000; background-color: #EBEBEB!important; margin-top: 1vw; } .adForm.container-fluid h2{ font-family:'DIN Bold'; font-size: 1.3vw; border-top: 0px solid #dedede !important; text-align: left !important; color: #313131; line-height: 0vw; font-weight: bold; } input[name="submit"]{ text-transform: uppercase!important; border-width: 0!important; color: #ffffff!important; text-align: center!important; padding-top: .75vw!important; padding-right: 1.1vw!important; padding-bottom: .8vw!important; padding-left: 1.1vw!important; display: block!important; margin: .6vw!important; float: left!important; font-style: normal!important; font-weight: 600!important; font-size: 1.2vw!important; line-height: 1.7vw!important; width: 13vw!important; background:#d52b1e!important; } .formField .formRequired,label.error{ color: #d52b1e !important; } input[type="reset"]{ text-transform: uppercase!important; border-width: 0!important; color: #ffffff!important; text-align: center!important; padding-top: .75vw!important; padding-right: 1.1vw!important; padding-bottom: .8vw!important; padding-left: 1.1vw!important; display: block!important; margin: .6vw!important; float: left!important; font-style: normal!important; font-weight: 600!important; font-size: 1.2vw!important; line-height: 1.7vw!important; width: 13vw!important; background:#313131!important; } input[name="reset"]:hover,input[name="reset"]:focus,input[name="reset"]:active{ color: #fff !important; background-color: #d52b1e !important; } .afterform{ display: flex; flex-direction: column; padding-left: 10vw; padding-right: 10vw; margin-left: 2.2vw; margin-right: 2.2vw; margin-bottom: 4vw; color: black; } .afterform span a{ font-weight: bold; color: black; text-decoration: underline; } input[name="submit"]:hover,input[name="submit"]:focus,input[name="submit"]:active{ color: #fff !important; background-color: #313131 !important; } @media only screen and (max-width: 767px){ .formsParent .adForm .formField.col-xs-12{ padding: 0vw 15px !important; } .stickhide{ display:block } h1{ font-size: 6vw; } h2{ font-size: 5.5vw; } h3{ font-size: 5vw; } h4{ font-size: 4.5vw; } h5{ font-size: 4vw; } h6{ font-size: 3.5vw; } .adForm.container-fluid input,.adForm.container-fluid textarea,.adForm.container-fluid select{ border-width: 1px; border-style: solid; font-size: 16px; outline: none; padding-top: 8px; padding-right: 20px; padding-bottom: 8px; padding-left: 10px; resize: none; border-radius: 0; border-color: #d9d9d9; color: #000; background-color: #EBEBEB!important; margin-top: 1vw; } .adForm.container-fluid h2{ font-size: 19px; border-top: 0px solid #dedede !important; text-align: left !important; color: #313131; line-height: 0vw; font-weight: bold; } input[name="submit"]{ text-transform: uppercase!important; border-width: 0!important; color: #ffffff!important; text-align: center!important; padding-top: 10px!important; padding-right: 15px!important; padding-bottom: 11px!important; padding-left: 15px!important; display: block!important; margin: 8px!important; float: left!important; font-style: normal!important; font-weight: 600!important; font-size: 16px!important; line-height: 24px!important; width: 138px!important; background:#d52b1e!important; } .formField .formRequired,label.error{ color: #d52b1e !important; } input[type="reset"]{ text-transform: uppercase!important; border-width: 0!important; color: #ffffff!important; text-align: center!important; padding-top: 10px!important; padding-right: 15px!important; padding-bottom: 11px!important; padding-left: 15px!important; display: block!important; margin: 8px!important; float: left!important; font-style: normal!important; font-weight: 600!important; font-size: 16px!important; line-height: 24px!important; width: 138px!important; background:#313131!important; } input[name="reset"]:hover,input[name="reset"]:focus,input[name="reset"]:active{ color: #fff !important; background-color: #d52b1e!important; } .afterform{ display: flex; flex-direction: column; padding-left: 10vw; padding-right: 10vw; margin-left: 30px; margin-right: 30px; margin-bottom: 4vw; color: black; } .afterform span a{ font-weight: bold; color: black; text-decoration: underline; } input[name="submit"]:hover,input[name="submit"]:focus,input[name="submit"]:active{ color: #fff !important; background-color: #313131 !important; } #Buttons{ margin: auto !important; float: none !important; justify-content: center; align-items: center; display: flex; flex-direction: row; flex-wrap: wrap; width: 80vw; } .adForm.container-fluid,.topform,#Buttons,.afterform,.globaldata-2{ padding-left: 2.5vw; padding-right: 2.5vw; } } @media only screen and (max-width: 992px){ .adForm.container-fluid,.topform,#Buttons,.afterform,.globaldata-2{ padding-left: 2.5vw; padding-right:2.5vw; } } .panel-heading{ padding: 0vw!important; border: 0vw; } .hors ul{ padding: 0vw; } .hours-ul li{ display: flex; flex-direction: column; } .ttop{ margin-top: .3vw !important; } .panel-title strong{ font-weight: 700 !important; } .contanct iframe{ width: 44vw; height: 22vw; } @media (max-width:992px){ .contanct iframe{ width: 96vw; height: 50vw; } #footer iframe{ width: 60vw; height: 40vw; } .contanct{ padding: 3vw 2.8vw; } .panel-body{ padding: 0vw 1vw!important;padding-bottom: 1vw !important; } .contanct a{ font-style: normal; font-weight: normal; font-size: 1.15vw; line-height: 1.5vw; color: #313131; } .contanct .hours-ul{ font-size: 1.15vw; line-height: 1.9vw; } .contanct p{ font-style: normal; font-weight: bold; font-size: 1.2vw; line-height: 1.5vw; text-transform: uppercase; margin: .8vw 0vw; } .contanct iframe{ height: 22.5vw; } } @media all and (max-width: 767px){ .contanct iframe{ height: 61.3vw; } .contanct a{ font-style: normal; font-weight: normal; font-size: 1.15vw; line-height: 1.5vw; color: #313131; } .col-sm-6.col-xs-12.da{ height: auto; } .contanct .hours-ul{ font-size: 3.15vw; line-height: 5.5vw; } .contanct .hours-ul{ font-size: 16px; } .contanct p{ font-style: normal; font-weight: bold; font-size: 16px; line-height: 19px; text-transform: uppercase; margin: 2vw 0vw .5vw 0vw; } .contanct a{ font-style: normal; font-weight: normal; font-size: 16px; line-height: 19px; color: #313131; } } a:hover,a:focus,a:active{ text-decoration: none; } #page_53687 #comp_1648420751666{ display: none; } #nav_59843{ width: 100vw; } .mob img{ max-width: 34vw; padding: 1vw 4vw; max-height: 13vw; width: 100%; height: 100%; } .mob a{ color: #fff; font-size: 5vw; margin-left: 3vw; } #navbar-59843{ width: 100vw; } .breadcrumb>li{ padding: 0vw; font-weight: bold; margin: 0; text-transform: uppercase; text-decoration: none; color: #393939; background: #f1f1f1; } .breadcrumb>li a{ font-family: 'DIN Bold'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 19px; text-align: right; color: #000; } .breadcrumb{ align-items: center; padding: 0vw !important; margin: 0vw; background-color: #f1f1f1; } .breadcrumb-item.active{ text-transform:uppercase; color: #d52b1e; order: -3; padding: 1.5vw; text-overflow: ellipsis; } .breadcrumbParent h2{ font-weight: bold !important; color: #d52b1e; text-transform: uppercase; } .breadcrumbParent{ min-height: 6vw; display: flex !important; align-items: center; justify-content: space-between; margin-bottom: 0vw; background: #F1F1F1; color: #d52b1e; padding: .5vw 4vw; font-weight: bold; } @media screen and (max-width:767px){ .flexgal1 img{ height: 24vw; width: 50vw; } .breadcrumbParent h2{ font-weight: bold !important; color: #d52b1e; text-transform: uppercase; margin: 4vw 0vw; font-size: 4.8vw; } } ul.nav.navbar-nav .dropdown-toggle{ display: flex; justify-content: center; align-items: center; } .ShowReadMore span{ font-family: inherit!important; font-size: 16px; line-height: 23px; } a.rt-action-btn.view-preowned{ display: none; } .sub-box.lawn-care-list a:hover{ background: #fff; color: #d52b1e!important; } .sub-box.lawn-care-list a:hover{ background: #d52b1e; color: #fff!important; } .sub-box.lawn-care-list a{ padding: 0vw 4vw; border: 1px solid #D5D5D5; margin-bottom: 0.3vw; width: 22vw; text-align: center; font-family: 'DIN Bold'; font-style: normal; font-weight: 400; font-size: 0.8em; line-height: 2vw; text-align: center; color: #FFFFFF; margin:0vw 4vw; } .container{ padding: 0vw; } #ffm-toolbox{ margin: 4vw; margin-top: 0vw; margin-bottom: 0.5vw; } .newcwnt{ margin: 4vw; justify-content: center; align-items: center; } #ffm-toolbox{ margin-top: 0vw; margin-bottom: .5vw; } #ffm-toolbox .container>div{ padding: 0 .5vw 0 0; } #ffm-toolbox .container>div:nth-child(4){ padding: 0; } #ffm-toolbox a{ font-family: 'DIN Bold',sans-serif; display: block; background-color: #616365; color: #fff; padding: 1.5vw ; font-size: 1.27em; line-height: 1.8vw; } #ffm-toolbox span.subtitle{ padding-left: 3.7vw; font-family: 'DIN Bold'; font-style: normal; font-weight: 300; line-height: 1.5vw; color: #FFFFFF; display: block; font-size: .66em; } #ffm-toolbox span.glyphicon{ position: relative; top: 1vw; } #ffm-toolbox a:hover,#ffm-toolbox a:focus{ background-color: #d52b1e; } #ffm-content .container>div{ background-color: #fff; overflow: hidden; padding: 3vw; } #page_53687 #CenterDiv{ background: url(/site-uploads/1001381/img/bg.jpg); background-size: contain; display: flex; flex-direction: column; background-position: 0vw 61vw; } .maintext{ font-family: 'DIN Bold'; font-style: normal; font-weight: 700; font-size: 1.15em; line-height: 4.7vw; text-transform: uppercase; color: #FFFFFF; background: #616365; margin: 0vw; padding-top: .8vw; text-align:center } #comp_1648405121946 .carousel-inner .item img{ width: 100%; height: 100%; } #comp_1648405121946 .carousel-inner>.item>a>img,#comp_1623707297111 .carousel-inner>.item>img{ height: auto !important;width:100%!important } #comp_1648405121946 .right img{ right: -30vw !important; } #comp_1648405121946 .left img{ left: -30vw !important; } #comp_1648405121946 .carousel-indicators{ margin-left: -60%; bottom: 2.5vw; z-index: 1 !important; } #comp_1648405121946 .carousel-indicators li{ width: 3.5vw !important; height: 0.2vw !important; margin: 0.2vw !important; border-radius: 0 !important; border-color: #f1f1f1; background-color: #f1f1f1; } #comp_1648405121946 .carousel-indicators .active{ background-color: #f1f1f1!important; width: 3.5vw !important; height: 0.4vw !important; margin: 0.2vw !important; border-radius: 0 !important; border-color: #f1f1f1!important; } #com #comp_1648405121946 .right:before{ content: "\e258"; display: block; font-size: 2.5vw; color: #fff; position: absolute; top: 18vw; right: 4vw; font-family: "Glyphicons Halflings"; font-weight: bold; } #comp_1648405121946 .left::before{ content: "\e257"; display: block; font-size: 2.5vw; color: #fff; position: absolute; top: 18vw; left: 4vw; font-family: "Glyphicons Halflings"; font-weight: bold; } #comp_1648405121946 .right::before{ content: "\e258"; display: block; font-size: 2.5vw; color: #fff; position: absolute; top: 18vw; right: 4vw; font-family: "Glyphicons Halflings"; font-weight: bold; } #page_53687 #sideTabs{ top:14vw; } #sideTabs{ display:block;position:fixed;z-index:15;top:10vw;right:0; min-width: 28vw; } @media all and (max-width: 768px){ #ffm-toolbox span.glyphicon{ position: relative; top: 3vw; left: 1vw; } #sideTabs{ display:none } } #sideTabs .tab-content{ position:absolute;background-color:#fff;width:28vw;right:-28vw } #sideTabs .tab-link{ position:absolute;display:block;width:3vw;height:2.95vw;top:0;left:-3vw;background-position:center;background-repeat:no-repeat;text-align:center; } #sideTabs #panelFacebook{ height:510px;z-index:9999;top:12vw } #sideTabs #panelFacebookTab{ background-color:#d52b1e } #sideTabs #google{ z-index:9999;top:18vw } #sideTabs #fb-root{ margin-top: -.9vw; } #sideTabs #panelInstagram{ height: 3vw; z-index:9999999999;top:6vw } #sideTabs #panelInstagramTab{ background-color: #d52b1e; } #sideTabs .tab-link i{ line-height:3vw;font-size:1.1vw;color:#fff } #sideTabs #panelWeather{ z-index:6;top:9vw; } #sideTabs #panelWeather>iframe{ max-height:20vw; } #sideTabs #panelWeatherTab{ transition:.3s background-color ease-in-out;background-color:#d52b1e } #sideTabs #panelPartslookup{ height: 3vw; z-index:4355;top:15vw } #sideTabs #panelPartslookupTab{ background-color:#d52b1e } #sideTabs #panelPartslookupTab img{ width:100% } #sideTabs .col-sm-6{ padding: .2vw !important; } #sideTabs #panelPartslookup .panelPartslookupContent{ background-color: #d52b1e ; overflow: hidden; font-size: 2.2vw; color: #fff; padding: 0vw; text-align: center; } #sideTabs #panelPartslookup .panelPartslookupContent h2{ text-align: center; padding: 0;margin: .57vw; } #sideTabs .col-sm-6 a:hover,#sideTabs .col-sm-6 button:focus{ background-color: #d52b1e ; color: #fff; text-decoration: none; } #sideTabs #panelofsc .mob-search.mobile-only{ width: 100%; display: flex; justify-content: center; align-items: center; height: 100%; background: #f1f1f1; } #sideTabs #panelofsc{ height: 3vw; z-index:4;top:12.01vw } #sideTabs #panelofscTab{ background-color:#d52b1e; border: 1px solid #d52b1e; border-right: 0; } #sideTabs #panelShopOnline{ height: 3vw; z-index:4;top:15vw } #sideTabs #panelShopOnlineTab{ background-color: #d52b1e; } #sideTabs #panelPartslookup .panelPartslookupContent{ background-color: #fff; overflow: hidden; font-size: 1vw; color: #313131; padding: 0vw .6vw; } #sideTabs #panelPartslookup .panelPartslookupContent h2{ text-align: center; padding: 0; } #sideTabs .col-sm-6 a{ text-transform: none; background-color:#d52b1e; color: #f1f1f1; display: block; padding: .5vw; margin: .2vw; text-align: center; } #sideTabs .col-sm-6 a:hover,#sideTabs .col-sm-6 a:focus{ background-color: #fff ; color: #313131; text-decoration: none; } #sideTabs .tab-content table{ width: 28vw; font-size: 1vw; color: black; background: white; } #sideTabs .tab-content table td{ padding: 1vw; } .add-sec a{ padding: 0.5vw 7vw; } .col-sm-2.fivestars{ padding: 0vw; margin-top: 1vw; margin-left: 3vw; width: 10.933vw; } #searchbtn .glyphicon{ width: 3.2vw; font-size: 1.4vw; padding: 0; border: 0; color: #f1f1f1; } #searchbtn{ outline: none; background: #d52b1e; width: 3.377778vw; font-size: 1.25vw; border: 0.144vw solid #d52b1e; border-left: 0px; border-radius: 0vw; padding: 0vw 1vw; } #searchbox::placeholder{ color: #d52b1e; font-family: 'DIN Bold'; font-style: normal; font-weight: 400; font-size: 1.1vw; line-height: 1.7vw; } #searchbox{ box-sizing: border-box; padding: 0.6vw; outline: 0; width: 65%; height: 3.2vw; color: #d52b1e; padding-left: 1vw; border-radius: 0vw; font-family: 'DIN Bold'; font-style: normal; font-weight: 400; font-size: 1.1vw; line-height: 1.7vw; text-align: left; } .search-div{ margin-top: 0.3vw; clear: both; display: flex; justify-content: flex-end; } .col-sm-3.tel.hidden-xs{ width: 18.5vw; } .hors.col-sm-3.hidden-xs{ width: 23vw; } .col-sm-3.tel.hidden-xs a:nth-child(2){ font-family: 'DIN Bold'; font-style: normal; font-weight: 300; font-size: .9em; line-height: 1.25em; text-align: right; color: #000!important; } #HeaderDiv .set_phone_number{ font-family: 'DIN Bold'; font-style: normal; font-weight: 600; font-size: 2em; line-height: 1.65em; text-transform: uppercase; color: #000; } #HeaderDiv .container{ background: #fff; } .container{ width: 100vw; } #ffm-categories{ width: 100%; overflow: hidden; background-color: #fff; position: relative; z-index: 1; padding-bottom: .15vw; } #ffm-categories>div:nth-child(1),#ffm-categories>div:nth-child(2),#ffm-categories>div:nth-child(4),#ffm-categories>div:nth-child(5),#ffm-categories>div:nth-child(7),#ffm-categories>div:nth-child(8),#ffm-categories>div:nth-child(10),#ffm-categories>div:nth-child(11){ padding-right: .15vw !important; } #ffm-categories>div{ padding: 0px !important; margin-top: .15vw; } #ffm-categories a{ display: block; position: relative; color: #fff; } #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; background-position: 0vw -7vw; } #ffm-categories>div:nth-child(1)>a:before{ background-image: url(/site-uploads/1001381/img/1.jpg); } #ffm-categories>div:nth-child(2)>a:before{ background-image: url(/site-uploads/1001381/img/2.jpg); } #ffm-categories>div:nth-child(3)>a:before{ background-image: url(/site-uploads/1001381/img/3.jpg); } .newcwnt #ffm-categories>div:nth-child(1)>a:before{ background-image: url(/site-uploads/1001381/img/4.jpg); } .newcwnt #ffm-categories>div:nth-child(2)>a:before{ background-image: url(/site-uploads/1001381/img/5.jpg); background-position: 0vw 0vw; } .newcwnt #ffm-categories>div:nth-child(3)>a:before{ background-image: url(/site-uploads/1001381/img/6.jpg); } #ffm-categories .title{ margin-bottom: 0.5vw; letter-spacing: .05em; position: relative; z-index: 2; font-family: 'DIN Bold'; font-style: normal; font-weight: 700; font-size: 1.2em; line-height: 24px; text-align: center; text-transform: uppercase; color: #FFFFFF; } #ffm-categories .title-wrapper{ padding-bottom: 2.6vw; -webkit-transition: .3s padding ease-in-out; -o-transition: .3s padding ease-in-out; transition: .3s padding ease-in-out; } #ffm-categories>div>a>span{ height: 21.5vw; z-index: 2; position: relative; display: flex; flex-direction: column; flex: 1 0 auto; align-items: center; justify-content: flex-end; } #ffm-categories .col-sm-4:hover .title-wrapper,#ffm-categories .col-sm-6:hover .title-wrapper{ padding-bottom: 16.5vw; } #ffm-categories .col-sm-4:hover .title,#ffm-categories .col-sm-6:hover .title{ color: #fff !important; } #ffm-categories span{ display: block; } #ffm-categories .title-wrapper:after{ height: 8vw; content: ""; position: absolute; top: auto; left: 0; right: 0; bottom: 0; z-index: 0; -webkit-transition: .3s height ease-in-out; -o-transition: .3s height ease-in-out; transition: .3s height ease-in-out; background-color: #616365; } @media(max-width:767px){ #ffm-categories .title-wrapper:after{ height:50vw } } #ffm-categories .col-sm-4:hover .title-wrapper:after,#ffm-categories .col-sm-6:hover .title-wrapper:after{ height: 21.5vw; } #ffm-categories .col-sm-4:hover .sub-box,#ffm-categories .col-sm-6:hover .sub-box{ top: 0; } #ffm-categories .sub-box{ position: absolute; z-index: 3; border: 0; width: 100%; display: flex; flex-wrap: wrap; transition: top .5s ease 0s; top: 100%; padding: 0; height: 100%; flex-direction: column; justify-content: center; align-items: center; margin-top:1vw; } .sub-box.lawn-care-list a{ padding: 0vw 4vw; border: 1px solid #D5D5D5; margin-bottom: 0.4vw; width: 22vw; text-align: center; font-family: 'DIN Bold'; font-style: normal; font-weight: 400; font-size: 0.8em; line-height: 2.6vw; text-align: center; color: #FFFFFF; } #ffm-categories .sub-box .subnav-heading{ font-size: 1.5vw; flex-basis: 100%; justify-content: center; background: rgba(255,187,0,1); color: #000; align-items: center; font-family: 'DIN Bold'; font-weight: 700; text-transform: uppercase; } .subnav-heading h3{ color:#454545; font-family: 'DIN Bold'; font-weight: 700; text-transform: uppercase; font-size:2vw; } #ffm-categories .sub-box li{ display: flex; flex-basis: 50%; } #ffm-categories .col-sm-4,#ffm-categories .col-sm-6{ overflow: hidden; } #ffm-categories .sub-box li a{ display: flex; color: #454545; padding: 0.6vw; border-bottom: 1px solid #a6a6a6; font-size: 1.2vw; font-weight: normal; width: 100%; align-items: center; text-decoration: none; } #ffm-categories .sub-box li:nth-child(2n) a{ border-right: 1px solid #a6a6a6; } #ffm-categories .sub-box li a:hover{ background-color:#454545; color: rgba(255,187,0,1); } @media(max-width:767px){ #ffm-categories .title-wrapper{ padding-bottom: 1.5vw; } #ffm-categories .sub-box li a{ font-size:4.5vw; } } @media (max-width: 768px){ #ffm-categories>div>a>span{ height: 50vw; } } #HeaderDiv{ font-family: 'DIN Bold',sans-serif; border-top: 4px solid #d52b1e; background-color: #d52b1e; position: relative; z-index: 2; color: #f1f1f1; text-align: right; font-size: 1em } #HeaderDiv .container{ padding: 1vw 4vw 1vw 4vw; } #HeaderDiv .col{ padding: 0vw; } #HeaderDiv a{ color: #000; } #HeaderDiv span{ display: block; } .logo{ padding: 0 !important; text-align: left; } .logo img{ height: 100%; width: 100%; max-width: 19.05vw; } #HeaderDiv span.set_phone{ font-size: 2.5vw; font-weight: 600; } .hours-main{ margin: 0; padding: 0; } .hours-main a{ display: block; font-family: 'DIN Bold'; font-style: normal; font-weight: 600; font-size: 1.5em; line-height: 2vw; text-align: right; color: #000!important; margin-top: 0.5vw; } #t_hour{ font-family: 'DIN Bold'; font-style: normal; font-weight: 300; line-height: 2.3vw; text-align: right; color: #000; font-size: 1.25vw; } .hours-main .hours{ background-color: #fff; border-radius: 0; color: #232323; margin: 0; padding: 0vw; border: none; left: 0; top: auto; width: 100%; } .hours-main table{ width: 100%; } .hours-main td{ border-bottom: 1px solid #d52b1e; padding: 0.7vw; padding-left: 2vw; } div#quick-feedback-reviews-widget{ height: 40vw; } #page_53687 .to-up-container a.to-up{ border: 1px solid #fff; color:#fff; } .to-up-container a.to-up{ float: right; margin-bottom: 25px; margin-right: 0vw; width: 40px; height: 40px; border: 1px solid #000; display: flex; justify-content: center; align-items: center; color:#000; transition: all ease-in-out 0.25s; margin-top: 3vw; margin-right:4vw } @media screen and (max-width: 767px){ .to-up-container{ height: 21vw; padding-top: 1.5vw; } .to-up-container a.to-up{ right: 43vw; width: 10vw; height: 10vw; display: flex; justify-content: center; align-items: center; transition: all ease-in-out 0.25s; font-size: 4.5vw; padding:1vw; float: none; } } .add-sec a{ padding: 0.5vw 7vw; } #myCarouselLogosMobile .add-sec{ display: flex; justify-content: space-around; padding: 4vw 10vw; background: #fff; align-items: center; } #myCarouselLogosMobile{ display: block; width: 100%; z-index: 20; } #myCarouselLogosMobile .carousel-control.right{ right: -2vw; display: flex; justify-content: center; align-items: center; } .carousel-control{ opacity:1 !important } #myCarouselLogosMobile .carousel-control.right,#myCarouselLogosMobile .carousel-control.left{ background-image: none; } #myCarouselLogosMobile .carousel-control.right{ right:0vw;display: flex; justify-content: center; align-items: center; } #myCarouselLogosMobile .carousel-control.left{ left:0vw; display: flex; justify-content: center; align-items: center; } .carousel.hidden-xs .add-sec{ display: flex; padding: 0vw 10vw; justify-content: center; align-items: center; background: #fff; box-shadow: 0px -1px 3px rgb(0 0 0 / 15%); } @media screen and (max-width: 767px){ .add-sec img{ max-width: 20vw; max-height: 14vw; } } .footer-bottom__elem.footer-bottom__elem--links span,.footer-bottom__elem.footer-bottom__elem--links{ display: flex; } .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: 38vw; } } #footer .container a{ display: flex; } #footer .container{ display: flex; } #footer .container div:nth-child(2) a{ text-transform: uppercase !important; font-weight: 500; } #footer .container div:nth-child(1) a{ text-transform: uppercase !important; } #footer-mobile tr{ text-align: left; } #footer br{ margin-top: .7vw; } #footer-mobile .links-ul{ padding: 0vw; } #footer-mobile .fa.fa-facebook-f,#footer-mobile .fa.fa-twitter{ font-size: 8vw; padding-bottom: 2vw;padding-left:3vw;padding-right:3vw; } #footer .container div:nth-child(1) strong{ line-height: 1.8vw; } #footer-mobile iframe{ width:80vw } #footer a,#footer span{ line-height:1.5vw; font-size: 1.11111111vw; text-transform:uppercase; } #footer p{ margin-bottom: 0.7vw; line-height: 2; } .footer-bottom{ padding: .5vw 4vw; background-color: #000; font-size: 10px; } .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){ .footer-row.footer-row--bottom{ flex-flow: column; } .footer-bottom__elem{ font-size:3vw ;text-align: center; margin-bottom:2vw } .footer-bottom{ background-color: #313131; } } .footer-mobile tr{ text-align:left; } #footer-mobile td{ padding-right: 1vw; } #footer{ background-color: #000; color: #fff; } #footer h2{ font-size: 1.3877777777777777vw; color: #fff; margin: 0px; margin-bottom: 0px; text-transform: uppercase; font-weight: bold; line-height: .9; margin-bottom: 1.5vw; padding-top: .6vw; } #footer .container div{ margin-bottom:1.8vw; } #footer .col-md-3{ padding: 0 2.2vw !important; margin-bottom: 0vw !important; } #footer .col-md-3{ width: 24.95%; } #footer .col-md-3:last-child{ width: 25.15%; padding-right: 0vw !important; } #footer span{ display: block; line-height: 1.3; } #footer .col-md-3{ border-left: 1px solid #5D615B; } #footer .col-md-3:first-child{ border: 0; } #footer img{ width: 100%; } #footer hr{ width: 100%; border-top: 1px solid rgba(204,204,204,0.3); margin-top: 1vw !important; margin-bottom: 2vw !important; } #footer span{ color: #fff; } #footer ul{ margin: 0px; padding: 0px;padding-bottom: .5vw; } #footer a{ color: #fff; } #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: #f1f1f1; text-decoration: none; } .hours-days{ text-transform: uppercase; font-weight: 500; } .hours-det{ color: #fff !important; } #footer i{ color: #fff; font-size: 1.4vw; margin: 1vw 0.8vw; } #copyright{ background-color: #292929; color: #999; text-align: center; font-size: 80%; padding: 1vw 0; } #copyright a{ color: #999; } #footer-mobile{ display: none;box-shadow: 0px -2px 4px rgba(0,0,0,0.5); background-color: #313131; color: #fff; padding: 9vw 0vw 0vw 0vw; text-align: center !important; margin-top: 0vw; } #footer-mobile .btn-primary{ display: block; font-weight: bold; background: none; border: none; text-align: center; font-size: 5vw !important; margin-bottom: 5vw; background: #000 !important; color: #fff !important; margin-right: 11vw !important; border-radius: 0 !important; margin-left: 11vw !important; margin-bottom: 0.1vw !important; margin-top: 0.1vw !important; } #footer-mobile a{ color: #fff !important; } #footer .col-md-3{ border-left: 1px solid #5D615B; } #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; } #footer-mobile .row{ margin: auto; } #footer-mobile tr{ text-align:left; } #footer-mobile td{ padding-right: 1vw; } @media screen and (max-width: 767px){ #footer-mobile{ display: block !important; margin-top: 0vw; color: #fff ; } .alignbutton.mobile-only{ display: flex; } } #footer strong{ line-height: 3vw; } #footer a{ color: #f1f1f1 !important; font-weight: 400; } #footer a:hover{ color: white !important; font-weight: bold; } @media screen and (max-width: 767px){ .news .globalmain{ font-size: 5vw; line-height: 8vw; text-align: center; } #footer-mobile{ display:block !important;margin-top:0vw; color:#f1f1f1 } } .alignbutton.mobile-only{ display: flex; } @media screen and (max-width: 767px){ .news .globalmain{ font-size: 5vw; line-height: 8vw; text-align: center; } #footer-mobile{ display:block !important;margin-top:0vw; color:#f1f1f1 } } #footer-mobile td{ padding-right: 1vw; } body{ font-family: 'DIN Bold'; font-size:1.4vw; 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; } div#navbar-59843{ background: #d52b1e; } .navbar-default .navbar-nav > .open > a,.navbar-default .navbar-nav > .open > a:focus,.navbar-default .navbar-nav > .open > a:hover{ color: #fff; background-color: #616365; } .navbar-default .navbar-nav > .open > a:focus,.navbar-default .navbar-nav > .open > a:hover{ color: #fff; background-color: #616365; } .navbar{ border: none; } .navbar-nav{ flex-direction: row; } .navbar{ border-radius: 0 !important; margin: 0 !important; } .navbar-default .navbar-nav > li > a{ font-size: 1.1vw; line-height: 2vw; font-family: 'DIN Bold'; font-style: normal; font-weight: bold; text-transform: uppercase; color: #F8F9FA; } div#comp_1644958680725 span.caret{ display: none; } .dropdown-menu>li>a{ font-style: normal; font-weight: bold; font-size: 1.1vw; line-height: 3vw; text-transform: uppercase; color: #fff; } .nav.navbar-nav{ margin-left: 12vw; } .navbar-default .navbar-nav > li > a:focus,.navbar-default .navbar-nav > li > a:hover{ color: #fff; background-color: #616365; } .dropdown-menu > li > a{ color:#fff; } .dropdown-menu > li > a:focus,.dropdown-menu > li > a:hover{ color: #fff!important; text-decoration: none; background-color: #d52b1e !important; } .navbar{ min-height: 2.7vw; } .nav > li > a{ padding: 1.1vw 2vw; } @media (max-width: 767px){ .mainthrid{ width: 100vw; padding: 4vw 5vw; height: 29vw; display: flex; flex-direction: column; justify-content: center; align-items: center; height: 35vw; } .dropdown-menu > li > a:focus,.dropdown-menu > li > a:hover{ color:#d52b1e !important; text-decoration: none; background-color: #fff!important; } .dropdown-menu > li > a{ color:#fff!important; } .navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover,.navbar-toggle{ background-color: #fff!important; } ul.mobile-only.ul-mob{ height: 14vw; display: flex; align-items: center; justify-content: space-around; margin: 0; padding-left: 0vw; padding-right: 2vw } .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus,.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover{ color: #fff; background-color: #616365; } .navbar-default .navbar-nav > li > a{ text-align: left; font-size: 4vw; padding: 3vw; } .navbar-default .navbar-nav > .open > a,.navbar-default .navbar-nav > .open > a:focus,.navbar-default .navbar-nav > .open > a:hover{ color: #fff; background-color: #616365; } .navbar-default .navbar-nav .open .dropdown-menu > li > a{ color: #fff; } .navbar-toggle{ position: absolute; padding: 4.2vw 4vw; right: 0vw; background-image: none; border: 0vw solid transparent; border-radius: 0px; margin:0; } .navbar-toggle .icon-bar{ display: block; width: 6vw; height: .8vw; border-radius: 0px; padding: 0px; margin: 0px; background-color: white!important; } .navbar-toggle .icon-bar+.icon-bar{ margin-top:1.28vw !important; } ul.mobile-only.ul-mob li a{ color: #fff; font-size: 3.7vw; line-height: 2.8; font-style: normal; display: flex; align-items: center; text-align: center; color: #FFFFFF; } } .navbar-default .navbar-nav > li > a:focus,.navbar-default .navbar-nav > li > a:hover{ color: #fff; background-color: #616365; } @media (min-width:767px){ div#filters{ background: #F1F1F1; width: 22%; border: 1px solid #D5D5D5; } .navbar-nav>li>.dropdown-menu{ background:#616365!important;float:right; } } @media (min-width:767px){ .navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{ background-color:#616365!important;color:#FFF!important } } @media (min-width:768px){ .navbar .navbar-nav > li:hover .dropdown-menu{ display: block; } .navbar .navbar-nav .dropdown:last-child .dropdown-menu{ right: 0 !important; left: inherit; } } .navbar-default .navbar-toggle .icon-bar{ background-color:#fff!important; width: 35px!important; height: 4px !important; } @media (max-width: 767px){ ul.navbar-nav{ margin: 0 !important; font-size: 4vw !important; padding: 2.5vw 0 !important; } } @media only screen and (max-width: 760px){ .navbar-nav{ text-align: right !important; flex-flow: column; align-items: start; } } @media screen and (max-width: 767px){ .dropdown-menu > li > a{ color: #fff !important; font-size: 4vw; line-height: 6vw !important; } .dropdown-menu > li > a:hover{ color: #fff !important; background: #616365!important; } } @media screen and (min-width: 767px){ .rt-action-btn{ padding: 1.2vw 2vw!important; margin: 0.5vw 0!important; cursor: pointer!important; text-align: left !important; font-style: normal !important; font-weight: 500 !important; font-size: 1vw !important; line-height: 1vw !important; text-transform: uppercase !important; } div#model-left-content{ width: 76.666666%; padding-right: 0vw; } div#model-right-content{ width: 23.333333%; } #model-left-content .model-tabs{ padding: 1.3vw; } #videos-btn{ font-size: 16px; float: right; padding: 10px; margin: 0 1.5vw; text-decoration: none; } #right-cta-buttons.affix{ top: 0; min-width: 18vw!important; position: fixed !important; } .price-box .primary{ font-weight: bold; font-size: 1.1vw!important; float: left; line-height: 1vw!important; margin-bottom: 1vw; } .price-box.container-fluid.hidden-xs{ display: flex; width: 100%; max-width: 100%!important; flex-direction:column } .excludes{ font-size: .8vw!important; color: #000; margin-left: 1vw!important; } ul.lSPager.lSGallery li.active{ border: 1px solid #d52b1e; } #videos-btn{ font-size: 16px; float: right; padding: 7px!important; margin: 0px 1.4vw!important; text-decoration: none; } .mob{ display:none; } ul.nav.navbar-nav .dropdown-toggle{ display: flex; justify-content: flex-start; align-items: center; } } @media screen and (max-width: 767px){ .mob{ display: flex; max-height: 13vw; background: #fff; justify-content:flex-start; align-items: center; } ul.nav.navbar-nav .dropdown-toggle{ display: flex; justify-content: flex-start; align-items: center; } .navbar-toggle{ border-color: #d52b1e !important; } .navbar-default .navbar-toggle .icon-bar{ background-color: #000!important; width: 8vw !important; height: 1vw !important; } .navbar-toggle{ position: absolute; padding: 3.2vw 3vw; right: 0vw; background-image: none; border: 0vw solid transparent; border-radius: 0px; margin: 0; } .navbar-collapse{ margin: 0vw !important; padding: 0vw !important; } #comp_1648405121946 .carousel-indicators{ display:none; } .maintext{ font-family: 'DIN Bold'; font-style: normal; font-weight: 700; line-height: 13.7vw; text-transform: uppercase; color: #FFFFFF; margin: 0vw; padding-top: 1.3vw; text-align: center; } body{ font-family: 'DIN Bold'; font-size:4vw; background-image:none !important; background-color:#FFFFFF !important; background-repeat:no-repeat !important; } #ffm-categories .title{ margin-bottom: 21.5vw; letter-spacing: .05em; position: relative; z-index: 2; font-family: 'DIN Bold'; font-style: normal; font-weight: 700; font-size: 1.2em; line-height: 24px; text-align: center; text-transform: uppercase; color: #FFFFFF; } #ffm-categories .col-sm-4:hover .title-wrapper:after,#ffm-categories .col-sm-6:hover .title-wrapper:after{ height: 50vw; } .thirdstyle{ font-family: 'DIN Bold'; font-style: normal; font-weight: 400; font-size: .8em; line-height: 6vw; text-align: center; color: #333333; margin-top: 2vw; } .secondstyle{ font-family: 'DIN Bold'; font-style: normal; font-weight: 700; font-size: 1.4em; line-height: 6vw; text-align: center; text-transform: uppercase; color: #d52b1e; } .firststyle{ font-family: 'DIN Bold'; font-style: normal; font-weight: 700; font-size: 1.3em; line-height: 9vw; text-align: center; text-transform: uppercase; color: #d52b1e; } } #footer .col-md-3{ font-family: 'DIN Bold'; } #footer .container{ padding: 3vw 1.6vw; width: 100vw; } #footer h2{ margin: 0px; margin-bottom: 1.5vw; padding-top: 0vw; font-family: 'DIN Bold'; font-style: normal; font-weight: 700; font-size: 1.1em; line-height: 1.5vw; text-transform: uppercase; color: #d52b1e; } .footer-bottom__elem,.footer-bottom__elem a{ font-family: 'DIN Bold'; font-style: normal; font-weight: 500; font-size: 1vw; line-height: 1.5vw; text-transform: uppercase; color: #D5D5D5; } #nav_59843 a{ font-family: 'DIN Bold'; font-style: normal; font-weight: 300; font-size: 1.2vw; line-height: 2.2w; text-transform: uppercase; color: #F1F1F1; } @media screen and (max-width: 767px){ .sub-box.lawn-care-list a{ padding: 0vw 4vw; border: 1px solid #D5D5D5; margin-bottom: 1.4vw; width: 75vw; text-align: center; font-family: 'DIN Bold'; font-style: normal; font-weight: 400; font-size: 0.8em; line-height: 5.5vw; text-align: center; color: #FFFFFF; } #ffm-categories .sub-box{ position: absolute; z-index: 3; border: 0; width: 100%; display: flex; flex-wrap: wrap; transition: top .5s ease 0s; top: 100%; padding: 0; height: 100%; flex-direction: column; justify-content: center; align-items: center; margin-top: 4vw; } #ffm-categories .title-wrapper:after{ height: 14vw; } #nav_59843 a{ font-family: 'DIN Bold'; font-style: normal; font-weight: 300; font-size: 4.5vw; line-height: 5.2vw; text-transform: uppercase; color: #000; } #page_53687 #CenterDiv{ background: url(/site-uploads/1001381/img/bgl.png); background-size: contain; display: flex; flex-direction: column; background-position: 0vw 198vw; } #ffm-categories .title{ margin-bottom: 2.5vw; } #ffm-categories .col-sm-4:hover .title-wrapper,#ffm-categories .col-sm-6:hover .title-wrapper{ padding-bottom: 37.5vw; } #ffm-toolbox span.subtitle{ padding-left: 9.7vw; font-family: 'DIN Bold'; font-style: normal; font-weight: 300; line-height: 6.5vw; color: #FFFFFF; display: block; font-size: .66em; } div#quick-feedback-reviews-widget{ height: 126vw; } .to-up-container a.to-up{ right: 40vw; width: 10vw; height: 10vw; display: flex; justify-content: center; align-items: center; transition: all ease-in-out 0.25s; font-size: 4.5vw; padding: 1vw; float: unset; position: absolute; } #ffm-toolbox a{ font-family: 'DIN Bold',sans-serif; display: block; color: #fff; padding: 1.5vw 4vw; font-size: 1.27em; line-height: 1.8vw; margin-bottom: 2vw; } #ffm-toolbox a:hover{ } .aligncenterdata{ display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 8vw 4vw 8vw 4vw; background: #fff; padding: 6vw 5vw; } .footer-bottom__elem,.footer-bottom__elem a{ font-family: 'DIN Bold'; font-style: normal; font-weight: 500; font-size: 3vw; line-height: 5.5vw; text-transform: uppercase; color: #f1f1f1; } #footer-mobile,.footer-bottom{ background-color: #000; } #footer-mobile .btn-primary{ display: block; border: none; font-size: 4vw !important; color: #fff !important; margin-right: 11vw !important; border-radius: 0 !important; margin-left: 11vw !important; margin-bottom: 0.1vw !important; margin-top: 0.1vw !important; background: #616365!important; font-family: 'DIN Bold'; font-style: normal; font-weight: 700; line-height: 7vw; text-align: center; text-transform: uppercase; } } .gallery .lSSlideOuter .lSPager.lSGallery li{ max-height: 107px!important; height: auto!important; } .grid-group-item .cta-btns{ display: flex; flex-wrap: wrap; flex-direction: column; } .rt-action-btn:hover .glyphicon{ color:#fff!important; } .rt-action-btn{ color:#d52b1e!important; } .back-btn{ padding: 1vw; } #normal_vdp{ width: 100vw; padding:2.5vw 2.5vw 0vw 1.9vw; } .view-group{ padding-left:.7vw!important } .row{ margin: 0vw !important; } .rt-action-btn{ border: 1px solid #D8D8D8 !important; } .dropdown-menu.model-shareble{ background: #fff!important; border: 1px solid #cfcfcf; } .rt-action-btn:hover .glyphicon{ background :transparent!important } .serviceflex{ display: flex; flex-direction: column; justify-content: center; align-items: center; } #detailsParentDiv .glyphicon{ color: #7A7A7A ; } .parts-price-box{ color: #241E1E!important; } a.filter-collapse{ padding: 1.2vw 0; } .col-sm-4.col-xs-8.pagination-box.text-center ul li{ background: #f0f0f0; color: #5e5e5e; border: 1px solid #cfcfcf; } #grid{ border: 0; color: #777 !important; padding: 0; margin: 0; font-size: 37px !important; } .adsSearchButton,.sort-btn,#filters select,.sortby-row select,.sortby-row input{ color:#5E5E5E!important; background: #FFFFFF!important; border: 1px solid #CFCFCF!important; } .caption.card-body.model-specs.row{ align-self: center; } .model-title{ font-family: 'DIN Bold'!important; } .main-container{ font-family: 'DIN Bold'!important; } .flexabout{ display: flex; justify-content: space-between; margin-bottom: 7vw; } .cta-btns a:hover span{ background: none!important; } .contact-us .panel-body{ padding: 1.1vw !important; } .contact-us td{ padding: 1.09vw 0vw; padding-right: 0vw; font-size: 1.5vw; padding-right: 8vw; } .contactt td{ padding: 0vw 2vw; } @media all and (max-width: 767px){ #page_53114 .linkdata,#page_53113 .linkdata{ color: #fff; margin: 0vw 1vw; display: flex; justify-content: center; align-items: center; border-radius: 0px; transition: all ease-in-out 0.3s; width: 67.056vw; height: 13vw; background-color: #d52b1e; font-style: normal; font-weight: bold; font-size: 4.5vw; line-height: 3.5vw; text-align: center; text-transform: uppercase; color: #FFFFFF; } .load a{ background: #D5D5D5; color: #3A3A3C; padding: 2vw 12vw; margin-bottom: 5vw; font-style: normal; font-weight: 600; font-size: 4.1vw; line-height: 7.5vw; text-align: center; text-transform: uppercase; margin-top: 3vw; } ul.dropdown-menu.top-hours a strong{ width: 45vw; text-align: left; } .view-group{ padding-left: 0vw!important; } .grid-group-item .cta-btns{ display: flex; flex-wrap: wrap; flex-direction: row; } .cta-btns a.main-btn{ font-size: 3vw!important; } } #inline-style-44,#inline-style-46{ background: none!important; } .aligndata{ margin: 1vw 4vw; } .row.yamaha-parts.parts-lookup{ margin: 3vw; display: flex; justify-content: center; align-items: center;flex-wrap: wrap; } .parts-lookup .title{ text-transform: uppercase; font-weight: bold; font-size: 120%;text-align: center; } .yamaha-parts .shop-online > a{ height: auto !important; background: #fff; flex-direction: column; padding: 1vw; } .yamaha-parts .shop-online > a img{ padding: 0px; min-height:17vw } .shop-online > a{ flex-wrap: wrap; font-size: 1.3vw; color: #d52b1e; height: 12vw; background: #ddd; margin-bottom: 2vw !important; display: flex; justify-content: center; align-items: center; border: .2vw solid #777; } .shop-online > a:hover,.shop-online > a:focus{ border-color:#d52b1e ; text-decoration: none; color:#d52b1e } @media screen and (max-width: 767px){ .row.yamaha-parts.parts-lookup{ flex-direction:column } .parts-lookup .title{ font-size: 5vw; } .shop-online > a{ font-size: 3.5vw } } .news{ background: #f1f1f1; display: flex; flex-direction: row; font-family: 'DIN Bold'; font-style: normal; font-weight: normal; font-size: 1.5vw; line-height: 2vw; margin: 4vw; color: #d52b1e; justify-content: start; align-items: center; padding:4vw; } .news div{ margin-left: 6vw; display: flex; flex-direction: column; } .news img{ width: 35vw; } .text-center.alert.alert-success{ border: 0 !important; } #model-specs,#home,#model-videos{ border:0vw!important; } #detals-tabs{ background: #fff; border: 0; } #circls .subtitle{ font-size: calc(.5em + 1.3vw); } .loadMore,.loadLess{ background: #777; } .simpleCart_items .table .itemRow{ border-bottom: 1px solid #777!important; } .text-left.mt-2.panel.panel-info{ border-color: #777; } .cart-remove-btn.simpleCart_remove,#logScreenAccordion{ background: #fff; } .tab-content.clearfix{ background: #fff !important; } .panel-footer,.cart-content{ background: #fff!important; } .btn.btn-default.shopping-logout.pull-right,.panel-footer.text-right .btn.btn-default{ background: #d52b1e; color:#fff; } .text-center.alert.alert-success{ background: #fff; color: red; } .cart-action-btn.cartCheckout,#ShoppingSignIn,.submit-btn.swal2-styled.saveBuyerProfile,#ShoppingRegister{ border-color: #d52b1e; background: #d52b1e; } .modal-content,.cart-header,.cart-body,.cart-footer,.cart-actions,.login-summery,.panel-footer.text-right{ background: #fff; } #pagedd{ box-sizing: border-box; padding: 0.3vw .1vw; outline: 0; width: 4.5vw; height: 2.7vw; color: #777; border: .144vw solid #C4C4C4; border-radius: 0; font-size: 1vw; box-shadow: none;border-radius:0!important; } .cta-btns a.main-btn:hover{ opacity: 1!important; } #filters .filters-inner{ border:0!important } .filter-collapse-container::before{ display:none!important } .call-now{ order: -1; } .main-btn.quote.lightboxs{ flex-basis: 0%; height: 60px; background: #fff !important;font-size: 1vw; } .row{ margin: 0vw !important; } .sortby-row{ padding: 0vw 0vw 1vw 0vw !important; } .View-Details.pushstate{ flex-basis: 100%; font-size: 1.2vw;height:75px; } .View-Details.pushstate{ order: -2; } #html_1623855902425{ padding: 4vw; } .col-md-6.dealerAdsViewItem{ padding: 0vw !important; } .pushstate.adDetailz.dealerAdsViewLink{ color: #d52b1e; } .row.dealerAdsViewRow.text-left.img-thumbnail{ margin: 3.6vw; } .dropdown-menu.model-shareble{ background: #fff; border: 1px solid #cfcfcf; } .col-sm-1.my-3.layout_view.hidden-xs{ padding: 0vw !important; margin-right: .5vw; } .grid-group-item .cta-btns a{ min-width: unset; } .modal-content{ padding: 1vw 0vw; } #keyWordsSection{ padding: 0vw .4vw !important; } #detailsParentDiv .lSNext{ opacity: 1 !important; } #detailsParentDiv .lSPrev{ opacity: 1 !important; } #detailsParentDiv a.lSPrev::before,#detailsParentDiv a.lSNext::before{ opacity:1!important } .rt-action-btn:hover,.rt-action-btn:hover{ background: #d52b1e!important; color:#fff!important } .g-recaptcha{ margin-left: 3.3vw; } .item.col-xs-12.col-sm-3.grid-group-item{ margin-bottom: 3vw; } #CenterDiv{ margin-top: 0vw !important; } .ESCAdsResponse .main-container{ padding: 3vw 3vw 2vw 4vw; } .share-btn{ font-size: 1.5vw !important; } @media screen and (max-width:767px){ .sortby-row{ padding: 0vw 0vw 3vw 0vw !important; } .main-btn.quote.lightboxs{ font-size:12px ;flex-basis:46% } .View-Details.pushstate{ font-size:14px; } #sort-btn{ font-size: 5vw; } #keyWordsSection{ padding: 0vw 0vw !important; } .col-sm-3.col-xs-4.order-drop{ padding: .6vw 0vw 0vw 0vw !important; } .item.col-xs-12.col-sm-3.list-group-item{ padding: 2.5vw 0vw 3vw 0vw !important; } #html_1619895132721{ display: none; } .share-btn{ font-size: 5vw !important; } #detailsParentDiv .lSSlideWrapper{ border: #cfcfcf solid 0px; padding: 0vw 0vw; } .form-control{ font-size: inherit!important; width: 100%!important; } .adsSearchButton{ width: unset!important; padding: 6px 1vw!important; } #keyWordsSection input{ width: 15.5vw; } .modal-dialog{ margin:10vw 0; } } @media screen and (max-width: 992px){ #keyWordsSection input{ width: 100%!important; } .adsSearchButton{ width: unset!important; padding: 6px 3vw!important; } .row.sortby-row{ padding-left:2.3vw; } } .grid-group-item .cta-btns a{ min-width: unset!important; } .model-title-link.pushstate{ max-width: 41vw; display: block; } @media screen and (max-width: 767px){ .list div{ width: 100% !important; } .btn{ font-size: 3.5vw !important; } .model-title-link.pushstate{ max-width: 61vw; } .col-sm-2.col-xs-4.order-drop{ padding: 0 !important; } } @media screen and (max-width: 992px){ .col-sm-2.col-xs-4.order-drop{ padding: 0 !important; } } .ESCAdsResponse{ background: #fff!important; } .accord-btn{ margin: 0vw auto!important; color: #ffff !important; border: 1px solid #cfcfcf; } .panel{ background-color: #fff!important; } .thumb.card{ background: #fff !important; border: 1px solid var(--border-color); } .our-price-div{ color: #d52b1e; } .thumb:hover{ background: #f1f1f1 !important; } .active-filter-container .badge{ background: #d52b1e!important; } .adsSearchButton{ color:#d52b1e!important; } .filter-xs-btn{ background: #d52b1e; color: #f1f1f1 !important; } .list-grid-btn .btn{ color: #d52b1e!important; font-size: 30px !important; } .ttl,.ads-per-page .ttl,.sale-tag,.ttl{ color:#d52b1e!important; } .rt-action-btn.request-quote-btn:hover{ background: linear-gradient(180deg,#FFFFFF 0%,#F1F1F1 100%)!important; border: 1px solid #CFCFCF !important; color: #2f2f2f !important; } .rt-action-btn.request-quote-btn:hover span.glyphicon.glyphicon-comment{ color: #7a7a7a!important; } .View-Details.pushstate,.rt-action-btn.request-quote-btn{ background: #d52b1e!important; color: #fff !important; border-color: #fff!important; border-width: 0.26vw!important; } .rt-action-btn.book-demo{ display: none; } .accord-btn{ background: linear-gradient(180deg,#FFFFFF 0%,#F1F1F1 100%)!important; border: 1px solid #CFCFCF !important; color: #2f2f2f !important; } .request-quote-btn,#videos-btn{ background: #d52b1e!important; } .grid-group-item .model-title-link::after{ background-color: #d52b1e; } .grid-group-item .collapse .View-Details,.grid-group-item .collapsing .View-Details{ background-color: #d52b1e; color: #fff !important; } #filters{ padding: 0vw !important; } .cta-btns a i{ color:#d52b1e!important; } :root{ --bg-color: #f0f0f0 !important; --light-bg-color: #f0f0f0 !important; --extra-light-bg-color: #d6d6d6 !important; --dealer-color: #d52b1e !important; --main-font-color: #241E1E !important; --border-color: #cfcfcf !important; } .warining div{ padding: 1.2vw; border-left: 1px solid #C8C8C8; } .warining{ border: 1px solid #C8C8C8; display:flex; flex-direction:row; font-family: 'DIN Bold'; font-style: normal; font-weight: normal; font-size: 14px; line-height: 19px; margin: 4vw; color: #3A3A3A; } .warining img{ max-width:50%; } .warining .fas{ color:#d52b1e; font-size: 14px; padding: 2vw 1vw;margin: auto; } div[ppanel="ESC Random Ads"]{ clear:both; } #detailsParentDiv a.lSPrev::before,#detailsParentDiv a.lSNext::before{ color: #fff !important; opacity: 1 !important; background: #d52b1e; border-radius: 100%; display: flex; justify-content: center; height: 3vw; width: 3vw; align-items: center; margin-left: -1.7vw; } .rt-action-btn{ background: linear-gradient(180deg,#FFFFFF 0%,#F1F1F1 100%); border: 1px solid #CFCFCF !important; color: #2f2f2f !important; } #right-cta-buttons{ padding: 0vw; background: #FFFFFF; box-sizing: border-box; } #normal_vdp{ margin-top: 1vw; } .get-diretions{ display: none !important; } .formField .formRequired,label.error{ position: absolute; top: 0; bottom: 0; right: 3%!important; line-height: 6vw!important; margin-top: 0; margin-bottom: auto!important; font-size: 1vw!important; color: #d0112b!important; } @media screen and (max-width: 767px){ .other-header-links{ width: 100%; } .other-header-links .sm-list li:nth-child(1) a img{ max-width: 28vw; padding-left: 2vw; } .other-header-links .sm-list li:nth-child(1){ width: 27vw; } #keyWordsSection input{ padding: 7vw 2vw; } #footer-mobile .soc a{ color: #fff !important; padding: 0vw 4vw; } .formField .formRequired,label.error{ position: absolute; top: 0; bottom: 0; right: 3%!important; line-height: 12vw!important; margin-top: 0; margin-bottom: auto!important; font-size: 3vw!important; color: #d0112b!important; } .welcome-container .welcome-row .welcome-content img{ border-right: 0vw; border-bottom: 5px solid #d52b1e; } .welcome-container .welcome-row .welcome-content p{ font-size: 24px; } h2.upper.bold.text-center br{ display: block; } .welcome-container .welcome-row h2{ font-size: 6.5vw; margin: 2vw 11vw 3vw 0; text-align: center; justify-content: center!important; align-items: center; display: flex!important; line-height: 9vw; } .welcome-container .welcome-row .bton{ font-size: 26px; width: 65%; margin: auto; padding: 30px 29px; margin-top: 8vw; max-width: 234px; } .to-up-container a.to-up{ right: 40vw; width: 10vw; height: 10vw; display: flex; justify-content: center; align-items: center; transition: all ease-in-out 0.25s; font-size: 5.5vw; padding: 0vw 0vw 0vw 1vw; } } a.main-btn.View-Details.pushstate i{ color: #fff!important; } #detailsParentDiv a.lSPrev::before{ margin-left: 1.3vw; } #detailsParentDiv a.lSNext::before{ margin-right: 1.3vw; } @media screen and (max-width: 767px){ .panel-title{ background-color: #d52b1e; border: 0; border-radius: 0; padding: 1vw 2vw !important; margin-bottom: 2vw; color: #fff; font-size: 4.8vw !important; line-height: 8.5vw; } #detailsParentDiv a.lSPrev::before,#detailsParentDiv a.lSNext::before{ color: #fff !important; opacity: 1 !important; background: #d52b1e; border-radius: 100%; display: flex; justify-content: center; height: 6vw; width: 6vw; align-items: center; margin-left: -1.7vw; } } .rt-action-btn{ background: linear-gradient(180deg,#FFFFFF 0%,#F1F1F1 100%); border: 1px solid #CFCFCF!important ; color: #2f2f2f !important; border-radius: 0!important; font-family: 'DIN Bold' !important; font-weight: 500; } .filter-collapse-container.Color li{ text-transform: capitalize; } @media screen and (min-width: 767px){ #navbar-59843 .nav.navbar-nav li:nth-child(2):hover ul{ display: flex; flex-wrap: wrap; width: 36vw; justify-content: flex-start; } #navbar-59843 .nav.navbar-nav li:nth-child(2):hover ul li{ width: 17vw; } .rt-action-btn{ padding: 1.2vw 2vw!important; margin: 0.5vw 0!important; cursor: pointer!important; text-align: left !important; font-family: 'DIN Bold' !important; font-style: normal !important; font-weight: 500 !important; font-size: 1vw !important; line-height: 1vw !important; text-transform: uppercase !important; } div#model-left-content{ width: 76.666666%; padding-right: 0vw; } div#model-right-content{ width: 23.333333%; } #model-left-content .model-tabs{ padding: 1.3vw; } #videos-btn{ font-size: 16px; float: right; padding: 10px; margin: 0 1.5vw; text-decoration: none; } #right-cta-buttons.affix{ top: 0; min-width: 18vw!important; position: fixed !important; } .price-box .primary{ font-weight: bold; font-size: 1.3vw!important; float: left; line-height: 1vw!important; margin-bottom: 1vw; } .price-box.container-fluid.hidden-xs{ display: flex; width: 100%; max-width: 100%!important; } .excludes{ font-size: .8vw!important; color: #000; margin-left: 1vw!important; } ul.lSPager.lSGallery li.active{ border: 1px solid #d52b1e; } #videos-btn{ font-size: 16px; float: right; padding: 7px!important; margin: 0px 1.4vw!important; text-decoration: none; } } .modal-content #searchbox2,#searchboxParts{ width: 85%!important; float: left; border-radius: 0px; border: 0px; outline: none; font-size: 1.3vw; padding: .5vw 1.5vw; height:auto; } #searchbtn2,#searchbtnParts{ float: none; border-radius: 0px; border: 0px; padding: 1.5vw 2vw 1.6vw 1.5vw !important; margin: 0px !important; background-color: #d52b1e!important; outline: none; } #searchbtn2:hover,#searchbtn:active,#searchbtnParts:hover,#searchbtnParts:active{ background-color: #777!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: 20% !important; margin-left: auto; margin-right: auto; } #searchModal .modal-open .modal,#searchModalParts .modal-open .modal{ padding-right: 0; } @media all and (max-width: 767px){ #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 } } a.model-title-link.pushstate{ font-family: 'DIN Bold'; font-style: normal; font-weight: 600; font-size: 22px; line-height: 24px; color: #333333; } .breadcrumbParent h2{ font-weight: 700 !important; font-family: 'DIN Bold'; font-style: normal; font-size: 26px; line-height: 26px; text-transform: uppercase; color: #d52b1e; } .bottomdraw a i{ margin-top: 2vw; } .bottomdraw a{ color: #fff; padding: 4.5vw 6.8vw 3vw 6.8vw; border-left: 1px solid #5D615B; } .filter-ttl{ font-family: "DIN Bold"!important; } .breadcrumbParent{ min-height: 75px; display: flex !important; align-items: center; justify-content: space-between; color: #222222; padding: 1.2vw 4vw; font-weight: 600; background: #F1F1F1; margin-bottom:1vw; } .breadcrumbParent h2{ font-size: 2vw; margin: 0; flex: 1; color: #222222; font-family: DIN Bold; text-transform: uppercase; letter-spacing:1px; } .breadcrumbParent .breadcrumb{ font-size: 1.1vw; display: flex; justify-content: flex-end; align-items: center; margin: 0; background: transparent; } .breadcrumb-item a{ font-weight: 400; color: #222222; font-family: 'DIN Bold'; } .col-sm-2.fivestars a{ display: flex;justify-content: flex-start;align-items: center;height: 8vw; } .col-sm-2.fivestars img:first-child{ width: 12vw;height: 4.2vw;margin-right: 3vw; } .col-sm-2.fivestars img{ width: 9.15vw; } .data #ffm-categories .col-sm-4:nth-child(2):hover .title-wrapper:after,.data #ffm-categories .col-sm-6:hover .title-wrapper:after{ height: 8vw; } .data #ffm-categories .col-sm-4:nth-child(2):hover .title-wrapper,.data #ffm-categories .col-sm-6:hover .title-wrapper{ padding-bottom: 3vw; } @media (max-width: 767px){ .breadcrumbParent h2{ font-size: 4.5vw; } .data #ffm-categories .col-sm-4:nth-child(2):hover .title-wrapper:after,#ffm-categories .col-sm-6:hover .title-wrapper:after{ height: 14vw; } .data #ffm-categories .col-sm-4:nth-child(2):hover .title-wrapper,#ffm-categories .col-sm-6:hover .title-wrapper{ padding-bottom: 3vw; } } @media (max-width: 767px){ #ffm-categories>div>a:before{ background-position: 0vw -18vw; } ul.nav.navbar-nav a{ color: #fff!important; } .breadcrumb > li{ display: inline-block; font-size: 3.5vw; } } .breadcrumbParent{ position: relative; } .breadcrumbParent::after{ width: 12%; height: 7px; background-color:#d52b1e; top: calc(100% - 7px); left: 0; content: ""; display: block; position: absolute; } .mob a{ display: flex;max-width: 30vw; } .mob a:nth-child(2) img{ width: 22vw;height: 8.5vw;padding: 1vw 2vw; } .mob a:nth-child(2){ display: flex;justify-content: center;align-items: center;width: 33vw;margin-left: 0vw;margin-right: 2vw; } input,select,option,button{ font-family: 'DIN Bold'!important; } #page_54144 span.excludes,#page_54144 a.rt-action-btn.get-financed.finacning-link.get-financed,#page_54144 a.rt-action-btn.trade-btn{ display: none; } #page_54144 .CTA-box > a:first-child{ display: none; } @import url('https://fonts.googleapis.com/css2?family=Anton&display=swap'); .anton-regular{ font-family: "Anton",sans-serif; font-weight: 400; font-style: normal; } .top-img img{ width: 100%; object-fit: cover; } .offer-details{ padding: 2vw 0; } .offer-details .box{ display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; } .offer-details .box h1{ font-weight: bold; font-size: 1.8rem; padding: 1vw 0; } .offer-details .box p.red,.offer-details .big-red{ color: #C62A13; font-weight: bold; } .offer-details .box p.normal-pragh{ text-align: justify; } .offer-details .box .content{ margin: -0.2vw 2.8vw; } p.big-text{ font-size: 5rem; text-align: center; font-weight: bold; text-transform: uppercase; } .details-text{ padding: 0 17vw; font-weight: 600; } .spring-into p{ background-color: #C62A13; color: #fff; padding: 1vw 0; text-align: center; font-size: 3rem; font-weight: 600; } .logos{ display: flex; align-items: center; justify-content: center; flex-direction: row; flex-wrap: wrap; } .logos img:nth-child(1){ width: 70%; } .logos .col-md-6 img:nth-of-type(1){ width: 35%; } .logos .col-md-6{ text-align: center; } .offer-by{ background-image: url("/site-uploads/1001381/Images/bg.png"); background-repeat: no-repeat; background-size: cover; padding: 3vw 5vw; } .offer-by .img-sec{ } .offer-by .wrapper{ background-color: #fff; } .offer-by .img-sec h1{ text-align: center; font-weight: 1.5rem; color: #C62A13; font-weight: 800; padding: 2vw 0; } .offer-by .img-sec img{ width: 100%; border-radius: 1vw; margin: 1vw; } .offer-by .details-sec{ display: flex; flex-direction: column; } .offer-by .details-sec p:nth-of-type(1){ color: #C62A13; font-weight: bold; margin-top: 1vw; font-size: 2.4rem; } .offer-by .details-sec p:nth-of-type(2){ font-weight: 600; font-size: 2.4rem; } .offer-by .details-sec img{ width: 65% } .offer-by .details-sec .buton{ background-color: #C62A13; color: #fff; padding: 1vw 0; text-align: center; width: 20vw; font-weight: 600; margin: 0vw 8vw 2vw 20vw; } .offer-by .details-sec a{ color: #fff; padding: 1vw 0; text-align: center; font-weight: 600; text-decoration: none; } .offer-by .top-heading{ color: #fff; text-align: center; } .offer-by .top-heading p{ font-size: 3.5rem; font-weight: 600; } .offer-details-bottom{ display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2vw; } .offer-details-bottom h1{ color: #C62A13; font-weight: 600; padding-top: 2vw; text-decoration: underline; } @font-face{ font-family: TTRamillasitalic; src: url(/site-uploads/1001381/TT-Ramillas-Trial-ExtraLight-Italic.ttf); font-display: swap;} @font-face{ font-family: TTRamillasnormal; src: url(/site-uploads/1001381/TT-Ramillas-Trial-Medium-Italic.ttf); font-display: swap;} .intro{ background-image: url("/site-uploads/1001381/Images/page-1-bg_1.jpg"); background-position: center; background-repeat: no-repeat; background-size: cover; display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 5vw 0; } .intro .top-text{ font-size: 1.5vw; color: #fff; font-weight: 500; } .intro .center-text{ font-size: 3vw; font-weight: 400; color: #fff; text-align: center; } .intro .offer-btn{ background-color: #FFA857; padding: 1vw 3vw; border-radius: 40px; color: #000; text-decoration: none; font-weight: 700; } .intro .social-link{ margin: 3vw 0; } .intro .social-link a i{ color: #fff; font-size: 2.5vw; } .promo{ background-image: url("/site-uploads/1001381/Images/all-background2.jpg"); background-position: center; background-repeat: no-repeat; background-size: cover; display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 17vw 0; } .promo .btn-learn-more{ background-color: transparent; padding: 1vw 3vw; border: 1px solid #696767; border-radius: 40px; color: #696767; text-decoration: none; font-weight: 600; text-transform: uppercase; } .red-txt{ color: #c62a13; font-weight: 500; text-align: center; line-height: 0.8; font-family: TTRamillasnormal; } .red-txt-normal{ color: #c62a13; font-weight: 500; text-align: center; line-height: 0.8; } .norm-txt{ font-size: 3vw; font-weight: 600; } .head-text{ font-size: 7vw; font-weight: 500; text-align: center; line-height: 0.8; font-family: TTRamillasitalic; } .head-text-norm{ font-size: 4vw; font-weight: 500; text-align: center; line-height: 0.8; font-family: TTRamillasitalic; } .promo-date{ font-weight: 500; text-align: center; font-size: 1.7vw; } .promo-details{ background-image: url("/site-uploads/1001381/Images/all-bg2.jpg"); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 4vw 3vw } .img-right{ width: 35vw; margin: 3vw; } .img-bouns{ width: 18vw!important; } .number{ font-size: 3vw; font-weight: 400; } .txt-details{ font-size: 2.7rem; font-weight: 500; line-height: 1.1; margin: 0; padding-left: 3vw; } .btn-contact{ margin: 2vw 0; } .contact-fenelon{ color: #c62a13; background: #fff; border: 1px solid #545454; border-radius: 3vw; padding: 0.8vw 4vw; font-weight: 600; text-decoration: none; font-size: 1.6vw; margin-left: 5vw; } .contact-fenelon:hover{ color: #c62a13; text-decoration: none; } .sec-num{ margin-top: 5%; display: flex; align-items: self-start; } .descl{ font-weight: 500; text-align: justify; background: #ffffff9c; padding: 0.5vw 3vw; } .right-sec{ display: flex; align-items: flex-start; } .loyalty{ padding: 0 11vw; margin-bottom: 2vw } @media (max-width:768px){ .img-bouns,.img-right{ width: 80vw!important } .contact-fenelon{ font-size: 4.9vw!important; } .intro .top-text,.intro .center-text{ font-size: 5.5vw!important } .promo-date{ font-size: 3.7vw!important; } .head-text{ font-size: 10vw!important } .number{ font-size: 8vw!important } .head-text-norm{ font-size: 12vw; } .norm-txt{ font-size: 6vw; } } .elite{ background: #EDEDED; } .img-elite{ display: flex; justify-content: center; } .all-txt{ margin-left: 5vw; margin-top: 5vw; } .top-txt{ font-size: 3.2vw; font-weight: 700; line-height: 1; } .middle-txt{ font-size: 1.5vw; } .last-txt{ margin-top: 3vw; font-size: 1.5vw; color: #C62A13; font-weight: 700; } .contact-us{ margin: 0 3vw; background: #fff; border-radius: 20px; display: flex; align-items: center; flex-direction: row; } p.con-1{ background: #C62A13; margin: 0; padding: 0.5vw 2vw; margin-right: 1vw; color: #fff; font-weight: 700; text-transform: uppercase; border-radius: 25px; } .con-2 img,.con-3 img{ width: 2.5vw; } .border-bottom{ border-bottom: 2px solid #333; } .Jet-s1{ text-align:center; } .Jet-h1{ font-size: 3.5vw; } .Jet-s1 p{ font-size: 2vw; } .Jet-s1-link1{ color: #fff; background: #333; padding: 1vw; text-decoration: none; } .Jet-s1-link2{ color: #000; background: #ddd; padding: 1vw; text-decoration: none; } .Jet-s1-link2:hover,.Jet-s1-link1:hover{ color: #d52b1e; } .Jet-padding{ padding:4vw 2vw; } .Jet-s2,.Jet-s3,.Jet-s4,.Jet-s5{ padding:4vw 0; } .Container-Jet{ width: 80%; margin: auto; } #Features,#Pecification{ text-align: center; background: #7f7f7f; color: #fff; border-radius: 10px; width: 100%; padding: 1vw; font-size: 3.5vw; } .Pecification-crad{ border: 15px solid #d9d9d9; border-radius: 30px; padding: 2vw; } .Pecification-crad span,h2{ color: #666666; } .Pecification-1{ margin-top: 5vw; } .Pecification-3{ margin-top: -2vw; } .PROMOTIONS{ display: flex; justify-content: center; align-items: center; color:#fff; padding:1vw; } .PROMOTIONS p{ margin:1vw; } .prom-img{ background-image: url("/site-uploads/1001381/Images/image_2024_10_08T14_20_26_901Z.png"); background-size: cover; } .PROMOTIONS div{ text-align: center; } .PROMOTIONS h1{ line-height: 1.1; font-size: 4.5vw; } .prom-btn{ background:#fff; color:#000; padding: 0.5vw; border-radius: 10px; } .PROMOTIONS-text h2{ color:#000 !important; } @media (max-width:768px){ .Jet-h1{ font-size: 5vw; } #Features,#Pecification{ font-size: 5vw; } .Jet-s1 p{ font-size: 3vw; } .Jet-padding{ padding:4vw 3vw; } .Jet-s1-link2,.Jet-s1-link1{ padding: 1.5vw; } .Jet-s2 br{ display:none !important; } .Jet-s2,.Jet-s3,.Jet-s4,.Jet-s5{ padding:6vw 0; } } /*EOF STYLE*/ #nav_59843{ background-color:#000000; border-color:#f1f1f1; color:#f1f1f1; display:block; float:left; font-weight:400; opacity:1; position:relative; text-align:right; text-decoration-color:#f1f1f1; text-decoration-line:none; text-decoration-style:solid; } /*EOF STYLE*/ .adsNav{ display:none; } /*EOF STYLE*/ .instock-tag{ background-color:#43b245; } .thumbStatus.instock-tag:before{ border-left-color:#43b245; } /*EOF STYLE*/ .instock-tag{ background-color:#43b245; } .thumbStatus.instock-tag:before{ border-left-color:#43b245; } /*EOF STYLE*/ .instock-tag{ background-color:#43b245; } .thumbStatus.instock-tag:before{ border-left-color:#43b245; } /*EOF STYLE*/ .instock-tag{ background-color:#43b245; } .thumbStatus.instock-tag:before{ border-left-color:#43b245; } /*EOF STYLE*/ .instock-tag{ background-color:#43b245; } .thumbStatus.instock-tag:before{ border-left-color:#43b245; } /*EOF STYLE*/ .instock-tag{ background-color:#43b245; } .thumbStatus.instock-tag:before{ border-left-color:#43b245; } /*EOF STYLE*/ .instock-tag{ background-color:#43b245; } .thumbStatus.instock-tag:before{ border-left-color:#43b245; } /*EOF STYLE*/ .instock-tag{ background-color:#43b245; } .thumbStatus.instock-tag:before{ border-left-color:#43b245; } /*EOF STYLE*/ .instock-tag{ background-color:#43b245; } .thumbStatus.instock-tag:before{ border-left-color:#43b245; } /*EOF STYLE*/ .alert.alert-success.pull-left{ display:none; } :root{ --light-bg-color :#f0f0f0; --extra-light-bg-color :#d7d7d7; --dealer-color: #000000; --main-font-color: #000000; --border-color:#e1e1e1 } .main-container{ padding:15px; 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{ 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 10px; } .sortby-row h4{ font-size:12px; text-align: right; } .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: 0 !important; position:relative; aspect-ratio:413/310; overflow: hidden; } .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{ } .promotions-count{ color: var(--dealer-color); font-weight: bold; text-align: left; padding: .6em; } #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; } .rent-ttl{ text-transform:capitalize; } .srp-rent-row{ display: flex; width: 100%; justify-content: space-between; } .list-group-item .srp-rent-row{ justify-content: flex-start; } .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-right: 10px; 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; } .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; } .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.6vw; 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; } .model-title-link:after{ content:""; position: absolute; left: 0; bottom: -8px; height: 5px; width: 60px; -ms-transform: skew(-30deg); -webkit-transform: skew(-30deg); transform: skew(-30deg); background-color: #e0e0e0; } .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{ display:block; 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: 29px; display: flex; justify-content: center; align-items: center; width: 160px; background-color: #fff; background-color: var(--light-bg-color); } .specs-btn{ clip-path: polygon(20% 0,80% 0%,100% 100%,0% 100%); background-color: red; height: 29px; display: flex; justify-content: center; align-items: center; background-color: #9c9b9b; z-index: 2; position: absolute; bottom: -8px; color: var(--main-font-color); margin: 0 auto; text-decoration: none; cursor: pointer; font-size: 14px; text-decoration:none; } .dealer-extra-specs{ display: flex; border: 1px solid #dedede; margin-top: 10px; width: 95%; padding: 0; } .dealer-extra-specs .dealer-extra{ display: flex; flex-direction: column; flex: 1; justify-content: center; padding: 6px; line-height: 1.5; text-transform: capitalize; text-align: center; } .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:10px; bottom:auto !important; right:10px; width:auto; } .grid-group-item .specs-btn:before{ background-color: var(--light-bg-color); border: 1px solid #7a7a7a; border-radius: 10px; content:"\f0c9"; font-size: 16px; color: var(--main-font-color); z-index: 999; font-family: FontAwesome; padding: 0.4vw; font-weight: normal; opacity:.8; } .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: 150px; position: absolute; bottom: -4px; } .specs-btn-parent:before{ content:""; position: absolute; z-index: 1; bottom: -8px; left: -4px; width: calc(169px + 30px + 1px); height: 10px; 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: -8px; right: -4px; width: calc(169px + 30px + 1px); height: 10px; 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 var(--border-color); font-size: 1vw; color: var(--main-font-color); background-color: #d7d7d7; text-decoration:none; border-radius:5px; display: flex; align-items: center; justify-content: center; font-weight: 700; height:60px; text-transform: uppercase; 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; } .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); height: 75px; color: var(--bg-color); text-shadow: 1px 1px 1px rgba(0,0,0,0.3); font-size: 1.4vw; } .cta-btns a.main-btn i{ color:var(--bg-color); opacity: .8; text-shadow: none; font-size: 1.8vw; } .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; } .stock-num{ text-align: left; } .stock-num .stock-lablel{ font-weight:bold; } .price-oem{ text-align: left; padding:5px; } .price{ line-height:1; font-size: 1.2vw; font-weight: bold; } .price_description{ font-weight:normal; } .price-val.usd_version{ font-size: 1.1vw; } .old-price{ text-decoration: line-through; } .msrp,.sale_description{ 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); } .sale_end_date{ display: block; clear: both; font-weight: normal; text-transform: none; color: red; } .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; } .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{ flex-wrap:wrap; font-size: 1vw; } #products.col-sm-9{ flex-grow: 1; flex-shrink: 1; flex-basis: 0; align-content: flex-start; } .cta-btns a.main-btn{ font-size:1.2vw; } } .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; } .price{ font-size: 4.2vw; } .price-val.usd_version{ font-size: 2.5vw; } .grid-group-item .thumb .collapse,.grid-group-item .thumb .collapsing{ padding:3vw; } .grid-group-item .model-title{ padding:0; } .grid-group-item .specs-btn:before{ padding: 1.5vw; font-size: 5vw; } #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:10px 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{ margin-bottom:3vw; } #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{right: -99.9971%;} #inline-style-2{margin:auto; background-position: ; margin-top:0px;margin-bottom:0px;margin-right:0px;margin-left:0px;} #inline-style-3{position:relative;padding-top:0px;padding-bottom:0px;padding-right:0px;padding-left:0px;} .inline-style-4{position:absolute;top:10px;right:10px;display:none} #inline-style-5{width: 100%} #inline-style-6{text-align: left; margin-bottom: 10px;} #inline-style-7{font-size: .8em} #inline-style-8{font-size: .8em} .inline-style-9{min-height: 33px;} .inline-style-10{font-size: 1.1em; margin-left: 5px; magrin-top 10px; display: none} #inline-style-11{clear: both} #inline-style-12{clear: both;} #inline-style-13{clear: both;} #inline-style-14{clear: both;} #inline-style-15{clear: both;} #inline-style-16{clear: both;} #inline-style-17{background-image:url(https://img.youtube.com/vi/B_7R-FpvOAA/mqdefault.jpg)} #inline-style-18{background-image:url(https://img.youtube.com/vi/jpSmWvUSK6I/mqdefault.jpg)} #inline-style-19{clear: both;} #inline-style-20{clear: both;} #inline-style-21{clear: both;} #inline-style-22{clear: both;} #inline-style-23{display:none} #inline-style-24{width: 600px;} #inline-style-25{display:none;visibility:hidden} #inline-style-26{display:none;visibility:hidden} #inline-style-27{display:none;visibility:hidden}