:root{ --black: #000; --white: #fff; --main-color: #0e2046; --main-font-color: #0e2046; --second-color: #cca663; --body-color: #0e2046; --grey: #f4f4f4; --darkgrey: #3a3a3a; --main-font: "tussilago",sans-serif !important; --main-font-bold: "tussilago",sans-serif !important; --body-font: "Plus Jakarta Sans",sans-serif !important; } html{ -webkit-scroll-behavior: smooth; scroll-behavior: smooth; font-size: 1vw; } body{ font-family: var(--body-font); font-size: 1vw; font-weight: 400; line-height: 1.4; background-color: var(--white) !important; color: var(--body-color); padding: 0 !important; overflow-x: hidden; } h1,h2,h3,h4,h5,h6{ text-transform: uppercase; font-family: tussilago,sans-serif; font-weight: 300; line-height: 1.3; margin-top: 1em; margin-bottom: .5em; } h3{ font-size: 1.6em; } .main-container{ font-family: var(--body-font) !important; } .flex-container{ padding: 3em 6em; } .breadcrumbParent{ background-color: var(--main-color); color: var(--white); text-align: center; padding: 5em 2em; } .breadcrumbParent h1{ margin: 0; font-size: 2.3em; } .breadcrumbParent .breadcrumb{ display: none; } .hide{ display: none; } ._404-container{ padding: 5em 0; text-align: center; } .cta-link{ position: relative; margin: 2em 0 0 0; } .cta-link a{ display: inline-block; padding: 1em 3.5em; text-transform: uppercase; color: var(--main-color); border: .01em solid var(--main-color); font-size: .85em; font-weight: 800; } .cta-link a:hover,.cta-link a:focus{ background-color: var(--main-color); color: var(--white); text-decoration: none; } #saxdor-header{ background-color: #fff; text-align: center; border-bottom: .1em solid #f4f4f4; } #saxdor-header .saxdor-logo{ } #saxdor-header .saxdor-logo a{ display: inline-block; padding: 1.5em; } #saxdor-header .saxdor-logo img{ height: 2.35em; } #saxdor-header .saxdor-header-contact{ position: absolute; top: 2em; right: 2em; display: flex; align-items: center; gap: 1em; } #saxdor-header .saxdor-header-contact a{ color: var(--body-color); } #saxdor-header .saxdor-header-contact a i{ } #saxdor-header .saxdor-header-contact a:hover i,#saxdor-header .saxdor-header-contact a:focus i{ } .panel-menu-toggle{ position: absolute; z-index: 10000; background: none; border: none; font-size: 2.5em; padding: 0; color: var(--main-color); line-height: 0; top: .6em; left: .6em; } .panel-menu-toggle:hover,.panel-menu-toggle:focus{ color: var(--main-color); background: none; outline: none; border: none; } .panel-menu-close{ position: absolute; top: .6em; left: .6em; z-index: 10000; background: none; border: none; font-size: 2.5em; padding: 0; color: var(--main-color); line-height: 0; } .panel-menu-close:hover,.panel-menu-close:focus{ color: var(--main-color); background: none; outline: none; border: none; } .panel-menu-nav{ position: fixed; top: 0px; left: 0; width: 70vw; height: 100vh; height: -webkit-fill-available; height: 100dvh; z-index: 9999; opacity: 0; pointer-events: none; -webkit-transition: opacity .3s; transition: opacity .3s; display: block !important; } .panel-menu-nav a,.panel-menu-nav a:hover,.panel-menu-nav a:focus{ text-decoration: none; } .panel-menu-nav.is-open{ opacity: 1;pointer-events: auto; } .panel-menu-nav.is-open .panel-menu-panels{ display: -webkit-box;display: -ms-flexbox;display: flex; } @media only screen and (min-width: 1280px){ .panel-menu-nav{ width:50vw;max-width: 1000px; } } @media only screen and (max-width: 992px){ .panel-menu-nav{ width:100vw; } } .panel-menu-nav .panel-menu-panels{ display: none;height: 100vh;height: -webkit-fill-available;height: 100dvh;width: 100%;z-index: -1; } .panel-menu-nav .panel-menu-panel{ width: 35vw;height: 100vh;height: -webkit-fill-available;height: 100dvh;overflow-y: auto;scrollbar-width: none;margin: 0;padding: 0;padding-top: 80px;padding-left: 40px;padding-right: 60px;padding-bottom: 60px;list-style-type: none; } @media only screen and (max-width: 992px){ .panel-menu-nav .panel-menu-panel{ width:100vw; } } .panel-menu-nav .panel-menu-panel::-webkit-scrollbar{ display: none; } @media only screen and (min-width: 993px){ .panel-menu-nav .panel-menu-panel{ padding-top:125px; } } @media only screen and (min-width: 1280px){ .panel-menu-nav .panel-menu-panel{ width:25vw;max-width: 500px; } } .panel-menu-nav .panel-menu-panel li{ text-transform: uppercase;font-family: var(--main-font);font-style: normal;margin: 0 0 2px 0; } .panel-menu-nav .panel-menu-panel li a{ outline: none;font-weight: 400;font-size: 12px;line-height: 1.1;padding: 10px 30px 10px 8px;color: rgba(0,0,0,.8);letter-spacing: .72px; } @media only screen and (min-width: 1920px){ .panel-menu-nav .panel-menu-panel li a{ font-size:14px; } } .panel-menu-nav .panel-menu-panel ul{ list-style-type: none;margin: 0;padding: 0; } .panel-menu-nav .panel-menu-panel ul li{ text-transform: none;font-family: var(--body-font);font-style: normal; } .panel-menu-nav .panel-menu-panel ul li a{ font-weight: 400;font-size: 15px;letter-spacing: normal; } @media only screen and (min-width: 1920px){ .panel-menu-nav .panel-menu-panel ul li a{ font-size:16px; } } .panel-menu-nav .panel-menu-panel.panel-menu-panel-1{ background-color: #fff; } .panel-menu-nav .panel-menu-panel.panel-menu-panel-1 li{ display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-ms-flex-wrap: wrap;flex-wrap: wrap;-ms-flex-line-pack: start;align-content: flex-start; } .panel-menu-nav .panel-menu-panel.panel-menu-panel-1 li.extra-space-bottom{ padding-bottom: 20px; } @media only screen and (min-width: 993px){ .panel-menu-nav .panel-menu-panel.panel-menu-panel-1 li.extra-space-bottom{ padding-bottom:30px; } } @media only screen and (min-width: 1920px){ .panel-menu-nav .panel-menu-panel.panel-menu-panel-1 li.extra-space-bottom{ padding-bottom:40px; } } .panel-menu-nav .panel-menu-panel.panel-menu-panel-1 li.no-hover>a:hover{ background-color: rgba(0,0,0,0); } .panel-menu-nav .panel-menu-panel.panel-menu-panel-1 li a{ display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;-webkit-box-align: center;-ms-flex-align: center;align-items: center;text-align: left;width: 100%;border-radius: 2px; } .panel-menu-nav .panel-menu-panel.panel-menu-panel-1 li a:hover{ background-color: #f4f4f4; } .panel-menu-nav .panel-menu-panel.panel-menu-panel-1 li.custom-panel-toggle{ position: relative; } .panel-menu-nav .panel-menu-panel.panel-menu-panel-1 li.custom-panel-toggle>a{ display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between; } .panel-menu-nav .panel-menu-panel.panel-menu-panel-1 li.custom-panel-toggle>a .custom-toggle-icon{ display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;margin-left: 12px;-webkit-transition: -webkit-transform .3s;transition: -webkit-transform .3s;transition: transform .3s;transition: transform .3s,-webkit-transform .3s; } .panel-menu-nav .panel-menu-panel.panel-menu-panel-1 li.custom-panel-toggle>a .custom-toggle-icon svg{ display: block; } .panel-menu-nav .panel-menu-panel.panel-menu-panel-1 li.custom-panel-toggle>a .custom-toggle-icon.active{ -webkit-transform: rotate(90deg);transform: rotate(90deg); } .panel-menu-nav .panel-menu-panel.panel-menu-panel-1 li.custom-panel-toggle.toggle-open>a{ font-weight: bold; } .panel-menu-nav .panel-menu-panel.panel-menu-panel-1 li.custom-panel-toggle ul.sub-menu{ overflow: hidden;max-height: 0;opacity: 0;-webkit-transition: max-height .45s ease-in-out,opacity .45s ease;transition: max-height .45s ease-in-out,opacity .45s ease;display: block;visibility: hidden;padding-left: 20px; } .panel-menu-nav .panel-menu-panel.panel-menu-panel-1 li.custom-panel-toggle ul.sub-menu.open{ max-height: 500px;opacity: 1;visibility: visible; } .panel-menu-nav .panel-menu-panel.panel-menu-panel-1 li.show-in-panel-2.panel-menu-parent-active a{ background-color: #f4f4f4; } .panel-menu-nav .panel-menu-panel.panel-menu-panel-1 li.show-in-panel-2 a{ padding-left: 30px; } .panel-menu-nav .panel-menu-panel.panel-menu-panel-1 li.show-in-panel-2 ul.sub-menu{ display: none; } .panel-menu-nav .panel-menu-panel.panel-menu-panel-1 li.no-extra-padding a{ padding-left: 8px;margin-left: 0; } .panel-menu-nav .panel-menu-panel.panel-menu-panel-2{ z-index: 1;-webkit-transition: opacity .3s;transition: opacity .3s;opacity: 1;pointer-events: auto;position: relative;background-color: rgba(0,0,0,0);padding: 0;background-color: rgba(244,244,244,.9);backdrop-filter: blur(2.5px); } @media only screen and (max-width: 992px){ .panel-menu-nav .panel-menu-panel.panel-menu-panel-2{ position:fixed;top: 0;left: 0;width: 100vw;height: 100vh;height: -webkit-fill-available;height: 100dvh;background-color: #fff;z-index: 10001;-webkit-transform: translateX(100%);transform: translateX(100%);-webkit-transition: opacity .3s,-webkit-transform .3s ease-in-out;transition: opacity .3s,-webkit-transform .3s ease-in-out;transition: transform .3s ease-in-out,opacity .3s;transition: transform .3s ease-in-out,opacity .3s,-webkit-transform .3s ease-in-out; } } .panel-menu-nav .panel-menu-panel.panel-menu-panel-2.visible{ -webkit-transform: translateX(0);transform: translateX(0) } ; } .panel-menu-nav .panel-menu-panel.panel-menu-panel-2 .panel-menu-back{ display: none;-webkit-box-align: center;-ms-flex-align: center;align-items: center;position: absolute;top: 20px;left: 20px;z-index: 10002;background: none;border: none;font-size: 16px;padding: 10px;color: var(--main-color);font-family: var(--main-font);text-transform: uppercase;letter-spacing: .72px;font-weight: 400;cursor: pointer; } .panel-menu-nav .panel-menu-panel.panel-menu-panel-2 .panel-menu-back:hover,.panel-menu-nav .panel-menu-panel.panel-menu-panel-2 .panel-menu-back:focus{ color: var(--main-color);background: none;outline: none; } .panel-menu-nav .panel-menu-panel.panel-menu-panel-2 .panel-menu-back svg{ margin-right: 8px;width: 11px;height: 12px; } .panel-menu-nav .panel-menu-panel.panel-menu-panel-2 .panel-menu-back span{ font-size: 12px; } @media only screen and (min-width: 993px){ .panel-menu-nav .panel-menu-panel.panel-menu-panel-2 .panel-menu-back{ display:none !important } ; } .panel-menu-nav .panel-menu-panel.panel-menu-panel-2 .panel-menu-panel-2-wrap{ z-index: 1;-webkit-transition: opacity .3s;transition: opacity .3s;opacity: 1;pointer-events: auto;position: relative;padding: 90px 20px 20px 20px;min-height: 100vh;min-height: -webkit-fill-available;height: 100vh;height: -webkit-fill-available;height: 100dvh; } } @media only screen and (max-width: 992px){ .panel-menu-nav .panel-menu-panel.panel-menu-panel-2 .panel-menu-panel-2-wrap{ background-color:#fff;backdrop-filter: none;padding: 80px 40px 20px 40px } ; } .panel-menu-nav .panel-menu-panel.panel-menu-panel-2 .panel-menu-panel-2-inner{ opacity: 1;-webkit-transition: opacity .3s;transition: opacity .3s;will-change: opacity;position: relative;width: 100%;padding-bottom: 60px; } .panel-menu-nav .panel-menu-panel.panel-menu-panel-2 .panel-menu-panel-2-inner.fading{ opacity: 0; } .panel-menu-nav .panel-menu-panel.panel-menu-panel-2.visible{ opacity: 1;pointer-events: auto; } .panel-menu-nav .panel-menu-panel.panel-menu-panel-2.visible .panel-menu-panel-2-wrap{ opacity: 1;-webkit-transition: opacity .3s;transition: opacity .3s; } .panel-menu-nav .panel-menu-panel.panel-menu-panel-2:not(.visible){ opacity: 0;pointer-events: none; } .panel-menu-nav .panel-menu-panel.panel-menu-panel-2:not(.visible) .panel-menu-panel-2-wrap{ opacity: 0;-webkit-transition: opacity .3s;transition: opacity .3s; } .panel-menu-nav .panel-menu-panel.panel-menu-panel-2 li{ margin-bottom: 50px; } } @media only screen and (max-width: 992px){ .panel-menu-nav .panel-menu-panel.panel-menu-panel-2 li{ margin-bottom:20px } ; } .panel-menu-nav .panel-menu-panel.panel-menu-panel-2 li a{ display: block;text-align: center;padding: 0; } .panel-menu-nav .panel-menu-panel.panel-menu-panel-2 li a span{ font-size: 14px;letter-spacing: .48px; } } @media only screen and (min-width: 1280px){ .panel-menu-nav .panel-menu-panel.panel-menu-panel-2 li a span{ font-size:16px } ; } .panel-menu-nav .panel-menu-panel.panel-menu-panel-2 li a img{ display: block;margin: 0 auto;-o-object-fit: cover;object-fit: cover;-webkit-transition: -webkit-transform .8s cubic-bezier(0.23,1,0.32,1);transition: -webkit-transform .8s cubic-bezier(0.23,1,0.32,1);transition: transform .8s cubic-bezier(0.23,1,0.32,1);transition: transform .8s cubic-bezier(0.23,1,0.32,1),-webkit-transform .8s cubic-bezier(0.23,1,0.32,1);will-change: transform; } .panel-menu-nav .panel-menu-panel.panel-menu-panel-2 li a:hover img,.panel-menu-nav .panel-menu-panel.panel-menu-panel-2 li a:focus img{ -webkit-transform: scale(1.04) rotate(0deg);transform: scale(1.04) rotate(0deg);z-index: 2; } .panel-menu-overlay{ position: fixed;top: 0;left: 0;width: 100vw;height: 100vh;height: -webkit-fill-available;background: rgba(0,0,0,.25);opacity: 0;pointer-events: none;z-index: 9998;-webkit-transition: opacity .3s;transition: opacity .3s; } .panel-menu-nav.is-open~.panel-menu-overlay,.panel-menu-overlay.active{ opacity: 1;pointer-events: auto; } #saxdor-config-bar{ background-color: var(--main-color); color: var(--white); display: none; position: fixed; top: 0; width: 100%; z-index: 99; } #saxdor-config-bar.show{ display: block !important; } #saxdor-config-bar .config-content{ display: flex; align-items: center; justify-content: space-between; padding: .5em 5em; } #saxdor-config-bar h2{ font-size: 1em; margin: 0; } #saxdor-config-bar .config-btn a{ background-color: var(--white); color: var(--body-color); text-transform: uppercase; font-size: .85em; font-weight: bold; padding: .2em 1.5em; border-radius: .1em; } #saxdor-config-bar .config-btn a:hover,#saxdor-config-bar .config-btn a:focus{ text-decoration: none; } #saxdor-hero,#saxdor-page-hero{ position: relative; } #saxdor-hero .hero-bg{ } #saxdor-hero .hero-bg img,#saxdor-page-hero .hero-bg img{ aspect-ratio: 1024/561; height: 45em; width: 100%; object-fit: cover; object-position: top center; } #saxdor-hero .hero-content{ position: absolute; top: 4.5em; left: 1.85em; } #saxdor-hero .hero-content h1{ font-size: 2.95em; font-weight: 300; } #saxdor-page-hero .hero-content{ position: absolute; top: 1.75em; left: 5em; } #saxdor-page-hero .hero-content h1{ color: var(--white); font-size: 1.1em; font-weight: bold; } body#page_83648 #saxdor-page-hero .hero-content{ top: 0; } body#page_83648 #saxdor-page-hero .hero-content h1{ font-size: 3.6em; font-weight: 300; } #saxdor-page-hero .hero-content h2{ color: var(--white); font-size: 3.5em; margin-top: 0; } .section-heading{ font-family: var(--main-font); color: var(--second-color); text-transform: uppercase; font-weight: 500; font-size: .85em; } #saxdor-featured{ background-color: var(--white); padding: 4em; text-align: center; } .featured-content{ width: 40%; margin: 0 auto; } #saxdor-featured h1{ margin-top: 0; font-size: 2.3em; } #saxdor-featured h2{ font-size: 2.6em; margin-top: 0; } #saxdor-featured .section-heading{ font-size: 1em; } body#page_83535 #saxdor-section{ padding: 4em 12em; } #saxdor-section{ padding: 4em 5em; } #saxdor-section.dark{ background-color: var(--grey); } #saxdor-section .section-content-left,#saxdor-section .section-content-right{ display: flex; } .section-content-left .content,.section-content-right .content{ width: 40%; } .section-content-left .section-media,.section-content-right .section-media{ width: 80%; position: relative; } .section-content-left .section-media img,.section-content-right .section-media img{ width: 100%; aspect-ratio: 640/391; object-fit: cover; } .section-content-left .section-media{ padding-left: 6em; } .section-content-right .section-media{ padding-right: 6em; } #saxdor-section .section-content{ text-align: center; } #saxdor-section .section-content h2{ font-size: 2.3em; } #saxdor-section .section-content .content,#saxdor-section .content-specifications{ display: flex; gap: 2em; } #saxdor-section .fabrics-left{ display: flex; gap: 2em; } #saxdor-section .featured-fabrics{ text-align: left; } #saxdor-section .featured-fabrics img{ width: 100%; max-height: 28.5em; } #saxdor-section .featured-fabrics span{ display: block; margin: 1em 0 2em 0; } #saxdor-section .fabrics-main img{ width: 100%; } #saxdor-section .fabrics-options{ display: flex; gap: 1em; margin-top: 1em; text-align: left; } .fabrics-options div{ position: relative; } .fabrics-options div span{ display: block; } .fabrics-options img{ } #saxdor-section .section-col{ width: 33.33%; } #saxdor-section .section-col img{ width: 100%; } #saxdor-models{ text-align: center; padding: 2em; } #saxdor-models h2{ font-size: 2.2em; } #saxdor-news{ padding: 4em 12em; } #saxdor-news .news-content{ } #saxdor-news .news-content h3{ text-align: left; } #saxdor-news .news-item a{ display: flex; border: .01em solid #e6e6e6; color: var(--body-color); } #saxdor-news .news-item a:hover,#saxdor-news .news-item a:focus{ text-decoration: none; } #saxdor-news .news-item .news-img{ position: relative; max-width: 30em; } #saxdor-news .news-item a span{ display: block; } #saxdor-news .news-item .news-item-content{ } #saxdor-news .news-item .news-item-content .news-date{ } #saxdor-section .content-specifications{ justify-content: space-around; text-align: left; padding: 0 6em; } .content-specifications .specification-item{ padding: 2em 0; } .specification-disclaimer{ font-size: .85em; padding-top: 2em; } #saxdor-section .content-layouts{ padding: 0 20em; } #saxdor-section .content-layouts ul{ display: flex; align-items: center; justify-content: center; padding: 0; } #saxdor-section .content-layouts ul img{ mix-blend-mode: multiply; max-width: 15em; } #saxdor-app{ background-color: #f4f4f4; position: relative; overflow: hidden; text-align: center; } .app-featured{ padding: 0 20em; } .app-featured h1{ font-size: 2.6em; } .app-featured p{ margin-bottom: 0; padding: 0 8em; font-size: 1.1em; } .app-buttons{ padding: 3em 0; display: flex; justify-content: center; gap: .5em; } .app-buttons a{ } .app-buttons a img{ height: 2.5em; } .app-screens{ text-align: center; position: relative; } .app-screens img{ max-height: 22em; } #saxdor-app-section{ position: relative; overflow: hidden; } #saxdor-app-section h2{ text-align: center; font-size: 2.3em; margin: 2em 0; } #saxdor-app-section .app-content{ display: flex; padding: 0 12em; align-items: center; flex-wrap: wrap; } #saxdor-app-section .app-content .app-description,#saxdor-app-section .app-content .app-media{ width: 50%; } #saxdor-app-section .app-content .app-media img{ width: 100%; } #saxdor-app-section .app-content .app-description{ padding: 0 8em; } #saxdor-faq{ position: relative; overflow: hidden; text-align: center; } #saxdor-faq .faq-content{ padding: 0 20em; } #saxdor-faq .faq-content .panel-group{ margin-bottom: 3em; } #saxdor-faq .panel-group .panel{ border-radius: 0; border: none; box-shadow: none; } #saxdor-faq .panel-default>.panel-heading{ padding: 1em 2em; margin-bottom: .5em; color: var(--main-color); border: none; border-radius: 0; } #saxdor-faq .panel-title{ text-transform: none; font-family: var(--body-font); color: var(--main-color); font-weight: normal; font-size: 1em; } #saxdor-faq .panel-title>a{ display: flex; justify-content: space-between; color: var(--main-color); } #saxdor-faq .panel-title>a:hover,#saxdor-faq .panel-title>a:focus{ text-decoration: none; } #saxdor-faq .panel-default>.panel-heading+.panel-collapse>.panel-body{ border: none; text-align: left; padding: 1.5em 2em; } .app-disclaimer{ text-align: center; color: #9A9A9D; } #saxdor-models-page{ display: flex; flex-wrap: wrap; } #saxdor-models-page #menu-fleet{ width: 40%; font-family: var(--main-font); text-transform: uppercase; padding: 2em 5em; font-size: 1.1em; } #saxdor-models-page #menu-fleet li{ cursor: pointer; padding: .4em; transition: 0.3s all; } #saxdor-models-page #menu-fleet li.submenu-divider{ cursor: text; font-weight: 600; } #saxdor-models-page #menu-fleet li.active{ color: var(--second-color); padding-left: 1em; } #saxdor-models-page .model-details{ width: 60%; background-color: #f5f5f5; } #saxdor-models-page .model-details .model-content{ } #saxdor-models-page .model-details .model-image{ } #saxdor-models-page .model-details .model-image img{ width: 100%; max-height: 40em; object-fit: cover; transition: 0.3s all; aspect-ratio: 2048/2529; } #saxdor-models-page .model-details .model-text{ } #saxdor-models-page .model-details .cta-link{ margin: -2em 0 4em 0; text-align: center; } #saxdor-models-page .model-details .cta-link a{ padding: 1em 5em; background-color: var(--main-color); color: var(--white); } #saxdor-models-page .model-details .cta-link a:hover,#saxdor-models-page .model-details .cta-link a:focus{ background-color: var(--white); color: var(--main-color); } #saxdor-models-page .model-details .cta-link a.light{ background-color: var(--white); color: var(--main-color); } .carousel .carousel-indicators{ width: 100% !important; margin: 0 auto !important; left: 0 !important; display: flex; align-items: center; justify-content: center; gap: 1em; flex-wrap: wrap; } .carousel .carousel-inner>.item>a>img,.carousel .carousel-inner>.item>img{ height: 55em; width: 100%; object-fit: cover; aspect-ratio: 16/9; } .carousel .carousel-indicators li{ margin: 0 !important; min-width: 8em; height: 5em !important; border-radius: 0 !important; background-size: cover; border: 0; } .carousel .carousel-indicators .active{ border-bottom: .15em solid var(--second-color); } .carousel-control{ font-size: 1em; opacity: 1; text-shadow: none !important; } .carousel-control img{ display: none; } .carousel-control.left,.carousel-control.right{ background-image: none !important; overflow: hidden; color: var(--second-color); } .carousel-control.left:before{ content: "\f053"; display: block; font-size: 4em; font-family: "Font Awesome 5 Pro"; font-weight: 300 !important; position: absolute; top: 4em; left: 0; background: transparent; border-radius: 0; padding-left: 1em; text-shadow: none !important; } .carousel-control.right:before{ content: "\f054"; display: block; font-size: 4em; font-family: "Font Awesome 5 Pro"; font-weight: 300 !important; position: absolute; top: 4em; right: 0; background: transparent; border-radius: 0; transform: none; padding-right: 1em; text-shadow: none !important; } .carousel-control.left:before,.carousel-control.right:before{ padding-top: 1.3em; } .carousel-control.left:hover:before,.carousel-control.right:hover:before{ background: transparent; } body#page_83535 .carousel .carousel-indicators li{ min-width: 10em; } #comp_1762804533805 .carousel .carousel-indicators li:nth-child(1){ background-image: url(/site-uploads/1001701/Slider/slide01.jpeg); } #comp_1762804533805 .carousel .carousel-indicators li:nth-child(2){ background-image: url(/site-uploads/1001701/Slider/slide02.jpeg); } #comp_1762804533805 .carousel .carousel-indicators li:nth-child(3){ background-image: url(/site-uploads/1001701/Slider/slide03.jpg); } #comp_1762804533805 .carousel .carousel-indicators li:nth-child(4){ background-image: url(/site-uploads/1001701/Slider/slide04.jpg); } #comp_1762804533805 .carousel .carousel-indicators li:nth-child(5){ background-image: url(/site-uploads/1001701/Slider/slide05.jpg); } #comp_1762804533805 .carousel .carousel-indicators li:nth-child(6){ background-image: url(/site-uploads/1001701/Slider/slide06.jpg); } #comp_1762804533805 .carousel .carousel-indicators li:nth-child(7){ background-image: url(/site-uploads/1001701/Slider/slide07.jpeg); } #comp_1762804533805 .carousel .carousel-indicators li:nth-child(8){ background-image: url(/site-uploads/1001701/Slider/slide08.jpg); } #comp_1763580564682 .carousel .carousel-indicators li:nth-child(1){ background-image: url(/site-uploads/1001701/Slider%20400%20GTO/slide01.jpg); } #comp_1763580564682 .carousel .carousel-indicators li:nth-child(2){ background-image: url(/site-uploads/1001701/Slider%20400%20GTO/slide02.jpg); } #comp_1763580564682 .carousel .carousel-indicators li:nth-child(3){ background-image: url(/site-uploads/1001701/Slider%20400%20GTO/slide03.jpg); } #comp_1763580564682 .carousel .carousel-indicators li:nth-child(4){ background-image: url(/site-uploads/1001701/Slider%20400%20GTO/slide04.jpg); } #comp_1763580564682 .carousel .carousel-indicators li:nth-child(5){ background-image: url(/site-uploads/1001701/Slider%20400%20GTO/slide05.jpg); } #comp_1763580564682 .carousel .carousel-indicators li:nth-child(6){ background-image: url(/site-uploads/1001701/Slider%20400%20GTO/slide06.jpg); } #comp_1763580564682 .carousel .carousel-indicators li:nth-child(7){ background-image: url(/site-uploads/1001701/Slider%20400%20GTO/slide07.jpg); } #comp_1763580564682 .carousel .carousel-indicators li:nth-child(8){ background-image: url(/site-uploads/1001701/Slider%20400%20GTO/slide08.jpg); } #comp_1763580564682 .carousel .carousel-indicators li:nth-child(9){ background-image: url(/site-uploads/1001701/Slider%20400%20GTO/slide09.jpg); } #comp_1763580564682 .carousel .carousel-indicators li:nth-child(10){ background-image: url(/site-uploads/1001701/Slider%20400%20GTO/slide10.jpg); } #comp_1763580564682 .carousel .carousel-indicators li:nth-child(11){ background-image: url(/site-uploads/1001701/Slider%20400%20GTO/slide11.jpg); } #comp_1763581804564 .carousel .carousel-indicators li:nth-child(1){ background-image: url(/site-uploads/1001701/Slider%20400%20GTC/slider01.jpeg); } #comp_1763581804564 .carousel .carousel-indicators li:nth-child(2){ background-image: url(/site-uploads/1001701/Slider%20400%20GTC/slider02.jpeg); } #comp_1763581804564 .carousel .carousel-indicators li:nth-child(3){ background-image: url(/site-uploads/1001701/Slider%20400%20GTC/slider03.jpeg); } #comp_1763581804564 .carousel .carousel-indicators li:nth-child(4){ background-image: url(/site-uploads/1001701/Slider%20400%20GTC/slider04.jpeg); } #comp_1763581804564 .carousel .carousel-indicators li:nth-child(5){ background-image: url(/site-uploads/1001701/Slider%20400%20GTC/slider05.jpeg); } #comp_1763581804564 .carousel .carousel-indicators li:nth-child(6){ background-image: url(/site-uploads/1001701/Slider%20400%20GTC/slider06.jpeg); } #comp_1763581804564 .carousel .carousel-indicators li:nth-child(7){ background-image: url(/site-uploads/1001701/Slider%20400%20GTC/slider07.jpg); } #comp_1763581804564 .carousel .carousel-indicators li:nth-child(8){ background-image: url(/site-uploads/1001701/Slider%20400%20GTC/slider08.jpg); } #comp_1763581804564 .carousel .carousel-indicators li:nth-child(9){ background-image: url(/site-uploads/1001701/Slider%20400%20GTC/slider09.jpg); } #comp_1763581804564 .carousel .carousel-indicators li:nth-child(10){ background-image: url(/site-uploads/1001701/Slider%20400%20GTC/slider10.jpg); } #comp_1763581804564 .carousel .carousel-indicators li:nth-child(11){ background-image: url(/site-uploads/1001701/Slider%20400%20GTC/slider11.jpg); } body#page_83597 .carousel .carousel-indicators li{ min-width: 7em !important; height: 5em !important; } #comp_1763582145333 .carousel .carousel-indicators li:nth-child(1){ background-image: url(/site-uploads/1001701/Slider%20400%20GTS/slide01.jpeg); } #comp_1763582145333 .carousel .carousel-indicators li:nth-child(2){ background-image: url(/site-uploads/1001701/Slider%20400%20GTS/slide02.jpeg); } #comp_1763582145333 .carousel .carousel-indicators li:nth-child(3){ background-image: url(/site-uploads/1001701/Slider%20400%20GTS/slide03.jpeg); } #comp_1763582145333 .carousel .carousel-indicators li:nth-child(4){ background-image: url(/site-uploads/1001701/Slider%20400%20GTS/slide04.jpeg); } #comp_1763582145333 .carousel .carousel-indicators li:nth-child(5){ background-image: url(/site-uploads/1001701/Slider%20400%20GTS/slide05.jpeg); } #comp_1763582145333 .carousel .carousel-indicators li:nth-child(6){ background-image: url(/site-uploads/1001701/Slider%20400%20GTS/slide06.jpeg); } #comp_1763582145333 .carousel .carousel-indicators li:nth-child(7){ background-image: url(/site-uploads/1001701/Slider%20400%20GTS/slide07.jpeg); } #comp_1763582145333 .carousel .carousel-indicators li:nth-child(8){ background-image: url(/site-uploads/1001701/Slider%20400%20GTS/slide08.jpeg); } #comp_1763582145333 .carousel .carousel-indicators li:nth-child(9){ background-image: url(/site-uploads/1001701/Slider%20400%20GTS/slide09.jpeg); } #comp_1763582145333 .carousel .carousel-indicators li:nth-child(10){ background-image: url(/site-uploads/1001701/Slider%20400%20GTS/slide10.jpeg); } #comp_1763582145333 .carousel .carousel-indicators li:nth-child(11){ background-image: url(/site-uploads/1001701/Slider%20400%20GTS/slide11.jpeg); } #comp_1763582145333 .carousel .carousel-indicators li:nth-child(12){ background-image: url(/site-uploads/1001701/Slider%20400%20GTS/slide12.jpeg); } body#page_83611 .carousel .carousel-indicators li{ min-width: 6.2em !important; height: 4em !important; } #comp_1763582377111 .carousel .carousel-indicators li:nth-child(1){ background-image: url(/site-uploads/1001701/Slider%20340%20GTWA/slide01.jpg); } #comp_1763582377111 .carousel .carousel-indicators li:nth-child(2){ background-image: url(/site-uploads/1001701/Slider%20340%20GTWA/slide02.jpg); } #comp_1763582377111 .carousel .carousel-indicators li:nth-child(3){ background-image: url(/site-uploads/1001701/Slider%20340%20GTWA/slide03.jpg); } #comp_1763582377111 .carousel .carousel-indicators li:nth-child(4){ background-image: url(/site-uploads/1001701/Slider%20340%20GTWA/slide04.jpg); } #comp_1763582377111 .carousel .carousel-indicators li:nth-child(5){ background-image: url(/site-uploads/1001701/Slider%20340%20GTWA/slide05.jpg); } #comp_1763582377111 .carousel .carousel-indicators li:nth-child(6){ background-image: url(/site-uploads/1001701/Slider%20340%20GTWA/slide06.jpg); } #comp_1763582377111 .carousel .carousel-indicators li:nth-child(7){ background-image: url(/site-uploads/1001701/Slider%20340%20GTWA/slide07.jpg); } #comp_1763582377111 .carousel .carousel-indicators li:nth-child(8){ background-image: url(/site-uploads/1001701/Slider%20340%20GTWA/slide08.jpg); } #comp_1763582377111 .carousel .carousel-indicators li:nth-child(9){ background-image: url(/site-uploads/1001701/Slider%20340%20GTWA/slide09.jpg); } #comp_1763582377111 .carousel .carousel-indicators li:nth-child(10){ background-image: url(/site-uploads/1001701/Slider%20340%20GTWA/slide10.jpeg); } #comp_1763582377111 .carousel .carousel-indicators li:nth-child(11){ background-image: url(/site-uploads/1001701/Slider%20340%20GTWA/slide11.jpeg); } #comp_1763582377111 .carousel .carousel-indicators li:nth-child(12){ background-image: url(/site-uploads/1001701/Slider%20340%20GTWA/slide12.jpeg); } #comp_1763582377111 .carousel .carousel-indicators li:nth-child(13){ background-image: url(/site-uploads/1001701/Slider%20340%20GTWA/slide13.jpeg); } body#page_83612 .carousel .carousel-indicators li{ min-width: 7em !important; height: 5em !important; } #comp_1763582610857 .carousel .carousel-indicators li:nth-child(1){ background-image: url(/site-uploads/1001701/Slider%20320%20GTO/slide01.jpeg); } #comp_1763582610857 .carousel .carousel-indicators li:nth-child(2){ background-image: url(/site-uploads/1001701/Slider%20320%20GTO/slide02.jpeg); } #comp_1763582610857 .carousel .carousel-indicators li:nth-child(3){ background-image: url(/site-uploads/1001701/Slider%20320%20GTO/slide03.jpeg); } #comp_1763582610857 .carousel .carousel-indicators li:nth-child(4){ background-image: url(/site-uploads/1001701/Slider%20320%20GTO/slide04.jpeg); } #comp_1763582610857 .carousel .carousel-indicators li:nth-child(5){ background-image: url(/site-uploads/1001701/Slider%20320%20GTO/slide05.jpeg); } #comp_1763582610857 .carousel .carousel-indicators li:nth-child(6){ background-image: url(/site-uploads/1001701/Slider%20320%20GTO/slide06.jpeg); } #comp_1763582610857 .carousel .carousel-indicators li:nth-child(7){ background-image: url(/site-uploads/1001701/Slider%20320%20GTO/slide07.jpeg); } #comp_1763582610857 .carousel .carousel-indicators li:nth-child(8){ background-image: url(/site-uploads/1001701/Slider%20320%20GTO/slide08.jpeg); } #comp_1763582610857 .carousel .carousel-indicators li:nth-child(9){ background-image: url(/site-uploads/1001701/Slider%20320%20GTO/slide09.jpeg); } #comp_1763582610857 .carousel .carousel-indicators li:nth-child(10){ background-image: url(/site-uploads/1001701/Slider%20320%20GTO/slide10.jpg); } #comp_1763582610857 .carousel .carousel-indicators li:nth-child(11){ background-image: url(/site-uploads/1001701/Slider%20320%20GTO/slide11.jpg); } #comp_1763582610857 .carousel .carousel-indicators li:nth-child(12){ background-image: url(/site-uploads/1001701/Slider%20320%20GTO/slide12.jpg); } #comp_1763582753953 .carousel .carousel-indicators li:nth-child(1){ background-image: url(/site-uploads/1001701/Slider%20320%20GTC/slide01.jpeg); } #comp_1763582753953 .carousel .carousel-indicators li:nth-child(2){ background-image: url(/site-uploads/1001701/Slider%20320%20GTC/slide02.jpeg); } #comp_1763582753953 .carousel .carousel-indicators li:nth-child(3){ background-image: url(/site-uploads/1001701/Slider%20320%20GTC/slide03.jpeg); } #comp_1763582753953 .carousel .carousel-indicators li:nth-child(4){ background-image: url(/site-uploads/1001701/Slider%20320%20GTC/slide04.jpeg); } #comp_1763582753953 .carousel .carousel-indicators li:nth-child(5){ background-image: url(/site-uploads/1001701/Slider%20320%20GTC/slide05.jpeg); } #comp_1763582753953 .carousel .carousel-indicators li:nth-child(6){ background-image: url(/site-uploads/1001701/Slider%20320%20GTC/slide06.jpeg); } #comp_1763582753953 .carousel .carousel-indicators li:nth-child(7){ background-image: url(/site-uploads/1001701/Slider%20320%20GTC/slide07.jpeg); } #comp_1763582753953 .carousel .carousel-indicators li:nth-child(8){ background-image: url(/site-uploads/1001701/Slider%20320%20GTC/slide08.jpg); } #comp_1763582753953 .carousel .carousel-indicators li:nth-child(9){ background-image: url(/site-uploads/1001701/Slider%20320%20GTC/slide09.jpg); } #comp_1763582851224 .carousel .carousel-indicators li:nth-child(1){ background-image: url(/site-uploads/1001701/Slider%20270%20GTO/slide01.jpg); } #comp_1763582851224 .carousel .carousel-indicators li:nth-child(2){ background-image: url(/site-uploads/1001701/Slider%20270%20GTO/slide02.jpg); } #comp_1763582851224 .carousel .carousel-indicators li:nth-child(3){ background-image: url(/site-uploads/1001701/Slider%20270%20GTO/slide03.jpg); } #comp_1763582851224 .carousel .carousel-indicators li:nth-child(4){ background-image: url(/site-uploads/1001701/Slider%20270%20GTO/slide04.jpg); } #comp_1763582851224 .carousel .carousel-indicators li:nth-child(5){ background-image: url(/site-uploads/1001701/Slider%20270%20GTO/slide05.jpeg); } #comp_1763582851224 .carousel .carousel-indicators li:nth-child(6){ background-image: url(/site-uploads/1001701/Slider%20270%20GTO/slide06.jpeg); } #comp_1763582851224 .carousel .carousel-indicators li:nth-child(7){ background-image: url(/site-uploads/1001701/Slider%20270%20GTO/slide07.jpeg); } #comp_1763582851224 .carousel .carousel-indicators li:nth-child(8){ background-image: url(/site-uploads/1001701/Slider%20270%20GTO/slide08.jpeg); } #comp_1763582851224 .carousel .carousel-indicators li:nth-child(9){ background-image: url(/site-uploads/1001701/Slider%20270%20GTO/slide09.jpeg); } #comp_1763582914645 .carousel .carousel-indicators li:nth-child(1){ background-image: url(/site-uploads/1001701/Slider%20205/slide01.jpg); } #comp_1763582914645 .carousel .carousel-indicators li:nth-child(2){ background-image: url(/site-uploads/1001701/Slider%20205/slide02.jpg); } #comp_1763582914645 .carousel .carousel-indicators li:nth-child(3){ background-image: url(/site-uploads/1001701/Slider%20205/slide03.jpg); } #comp_1763582914645 .carousel .carousel-indicators li:nth-child(4){ background-image: url(/site-uploads/1001701/Slider%20205/slide04.jpg); } #comp_1763582914645 .carousel .carousel-indicators li:nth-child(5){ background-image: url(/site-uploads/1001701/Slider%20205/slide05.jpg); } #comp_1763582914645 .carousel .carousel-indicators li:nth-child(6){ background-image: url(/site-uploads/1001701/Slider%20205/slide06.jpg); } #comp_1763582914645 .carousel .carousel-indicators li:nth-child(7){ background-image: url(/site-uploads/1001701/Slider%20205/slide07.jpg); } #comp_1763582914645 .carousel .carousel-indicators li:nth-child(8){ background-image: url(/site-uploads/1001701/Slider%20205/slide08.jpg); } #comp_1763582977842 .carousel .carousel-indicators li:nth-child(1){ background-image: url(/site-uploads/1001701/Slider%20200/slide01.jpg); } #comp_1763582977842 .carousel .carousel-indicators li:nth-child(2){ background-image: url(/site-uploads/1001701/Slider%20200/slide02.jpg); } #comp_1763582977842 .carousel .carousel-indicators li:nth-child(3){ background-image: url(/site-uploads/1001701/Slider%20200/slide03.jpg); } #comp_1763582977842 .carousel .carousel-indicators li:nth-child(4){ background-image: url(/site-uploads/1001701/Slider%20200/slide04.jpg); } #comp_1763582977842 .carousel .carousel-indicators li:nth-child(5){ background-image: url(/site-uploads/1001701/Slider%20200/slide05.jpg); } #comp_1763582977842 .carousel .carousel-indicators li:nth-child(6){ background-image: url(/site-uploads/1001701/Slider%20200/slide06.jpg); } #comp_1763582977842 .carousel .carousel-indicators li:nth-child(7){ background-image: url(/site-uploads/1001701/Slider%20200/slide07.jpg); } #saxdor-video{ max-height: 50em; position: relative; overflow: hidden; margin-top: -1.2em; } #saxdor-video iframe{ pointer-events: none; width: 100%; height: 120vh; } #saxdor-video .video-content{ position: absolute; width: 100%; text-align: center; bottom: 3em; color: var(--white); } #saxdor-video img{ width: 100%; } #saxdor-video .video-content-top{ position: absolute; width: 100%; text-align: left; top: 2em; left: 6em; color: var(--white); } #saxdor-video .video-content-top h1{ font-size: 3.6em; margin: 0; } #saxdor-video .video-content h2{ font-size: 2.6em; } #saxdor-video .video-content .cta-link{ margin-top: 0; } #saxdor-video .video-content .cta-link a{ background-color: var(--main-color); color: var(--white); } body#page_83652 #saxdor-video{ max-height: 45em; } body#page_83652 #saxdor-video iframe{ height: 100vh; } body#page_83656 #saxdor-video{ margin-top: 0; } body#page_83656 #saxdor-video iframe{ height: 115.5vh; } #saxdor-video .video-wrapper{ padding: 3em 8em; } #saxdor-video .video-content-home{ position: absolute; width: 100%; text-align: center; top: 40%; left: 0; color: var(--white); } #saxdor-video .video-content-home h2{ font-size: 2.3em; margin: 0; } #saxdor-video .video-content-home .cta-link a{ color: var(--white); border-color: var(--white); } #saxdor-video .video-content-home .cta-link a:hover,#saxdor-video .video-content-home .cta-link a:focus{ background-color: var(--white); color: var(--main-color); } #comp_1763566057886{ padding: 0 4em 4em 4em; } .rv-SRP .search-box,.rv-SRP .select-box,.rv-SRP .grid-group-item .thumb{ border-radius: 0 !important; } .rv-SRP .search-icon,.rv-SRP .select-icon{ color: var(--main-color) !important; } .rv-SRP .filter-ttl{ font-family: var(--body-font); background-color: var(--main-color); border-radius: 0; } .rv-SRP .filter-ttl .glyphicon{ color: var(--white) !important; } .rv-SRP .filter-ttl:hover,.rv-SRP .filter-ttl:focus{ background-color: var(--second-color) !important; color: var(--white) !important; } .rv-SRP .img-event img{ width: 100%; height: 100%; object-fit: cover; border-radius: 0 !important; } .rv-SRP .img-event ul li:nth-child(2) img{ object-fit: contain; } .rv-SRP .grid-group-item .model-title{ padding: 1.5em 0 1.5em 1.5em; font-size: 1em; font-weight: 400; } .rv-SRP .grid-group-item .price{ font-size: 1em; } .rv-SRP .price-oem{ padding: 1em 1.5em 0 1.5em; } .srp-modal-btn{ font-family: var(--body-font) !important; background-color: var(--second-color) !important; border-radius: 0 !important; } .srp-modal-btn.red,.srp-modal .srp-btn{ font-family: var(--body-font) !important; background-color: var(--main-color) !important; border-radius: 0 !important; } .active-filter-container .badge{ color: var(--white) !important; background-color: var(--main-color) !important; } #rv_vdp{ width: 100%; } #rv_vdp #model-left-content,#rv_vdp .right-cta-buttons,#rv_vdp .rt-action-btn{ border-radius: 0 !important; } #rv_vdp .request-quote-btn,#rv_vdp #videos-btn,#rv_vdp .request-rental-btn{ background-color: var(--main-color) !important; } #rv_vdp .rt-action-btn:hover,#rv_vdp .rt-action-btn:active,#rv_vdp .rt-action-btn:focus{ background-color: var(--main-color) !important; } #rv_vdp .rt-action-btn:hover .glyphicon,#rv_vdp .rt-action-btn:active .glyphicon,#rv_vdp .rt-action-btn:focus .glyphicon{ background-color: transparent !important; } #rv_vdp .gallery .main-img{ width: 50rem; } #rv_vdp .main-img a img{ height: 100%; } #rv_vdp .thumb-container li{ aspect-ratio: 160/147.7 !important; } a.model-action-btn.back-btn{ display: inline-block !important; background-color: var(--white); border: .01em solid #d5d5d5; border-radius: .5em; padding: .5em 1em; margin-bottom: 1em; } a.model-action-btn.back-btn:hover,a.model-action-btn.back-btn:focus{ background-color: var(--main-color); color: #fff; text-decoration: none; } #saxdor-footer{ background-color: var(--main-color); display: flex; flex-direction: column; color: var(--white); padding: 6em 7em 1em 8em; font-size: .85em; } #saxdor-footer .footer-row{ display: flex; flex-wrap: wrap; justify-content: space-between; } #saxdor-footer .footer-col{ } #saxdor-footer .footer-col:nth-child(1){ width: 24%; } #saxdor-footer .footer-col:nth-child(5){ width: 16%; } #saxdor-footer .footer-col h4{ color: var(--second-color); text-transform: uppercase; margin: 0 0 1em 0; font-size: .85em; font-weight: bold; letter-spacing: .2em; } #saxdor-footer .saxdor-footer-logo{ height: 2.8em; } #saxdor-footer ul{ padding: 0; line-height: 2; } #saxdor-footer a{ color: var(--white); } #saxdor-footer a:hover,#saxdor-footer a:focus{ text-decoration: none; } #saxdor-footer .footer-social{ display: flex; justify-content: end; } #saxdor-footer .footer-social a{ display: inline-block; padding: 0 .5em; } #saxdor-footer .footer-social i{ font-size: 2em; color: var(--second-color); } #saxdor-footer .logo-full-width{ position: relative; margin: 6em 0; } #saxdor-footer .logo-full-width img{ width: 100%; aspect-ratio: 256/21; } #saxdor-footer .footer-copyright{ text-align: center; text-transform: uppercase; font-size: .85em; } #to-up-container{ background-color: var(--main-color); position: fixed; bottom: 2em; right: -4em; padding: 0.3em 1em 0.3em 0.25em; border-top-left-radius: 3em; border-bottom-left-radius: 3em; z-index: 10; transition: right 0.5s; } #to-up-container.show{ right: -.5em; } #to-up-container a{ display: flex; background-color: var(--white); border-radius: 50%; width: 2em; height: 2em; align-items: center; justify-content: center; color: var(--main-color); } #to-up-container a i{ font-size: .5em; padding-left: 0.3em; color: var(--second-color); } } @media (max-width: 769px){ #to-up-container{ bottom: 3.5em; padding: 0.2em 1em 0.2em 0.2em; } #to-up-container a{ width: 2em; height: 2em; } #to-up-container a i{ font-size: .6em; } } #related-slider{ min-height: 22em; } #related-items h3{ color: var(--body-color) !important; font-size: 2em !important; text-transform: none; margin-top: 3em; } .related-container a.lSNext:before,.related-container a.lSPrev:before{ display: none; } .related-container .lSAction .lSPrev:after{ content: "\e003"; font-family: 'Font Awesome Kit'; } .related-container .lSAction .lSNext:after{ content: "\e000"; font-family: 'Font Awesome Kit'; } .related-container .lSAction .lSNext{ opacity: 1; text-decoration: none; background-image: none; background-color: var(--white); color: var(--main-color); border: .01em solid var(--lightgrey); box-shadow: 0; width: 3em; height: 3em; z-index: 2 !important; border-radius: 0; right: 0; } .related-container .lSAction .lSNext:hover,.related-container .lSAction .lSPrev:hover{ color: var(--white); background-color: var(--second-color); } .related-container .lSAction .lSPrev{ opacity: 1; text-decoration: none; background-image: none; background-color: var(--white); color: var(--main-color); border: .01em solid var(--lightgrey); box-shadow: 0; width: 3em; height: 3em; z-index: 2 !important; border-radius: 0; left: 0; } .related-container .lSAction .lSPrev:after,.related-container .lSAction .lSNext:after{ font-size: 1.4em; font-weight: 300; height: 100%; width: 100%; display: flex; justify-content: center; align-items: center; } .related-container .lSSlideOuter{ padding: 0 !important; } .related-container .gallery{ height: 21em !important; display: flex; } .related-container .lightSlider li{ border: .01em solid var(--grey); border-radius: 0; min-height: 20em; padding: 1em 0 0 0; overflow: hidden; margin: 1em !important; background-color: var(--white); font-family: var(--main-font-bold); font-weight: bold; text-align: center; text-transform: uppercase; display: flex; flex-direction: column; justify-content: space-between; } .related-container .lightSlider li:hover,.related-container .lightSlider li:focus{ border-color: var(--main-color); } #scroller li a.randomAdDetails{ position: relative; } .related-container .lSPager{ display: none; } a.rel-item{ font-size: 1em !important; border: none !important; } a.rel-item img{ max-height: unset !important; width: 100% !important; object-fit: contain; } .related-container .lightSlider li{ width: 20em !important; } @media (max-width: 769px){ .related-container .lightSlider li{ margin: .5em !important; min-height: unset; } .related-container .lSAction .lSPrev,.related-container .lSAction .lSNext{ width: 2em; height: 2em; z-index: 0 !important; } #related-slider{ min-height: 18em; } .related-container .lightSlider li{ width: 12em !important; } } .no-ads-box>div{ display: none; } #comp_1764691619494{ padding: 0 12em 3em 12em; } .form-control{ padding: .5em 1em; font-size: .9em; height: auto !important; } .adForm{ padding: 0; margin: 0; } .adForm h2{ border-top: 0 !important; font-family: var(--main-font-bold) !important; text-transform: uppercase; margin-top: 0; margin-bottom: 1em; padding: 0 !important; line-height: 1.4; font-size: 1.6em !important; } .adForm input,.adForm textarea,.adForm select{ border-color: #d5d5d5 !important; } .adForm input,.adForm textarea,.adForm select{ border-color: #d5d5d5 !important; background-color: #fff !important; font-size: 1.1em !important; padding: 0.6em 1em !important; color: #222 !important; margin-bottom: .6em; } input:hover,textarea:hover,select:hover,input:focus,textarea:focus,select:focus{ background-color: #f1f1f1 !important; } form .lead-button,form .btn.btn-default,form .btn.btn-primary{ background-color: var(--main-color) !important; color: var(--white) !important; text-transform: uppercase !important; font-weight: bold !important; padding: 0.8em 3em !important; font-size: .8em !important; outline: none; border: none !important; border-radius: 0 !important; } form .lead-button:hover,form .btn.btn-default:hover,form .btn.btn-primary:hover,form .lead-button:focus,form .btn.btn-default:focus,form .btn.btn-primary:focus{ background-color: var(--second-color) !important; color: var(--white) !important; } .SendCopyCheck,input[type=reset],.seperator{ display: none !important; } #Buttons{ text-align: center; width: 100%; padding: 1em 0; float: none; } #Buttons input{ float: none; text-align: center; display: inline-block; border: none !important; border-radius: 0 !important; } .formField .formRequired{ right: 0 !important; font-size: 1em !important; font-family: var(--body-font) !important; color: #EE1C25; } label.error{ right: 2em !important; font-size: 1em !important; font-family: var(--body-font) !important; color: #EE1C25; } .myForm .wrapper .col-xs-10,.adForm .wrapper .col-sm-10{ width: 100%; text-align: center; } .formsParent .g-recaptcha{ float:none !important; margin:0 auto; width:18vw; position:relative; } .formsParent #Buttons{ position:relative; width:100%; text-align:center; padding:1em; } .formsParent #Buttons .btn{ float:none; display:inline-block; border: .01em solid var(--main-color) !important; } .formsParent #Buttons .btn:hover,.formsParent #Buttons .btn:focus{ background-color: var(--second-color); color: #fff; } .g-recaptcha{ float: none !important; display: inline-block; } .formsParent .Newsletter-signup{ margin-bottom: 1em; } .formsParent .Newsletter-signup label{ font-weight: normal !important; } body#page_83721 #comp_1764691619494 h2{ margin: 2em 0; } @media (max-width: 769px){ #comp_1764691619494{ padding: 0 2em 2em 2em; } .adForm input,.adForm textarea,.adForm select{ font-size: 16px !important; } } @media (max-width: 769px){ html,body{ font-size: 16px; } h3{ font-size: 24px; } .breadcrumbParent{ padding: 3em; } .breadcrumbParent h1{ font-size: 24px; } #saxdor-header .saxdor-logo img{ height: 2em; } #saxdor-hero .hero-bg img{ height: 32em; aspect-ratio: 175/311; } #saxdor-page-hero .hero-bg img{ height: 26em; } #saxdor-hero .hero-content h1{ font-size: 25px; font-weight: 400; } #saxdor-page-hero .hero-content{ left: 1em; top: 0; } #saxdor-page-hero .hero-content h1{ font-size: 16px; } body#page_83648 #saxdor-page-hero .hero-content h1{ font-size: 30px; } #saxdor-page-hero .hero-content h2{ font-size: 36px; } #saxdor-featured{ padding: 1em; } .featured-content,#saxdor-app-section .app-content .app-description,#saxdor-app-section .app-content .app-media{ width: 100%; } #saxdor-section .content-layouts,.app-featured,#saxdor-faq .faq-content{ padding: 0 2em; } .app-featured h1{ font-size: 29px; } body#page_83535 #saxdor-section,#saxdor-section,.app-featured p{ padding: 0; } #saxdor-app-section .app-content .app-description{ padding: 0 0 4em 0; } #saxdor-app-section .app-content .app-description h3{ font-size: 20px; } #saxdor-app-section .app-content{ flex-direction: column; padding: 0 1.5em; } #html_1763744719685 #saxdor-app-section .app-content,#html_1763745193703 #saxdor-app-section .app-content,#html_1763745423028 #saxdor-app-section .app-content{ flex-direction: column-reverse; } #saxdor-section .section-content{ overflow: hidden; } #saxdor-section .section-content-left,#saxdor-section .section-content-right{ flex-direction: column-reverse; } #html_1762804659863 #saxdor-section .section-content-right{ flex-direction: column; } #saxdor-section .section-content-left h3,#saxdor-section .section-content-right h3{ font-size: 20px; } #saxdor-section .section-content-left .cta-link a,#saxdor-section .section-content-right .cta-link a{ display: block; text-align: center; } #saxdor-section .section-content .content,#saxdor-section .content-specifications{ flex-direction: column; } #saxdor-section .fabrics-options{ flex-wrap: wrap; padding: 0 1em; } .fabrics-options div{ width: 7em; } .fabrics-options div img{ width: 100%; } #saxdor-featured h1{ font-size: 30px; } #saxdor-featured .section-heading{ font-size: 12px; } #saxdor-featured h2{ font-size: 24px; } #saxdor-featured .cta-link a{ margin-bottom: 2em; } #saxdor-section .section-content h2,#saxdor-models h2,#saxdor-app-section h2{ font-size: 28px; padding: 0 1em; } #saxdor-models-page .model-details .model-image img{ max-height: 20em; } #saxdor-config-bar .config-content{ padding: .5em 1em; } #saxdor-section .content-specifications{ gap: 0; padding: 0 1em; } .specification-item{ display: flex; align-items: center; justify-content: space-between; padding: 1em 0 !important; border-bottom: .01em solid #d5d5d5; } .specification-item br{ display: none; } #saxdor-section .content-layouts ul img{ max-width: 10em; } #saxdor-section .fabrics-left{ flex-direction: column; } .section-content-left .content,.section-content-right .content{ width: 100%; padding: 1em 2em 2em 2em; } .section-content-left .section-media,.section-content-right .section-media,#saxdor-section .section-col{ width: 100%; } #saxdor-section .section-col h3{ padding: 0 2em; } #saxdor-section .section-col p{ padding: 1em 2em 0 2em; } .section-content-left .section-media{ padding-left: 0; } .section-content-right .section-media{ padding-right: 0; } #saxdor-models-page .model-details{ width: 100%; background-color: var(--white); padding: 1em; } #saxdor-models-page .model-details .model-content.hide{ display: block !important; } #saxdor-models-page .model-details .model-title{ font-family: var(--main-font); text-transform: uppercase; } #saxdor-models-page .model-details .cta-link{ margin: 1em 0 2em 0; } #saxdor-models-page .model-details .cta-link.visible-xs{ display: flex !important; flex-wrap: wrap; justify-content: space-between; } #saxdor-models-page .model-details .cta-link a{ min-width: 48%; padding: .5em; } #saxdor-models-page .model270gto .cta-link a,#saxdor-models-page .model205 .cta-link a,#saxdor-models-page .model200 .cta-link a,#saxdor-models-page .model460gtc .cta-link a{ min-width: 100%; } .carousel-control.left:before,.carousel-control.right:before{ top: 6em !important; padding-top: .9em; } .carousel-control.left:before{ height: 3em; width: 3em; font-size: 1.1em; } .carousel-control.right:before{ height: 3em; width: 3em; font-size: 1.1em; } .carousel .carousel-inner>.item>a>img,.carousel .carousel-inner>.item>img{ height: 15em !important; } .carousel .carousel-indicators{ gap: .5em; } .carousel .carousel-indicators li,body#page_83597 .carousel .carousel-indicators li,body#page_83611 .carousel .carousel-indicators li,body#page_83612 .carousel .carousel-indicators li{ min-width: 2em !important; height: 1.5em !important; } body#page_83535 .carousel .carousel-indicators li{ min-width: 2em !important; } #saxdor-footer{ flex-direction: column; padding: 3em 1em 1em 1em; } #saxdor-footer .footer-col{ width: 50%; padding: 1em 0; } #saxdor-footer .footer-col:nth-child(1),#saxdor-footer .footer-col:nth-child(4),#saxdor-footer .footer-col:nth-child(5){ width: 100%; } #saxdor-video{ max-height: 14em; margin-top: -.2em; } #saxdor-video iframe,body#page_83652 #saxdor-video iframe,body#page_83656 #saxdor-video iframe{ height: 15em; } #saxdor-video .video-wrapper{ padding: 0; } #comp_1763566057886{ padding: 0; } #saxdor-video .video-content-home{ padding: 4em; top: 0; } #saxdor-video .video-content-home h2{ font-size: 25px; } #saxdor-video .video-content-top{ left: 2em; } #saxdor-video .video-content-top h1{ font-size: 30px; } #saxdor-video .video-content h2{ font-size: 25px; } .price-box .primary{ font-size: 24px; } #related-items h3{ font-size: 20px; } #saxdor-footer .footer-social{ justify-content: left; } } @import url(https://p.typekit.net/p.css?s=1&k=hrk3idx&ht=tk&f=223.1082.1084.1086.1088&a=100794726&app=typekit&e=css); @font-face{ font-family:"tussilago";src:url(https://use.typekit.net/af/586ca0/0000000000000000773595c9/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3) format("woff2"),url(https://use.typekit.net/af/586ca0/0000000000000000773595c9/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3) format("woff"),url(https://use.typekit.net/af/586ca0/0000000000000000773595c9/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3) format("opentype");font-display:swap;font-style:normal;font-weight:500;font-stretch:normal font-display: swap;} @font-face{ font-family:"tussilago";src:url(https://use.typekit.net/af/f60b10/0000000000000000773595da/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3) format("woff2"),url(https://use.typekit.net/af/f60b10/0000000000000000773595da/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3) format("woff"),url(https://use.typekit.net/af/f60b10/0000000000000000773595da/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3) format("opentype");font-display:swap;font-style:normal;font-weight:300;font-stretch:normal font-display: swap;} @font-face{ font-family:"tussilago";src:url(https://use.typekit.net/af/13aaeb/0000000000000000773595dc/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("woff2"),url(https://use.typekit.net/af/13aaeb/0000000000000000773595dc/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("woff"),url(https://use.typekit.net/af/13aaeb/0000000000000000773595dc/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("opentype");font-display:swap;font-style:normal;font-weight:400;font-stretch:normal font-display: swap;} @font-face{ font-family:"tussilago";src:url(https://use.typekit.net/af/16aff3/0000000000000000773595de/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("woff2"),url(https://use.typekit.net/af/16aff3/0000000000000000773595de/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("woff"),url(https://use.typekit.net/af/16aff3/0000000000000000773595de/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("opentype");font-display:swap;font-style:normal;font-weight:700;font-stretch:normal font-display: swap;} @font-face{ font-family:"tussilago";src:url(https://use.typekit.net/af/f4e1f6/0000000000000000773595e0/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3) format("woff2"),url(https://use.typekit.net/af/f4e1f6/0000000000000000773595e0/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3) format("woff"),url(https://use.typekit.net/af/f4e1f6/0000000000000000773595e0/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3) format("opentype");font-display:swap;font-style:normal;font-weight:900;font-stretch:normal font-display: swap;} /*EOF STYLE*/ .adsNav{ display:table; } /*EOF STYLE*/ .ORDERYOURSTODAY{ background-color:RED; } .thumbStatus.ORDERYOURSTODAY:before{ border-left-color:RED; } /*EOF STYLE*/ .ORDERYOURSTODAY1{ background-color:RED; } .thumbStatus.ORDERYOURSTODAY1:before{ border-left-color:RED; } /*EOF STYLE*/ .ORDERYOURSTODAY2{ background-color:RED; } .thumbStatus.ORDERYOURSTODAY2:before{ border-left-color:RED; } /*EOF STYLE*/ .ORDERYOURSTODAY3{ background-color:RED; } .thumbStatus.ORDERYOURSTODAY3:before{ border-left-color:RED; } /*EOF STYLE*/ .ORDERYOURSTODAY4{ background-color:RED; } .thumbStatus.ORDERYOURSTODAY4:before{ border-left-color:RED; } /*EOF STYLE*/ .ORDERYOURSTODAY5{ background-color:RED; } .thumbStatus.ORDERYOURSTODAY5:before{ border-left-color:RED; } /*EOF STYLE*/ .ORDERYOURSTODAY6{ background-color:RED; } .thumbStatus.ORDERYOURSTODAY6:before{ border-left-color:RED; } /*EOF STYLE*/ .ORDERYOURSTODAY7{ background-color:RED; } .thumbStatus.ORDERYOURSTODAY7:before{ border-left-color:RED; } /*EOF STYLE*/ .ORDERYOURSTODAY8{ background-color:RED; } .thumbStatus.ORDERYOURSTODAY8:before{ border-left-color:RED; } /*EOF STYLE*/ .ORDERYOURSTODAY9{ background-color:RED; } .thumbStatus.ORDERYOURSTODAY9:before{ border-left-color:RED; } /*EOF STYLE*/ .ORDERYOURSTODAY10{ background-color:RED; } .thumbStatus.ORDERYOURSTODAY10:before{ border-left-color:RED; } /*EOF STYLE*/ .ORDERYOURSTODAY11{ background-color:RED; } .thumbStatus.ORDERYOURSTODAY11:before{ border-left-color:RED; } /*EOF STYLE*/ .ORDERYOURSTODAY12{ background-color:RED; } .thumbStatus.ORDERYOURSTODAY12:before{ border-left-color:RED; } /*EOF STYLE*/ .ORDERYOURSTODAY13{ background-color:RED; } .thumbStatus.ORDERYOURSTODAY13:before{ border-left-color:RED; } /*EOF STYLE*/ .ORDERYOURSTODAY14{ background-color:RED; } .thumbStatus.ORDERYOURSTODAY14:before{ border-left-color:RED; } /*EOF STYLE*/ .ORDERYOURSTODAY15{ background-color:RED; } .thumbStatus.ORDERYOURSTODAY15:before{ border-left-color:RED; } /*EOF STYLE*/ .ORDERYOURSTODAY16{ background-color:RED; } .thumbStatus.ORDERYOURSTODAY16:before{ border-left-color:RED; } /*EOF STYLE*/ .ORDERYOURSTODAY17{ background-color:RED; } .thumbStatus.ORDERYOURSTODAY17:before{ border-left-color:RED; } /*EOF STYLE*/ .ORDERYOURSTODAY18{ background-color:RED; } .thumbStatus.ORDERYOURSTODAY18:before{ border-left-color:RED; } /*EOF STYLE*/ .ORDERYOURSTODAY19{ background-color:RED; } .thumbStatus.ORDERYOURSTODAY19:before{ border-left-color:RED; } /*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{ } .ui-slider-handle{ z-index: 100 !important; } .ui-slider-handle{ position: absolute !important; z-index: 100 !important; cursor: pointer !important; } #slider-range-price,.ui-slider-handle{ touch-action: none; -webkit-user-drag: none; -webkit-user-select: none; } .ESCAdsResponse,.thumb{ color:var(--main-font-color); } .mobile-only{ display: none !important; } .view-group{ display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; padding-left: 0; margin-bottom: 0; flex-wrap:wrap; gap: 1.875rem 2.2%; justify-content: flex-start; } .sortby-row{ display:flex; width:100%; align-items:center; justify-content: flex-end; gap: 0.938rem; } .sortby-row h4{ font-size:12px; text-align: right; } .list-grid-btn .btn{ padding: 0; background-color: transparent; color: var(--dealer-color); display: flex; font-size: 1.25rem; } .layout_view{ display:flex; justify-content:flex-end; } .col-sm-1.layout_view{ padding:0; } .pagination{ display:flex; justify-content:center; } .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: 1.125rem ; } .pagination.dark li a i{ color:#1C1C1C; } .thumb{ position:relative; padding: 0; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; border:1px solid #EEE; position:relative; border-radius: 0.5rem; overflow:hidden; } li.lslide{ display: flex; aspect-ratio: 420 / 315; align-items: center; justify-content: center; } li.lslide a{ display: flex; align-items: center; } img.group{ max-width: 100%; } .img-event img{ max-height: 100%; border-radius: 0.5rem 0.5rem 0 0; } .img-event:hover .thumbStatus{ opacity:0; } .thumbnail-container{ position:relative; } .thumbnail-container .pushstate{ display: flex; width: 100%; background-size: contain; background-position: center; background-repeat: no-repeat; padding-top: 0 !important; position:relative; aspect-ratio:413/310; overflow: hidden; } .img-event ul{ display: flex; align-items: center; } .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; } li.gal-last-item{ position:relative; } li.gal-last-item a{ display: flex; align-items: center; justify-content: center; } .gal-last-item a:after{ content:""; position: absolute; width: 100%; display: flex; align-items: center; justify-content: center; content: ; background-color: #000; height: 100%; left: 0; top:0; opacity: 0.7; } li.gal-last-item span{ position: absolute; z-index: 4; color: #fff; margin: 0 auto; left: auto; border: 1px solid #fff; padding: 1.2rem 2rem; border-radius: 2.5rem; } .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; } .lSAction{ font-size: 1em; opacity: 0; opacity .35s linear 0s } .img-event:hover .lSAction{ opacity: 1; } .lSAction .lSPrev,.lSAction .lSNext{ background-image: none !important; height: 100%; opacity: 1; top: 0; margin: 0; display: flex; align-items: center; } .lSAction > .lSPrev{ left:0 } .lSAction .lSNext{ right:0 } .lSAction .lSPrev:before{ content:"\e003"; position: absolute; left: -1.875rem; background: #000; border-radius: 50%; padding-right: 0.938rem; justify-content: flex-end; } .lSAction .lSNext:before{ content:"\e000"; position: absolute; right: -1.875rem; background: #000; border-radius: 50%; transform: none; padding-left: 0.938rem; } .lSAction .lSPrev:before,.lSAction .lSNext:before{ display: block; height: 3.75rem; width: 3.75rem; font-size:1.063rem; top:auto; color: #fff; font-family: Font Awesome Kit;align-items: center; display: flex; } #share-box{ display: flex; flex-wrap: wrap; } .model-title .share-btn{ float: right; font-size: 0.875rem; font-weight: normal; color: #D5D5D5; opacity: 1; } 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; } .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; } .social-icons{ display: flex; flex-wrap: wrap; width: 100%; padding: 0.75rem 0; margin: 0; justify-content: space-between; gap: 0.75rem; } #share-modal .modal-header{ background-color: #fff; color: #1C1C1C; border-bottom: 2px solid #D52B1E; font-size: 1.125rem; } #share-modal .modal-header .close{ background-color: transparent; color: #1C1C1C; } .social-icons li{ display: flex; flex: 1; } .social-icons li a{ font-size: 0.875rem; padding: 0.938rem; border: 1px solid #EEEEEE; background-color: #FAFAFA; align-items: center; justify-content: center; width: 100%; display: flex; flex-direction: column; gap: 0.75rem; text-decoration: none; } .social-icons li a i{ font-size: 2.188rem; } input#share-link{ background-color: #FAFAFA; border-radius: 1.563rem 0 0 1.563rem; border: 1px solid #EEEEEE; padding: 0.8rem 1.5rem; flex-grow: 2; font-size: 0.938rem; } #share-box .input-group{ display: flex; padding-top: 1rem; width:100%; } .modal .srp-modal-ttl .close{ font-size: 0.7rem; color: #909090; background-color: transparent; margin-left: auto; } #copyButton{ border-radius: 0 1.563rem 1.563rem 0; border: 0; background-color: var(--main-color); color: #fff; width: auto; padding: 0.813rem 1.512rem; } .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; -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; min-width: 26.25rem; 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; } .item.list-group-item .caption{ float: left; flex-grow:1; margin: 0; padding:0 1.875rem; } .item.list-group-item:before,.item.list-group-item:after{ display: block; content:""; } .item.list-group-item:after{ clear: both; } .srp-modal{ padding: 0; width: 50%; position: fixed; z-index: 1; right: -100%; height: 100%; top: 0; overflow: scroll; transition:right .5s; z-index:999; background-color:#fff; } .srp-modal.open{ right:0; } .srp-modal-backdrop{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 998; opacity: 0; visibility: hidden; transition: opacity 0.3s ease,visibility 0s linear 0.3s; } .srp-modal.open + .srp-modal-backdrop{ display: block; } .srp-modal.open + .srp-modal-backdrop{ opacity: 1; visibility: visible; transition: opacity 0.3s ease; } .form-title{ text-align: left; font-size: 1.125rem; margin: 0; } .filter-ttl{ text-align: left; font-family:"Roboto Condensed",sans-serif; font-weight: bold; font-size: 0.813rem; color: #fff; background-color: #1C1C1C; border-radius: 1.25rem; line-height:1.375rem; padding:0.25rem 1.875rem; margin-right:auto; } .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.5rem; margin: 0; line-height: 1.5rem; text-align: left; letter-spacing: 1px; display: flex; justify-content: space-between; padding: 1.5rem 0; align-items: center; } .model-title-link{ color:var(--main-font-color); text-decoration:none; } .thumbStatus{ font-size: 0.813rem; position: absolute; max-width: 80%; bottom: 0.938rem; left: 0.938rem; background-color:""; color: #fff; font-weight: bold; opacity: 1; display: flex; align-items: center; padding: 0.25rem 1.125rem; justify-content: center; transition: all .5s; z-index:1; line-height:1.375rem; border-radius:1.25rem; z-index:11; } .thumbStatus i{ margin-right: 0.5rem; } .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; padding: 0; gap:0.25rem; border-radius: 0.313rem; overflow: hidden; } .dealer-extra-specs .dealer-extra{ background-color: #EEEEEE; display: flex; flex-direction: column; flex: 1; justify-content: center; padding: 0.75rem; line-height: 1.188rem; text-transform: capitalize; text-align: center; font-size: 0.875rem; } .grid-only{ display:none } .grid-group-item .model-title .share-btn{ } .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; align-items: center; gap: 0.625rem; } .cta-btns a{ flex: 1; padding:0.938rem; display: block; border-radius: 0px; border: 1px solid #D5D5D5; font-size: 1rem; color: #2D2D2D; background-color: #FFFFFF; text-decoration:none; display: flex; align-items: center; justify-content: center; font-weight: 600; text-transform: uppercase; font-family:var(--main-font); } .cta-btns a i{ color:var(--dealer-color); padding-right: 0.406rem; font-size: 0.75rem; } .cta-btns a.main-btn{ flex-basis:100%; background-color:#1C1C1C; color: #fff; padding:1.125rem; } .cta-btns a.main-btn i{ color: var(--main-color); opacity: 1; text-shadow: none; font-size: 1.125rem; } .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:0; display:flex; justify-content: space-between; align-items: center; } .price{ line-height:1; font-size: 1.5rem; font-weight: 600; } .price_description{ font-weight:normal; } .price-val{ color: #D52B1E; } .price-val.usd_version{ font-size: 1.1vw; } .old-price{ text-decoration: line-through; text-decoration-color: var(--main-color); } .msrp,.sale_description{ font-size: 14px; font-weight: normal; color: var(--main-font-color); opacity:.7; } .price .ttl,.ads-per-page .ttl{ color: var(--dealer-color); } .price.sale{ color: var(--main-color); } .sale_end_date{ display: block; clear: both; font-weight: normal; text-transform: none; color: red; } .permonth{ } .permonth-money,.permonth-ttl{ font-size: 1.375rem; font-weight: 600; } .permonth-cap{ display:block; font-size:12px; color:#696969; } .grid-group-item .permonth{ } .permonth-hdr{ width: 100%; display: block; text-align: right; font-size: 0.938rem; margin-bottom: 0.738rem; } .permonth-icon{ font-size: 1rem; color: #D52B1E; } #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); 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; } .search-box,.select-box{ display: flex; align-items: center; border: 1px solid #ccc; border-radius: 1.25rem; padding: 0.438rem 0.938rem; background-color: white; position: relative; } .search-icon,.select-icon{ color: red; font-size: 0.875rem; margin-right: 8px; } .search-box input{ width:13rem; } .search-box input,.select-box select{ border: none; outline: none; flex: 1; font-size: 0.75rem; background: transparent; height:1rem; box-shadow: none; padding: 0; } .select-box select{ font-weight:bold; } .search-box input:focus,.search-box input:hover,.search-box input:active{ background-color:transparent; } .reset.button i{ padding-right: .5vw; } .filter-ontrol-btns{ display:flex; } .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; } .capt-row{ display: flex; width: 100%; padding: 1.438rem 0; border-top: 1px solid #EEE; gap: 2.125rem; } .capt-row .col-1{ flex-grow: 2; } .capt-row .col-2{ width: 17.25rem; } .caption hr{ border-top: 1px solid var(--border-color); } #filters{ padding: 0px; overflow:hidden; } #filters .filters-inner{ border: 1px solid #eee; padding:0px; height: 90vh; overflow: auto; } #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; } .srp-modal-ttl{ border-bottom: 2px solid #D52B1E; text-align: left; margin: 0; padding: 1rem 1.563rem; font-size: 1.125rem; display: flex; justify-content: flex-start; gap:2.813rem; align-items: center; font-family: var(--main-font-bold); text-transform: uppercase; height: auto; } .srp-modal-ttl .filter-ontrol-btns{ gap:0.625rem; } .srp-modal-btn{ background-color: #565656; color: #fff; padding: 0.563rem 1.875rem; font-size: 0.875rem; border-radius: 1.25rem; border: 0; font-weight: 500; font-family: DIN; } .srp-modal-btn.red{ background-color: #D52B1E; } #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:0.625rem; font-size: 0.625rem; color: var(--main-color); } .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; padding: 0.938rem 0; margin: 0 1.563rem; border-bottom: 1px solid #EEE; } .checklist-filter ul{ padding: 0; text-align: left; margin: 0; display: flex; flex-wrap: wrap; } .filter-collapse-container{ position:relative; padding: 0; } .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: 0.938rem 1.563rem; background-color:#FAFAFA; color: var(--main-font-color); text-align: left; font-weight:bold; text-transform: uppercase; text-decoration:none; font-size:1rem; border-width: 1px 0px 1px 0px; border-style: solid; border-color: #EEEEEE; } .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:0.875rem; } .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: 0; width: 31.866%; } .item.col-xs-6.col-sm-4.grid-group-item{ width: 26.6rem; } .order-drop{ display:flex; flex-flow:row; } .sort-btn{ background-color: #fff; box-shadow: none; border: 0; } .sort-btn.DESC i:before{ content:"\f161"; } @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; } } .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; } .filter-count{ margin-left: 0.5rem; } .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:1.125rem; padding:1.25rem 0; } .grid-group-item .price{ font-size:1.375rem; font-family:var(--main-font-bold);font-weight: 500; } .grid-group-item .price .ttl{ display:none; } .grid-group-item .price .price-val{ color:#000; } .grid-group-item .permonth-hdr{ font-size:0.75rem; } .grid-group-item .permonth-money,.permonth-ttl{ font-size:1rem; } .grid-group-item .capt-row{ padding:0.875rem 0; } .grid-group-item .specs-box.capt-row{ padding-top:0; border-top:0; } .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{ display:none; } .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; padding:0 0.875rem; } .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){ .mobile-only{ display: flex !important; } .sort-btn{ padding: 0 1.8vw; font-size: 6vw; } .price{ font-size: 4.2vw; } .price-val.usd_version{ font-size: 2.5vw; } .lSAction{ opacity:1; } .grid-group-item .thumb .collapse,.grid-group-item .thumb .collapsing{ padding:3vw; } #copyButton{ padding: 0.813rem 0.212rem; } #share-modal .modal-body{ padding:1rem; } .grid-group-item .caption{ padding:0 0.938rem; } .grid-group-item .model-title{ font-size: 0.875rem; padding: 0.625rem 0; border-bottom: 1px solid #EEEEEE; margin-bottom:0.625rem; } .grid-group-item .capt-row{ flex-basis: 46%; border-top: 0 } .grid-group-item .specs-box.capt-row{ flex-grow: 2; } .grid-group-item .specs-btn:before{ padding: 1.5vw; font-size: 5vw; } #products .item{ width:100%; 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%; gap:0; } .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{ } .lSAction .lSPrev:before,.lSAction .lSNext:before{ font-size: 0.915rem; height: 3.25rem; width: 3.25rem; } .lSAction .lSNext:before{ right:-1.625rem; padding-left: 0.8rem; } .lSAction .lSPrev:before{ left:-1.625rem; padding-right: 0.8rem; } .item.col-xs-4{ width: 100%; } .srp-modal-ttl{ padding:1rem; } .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; display: flex; flex-direction: column; align-items: flex-start; } .grid-group-item .price{ font-size:1.3rem; } .grid-group-item .permonth-money,.permonth-ttl{ font-size:0.813rem; font-family: var(--main-font-bold); font-weight: 500; } .dealer-extra-specs .dealer-extra{ font-size:0.5rem; padding:0.344rem 0.325rem; line-height: 0.88rem; } .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{ bottom:0.938rem; font-size:0.625rem; height: ; padding: 0.25rem 0.875rem; } .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; } 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{ } #keyWordsSection{ width:70%; } .filter-xs-btn,#keyWordsSection{ } #filters .filter-ttl{ font-size:4.3vw; padding:4vw 2vw; } .reset.button,.filter-close-btn{ font-size:3.4vw; padding: 2vw 3vw; display:flex; align-items:center; } } /*EOF STYLE*/ #inline-style-1{stroke:#0E2047;stroke:color(display-p3 0.0549 0.1255 0.2784);stroke-opacity:1;} #inline-style-2{stroke:#0E2047;stroke:color(display-p3 0.0549 0.1255 0.2784);stroke-opacity:1;} #inline-style-3{stroke:#0E2047;stroke:color(display-p3 0.0549 0.1255 0.2784);stroke-opacity:1;} #inline-style-4{display: none;} #inline-style-5{fill:white;fill-opacity:1;} #inline-style-6{stroke:#0E2047;stroke:color(display-p3 0.0549 0.1255 0.2784);stroke-opacity:1;} #inline-style-7{stroke:#0E2047;stroke:color(display-p3 0.0549 0.1255 0.2784);stroke-opacity:1;} #inline-style-8{display:none;} #inline-style-9{margin:auto; background-position: ; margin-top:0px;margin-bottom:0px;margin-right:0px;margin-left:0px;} #inline-style-10{position:relative;padding-top:0px;padding-bottom:0px;padding-right:0px;padding-left:0px;} .inline-style-11{position:absolute;top:10px;right:10px;display:none} #inline-style-12{width: 100%} #inline-style-13{text-align: left; margin-bottom: 10px;} #inline-style-14{font-size: .8em} #inline-style-15{font-size: .8em} .inline-style-16{font-size: 1.1em; margin-left: 5px; magrin-top 10px; display: none} #inline-style-17{clear: both} #inline-style-18{margin: 0;} #inline-style-19{margin: 0;} #inline-style-20{display:none}