:root{ --black: #000; --main-color: #D52B1E; --main-color-dark: #C7111B; --second-color: #616365; --body-color: #232323; --grey: #d8d8d8; --lightgrey: #e8e8e8; --darkgrey: #404040; --main-font: "Khand",sans-serif; !important; --main-font-bold: "Khand",sans-serif; !important; --banner-font: "Khand",sans-serif;!important; --body-font: "Khand",sans-serif !important; } @font-face{ font-family: Khand; src: url(../../site-uploads/1001605/fonts/Khand-Regular.ttf); font-display: swap; font-display: swap;} @font-face{ font-family: KhandBold; src: url(../../site-uploads/1001605/fonts/Khand-Bold.ttf); font-display: swap; font-display: swap;} #widget-uxxk9nfnQJFROuLcDPE7QS{ bottom: 2.2em!important; } @media (max-width: 769px){ #widget-uxxk9nfnQJFROuLcDPE7QS{ bottom: 3.2em!important; } } html{ -webkit-scroll-behavior: smooth; scroll-behavior: smooth; } body{ font-family: var(--body-font); font-size: 1.1vw; line-height: 1.4; background:url("/site-uploads/1001605/Images/bg.jpg")!important; background-size: cover; background-repeat: no-repeat; background-position: center; background-attachment: fixed; } @media screen and (max-width: 767px){ body{ font-size: 16px; } } a{ color: var(--black); } a:hover,a:focus{ color: var(--main-color); } h1,h2,h3,h4,h5,h6{ font-family: var(--body-font) !important; text-transform: uppercase; margin-top: .5em; margin-bottom: .5em; line-height: 1.4; } h1{ font-size: 2.5em; } @media (max-width: 768px){ h1{ font-size: 26px; } } h2{ font-size: 1.8em; } @media (max-width: 768px){ h2{ font-size: 22px; } } h3{ font-size: 1.4em; } @media (max-width: 768px){ h3{ font-size: 20px; } } h4{ font-size: 1.3em; } @media (max-width: 768px){ h4{ font-size: 18px; } } h5{ font-size: 1.2em; } @media (max-width: 768px){ h5{ font-size: 17px; } } h6{ font-size: 1.1em; } @media (max-width: 768px){ h6{ font-size: 16px; } } h2.section-title{ border-bottom: 0.01em solid #d5d5d5; position: relative; width: 100%; line-height: 2; font-size: 1.8em; margin: 1em 0; } h2.section-title:after{ width: 4em; height: 0.11em; background-color: var(--main-color); left: 0; content: ""; display: block; position: absolute; } h2.section-title.center{ text-align: center; margin-top: 0; line-height: 1.5; } h2.section-title.center:after{ width: 3em; left: calc(50% - 1.5em) !important; } h2.container-title{ text-align: center; margin-top: 1em; margin-bottom: 1em; font-size: 2.4em; } h2.container-title::before,h2.container-title::after{ content: ''; height: .03em; position: absolute; background: #000; width: 5em; margin-top: .7em; } h2.container-title::before{ left: 10em; } h2.container-title::after{ right: 8em; } @media (max-width: 769px){ h2.container-title{ font-size: 1.8em; } h2.container-title::after{ right: 1em; } h2.container-title::before{ left: 1em; } h2.container-title::before,h2.container-title::after{ width: 2em; } } p{ margin: 0 0 1em 0; } ol,ul{ margin-bottom: .5em; } ul.list-style{ list-style: disc; line-height: 1.6; } .clearfix{ clear: both; } .img-responsive{ width: 100%; } .full-image a img{ padding: 0 !important; width: 100% !important; } .row{ margin-left: 0; margin-right: 0; } .container,.container-fluid,.contentComp .container-fluid{ width: 100%; max-width: 100% !important; padding: 0 !important; } .left-reset{ padding-left: 0 !important; } .right-reset{ padding-right: 0 !important; } .main-container{ font-family: var(--body-font) !important; } .navbar-collapse,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.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{ padding: 0 1em; } .listing-view .col-xs-1,.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: 0 .2em !important; } #CenterDiv,#HeaderDiv,#FooterDiv{ min-height: auto; } body #CenterDiv{ width: 100% !important; padding: 0 4em 0em 0em; } #page_75231 #CenterDiv,#page_68211 #CenterDiv{ padding: 0 0 0 5.5em !important; } #html_1708125255432 .cke_editable{ height: 0; } .input-group-btn{ font-size: unset; width: auto; } .inventory-disclaimer{ font-size: .65em; padding-top: 4em; } #HeaderDiv,#FooterDiv{ padding-left: 5.5em !important; } #CenterDiv{ padding-left: 9.5em !important; } @media (max-width: 768px){ #CenterDiv,#HeaderDiv,#FooterDiv{ padding-left: 0 !important; } } @media (max-width:769px){ #CenterDiv{ padding: 2em !important; } } .filter-collapse-container:has(a[href="#0Section"]){ display: none; } @media (max-width:769px){ #page_75231 #CenterDiv{ padding:0!important; } } .btn-link{ display: block; clear: both; margin: 2em 0; text-align: center; } .btn-link.left{ text-align: left; } .btn-link.inline{ display: inline-block; } .btn-link a{ background-color: var(--main-color); font-family: var(--main-font-bold); text-transform: uppercase; color: #fff; padding: .8em 2em; border: .01em solid var(--main-color);font-size: .85em; } .hover-fix a{ background-color: var(--main-color); font-family: var(--main-font-bold); text-transform: uppercase; color: #fff; padding: 1em 2em; border: .01em solid var(--main-color) !important; border-radius: 0 !important; } .btn-link a:hover,.btn-link a:focus,.hover-fix a:hover,.hover-fix a:focus{ text-decoration: none !important; background-color: #fff; color: var(--main-color); } .btn-link:hover,.btn-link:focus{ text-decoration: none !important; } .hover-fix{ } .formsParent #Buttons label{ font-weight: 500 !important; font-size: .85em; margin-bottom: 1em; } #page-banner{ position: relative; margin-bottom: 1em; } #page-banner .banner-image:before{ content: ""; position: absolute; top: 0; left: 0; background: linear-gradient(180deg,#000 44%,rgba(0,0,0,0.00) 100%); width: 100%; height: 20em; opacity: .7; } #page-banner .banner-image img{ width: 100%; height: 25em; object-fit: cover;filter: brightness(0.4); } #page-banner h1{ font-family: var(--banner-font) !important; position: absolute; width: 100%; color: #fff; text-align: center; top: 1.6em; font-size: 5em; text-transform: none; } #page_75575 #page-banner{ display: block!important; } @media (max-width: 769px){ #page-banner{ margin-bottom: 0; } #page-banner .banner-image img{ height: 17em; } #page-banner .banner-image:before{ height: 8em; } #page-banner .banner-image:after{ bottom: -5.5em; } #page-banner h1{ font-size: 2.5em; line-height: 1; top:2.6em; } } #side-nav{ position: fixed; top: 0; left: 0; background-color: #1a1a1a; height: 100vh; z-index: 17; width: 5.5em; overflow-y: auto; } #side-nav ul{ margin: 0; padding: 0; } #side-nav ul li{ margin: 0; border-bottom: .01em solid #2f2f2f; text-align: center; justify-content: center; } #side-nav ul li span{ display: block; padding-top: .8em; } #side-nav ul li a{ color: var(--lightgrey); font-family: var(--main-font-bold); text-transform: uppercase; font-weight: bold; font-size: .7em; padding: 2.2em 0; display: block; } #side-nav ul li a:hover,#side-nav ul li a:focus{ background-color: var(--main-color); color: #fff; text-decoration: none; } #side-nav ul li a img{ width: 3.5em; opacity: .7; } #side-nav ul li a:hover img,#side-nav ul li a:focus img{ opacity: 1; } #side-nav ul li:nth-child(1) a img{ aspect-ratio: 5/3; width:3em; height:2em; } #side-nav ul li:nth-child(2) a img{ aspect-ratio: 86/51; width: 3.5em; height:2.2em; } #side-nav ul li:nth-child(3) a img{ aspect-ratio: 106/41; width: 4em; height:2em; } #side-nav ul li:nth-child(4) a img{ aspect-ratio: 47/51; width: 3em; height:3em; } #side-nav ul li:nth-child(5) a img{ aspect-ratio: 50/51; width: 3em; height:3em; } #side-nav ul li:nth-child(6) a img{ aspect-ratio: 99/41; width: 4em; height:2em; } #side-nav ul li:nth-child(7) a img{ aspect-ratio: 19/17; width: 2.4em;height:2em; } @media (max-width: 768px){ #side-nav{ display: none; } #side-nav{ top: auto; bottom: 0; height: auto; max-width: 100%; width: 100%; } #side-nav ul{ text-align: center; display: flex; justify-content: space-between; } #side-nav ul li{ display: inline-block; } #side-nav ul li a{ padding: .6em .8em; border-right: .01em solid #000; font-size: 1em; } #side-nav ul li:nth-child(7) a{ border: none; } #side-nav ul li a span{ display: none; } #side-nav ul li a img{ width: 1.6em !important; height:100%; } #side-nav ul li:nth-child(1) a img{ aspect-ratio: 5/3; width: 100%; height:1em; } #side-nav ul li:nth-child(2) a img{ aspect-ratio: 86/51; height:1.1em; width: 100%; } #side-nav ul li:nth-child(3) a img{ aspect-ratio: 106/41; height:1.2em; width: 100%; } #side-nav ul li:nth-child(4) a img{ aspect-ratio: 47/51; width: 1.5em; width: 100%; } #side-nav ul li:nth-child(5) a img{ aspect-ratio: 50/51; height:1.4em; width: 1.5em; } #side-nav ul li:nth-child(6) a img{ aspect-ratio: 99/41; height:1.2em; width: 100%; } #side-nav ul li:nth-child(7) a img{ aspect-ratio: 19/17; height: 1.2em; width: 100%; } #logo-slider{ width:100%!important; } .visible-xs.mob-logo .lSAction>a{ background-color: #262626; opacity: 100%; background-image: none; z-index: 3; display: none!important; } .mob-logo .lSSlideOuter .lSPager.lSpg>li{ display: none; } .visible-xs.mob-logo .lSSlideWrapper{ border: 0 !important; } .visible-xs.mob-logo li.lslide{ border-right: solid 1px #000; width:3.1em!important; } .visible-xs.mob-logo .lSAction>a{ background-image:none; } .visible-xs.mob-logo .lSAction .lSNext:after{ content: "\e000"; font-family: 'Font Awesome Kit'; z-index: 3; } .visible-xs.mob-logo .lSAction .lSPrev:after{ content: "\e003"; font-family: 'Font Awesome Kit'; z-index: 3; } .visible-xs.mob-logo .lSAction .lSPrev:after,.visible-xs.mob-logo .lSAction .lSNext:after{ font-weight: 300; color: #D5D5D5; font-size: 4vw; height: 100%; width: 100%; display: flex; justify-content: center; align-items: center; z-index: 2; } .visible-xs.mob-logo{ position: relative; background: #262626; bottom: 0; width: 100%; z-index:1; } .visible-xs.mob-logo a{ display: flex; justify-content: center; align-items: center; padding: 1.889vw 2.7vw; } .visible-xs.mob-logo li{ border-right:0.1em solid #3f3f3f; } .visible-xs.mob-logo a img{ width:100%; height:100%; } .visible-xs.mob-logo li:nth-child(1) a img{ aspect-ratio: 5/3; height:1em; } .visible-xs.mob-logo li:nth-child(2) a img{ aspect-ratio: 86/51; height:1.1em; } .visible-xs.mob-logo li:nth-child(3) a img{ aspect-ratio: 106/41; height:1.2em; } .visible-xs.mob-logo li:nth-child(4) a img{ aspect-ratio: 47/51; width: 1.5em; } .visible-xs.mob-logo li:nth-child(5) a img{ aspect-ratio: 50/51; height:1.4em; width: 1.5em; } .visible-xs.mob-logo li:nth-child(6) a img{ aspect-ratio: 99/41; height:1.2em; } .visible-xs.mob-logo li:nth-child(7) a img{ aspect-ratio: 19/17; height: 1.2em; } ..visible-xs.mob-logo li.lslide:nth-child(7){ border-right: none!important; } .visible-xs.mob-logo #logo-slider{ display:flex;align-items:center;justify-content: space-around; } } #header-top{ background-color: var(--black); color: var(--grey); font-family: var(--main-font); font-size: .85em; text-transform: uppercase; padding: 0 4em; position: relative; } #header-top ul{ margin: 0; padding: .5em 0; display: flex; justify-content: end; align-items: center; } #header-top ul li{ border-right: .01em solid #333; padding: 0 1em; display: flex; align-items: center; } #header-top ul li:last-child{ border: 0; } #header-top ul li a{ color: var(--grey); padding: .2em .5em; display: inline-block; } #header-top ul li a:hover,#header-top ul li a:focus{ color: var(--main-color); text-decoration: none; } #header-top ul li a span.set_phone{ font-size: 1.1em; } #header-top ul li a i{ font-size: .9em; width: 1.2em; height: 1em; display: inline-block; aspect-ratio: 1.2/1; color: var(--lightgrey);height:100%; } #header-top ul li .fab.fa-facebook-f,#header-top ul li .fab.fa-instagram{ color: #ffffff !important; } .youtube-header img{ width:1.3em; height:0.9em; margin-top:-0.2em; } #q-mark{ margin-top: -0.1em; width: 0.9em;height:1em; margin-right: 0.2em; } @media (max-width: 769px){ .youtube-header img{ height:1.2em; width:1.3em; } #q-mark{ margin-top: -0.2em; width: 1.3em;height:100%; } #header-top{ padding: 0.5em 0em 0.5em 4em; } #header-top ul{ justify-content: space-evenly;padding:0; } #header-top ul li{ border: 0; padding: 0; } #header-top ul li a{ font-size: 3.2vw; } #header-top ul li a i{ color:var(--lightgrey); font-size:1.2em; } #header-top ul li.visible-xs{ border-right: 0.1em solid #464646; padding: 0em; } #header-top ul li.visible-xs a{ color: #fff; border-radius: 1em; text-transform: none; padding: 0; margin-right:1em; } #header-top ul li.top-social a{ padding: .2em 0em; font-size: .9em; } #header-top ul li.top-social{ border-right: 0!important; } .location-title{ background: #232323;padding:0.3em 1em; border-radius:3em; } #header-top ul li .fab.fa-facebook-f,#header-top ul li .fab.fa-instagram{ font-size:3.7vw; margin-top:0.3em; } } .navbar-header .menu-right{ position: absolute; right: 8em; display: flex; align-items: center; gap:1em; } .navbar-header .menu-right div{ padding: 0 1em; } .navbar-header .main-logo img{ width:9.1875em; height: 6.25em; aspect-ratio: 59/40; } .navbar-header{ float: left; display: flex; margin-right: 4em; padding: .5em 0 .5em 4em; align-items: center; position: static; z-index: 1; } .navbar-header a{ color: var(--lightgrey); } .navbar-default{ width: 100%; border: none; border-radius: 0; margin: 0; background-color: transparent !important; position: absolute !important; z-index: 3; display: flex !important; align-items: center; } .navbar-default:after{ content: ""; position: absolute; top: 0; left: 0; background: linear-gradient(180deg,#000 50%,rgba(0,0,0,0.00) 100%); width: 100%; height: 7em; opacity: .7; z-index: 0; } .navbar{ min-height: auto; } .navbar-nav{ float: none; margin-top: 0; z-index: 1; position: relative; } .navbar-nav>li:first-child{ margin-top:1em; } .navbar-nav>li>a{ font-family: var(--main-font-bold); font-size: .95em; color: #fff !important; padding: 1em 1.6em; line-height: normal; text-transform: uppercase; } .navbar-nav>li>a:hover,.navbar-nav>li>a:focus,.navbar .navbar-nav>li.open>a,.navbar .navbar-nav>li:hover>a,.navbar .navbar-nav>li.open>a:hover,.navbar .navbar-nav>li:hover>a:hover,.navbar .navbar-nav>li.open>a:focus,.navbar .navbar-nav>li:hover>a:focus{ color: #fff !important; background-color: var(--main-color) !important; } .navbar .navbar-nav>li:hover .dropdown-menu{ display: block; } .dropdown-menu{ min-width: 14em; background-color: #000 !important; border-radius: 0 !important; border: .01em solid var(--main-color) !important; margin: 0 !important; padding: 0 !important; box-shadow: none !important; font-size: .8em !important; left: 0 !important; } .dropdown-menu>li>a{ padding: 0.7em 1.8em !important; line-height: normal !important; color: #d5d5d5 !important; border-bottom: .01em solid var(--main-color); } .dropdown-menu>li:last-child>a{ border: 0 !important; } .dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover,.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{ background-color: #000 !important; color: var(--main-color) !important; } .navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{ background-color: transparent !important; } @media (min-width:768px){ .navbar-nav li:first-child:hover a{ background-color: transparent!important; } .navbar-default .navbar-collapse .navbar-nav > li:nth-child(1) > a{ font-size: 0; } .navbar-default .navbar-collapse .navbar-nav > li:nth-child(1) > a:after{ content: "\f015"; font-size: 20px; font-family: "FontAwesome"; padding: 1.9em 1.25em; } } .sticky-nav{ position: fixed !important; top: 0; left: 5.5em; z-index: 16; background-color: #000; } .sticky-nav .navbar-default{ background-color: #000 !important; } .sticky-nav .navbar-nav>li>a{ color: #fff !important; } .sticky-nav .navbar-header a{ color: #fff; } .caret{ margin-left: .2em; border-top: 0.2em dashed; border-top: .2em solid\9; border-right: 0.2em solid transparent; border-left: 0.2em solid transparent; } .navbar-header .sccm-phone{ padding: .4em 2.5em 0 1em; } .navbar-header .sccm-cart{ padding: .3em 2em 0 0; width: 3.5em; } .navbar-header .sccm-search{ padding-top: 0; display: flex; position: absolute; right: 2.5em; top: .6em; align-items: center; } .navbar-header .simpleCart_quantity{ background-color: var(--main-color); border-radius: 50%; position: absolute; color: #fff; line-height: 1; margin-left: 0.8em; margin-top: -0.5em; padding: 0.2em 0.5em; font-size: .7em; } .navbar-header .sccm-search .menu-phone{ margin-right: 3em; } .navbar-header .sccm-search .menu-search{ margin-right: 1.5em; } .navbar-header .sccm-search .menu-phone span{ font-size: 2em; font-weight: bold; color: var(--main-color); } .navbar-header .sccm-search .menu-phone:hover,.navbar-header .sccm-search .menu-phone:focus{ text-decoration: none; } .navbar-header .sccm-search .shp-crt{ margin-right: 1.5em; } .navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{ background-color: transparent; } .navbar-nav li:first-child a:hover{ background-color: transparent!important; } @media (max-width: 769px){ .navbar-header{ float: none; display: flex; margin-right: 0; padding: .3em 1em; font-size: 1.2em; align-items: center; z-index: unset; } .navbar-header>div{ float: right; } .navbar-header .menu-right{ right: 4em; z-index: 2;gap: 1.8em; } .navbar-header .menu-right div{ padding: 0; } .navbar-header .menu-right .jcp-cart{ margin-right: 2em; } .navbar-header .main-logo,.navbar-header .home-cart{ margin-right: 1em; z-index: 2;width:66.21px!important;height: 45px!important; } .navbar-header .main-logo img{ width:66.21px!important;height: 45px!important; } .navbar-toggle{ position: absolute; z-index: 4; border: none; margin: 0; padding: 0; right: 2em; top: 0.75em; } .sccm-phone{ padding: .4em .5em 0 .5em !important; } .navbar-header .sccm-cart{ padding: .5em 1.5em 0 0; width: auto !important; } .navbar-header .sccm-search{ padding: .1em 0 0 .5em; position: static; } .navbar-header .sccm-search .menu-phone{ margin-right: 0 !important; } .navbar-header .sccm-search a{ padding: 0 .5em; } .sticky-nav .navbar-toggle{ top: 0.75em; } .navbar-toggle .icon-bar:nth-of-type(3){ top: 1px; } .navbar-toggle .icon-bar:nth-of-type(4){ top: 2px; } .navbar-toggle .icon-bar{ position: relative; transition: all 100ms ease-in-out; background-color: var(--lightgrey) !important; height: 3px; } .navbar-toggle.active{ background-color: transparent !important; } .navbar-toggle.active .icon-bar{ background-color: #fff !important; } .navbar-toggle.active .icon-bar:nth-of-type(2){ top: 7px; transform: rotate(45deg); } .navbar-toggle.active .icon-bar:nth-of-type(3){ background-color: transparent !important; } .navbar-toggle.active .icon-bar:nth-of-type(4){ top: -7px; transform: rotate(-45deg); } .navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{ background-color: transparent !important; } .navbar-collapse{ background-color: var(--black); position: absolute; width: 100%; height: 100vh !important; top: 0; z-index: 3; } .navbar-default .navbar-collapse{ transition: transform .5s ease; transform: translateX(-100%); -webkit-transform: translateX(-100%); } .navbar-collapse.in{ transform: translateX(0) !important; -webkit-transform: translateX(0) !important; } .dropdown-menu{ font-size: 1em !important; } .navbar-nav>li>a{ padding: 1em 1.2em; } .navbar-nav .open .dropdown-menu .dropdown-header,.navbar-nav .open .dropdown-menu>li>a{ padding: .5em 1.5em; } .dropdown-menu>li>a{ padding: .5em 1.5em !important; } .sticky-nav{ padding-left: 0; left: 0; } .navbar-nav{ margin: 0; height: 100vh; } .navbar-collapse{ padding: 0; } .navbar .navbar-nav>li:hover .dropdown-menu{ display: none; } .navbar .navbar-nav>li.dropdown.open:hover .dropdown-menu{ display: block; } .navbar-default .navbar-collapse,.navbar-default .navbar-form{ border: none; } .navbar-header .header-location{ padding: .4em .5em 0 .5em; } .navbar-header .header-hours{ padding: .4em .5em 0 .5em; } .sticky-nav .navbar-nav>li>a{ color: #fff !important; } .menu-search{ display: flex; align-items: center; } .menu-search:hover,.menu-search:focus{ text-decoration: none; } .menu-search span{ display: inline-block !important; margin-top:-0.5em; } .menu-search span.visible-xs{ font-size: .85em; margin: 0 1em 0 -.5em; } .menu-right .yamaha-elite img{ height: 2.2em; margin-right: 1.5em; } } #hero-area .hero-content{ width: 100%; color: #fff; text-transform: uppercase; display: flex; justify-content: center;flex-direction: row; } #hero-area .hero-content #hero-img-left,#hero-area .hero-content #hero-img-right{ width: 100%!important;height:100%; aspect-ratio: 125/94; filter: brightness(50%); } #hero-area .hero-content img:hover{ filter: brightness(75%); } .motorsports-hero{ position: relative;height:100%; width:100%;flex:50%; } .used-cars-hero{ position: relative;height:100%; width: 100%;flex:50%; } .hero-content #hero-title{ font-family: var(--main-font)!important;font-size:3.3em;font-weight: 700;position: absolute; bottom: 0.5em; left: 50%; transform: translate(-50%,-50%);text-wrap: nowrap; color: var(--lightgrey); z-index:1; } #hero-area .hero-image img{ height: 100%; width: 100%; aspect-ratio: 256/135; object-fit: cover; } #hero-area .hero-brands ul li a:hover,#hero-area .hero-brands ul li a:focus{ background: linear-gradient(180deg,rgba(49,49,49,0.50) 0%,rgba(0,0,0,0.50) 100%); box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.50); box-shadow: 1px 1px 11px #000; transition: .4s all; } @media (max-width: 769px){ .hero-content #hero-title{ font-size:2.3em; } #hero-area .hero-content img{ width:100%; height:22em; object-fit: cover; } #hero-area{ margin-top: 0em; } .hero-image{ height:100%; } #hero-area .hero-content{ bottom:1em; flex-direction: column; } #hero-area .hero-slogan h2{ font-size: 1.8em } ; #hero-area .hero-brands{ width: 100%; } #hero-area .hero-brands ul li{ padding: 0.3em 1.5vw; } #hero-area .hero-brands ul li a{ padding: 1.5vw ; } #hero-area .hero-brands ul li a img{ width: 18vw; height:2em; } #hero-area .hero-brands ul li a{ height: 2.556vw; } #hero-area .hero-slogan{ top: 32vw; right: 22vw; } .value-trader-header{ top: 8em;left:0; } #hero-brands ul li{ width: 20% !important; } #hero-area .hero-brands ul{ justify-content: center!important; } } @media (max-width: 769px){ } #html_1726861128950 .contentHtml{ padding: 2em 0 0 0; background: url('site-uploads/1001605/Images/Rectangle 12.png')!important; background-size: cover!important; background-repeat: no-repeat!important; } #html_1726861128950 h2{ font-weight:700; color: var(--darkgrey); } } @media (max-width: 769px){ #html_1726861128950 ._section_title:before{ left:15em!important; } } .thumbnailStatus.text-center{ display: none; } #comp_1726861267648 .lSAction .lSPrev:after,.related-container .lSAction .lSPrev:after{ content: "\e003"; font-family: 'Font Awesome Kit'; } #comp_1726861267648 .lSAction .lSNext:after,.related-container .lSAction .lSNext:after{ content: "\e000"; font-family: 'Font Awesome Kit'; } #comp_1726861267648 .lSAction .lSNext,.related-container .lSAction .lSNext{ opacity: 1; text-decoration: none; background-image: none; background-color: #fff; color: var(--main-color); border: 0.05px solid #D5D5D5; box-shadow: -1px 0px 4px rgb(0 0 0 / 15%); width: 4em; height: 4em; z-index: 10 !important; } #comp_1726861267648 .lSAction .lSNext:hover,#comp_1726861267648 .lSAction .lSPrev:hover,.related-container .lSAction .lSNext:hover,.related-container .lSAction .lSPrev:hover{ color: #00000040; background-color: #F1F1F1; } #comp_1726861267648 .lSAction .lSPrev,.related-container .lSAction .lSPrev{ opacity: 1; text-decoration: none; background-image: none; background-color: #fff; color: var(--main-color); border: 0.05px solid #D5D5D5; box-shadow: -1px 0px 4px rgb(0 0 0 / 15%); width: 4em; height: 4em; z-index: 10 !important; } #comp_1726861267648 .lSAction .lSPrev:after,#comp_1726861267648 .lSAction .lSNext:after,.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; } #comp_1726861267648{ width: 100% !important; float: none !important; margin: 0 auto; padding: 0 3em; height: 26em !important; } #comp_1726861267648 .lSSlideOuter,.related-container .lSSlideOuter{ padding: 0 !important; } #comp_1726861267648 .gallery,.related-container .gallery{ height: 21em !important; } #comp_1726861267648 .lightSlider li,.related-container .lightSlider li{ border: none; border-radius: .5em; min-height: 17em; padding: 1em; overflow: hidden; margin: 1em !important; background-color: #fff; } #comp_1726861267648 .lightSlider li:hover,#comp_1726861267648 .lightSlider li:focus,.related-container .lightSlider li:hover,.related-container .lightSlider li:focus{ border-color: var(--main-color); } #comp_1726861267648 #scroller li a.randomAdDetails{ margin-bottom: 1em !important; width: 100%; display: block; } #comp_1726861267648 .randomAdDetails.center-block.text-center{ height: 10em; } #comp_1726861267648 .randomAdDetails.center-block.text-center{ display: grid; justify-content: center; align-items: center; text-align: left!important; } #scroller li a.randomAdDetails{ position: relative; } #comp_1726861267648 .center-block{ overflow: hidden; text-overflow: ellipsis; font-weight: 700; width: 16em; color: #000; text-transform: uppercase; margin-bottom: .5em; font-size: 1em; text-align: left; } #comp_1726861267648 .center-block span{ color: var(--main-color); } #comp_1726861267648 #scroller a img{ border: none; width: auto; height: auto; max-width: unset; max-height: unset; width: 100%; object-fit: contain; height: 10em; aspect-ratio: 1/1; } #comp_1726861267648 .lSPager,.related-container .lSPager{ display: none; } #page_75231 #detailsParentDiv{ background-color: #f7f7f7; padding: 3em 4em 10em 4em; overflow: hidden; } #html_1702049341093 .btn-link{ margin-top: 0; margin-bottom: 10em; } a.rel-item{ font-size: 1em !important; } a.rel-item img{ max-height: unset !important; width: 100% !important; object-fit: contain; } @media (max-width: 769px){ #comp_1726861267648{ padding: 0; height: unset !important; } #page_75231 .section-title{ font-size: 2em; } #page_75231 .section-title:after{ left: calc(50% - 1.5em) !important; } #comp_1726861267648 .lightSlider li,.related-container .lightSlider li{ margin: .5em !important; min-height: unset; } #comp_1726861267648 .lSAction .lSPrev,.related-container .lSAction .lSPrev,#comp_1726861267648 .lSAction .lSNext,.related-container .lSAction .lSNext{ width: 2em; height: 2em; } #related-items h3{ font-size: 1.6em !important; } } #comp_1726861495182{ padding: 0!important; width:90%; } .lSSlideOuter.featured-comp{ } .carousel{ padding: 0; border: 0; } .carousel-inner{ width:90%!important; margin: auto; } .carousel-inner>.item>a>img,.carousel-inner>.item>img,.thumbnail a>img,.thumbnail>img{ width: 100%; height:22em; object-fit: contain; aspect-ratio: 607/175 ; } .carousel-control{ font-size: 1em; opacity: 1; } .carousel-control img{ display: none; } .carousel-control.left,.carousel-control.right{ background-image: none !important; overflow: hidden; top: 20%;display: none; } .carousel-control.left:before{ content: "\e003"; display: block; height: 4em; width: 4em; font-size: 1.4em; font-family: 'Font Awesome Kit'; position: absolute; top: 10em; left: -1.8em; background: #000; border-radius: 50%; padding-left: 1em; } .carousel-control.right:before{ content: "\e000"; display: block; height: 4em; width: 4em; font-size:1.4em; font-family: 'Font Awesome Kit'; position: absolute; top: 10em; right: -1.8em; background: #000; border-radius: 50%; transform: none; padding-right: 1em; } .carousel-control.left:before,.carousel-control.right:before{ padding-top: 1.3em; } .carousel-indicators{ bottom: 1em; z-index: 1 !important; } .carousel-indicators li,.carousel-indicators .active{ width: 2em; height: .3em; margin: 0.1em; border-radius: 0; border: none; display: none; } .carousel-indicators li{ background-color: #7a7a7a; } .carousel-caption{ font-family: var(--main-font-bold); left: 10%; right: 10%; bottom: 10em; padding-bottom: 0; text-transform: uppercase; text-shadow: none; font-size: 1.4em !important; } .sliderTitle{ font-size: 4em; display: block; line-height: 1.6; } .sliderButton{ background-color: var(--main-color); color: #000; font-size: .8em; padding: .6em 3em; border: .01em solid var(--main-color); } .carousel-inner>.item:hover .sliderButton,.carousel-inner>.item:focus .sliderButton{ background-color: #fff; color: var(--main-color); } .carousel-control.left:hover:before,.carousel-control.right:hover:before{ background: var(--main-color); } @media (max-width: 769px){ #comp_1726861495182{ padding: 0vw; } .carousel-inner>.item.active{ padding: 2em 0; } .carousel-inner>.item>img{ width:100%; height:7em; } .carousel-control.left::before,.carousel-control.right::before{ font-size:1.1em!important; } } #html_1726861890704{ padding: 3em 0; } #welcome{ background-image: url("/site-uploads/1001605/Images/Rectangle 10.jpg")!important; background-size: cover; margin: 0 4em; color: #fff; overflow: hidden; height:100%; } #welcome p{ text-align: left; } #welcome .image{ padding: 0; } #welcome .image img{ width: 100%; height: 100%; object-fit: cover; aspect-ratio: 125/94; border-top-left-radius: .5em; border-bottom-left-radius: .5em; } #welcome .content{ padding: 1em 4em 0em 4em; } #welcome h1{ color: var(--main-color); margin-top: 0; margin-bottom: .5em; font-size: 2.5em; font-family: var(--main-font) !important; } #welcome h1 span{ display: block; font-family: var(--main-font-bold)!important; font-size: .4em; color: #fff; } #welcome .btn-link{ text-align: left; padding-bottom: 0; } @media (max-width: 769px){ #html_1726861890704{ padding: 0em 0em 2em 0em; } #welcome{ margin: 0 1em; height:100%; } #welcome img{ border-top-left-radius: 0em!important; border-bottom-left-radius: 0em!important; } #welcome .image img{ width:100%;height: 100%; } #welcome h1{ text-align:center; font-size: 2em; } #welcome h1:after{ left: calc(50% - 1em); } #welcome h3{ text-align: center; margin-bottom: 1em; } #welcome .content{ padding: 1em; } #welcome .btn-link{ text-align: center; } } .contact-section{ display: flex; gap: 1em; } .contact-section .items .contact-form{ margin-top:2em; } .contact-section .items .contact-form>span{ font-size:3.3vw;font-weight:700; } .contact-section .items.contact-left{ flex:65%; } .contact-section .items.contact-right{ flex:35%; background: #fff; padding:2em 4em; height:40em; } .contact-section .items.contact-right hr{ margin-top:-1em;border-color: var(--grey); } .contact-section .items.contact-right .links-ul{ padding:0; } .contact-section .items.contact-right h2{ font-weight:700; } @media (max-width:769px){ .contact-section .items .contact-form>span{ font-size:1.6em; text-align: center; } .contact-section .items.contact-right{ padding:1em; } .contact-section{ flex-direction: column-reverse; gap:0em; } } #html_1727401796395 .contentHtml{ text-align: center; width:60%; margin: auto; } @media (max-width:769px){ #html_1727401796395 .contentHtml{ width:90%; } } .low-banner{ width:90%; margin:auto; padding: 2em 4em;background-image: url("/site-uploads/1001605/Images/Rectangle 10.jpg")!important; background-size: cover; background-position: center;background-repeat: no-repeat; } .services-homepage .item-top{ display: flex; align-items: flex-start; gap: 1.4em; } .services-homepage .item-top strong{ color: var(--lightgrey); } .services-homepage .item-top img{ width:2.9em;height:2.9em;background: var(--main-color); padding: 1em; } .services-homepage .item-bottom{ color: var(--lightgrey); } .services-homepage .service-items{ display: flex; flex-direction: row; gap:1em; } .services-homepage .item{ display: flex; flex-direction: column; gap: 1em; flex:25%; } .services-btn{ display:flex; justify-content: center; gap:3em; } .services-btn .btn-link:first-child a,.services-btn .btn-link:nth-child(3) a{ background: #000!important; border: 0.1em solid #000!important; } @media (max-width: 769px){ .services-homepage .service-items{ display:none; } .services-btn{ flex-direction: column; align-items: center; gap: 0em; } } .footer-square{ margin:auto; background-color: #000 ;width: 8vw;height: 8vw; } .footer-square-bg{ background: var(--body-color); } .footer-square{ width: 12em; height: 2em; position: relative; background-color: #000; } .footer-square::before{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-bottom: 2em solid transparent; border-left: 2em solid var(--body-color); border-right: 2em solid var(--body-color); } .footer-square img{ width:0.8em; height:0.4em; } .f_hor-c{ justify-content: center; } .f_ver-c{ align-items: center; } .d_flex{ display:flex; } .footer-brands-logos{ background: #000; } .foot-logos{ padding: 2em 0; } #foot-logos-brands{ display:flex; justify-content:space-evenly; align-items: center; } #foot-logos-brands li{ padding: 0vw } #foot-logos-brands li img{ width: 4em; height:100%; } #foot-logos-brands li:nth-child(1) img{ aspect-ratio: 201/40; } #foot-logos-brands li:nth-child(2) img{ aspect-ratio: 101/47; } #foot-logos-brands li:nth-child(3) img{ aspect-ratio: 79/47; } #foot-logos-brands li:nth-child(4) img{ aspect-ratio: 209/94; } #foot-logos-brands li:nth-child(5) img{ aspect-ratio: 114/47; } #foot-logos-brands li:nth-child(6) img{ aspect-ratio: 171?/56; } @media (max-width:769px){ #foot-logos-brands{ padding-right:2em; } } #helpme .modal-body .col-sm-6 p,#helpme .modal-body .col-sm-6:nth-child(2){ display: flex; flex-direction: column; } #helpme .modal-body .col-sm-6 .btn{ font-size:1.5vw; } @media (max-width: 769px){ #helpme .modal-body .col-sm-6 .btn{ font-size:3.3vw; } } .modal-header{ padding: 1em 2em; background-color: var(--main-color); color: #fff; border-top-left-radius: .5em; border-top-right-radius: .5em; text-align: left !important; } .modal .close{ font-size: 2em; color: #fff; opacity: 1; background-color: var(--main-color); } .modal-dialog{ margin: 5em auto; width: 60% !important; } #Login-form .modal-dialog{ width: 30% !important; } .modal-content{ border: none; border-radius: .5em; box-shadow: none; background-color: #f7f7f7; } .modal-body,.modal.deposit-info .modal-content{ padding: 1em 2em; overflow: hidden; } .form-group{ margin-bottom: .5em; padding: 0; } #searchbox2,#searchboxParts{ width: 100%; float: left; border-radius: 0px; border: 0px; outline: none; height: 4em; font-size: 1.1em; padding: .91em 1.5em; } #searchModal .modal-dialog,#searchModalParts .modal-dialog{ margin-top: 8%; width: 50% !important; margin-left: auto; margin-right: auto; } #searchModal .modal-content,#searchModalParts .modal-content{ border: none; background-color: transparent !important; background: none; box-shadow: none; } #searchbtn2,#searchbtnParts{ float: none; border-radius: 0px; border: 0px; padding: .5em 0 .4em 1em !important; margin: 0px !important; background-color: var(--main-color) !important; outline: none; color: #fff !important; font-size: 1.6em; } #searchbtn2:hover,#searchbtnParts:hover,#searchbtn2:focus,#searchbtnParts:focus{ background-color: var(--main-color-dark) !important; color: #fff !important; } .modal-footer{ padding: 1em; } .modal-footer .btn{ background-color: #000; color: #fff; border: none; font-family: var(--main-font-bold); font-size: 1em; padding: .5em 1em; border-radius: 0; } .modal-footer .btn:hover,.modal-footer .btn:focus{ background-color: var(--main-color); } #searchModal .input-group{ display: flex; } #searchModal .input-group .form-control{ width: 100%; border-radius: 0; font-size: 1.4em; margin: 0; } #searchModal .input-group .btn-default{ outline: none; width: 4em; border-radius: 0; background-color: var(--main-color); color: #fff; transition: all ease-in-out 0.2s; padding: 0.5em 0 0 1em; font-size: .8em; } #searchModal .input-group .btn-default .glyphicon{ font-size: 2em; } #searchModal .input-group.open .dropdown-menu{ display: block !important; } #searchModal .input-group.open .dropdown-menu li{ display: inline-block; } #searchModal .search-links{ background-color: #fff; padding: 2em; margin-top: .5em; overflow: hidden; } #searchModal .search-links h2{ margin-top: 0; } #searchModal .search-links ul{ margin: 0; padding: 0; line-height: 1.5; } #searchModal .search-links ul li{ float: left; width: 50%; border-bottom: 0.01em solid #d5d5d5; } .search-div{ display: flex; flex-direction: row-reverse; } @media (max-width: 769px){ #searchModal .modal-dialog,#searchModalParts .modal-dialog{ width: 100% !important; } #searchModal .search-links ul li{ width: 100%; } #Login-form .modal-dialog{ width: 80% !important; } } #searchModal .search-links ul li a{ display: block; padding: 0.5em 0; } #searchModal .search-links ul li a:hover,#searchModal .search-links ul li a:focus{ text-decoration: none; color: var(--main-color); } #HoursModal .modal-dialog .modal-content .modal-body{ padding: 0; } #HoursModal .modal-dialog .modal-content .modal-body .inner{ display: flex; } #HoursModal .modal-dialog .modal-content .modal-body .inner .bg-container{ width: 50%; } #HoursModal .modal-dialog .modal-content .modal-body .inner .bg-container img{ width: 100%; max-height: 20em; object-fit: cover; } #HoursModal .modal-dialog .modal-content .modal-body .inner .content{ width: 50%; display: flex; flex-direction: column; } #HoursModal .modal-dialog .modal-content .modal-body .inner .content .title h4{ margin: 0; padding: .6em 1em; text-align: center; background-color: var(--main-color); color: #fff; } #HoursModal .modal-dialog .modal-content .modal-body .inner .content .links-ul{ color: #000; flex: 1; display: flex; flex-direction: column; justify-content: space-evenly; width: 100%; margin: auto; padding: 0; } #HoursModal .modal-dialog .modal-content .modal-body .inner .content .links-ul li{ font-size: 1em; display: flex; justify-content: space-between; border-bottom: .01em solid #d5d5d5; padding: 0.4em 1em; } @media (max-width: 769px){ #HoursModal .modal-dialog .modal-content .modal-body .inner{ flex-direction: column-reverse; } #HoursModal .modal-dialog .modal-content .modal-body .inner .bg-container,#HoursModal .modal-dialog .modal-content .modal-body .inner .content{ width: 100%; } } .form-control{ padding: .5em 1em; font-size: .9em; height: auto !important; } .adForm{ padding: 0; margin: 0; color: var(--body-color) !important; } .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: .01em solid #f7f7f7 !important; } .adForm input,.adForm textarea,.adForm select{ border: .01em solid #f7f7f7 !important; border-radius: .2em !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: #fff !important; border: .01em solid #d5d5d5 !important; color: var(--body-color) !important; } form .lead-button,form .btn.btn-default,form .btn.btn-primary{ background-color: var(--main-color) !important; color: #fff !important; text-transform: uppercase !important; font-weight: bold !important; padding: 1em 3em !important; font-size: .9em !important; outline: none; border: none !important; border-radius: 2em !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(--main-color-dark) !important; color: #fff !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: 2em !important; } .formField{ padding: 0 1em 0 0; position: relative; } .formField .formRequired{ right: 0 !important; font-size: 1em !important; font-family: 'Open Sans',sans-serif !important; color: var(--main-color); } label.error{ right: 2em !important; font-size: 1em !important; font-family: 'Open Sans',sans-serif !important; color: #EE1C25; } .myForm .wrapper .col-xs-10,.adForm .wrapper .col-sm-10{ width: 100%; text-align: center; } .g-recaptcha{ float: none !important; display: inline-block; } .adForm .label{ color: var(--body-color); } .adForm input,.adForm textarea,.adForm select{ min-width: unset !important; } .input-sm{ height: 3em; padding: 0.5em 1em; font-size: .8em; line-height: 1.5; border-radius: 0; border-color: #d5d5d5; } .btn-group-sm>.btn,.btn-sm{ background: none; background-color: var(--main-color); padding: 0.6em 1.5em; margin-top: 1em; font-size: .8em; line-height: 1.5; border-radius: 0; border: none; text-transform: uppercase; font-weight: bold; } .btn-group-sm>.btn:hover,.btn-sm:hover,.btn-group-sm>.btn:focus,.btn-sm:focus{ background-color: var(--second-color) !important; } .btn-group-sm>.btn:hover,.btn-sm:hover,.btn-group-sm>.btn:focus,.btn-sm:focus{ background-color: var(--second-color); color: var(--body-color); } .bottom-fixed{ background: #000; padding: 2em 0; } .bottom-fixed .content img{ width: 7em; height:100%; margin: 0!important; justify-content: center } .bottom-fixed .content{ display:flex; justify-content: center!important; gap:3em; align-items: center; } #up-down{ display: none; } @media (max-width: 769px){ .bottom-fixed .content img{ width: 3em; height:100%; margin:0!important; } .bottom-fixed .content{ gap:1em!important; padding:0em 1em; } } #footer{ background-color: #2f2f2f; color: var(--grey); padding: 4em 4em 2em 4em; margin-top: 5em; font-size: 1em; position: relative; } #footer .flex-row{ display: flex; width: 100%; } .footer-col:first-child{ padding-left: 0;padding-right:0!important; } .footer-col:nth-child(3){ min-width: 25%;padding-left: 0em; } .footer-col:nth-child(4){ border: none; } .footer-col{ display: flex; flex: 1; text-align: left; flex-direction: column; justify-content: flex-start; align-items: flex-start; padding: 0 4em; line-height: 1.8; } #footer h2{ font-weight: 700; padding-top: 0; margin: 0 0 1em 0 !important; font-size: 1.3em; color: var(--main-color); width: 100%;text-wrap: nowrap; } #footer h4{ color: var(--main-color); font-size: 1.1em; font-weight: 700; margin-top: 1em; } #footer a{ text-decoration: none; color: var(--grey); } #footer a:hover,#footer a:focus{ color: var(--main-color); } .footer-col .collapse{ display: block; } .footer-col .panel-collapse ul{ padding-left: 0; } #footer .col-sm-6{ padding: 0; } .footer-bottom{ padding: 2em 0em 2em 4em; background: var(--body-color); font-size: .85em; font-weight: bold; } .footer-row.footer-row--bottom{ display: flex; justify-content: space-between; align-items: center; } .footer-bottom__elem{ color: var(--grey); text-align: center; } .footer-bottom__elem--links{ width: 100%; } .footer-bottom p,.footer-bottom span,.footer-bottom a{ font-size: 1em; font-weight: 400; } .footer-bottom__elem a{ color: var(--grey); } .footer-bottom__elem a img,.footer-bottom__elem a img.visible-xs{ width:100%; height:100%; aspect-ratio:158/39; } .footer-col .social{ margin-top: 2em; font-size: 1.2em; } .footer-col .social li{ float: left; } .footer-col .social a{ width: 2.5em; display: inline-block; padding: .3em .8em .3em 1em; color: var(--grey) !important; border: 0.01em solid #555; margin: 0 0.5em 0 0; } .footer-col .social li:nth-child(2) a{ padding-left: .8em; } .footer-col .nav-tabs{ border: none; } .footer-col .nav-tabs>li>a{ color: var(--grey); text-transform: uppercase; font-weight: bold; border: none; padding: .5em 2em .5em 0; } .footer-col .nav-tabs>li>a:hover,.footer-col .nav-tabs>li.active>a,.footer-col .nav-tabs>li.active>a:focus,.footer-col .nav-tabs>li.active>a:hover,.footer-col .nav>li>a:focus,.footer-col .nav>li>a:hover{ background-color: transparent; color: #fff !important; border: none; } .footer-col .nav-tabs>li.active>a::after{ width: 3em; height: .12em; background-color: #fff; top: calc(90% - 0.01em); left: 0; content: ""; display: block; position: absolute; } .footer-col .hours-acord .tab-content{ padding-top: 1em; } .footer-col .location-acord{ text-transform: uppercase; } .hour-label{ display: inline-block; width: 7em; font-weight: 600; } .links-acord .links-ul{ line-height: 2; } .footer-social a{ padding: 0 .5em; } #footer .links-ul-social{ margin-top: 2em; } #footer .links-ul i{ margin-right: .5em; font-size: 1.2em; } #footer .locations-ul{ text-transform: uppercase; font-family: var(--main-font); } #footer .locations-ul li{ } #footer .locations-ul li a{ display: block; padding: 1em 0; border-bottom: .01em solid var(--second-color); } #footer .locations-ul li:last-child a{ border-bottom: 0; } .footer-bottom__elem--links span a:hover{ text-decoration: none; color: var(--main-color); } .footer-bottom .to-up-container{ background-color: var(--main-color); bottom: 2em; right: 0; padding: 0.5em 2em 0.5em 0.45em; border-top-left-radius: 3em; border-bottom-left-radius: 3em; } .footer-bottom .to-up-container a{ display: flex; background-color: #fff; color: var(--main-color); border-radius: 50%; width: 3em; height: 3em; align-items: center; justify-content: center; transition: all ease-in-out 0.2s; } .footer-bottom .to-up-container a i{ transition: all ease-in-out 0.2s; } .footer-bottom .to-up-container a:hover{ color: var(--white); border: 2px solid #fff; text-decoration: none; } .footer-bottom .to-up-container a:hover i{ font-size: 80%; } @media (max-width: 768px){ .footer-col:first-child{ padding-left: 0em; min-width: unset!important; } .footer-col:nth-child(3){ padding-left: 0em; } #footer .flex-row{ flex-direction: column; } .footer-col .collapse{ display: none; } .footer-col .collapse.in{ display: block; } #footer{ padding: 4em 1em 2em 1em; } .footer-row.footer-row--bottom{ flex-direction: column; } #footer .btn-primary{ background-color: #000; color: #fff; font-family: var(--main-font-bold); text-transform: uppercase; font-size: 1.1em; padding: .5em 1em; display: inherit; border: none; border-radius: 0; font-weight: 700; } .footer-col p{ width: 80%;margin:auto; margin-bottom: .4em; } .footer-col:nth-child(3){ min-width: unset; } #footer .card-body,.hours-acord,.connect-acord{ padding: 0.5em 1em 1em 3em; line-height: 2; } .footer-col .social{ margin-top: 1em; width: 100%; text-align: center; padding: 0; } .footer-col .social li{ float: none; display: inline-block; } .footer-bottom{ padding: 1em 1em 5em 1em; } .footer-row.footer-row--bottom{ display: flex; text-align: center;flex-direction: column-reverse; } .footer-bottom__elem{ text-align: center; line-height: 2; max-width:18em; } .footer-bottom__elem img{ display: inline-block !important; } .footer-bottom__elem img.hidden-xs{ display: none !important; } .footer-col{ border: none; padding: 0em; } .footer-col:nth-child(4){ min-width: unset; } .footer-bottom .to-up-container{ position:absolute; bottom: auto; right: 0; padding: 0.5em 2em 0.5em 0.45em; border-top-left-radius: 3em; border-bottom-left-radius: 3em; } } .seamaster-srp.container-fluid.main-container{ padding: 0 4em!important; } @media (max-width: 769px){ .seamaster-srp.container-fluid.main-container{ padding:0em !important; width: 100%; } } .searmaster-srp .pushstate{ background-size:cover; } .seamaster-srp a.filter-collapse,.seamaster-srp .cta-btns a,.seamaster-srp .price,.seamaster-srp .no-ads-box,.seamaster-srp .thumbStatus{ font-family: var(--main-font-bold); } .seamaster-srp .comment{ font-family: var(--body-font); } .seamaster-srp .modernFilter label{ font-size: .9em; } .seamaster-srp .cta-btns a.main-btn{ font-size: 1em; text-shadow: none; } .seamaster-srp .price{ font-size: 1.2em; } .seamaster-srp .grid-group-item .model-title{ font-size: 1.2em; } .seamaster-srp .thumbStatus{ font-size: .9em; } .seamaster-srp .cta-btns a.main-btn{ color: #fff; } .seamaster-srp .price{ color: var(--main-color); } .seamaster-srp #filters{ background-color: #fff; } .seamaster-srp .order-drop{ display: none; } .seamaster-srp .reset.button{ border: 0; } .seamaster-srp .sortby-row select{ font-size: 1em; } .seamaster-srp .sortby-row ul.dropdown-menu{ background-color: #fff !important; border-color: #d5d5d5 !important; left: 1.25em !important; z-index: 1; } .seamaster-srp .ads-per-page{ position: absolute; right: 4em; bottom: 1em; } .seamaster-srp .ads-per-page::after{ font-size: .85em; } .seamaster-srp a.filter-collapse:before{ font-size: .6em; } .seamaster-srp #keyWordsSection input{ padding: 0 1em; border-radius: 0 !important; border-top-left-radius: 0em !important; border-bottom-left-radius: 0em !important; height: 2.5em; } .seamaster-srp #keyWordsSection input:hover,.seamaster-srp #keyWordsSection input:focus{ background-color: transparent !important; border: .01em solid #707070 !important; border-right: 0 !important; outline: none; } .seamaster-srp .adsSearchButton.btn.btn-default{ background-color: transparent !important; color: var(--body-color) !important; padding: 0 1em !important; border: .01em solid #707070 !important; border-left: 0 !important; border-radius: 0 !important; border-top-right-radius: 0em !important; border-bottom-right-radius: 0em !important; } .seamaster-srp .list-grid-btn .btn{ color: #000; } .seamaster-srp #filters .big-checkbox{ width: 1em !important; height: 1em; margin: .5em .5em .5em 0; border-radius: 50%; } .seamaster-srp .regular-checkbox:checked:after{ content: "\2714"; font-size: .85em; position: absolute; top: -.2em; left: .15em; color: #000; } .seamaster-srp #filters .well{ background: #fff; } .seamaster-srp #filters .big-checkbox:focus{ outline: none; } .seamaster-srp .cta-btns{ margin-top: 1em; } .seamaster-srp .cta-btns a{ border-radius: 0em; border: 0.1em solid var(--lightgrey); color: #000!important; } .seamaster-srp .cta-btns a.main-btn{ border-radius: 0em;color: #fff!important; } .seamaster-srp .grid-group-item .model-title{ margin: 0 0 1em 0; padding: .5em 0; } .seamaster-srp .price-oem{ padding: 0; } .seamaster-srp .location-div{ padding: 1.5em 0 0 0; font-size: .85em; } .seamaster-srp .grid-group-item .thumb,.seamaster-srp #filters{ border-radius: 0em; } .seamaster-srp .grid-group-item .thumb{ margin: 0 .8em 1.8em .8em; } .seamaster-srp .regular-checkbox:checked:after{ border: 0; background-color: transparent; } .seamaster-srp #filters .filter-count{ position: absolute; right: 0; background-color: #d5d5d5; width: 1.5em; height: 1.5em; text-align: center; border-radius: 50%; color: #000; font-size: 0.9em; } .seamaster-srp #filters span.c-arr{ display: none; } .seamaster-srp .pagination{ justify-content: center; margin-top: 2em !important; } @media (max-width: 769px){ .seamaster-srp .grid-group-item .thumb{ margin: 0; padding: 1em; } .seamaster-srp #filters,.seamaster-srp a.filter-collapse,.seamaster-srp #filters .big-checkbox,.seamaster-srp a.filter-collapse:before{ color: var(--body-color); } .seamaster-srp #filters .big-checkbox{ border-color: var(--body-font); } #filters .filter-ttl{ color: #fff; } .seamaster-srp .ads-per-page{ bottom: -3em; } } #seamaster_vdp.model-details-content,#seamaster_vdp .locations-list ul li{ font-family: unset; } #seamaster_vdp .rt-action-btn,#seamaster_vdp .loc-avl-note strong,#seamaster_vdp a.rel-item{ font-family: var(--main-font-bold); } #seamaster_vdp .main-vdp-btn,#seamaster_vdp .accord-btn{ font-size: 1.2em; } #seamaster_vdp .rt-action-btn,#seamaster_vdp .locations-list ul{ font-size: 1em; } #seamaster_vdp .excludes,#seamaster_vdp .price_description{ font-size: .9em; } #seamaster_vdp .main-vdp-btn{ color: var(--main-color); } #seamaster_vdp .locations-list ul li a{ color: var(--body-color); font-weight: 500; padding: 0.2em 1em; display: inline-block; border: 0.01em solid #707070; margin: 0.5em 0; } #seamaster_vdp .locations-list ul{ flex-wrap: wrap; } #seamaster_vdp .locations-list ul li:nth-child(1){ width: 100%; } #seamaster_vdp .main-vdp-btn{ background-color: transparent; padding: 1em 2em; } #seamaster_vdp .rt-action-btn{ padding: 1em 0; color: var(--body-color); font-size: 1.2em; } #seamaster_vdp .rt-quick-links .rt-action-btn{ font-size: 1.1em; } #seamaster_vdp .rt-action-btn img{ width: 1em; height: 1em; } #seamaster_vdp .accord-btn{ padding: 1.2em; } #seamaster_vdp.model-details-content{ width: 100%; position: relative; } .vdp-header{ border-radius: 0 !important; min-height: 25em !important; margin-bottom: 1em !important; } .vdp-header:before{ content: ""; position: absolute; top: 2.5em; left: 0; background: linear-gradient(180deg,#000 0%,rgba(0,0,0,0.00) 100%); width: 100%; height: 25em; opacity: .7; } .vdp-header:after{ content: ""; position: absolute; left: 0; top: 23.1em; width: 100%; height: 6.5em; } .vdp-header .model-title{ text-align: center; position: relative; font-size: 2.6em; margin-bottom: 1em;margin-top:-1em; } .vdp-header .back-btn{ position: relative; z-index: 2; } .vdp-header .back-btn a{ color: #fff; } .vdp-header .bg-overlay{ justify-content: center !important; } #seamaster_vdp .gallery .lSSlideWrapper{ border-radius: .5em; } #page_73163 #seamaster_vdp #related-items{ display: none; } #seamaster_vdp #imageGallery .lslide img{ width: 100%; object-fit: contain; } #seamaster_vdp .price-box .primary{ font-size: 2em; line-height: 1.5; font-family: var(--main-font-bold); color: var(--main-color);font-weight:700; } #seamaster_vdp .ecomm-box .ecomm-btns .ecomm-btn,#seamaster_vdp .main-vdp-btn{ background-color: var(--main-color); border-radius: 2em; color: #fff; } #seamaster_vdp .ecomm-box .ecomm-btns .ecomm-btn:hover,#seamaster_vdp .main-vdp-btn:hover,#seamaster_vdp .ecomm-box .ecomm-btns .ecomm-btn:focus,#seamaster_vdp .main-vdp-btn:focus{ background-color: var(--main-color-dark); } .rt-quick-links a.print-btn:nth-child(1){ border-right: none!important; } .rt-quick-links a.print-btn:nth-child(2)::after{ content: "Request More Info"; visibility: visible; display: inline-block; margin-top: -1.3em; text-wrap:nowrap; } .rt-quick-links a.print-btn:nth-child(2){ visibility: hidden; } .rt-quick-links a.print-btn:nth-child(2) img{ visibility: visible; } .model-shareble{ background-color: #fff !important; } .model-shareble li a{ border: 0; } .model-shareble li a:hover,.model-shareble li a:focus{ background-color: var(--main-color) !important; } #page_68235 .rt-action-btn.book-demo,#page_68235 .rt-action-btn.get-diretions{ display: none; } #page_68235 #right-cta-buttons.affix{ top: 8em !important; } #page_68235 .request-quote-btn,#page_68235 #videos-btn,#page_68235 .request-rental-btn,#page_68235 .rt-action-btn:hover,#page_68235 .rt-action-btn:hover .glyphicon{ background-color: var(--main-color) !important; } .price-box{ color: var(--main-color) !important; } @media (max-width: 769px){ .vdp-header .bg-overlay{ justify-content:space-around!important; } .vdp-header{ min-height: 13em !important; height: 13em; margin-bottom: 0 !important; } .vdp-header:before{ height: 13em; top: 2em; } .vdp-header:after{ top: 14.1em; } .vdp-header .model-title{ font-size: 1.2em; } .vdp-header .back-btn{ margin-top: 6em; } .vdp-header .model-action-btn.back-btn{ margin-top:5em; } #seamaster_vdp .model-right-title{ display: none; } #seamaster_vdp .model-tabs,#seamaster_vdp .model-tabs .descColumnResponsive,#seamaster_vdp a.rel-item{ padding: 0; } #seamaster_vdp a.rel-item{ justify-content: left; height: 200px; } #products .item{ width:100%!important; } } .promotions-srp #products .item{ padding: 0 !important; } .promotions-srp .count-row{ margin: 0 !important; } .promotions-srp .item.list-group-item .img-event{ padding: 0; } .promotions-srp .thumbnail-container .pushstate{ background-size: cover; } .promotions-srp .righ-box{ padding: 0 1em; } .promotions-srp .cta-btns.flex-container{ padding: 0 0 0 1em !important; } .promotions-srp .mfr-img{ width: 80%; } .promotions-srp .cta-btns a{ height: fit-content !important; } .promotions-srp .cta-btns a.main-btn:hover,.promotions-srp .cta-btns a.main-btn:hover:focus{ background-color: var(--main-color); } .promotions-srp .cta-btns a.main-btn:hover i,.promotions-srp .cta-btns a.main-btn:hover:focus i{ color: #fff; } #quote-form .text-left{ padding: 0; } #quote-form .form-group{ margin-right: 0 !important; margin-left: 0 !important; } #quote-form input{ margin: 0.2em 0 !important; border-radius: 0 !important; height: fit-content !important; padding: 0.3em 1em !important; font-size: 1em !important; } #quote-form textarea{ margin: 0.2em 0 !important; border-radius: 0 !important; height: auto !important; padding: 0.3em 1em !important; font-size: 1em !important; } .ad-details-content .left-section{ width: 75%; } .ad-details-content .right-section{ width: 25%; } .ad-details-content .left-section .back-btn{ margin-left: 0; } .ad-details-content .back-btn .glyphicon{ margin-right: -.8em; } .ad-details-content .mfr-img-box img{ width: 80%; } @media (max-width: 769px){ .ad-details-content .left-section,.ad-details-content .right-section{ width: 100%; } } .cart-action-btn,.login-screen .submit-btn{ height: 3.5em; margin: 0; border-radius: 2em; } .cart-action-btn.cartCheckout,.login-screen .submit-btn{ font-size: 1em; background-image: none; background-color: var(--main-color) !important; } .ui-jqgrid .ui-jqgrid-view{ z-index: 15 !important; } ::-webkit-scrollbar{ width: .4em; display:none; } ::-webkit-scrollbar-track{ box-shadow: 0; border-radius: 0px; background: #d8d8d8; } ::-webkit-scrollbar-thumb{ background: #1a1a1a; border-radius: .4em; } ::-webkit-scrollbar-thumb:hover{ background: #1a1a1a; } #page_75575 #page_75575 .pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{ background-color:#000; } #page_75575 .main-container .list-grid-btn .btn{ color: var(--black); } #page_75575 .main-container .col-sm-6.flex-container.card-buttons{ width:100%; } #page_75575 .sortby-row h4,.sortby-row .order,.sortby-row .orderAD,.sortby-row .ads-per-page{ display:none; } #page_75575 .main-container #filters .modernFilterSlider input{ background-color: var(--black); } #page_75575 .main-container #filters .modernFilterSlider:after{ border-top: 0.8rem solid var(--black); } #page_75575 .main-container .ui-state-default,.main-container .ui-widget-content .ui-state-default,.main-container .ui-widget-header .ui-state-default{ border: 3px solid var(--black); } #page_75575 .main-container .reset.button,.main-container .adsSearchButton{ background-color:var(--black); border-color:var(--black); } #page_75575 .main-container #filters .filters-inner{ border: 0; border-top: 0.417vw solid var(--black); box-shadow: 0 0.4rem 1.2rem rgba(0,0,0,0.2); } #page_75575 form .btn.btn-default{ background-color: var(--black)!important;padding:1em 0em!important; font-size:0.65em!important; border-radius: 0em !important; } #page_75575 .sortby-row{ display:flex; justify-content: right; } #page_75575 .sortby-row .pull-left{ float:right!important; } #page_75575 .item.list-group-item .img-event{ width:22%!important; } #page_75575 .item.list-group-item .list-group-image{ width:11em; height:8em; } #page_75575 .item.list-group-item .thumbStatus{ left:0.9vw!important; border-radius:0!important; } #page_75575 .item.list-group-item .thumbStatus.in-stock{ top:auto;bottom:0!important; } #page_75575 .price{ color: var(--main-color)!important; } #page_75575 a.View-Details{ background: var(--black); border: 0.1vw solid var(--black);color: #fff } #page_75575 a.View-Details .glyphicon{ color: var(--main-color); } #page_75575 #products .badge{ background: #f7f7f7!important; color: var(--darkgrey)!important; } #page_75575 #products .item.list-group-item .thumb{ padding: 1em 0.4em; } #page_75575 .Read-more{ display: none!important; } .model-right-title{ font-weight:700; } #page_75575 .app-btn{ background: #000; } #page_75575 .accord-btn,#page_75575 .right-cta-buttons{ background-color: #000; } #page_75575 .stock-mil-stat li.odometer-box{ border: 1.2vw solid #000; } @media (min-width: 768px){ #page_75575 .main-container{ display:flex; flex-wrap:wrap; } #page_75575 #filters.col-sm-3{ width:15.104vw; } #page_75575 #products.col-sm-9{ width:100%; flex-grow: 1; flex-shrink: 1; flex-basis: 0; } } @media (max-width: 769px){ #page_75575 .item.list-group-item .img-event{ width:100%!important; } #page_75575 .filter-ttl.btn.btn-primary{ background: var(--black)!important; border-color: var(--black)!important; } } #page_75557 .pagination.dark li a{ color: var(--main-color); } #page_75557 .seamaster-srp .pagination{ justify-content: flex-end; } #page_75557 .main-btn.View-Details.pushstate{ display: none; } #page_75557 .add-to-cart-product.add-to-cart-btn.add-to-cart.show-item{ background: #000; color: #fff!important; } @media (max-width: 769px){ #page_75557 .cta-btns a{ padding: 25px 4px; } } .light2021{ font-size: 1em !important; padding: 0 !important; font-family: var(--body-font) !important; } .light2021 #filters{ border: none; } .light2021 #filters .filter-ttl{ display: none; } .light2021 #filters .filters-inner{ border: none !important; } .light2021 .filter-collapse-container{ padding: 0; border-bottom: 0.01em solid #fff; } .light2021 .active-filter-container{ border: none; padding: 0; } .light2021 .filter-collapse-container:before{ border: 0; } .light2021 .active-filter-container a.filter-collapse{ background-color: #000; color: #fff; } .light2021 a.filter-collapse{ background-color: #000; color: var(--lightgrey); font-family: var(--main-font-bold); font-weight: bold; padding: .75em 1.2em !important; } .light2021 a.filter-collapse:hover{ color: var(--lightgrey); } .light2021 a.filter-collapse:active,.light2021 a.filter-collapse:focus{ color: var(--lightgrey)!important; } .light2021 a.filter-collapse:after{ right: 2em; font-size: .65em;color: var(--lightgrey)!important; } .light2021 .static-filter-active-title{ font-family: var(--main-font-bold); font-weight: bold; } .light2021 .well,.light2021 label{ margin-bottom: 0 !important; font-size: 0.9em !important; } .light2021 .checklist-filter ul{ background-color: linear-gradient(180deg,#262626 0%,#1C1C1C 100%)!important; } .light2021 .checklist-filter ul li{ width: 100%; padding: .5em 1.2em; border: .01em solid #fff; color: var(--darkgrey); } .light2021 #filters .big-checkbox{ padding: 0.6em; margin-right: 0.5em; border-radius: 0.2em; } .light2021 #filters .big-checkbox:checked:after{ font-size: .85em !important; left: 0.3em !important; } .light2021 #filters .filter-text{ padding-top: .3em; } .light2021 #filters .filter-count{ position: absolute; right: 1.5em; width: 1.5em; height: 1.5em; text-align: center; border-radius: 50%; color: var(--darkgrey); font-size: 0.9em; } .light2021 #filters span.c-arr{ display: none; } .light2021 #keyWordsSection input{ border: 0.01em solid #d5d5d5; border-right: 0; padding: 1.1em !important; height: auto !important; min-height: auto !important; font-size: .8em; outline: none; } .light2021 #filters select,.light2021 .sortby-row select,.light2021 .sortby-row input,.light2021 .sortby-row li a{ border: 0.01em solid #d5d5d5; padding: 1.1em; height: auto !important; min-height: auto !important; font-size: .8em; outline: none;color: var(--darkgrey)!important; } .light2021 .static-filter-active-main{ margin-bottom: 0; } .light2021 .static-filter-active-container{ border: .01em solid #d5d5d5; margin-bottom: 0; } .light2021 #keyWordsSection .adsSearchButton{ background-color: transparent !important; color: var(--lightgrey) !important; padding: 0.8em !important; border: 0.01em solid #d5d5d5 !important; border-left: 0 !important; } .light2021 #products .item{ padding: 0 0 0 .3em; } .light2021 #products .grid-group-item .thumb .collapse.in{ top: 0; background-color: #fff; } .light2021 #products .specs-main{ border-top: 0.01em solid var(--darkgrey); margin-top: 1em; color: var(--darkgrey)!important; } .light2021 #products .specs-comment{ padding: 0.5em 1em; font-size: .9em; } .light2021 #products .grid-group-item .collapse.in .View-Details{ color: #fff; height: auto !important; font-size: 1em; font-family: var(--main-font-bold); text-transform: uppercase; text-shadow: none; padding: 1em; } .light2021 #products.view-group{ padding-left: 1em; } .light2021 #products .sortby-row{ padding: 0 0 0.5em 0;align-items: center!important; } .light2021 .item.list-group-item{ margin-bottom: 1.2em; } .light2021 .item.list-group-item .thumb{ background: #fff;border: .01em solid #D5D5D5; padding: 1em; color: var(--darkgrey); } .light2021 .item.list-group-item .caption .col-sm-7{ width: 65%; color: var(--darkgrey); } .light2021 .item.list-group-item .caption .cta-btns{ width: 35%; } .light2021 .model-title{ font-size: 1.2em; margin: 0 0 .5em 0; padding: 0 0 .5em 0; line-height: 1.4; font-family: var(--main-font-bold); border-bottom: .01em solid var(--darkgrey); } .light2021 .model-title .share-btn{ float: right; font-size: .65em; font-weight: 400; color: var(--lightgrey); opacity: 0.75; text-transform: none; font-weight: normal; font-family: var(--body-font); } .light2021 .model-title-link:after,.light2021 .caption hr{ display: none; } .light2021 .price-oem{ padding: 0; } .light2021 .price-oem .price{ line-height: 1.4; font-size: 1.2em; font-weight: bold; font-family: var(--main-font-bold); } .light2021 .price-oem .price span{ color: var(--darkgrey); } .light2021 .price-oem .price span.ttl{ color: #000; } .light2021 .comment{ font-size: .85em; padding: 1em 1em 0 0; max-height: none; } .light2021 .cta-btns{ padding: 0 !important; } .light2021 .cta-btns a{ padding: 1em; margin: .5em 0 0 0; background: none; border: 0.01em solid transparent; border-radius: 0; background-color: #fff; font-size: .9em; height: auto !important; font-family: var(--main-font-bold); } .light2021 #filters .well{ background: #d5d5d5; } .light2021 .cta-btns a.main-btn{ color: #fff; font-family: var(--main-font-bold); font-weight: bold; border-radius: 0; font-size: 1em; height: fit-content !important; text-shadow: none; } .light2021 .cta-btns a.main-btn i,.light2021 .add-to-cart-btn.deposit-to-cart i,.light2021 .cta-btns a i{ font-size: 1em; color: var(--main-color); } .light2021 .add-to-cart-btn.deposit-to-cart{ font-family: var(--main-font-bold); font-weight: bold; background-color: #fff; border-radius: 0; border: .01em solid #d5d5d5; } .light2021 .add-to-cart-btn.deposit-to-cart .fa-dollar-sign:before{ content: "\f07a"; } .light2021 .call-now.show-item{ display: none; } .light2021 .specs{ font-size: .8em; } .light2021 .specs-btn-parent{ width: 7em !important; bottom: -0.2em !important; } .light2021 .specs-btn{ background: #000; border: .01em solid #000; height: auto !important; font-size: .7em; width: 100%;color: var(--lightgrey); } .light2021 .specs-btn span{ font-size: 1em; bottom: -0.5em; height: auto !important; padding: 0.5em; width: 100%; } .light2021 .specs-btn:hover span,.light2021 .specs-btn:active,.light2021 .specs-btn:focus{ color: var(--main-color); } .light2021 .quote.lightboxs.show-item{ background: transparent; border: 0.1em solid #d5d5d5; color: var(--darkgrey); } .light2021 .order-drop{ height:3em; } .light2021 .quote.lightboxs.show-item .model-title.col-xs-12:first-child(){ color: #fff!important; } .light2021 .specs-btn-parent:before,.light2021 .specs-btn-parent:after{ background: #3f3f3f; } .light2021 .pagination{ background-color: transparent; border-radius: 0; justify-content: center; float: left; } .light2021 .pagination li{ background-color: transparent; display: flex; align-items: center; margin: 0; border: 0.01em solid #d5d5d5; } .light2021 .active-filter-container .badge{ background-color: var(--main-color); } .light2021 .pagination li.info{ padding: 0 1em !important;color: var(--darkgrey)!important; } .light2021 .pagination.dark li a{ padding: 1.35em !important; font-size: .8em; color: var(--darkgrey); } .light2021 .grid-group-item .specs-btn{ float: right; } .light2021 .thumb{ border: .01em solid #d5d5d5 !important; margin-bottom: 1em; } .thumbnail-container .pushstate{ padding-top: 70% !important; } .light2021 .permonth{ padding: 0 !important; } .light2021 .permonth-money,.light2021 .permonth-ttl{ font-size: 1em !important; } .light2021 .permonth-cap{ font-size: .8em; } .item.list-group-item .img-event{ padding-right: 1em !important; } @media (max-width: 769px){ .item.list-group-item .img-event{ padding-right: 0 !important; } .light2021 .specs-btn-parent{ bottom: unset !important; } } #page_75573 #page_75573 .pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{ background-color:#000; } #page_75573 .main-container .list-grid-btn .btn{ color: var(--black); } #page_75573 .main-container .col-sm-6.flex-container.card-buttons{ width:100%; } #page_75573 .sortby-row h4,.sortby-row .order,.sortby-row .orderAD,.sortby-row .ads-per-page{ display:none; } #page_75573 .main-container #filters .modernFilterSlider input{ background-color: var(--black); } #page_75573 .main-container #filters .modernFilterSlider:after{ border-top: 0.8rem solid var(--black); } #page_75573 .main-container .ui-state-default,.main-container .ui-widget-content .ui-state-default,.main-container .ui-widget-header .ui-state-default{ border: 3px solid var(--black); } #page_75573 .main-container .reset.button,.main-container .adsSearchButton{ background-color:var(--black); border-color:var(--black); } #page_75573 .main-container #filters .filters-inner{ border: 0; border-top: 0.417vw solid var(--black); box-shadow: 0 0.4rem 1.2rem rgba(0,0,0,0.2); } #page_75573 form .btn.btn-default{ background-color: transparent!important;padding:1em 0em!important; font-size:0.65em!important; border-radius: 0em !important; } #html_1727885171150 .contentHtml{ display: flex; flex-direction: column; } .teamMembers .staffname .member{ color: var(--main-color); } .teamMembers .item{ text-align: center; } .teamMembers h2{ font-weight:700; } @media (max-width: 769px){ .teamMembers{ display: flex; flex-direction: column; gap:3em } .teamMembers .item{ width:100%; } .teamMembers h2{ text-align: center; font-size:2.3em; margin-top:3em; margin-bottom:-1em; } #html_1727885171150 .contentHtml{ margin-top:-4em; } } /*EOF STYLE*/ #nav_76783{ background-color:#000000; border-color:#333333; color:#333333; display:block; float:left; font-weight:400; opacity:1; position:relative; text-decoration-color:#333333; text-decoration-line:none; text-decoration-style:solid; } /*EOF STYLE*/ .trbordd tr{ border-bottom:1px solid #dedede; } .igg{ float:right; padding:10px; } .tdg{ border-bottom:1px solid #dedede; } .ttl{ width: 100%; height: 30px; background-color: #eeeeee; line-height: 26px; padding-top: 2px; font-weight: bold; color: #fff; margin-top: 10px; color: #df0101; font-size: 14px; clear: both; } .list ul{ list-style:disc; padding-left:10px; } .list li{ width:80%; } /*EOF STYLE*/ .igg{ float:right; padding:10px; } .tdg{ border-bottom:1px solid #dedede; } .ttl{ width: 100%; height: 30px; background-color: #eeeeee; line-height: 26px; padding-top: 2px; font-weight: bold; color: #fff; margin-top: 10px; color: #df0101; font-size: 14px; clear: both; } .list ul{ list-style:disc; padding-left:10px; } .list li{ width:80%; } /*EOF STYLE*/ .igg{ float:right; padding:10px; } .tdg{ border-bottom:1px solid #dedede; } .ttl{ width: 100%; height: 30px; background-color: #eeeeee; line-height: 26px; padding-top: 2px; font-weight: bold; color: #fff; margin-top: 10px; color: #df0101; font-size: 14px; clear: both; } .list ul{ list-style:disc; padding-left:10px; } .list li{ width:80%; } /*EOF STYLE*/ .igg{ float:right; padding:10px; } .tdg{ border-bottom:1px solid #dedede; } .ttl{ width: 100%; height: 30px; background-color: #eeeeee; line-height: 26px; padding-top: 2px; font-weight: bold; color: #fff; margin-top: 10px; color: #df0101; font-size: 14px; clear: both; } .list ul{ list-style:disc; padding-left:10px; } .list li{ width:80%; } /*EOF STYLE*/ .igg{ float:right; padding:10px; } .tdg{ border-bottom:1px solid #dedede; } .ttl{ width: 100%; height: 30px; background-color: #eeeeee; line-height: 26px; padding-top: 2px; font-weight: bold; color: #fff; margin-top: 10px; color: #df0101; font-size: 14px; clear: both; } .list ul{ list-style:disc; padding-left:10px; } .list li{ width:80%; } /*EOF STYLE*/ .model-details-content{ width:94vw; margin:0 auto; font-family: Gilroy; } .model-details-content .sales-people .glyphicon{ color:#fff; } .rmv-ph-padding{ padding:0!important; } .model-shareble{ background-color:#fff; width: 300px; background-color: #fff; width: 285px; border-radius: 30px; padding: 0 20px; width: auto; justify-content: space-between; } .vdp-header{ min-height:40vh; background-image:url(https://equipmentsearch.com//uploadedimages/7491/19145867.jpg); background-size:cover; background-position: center; border-radius: 0 0 20px 20px; display: flex; width: 100%; overflow: hidden; color:#F7F7F7; margin-bottom:2.2vw; } .vdp-header .bg-overlay{ background: rgb(0,0,0); background: linear-gradient(180deg,rgba(0,0,0,0.12787121684611347) 0%,rgba(0,0,0,0.5396359227284664) 100%); display: flex; flex-direction: column; width: 100%; justify-content: space-between; padding: 2vw; } #model-left-content{ padding-right: 25px; } .model-shareble a{ padding: 5px 8px; } .model-shareble li{ margin-right: 0; margin-bottom:0; float:left; } .price-box{ padding:0; color:#0a4a87; display: flex; flex-wrap:wrap; margin: 24px 0; } .price-box .right-border{ border-right:1px solid #5f98c5; } .our-price,.retail{ font-size:14px; } .price-box .primary{ font-size: 1.250vw; line-height: 34px; } .excludes,.price_description{ font-size: 14px; color: #000; display: block; clear: both; } .price-box .old-price{ text-decoration: line-through; font-size: 20px; color:#000; } .loc-avl{ display: flex; flex-direction: column; } .loc-avl .av-value{ color: #14cd58; display: block; float: left; width: 25px; font-weight: bold; } .loc-avl-note{ font-weight: normal; padding:10px; background-color:#ebebeb; display: block; clear: both; } .loc-avl-note strong{ font-family: Gilroybold } .available{ font-weight: bold; } .avl{ color: #14cd58 } .not-avl{ color:#ff0000; } .avl::before,.not-avl::before{ content: " "; display: block; height: 12px; width: 12px; float: left; border: 6px solid; border-radius: 25px; margin: 6px 20px 0 5px; } .avl::before{ border-color:#14cd58; } .not-avl::before{ border-color:#ff0000; } .sale-price{ display: flex; justify-content: flex-end; align-items: flex-end; } .price-box .sale-price .primary{ font-size:1.9vw; color: #c90000; margin-right:15px; } .retail-price{ font-size:16px; font-weight: bold; float: right; } .our-price-div{ padding-bottom: 0px; display: flex; width:100%; } .savings{ border-top: 1px solid #dedede; } .savings-money{ float:right; } .rent-row{ border-bottom:1px solid #dedede; font-weight:bold; width: 100%; padding:5px; font-size: 16px; } .rent-row .rent-amount{ float:right; } .oem-logo{ padding:15px; border:2px solid #dedede; margin:30px 0px; text-align: center; } .oem-logo img{ max-width: 100% max-height:100px; } label.option-label{ text-transform: uppercase; } select#colors-drop,select#size-drop{ padding: 1.7rem 2rem; line-height: 40px; width: 100%; border: 1px solid #d8d7d7; margin-bottom: 15px; text-transform: uppercase; } .right-form{ } .rt-action-btn{ display: block; background-color: transparent; padding: 16px 0; color: #294383; cursor: pointer; border-bottom: 1px solid #D1D1D1; font-size: 16px; font-weight: bold; font-family: Gilroybold; } .rt-action-btn:hover{ text-decoration: none; color:#333333; border-bottom:1px solid; } .rt-action-btn .glyphicon{ font-size: 26px; } .rt-quick-links{ display:flex; justify-content: center; } .rt-quick-links .col{ display: flex; flex:1; padding:0; justify-content: center; } .rt-quick-links .rt-action-btn{ border-bottom: 0; border-right: 1px solid #D1D1D1; color: #484848; display: flex; flex-direction: column; justify-content: center; align-items: center; font-weight: normal; justify-content: center; } .rt-quick-links .rt-action-btn .glyphicon{ color: #484848; } .rt-quick-links .rt-action-btn:hover{ background-color:transparent; color: } .rt-quick-links .dropdown .rt-action-btn{ border-right: 0; } #right-cta-buttons.affix{ top:0; min-width: 390px; position: fixed !important; } #videos-btn{ font-size:22px; background-color:#0a4a87 ; color: #fff; border-radius: 4px; text-align: center; } .request-quote-btn .glyphicon,#videos-btn .glyphicon{ color:#fff; } #videos-btn{ font-size: 16px; float: right; padding: 10px; margin: 10px 0; text-decoration: none; } .rt-specs-box{ background-color: #eceff3; padding: 20px; margin: 10px 0; color: #555; text-align: left; } .rt-specs-box .specs-row{ text-align: left; padding: 8px 0; border-bottom: 1px solid #dedede; } .rt-specs-box .specs-row:last-child{ border: 0; } .model-title{ margin: 0; margin-bottom: 14px; line-height: 1.2; font-size: 36px; font-weight: 700; text-align: left; } .model-right-title{ font-size:1.667vw; font-family: Gilroybold; } .actions-list{ padding-left: 0; list-style: none; } .model-actions ul li{ float: left; margin-right: 13px; margin-bottom: 12px; } .model-actions .stock-num{ padding: 3px 15px; background-color: #f0f2f5; border-radius: 15px; font-size: 14px; color: #232628; } .ecomm-box,.permonth{ } div#model-right-content{ padding: 0 2.4vw; } .ecomm-box .ecomm-btns .ecomm-btn,.main-vdp-btn{ background-color: #0a4a87; border-radius: 4px; color:#fff; font-weight:bold; padding:18px 30px; text-align: center; font-size: 20px; flex-basis: 100%; } .main-vdp-btn:hover,.main-vdp-btn:active,.main-vdp-btn:focus{ background-color: #1A243C; color:#F7F7F7; } .deposit-info-btn{ text-align: right; display: block; cursor: pointer; color: #555; font-size: 14px; padding: 0; } .permonth{ padding-top:15px; } .permonth-money,.permonth-ttl{ font-size:18px; font-weight:bold; } .permonth-cap{ display:block; font-size:12px; color:#696969; } .Deposit,.Balance{ width:100%; } #imageGallery .lslide{ height:40vw; text-align:center; align-items:center; display: flex; } .loan-calculator{ background-color: #F1F1F1; padding: 2.153vw 2.778vw; font-size: 0.972vw; } .loan-calculator h2{ margin-top: 0; padding-top:0 ; font-size: 2.083vw; text-transform: uppercase; color: #2D2D2D; font-weight: 700; } .loan-calculator .loan-amount-h3{ font-size: 2.778vw; font-weight: bold; } .loan-calculator .loan-notice{ font-size: 0.833vw; } .gallery .lSSlideWrapper{ background-color:#fff; } #imageGalleryimageGallery li img{ max-width:100%; max-height:100%; } .lSSlideOuter .lSPager.lSGallery img{ max-height:100%; margin:0 auto; } #imageGallery .lslide img{ max-height:100%; margin:0 auto; } .gallery .lSSlideOuter .lSPager.lSGallery li{ max-height:107px; height:107px; } .img-thumbnail-for-jQ{ position: relative; overflow: hidden; } a.lSNext,a.lSPrev{ background:none; text-decoration: none; } a.lSNext:before{ content: "\e258"; display: block; height: 20px; width: 20px; font-size: 25px; font-family: 'Glyphicons Halflings'; color:#0a4a87; } a.lSPrev:before{ content: "\e257"; display: block; height: 20px; width: 20px; font-size: 25px; font-family: 'Glyphicons Halflings'; color:#0a4a87; } .lSSlideOuter.vertical .lSAction > .lSPrev:before{ content: "\e113"; } .lSSlideOuter.vertical .lSAction > .lSNext:before{ content: "\e114"; } ul.lSPager.lSGallery a{ display: flex; height: 100%; overflow: hidden; justify-content: center; } .lSSlideOuter .lSPager.lSGallery img{ max-width: none; } .model-details-content .img-tag{ padding: 0 22px; height: 33px; line-height: 33px; color: #fff ; font-size: 12px; text-transform: uppercase; font-weight: 700; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background: #fab637; border-radius:15px; display:inline-block; margin-right:22px; } .model-details-content .img-tag.instock{ background:#009900; } .model-details-content .img-tag.sold{ background:#e00101; } #related-slider{ } #related-items h3{ font-size: 36px; color:#294383; font-weight: bold; } a.rel-item{ display: flex; background-color: #fff; height: 240px; padding: 20px; flex-direction: column; justify-content: space-between; font-size: 16px; font-family: Gilroybold; } a.rel-item .rel-price{ display: flex; color: #294383; font-family: Gilroy; } a.rel-item img{ max-height: 180px; max-width:100%; margin: 0 auto; width: auto; } .model-tabs{ margin-top:30px; } .model-tabs ul.nav.nav-tabs{ background-color: #1f1e1e; padding: 8px 8px 0 8px; } .model-tabs>ul>li>a{ border-radius: 0px 0px 0 0; color: #fff; text-transform: uppercase; font-weight: bold; } .model-overview .descColumnResponsive{ padding:15px 10px; } .model-specs .specs-row{ text-align: left; padding: 10px; border-bottom: 1px solid #dedede; } .custom-specs .specs-row{ text-align: left; padding: 10px; border-bottom: 1px solid #dedede; } .specs-row .specs-titles{ font-weight: bold; } .package-list a.item-link{ display: block; border: 1px solid #dedede; margin: 15px 10px; padding: 10px; color: #000; text-decoration: none; } a.item-link:hover{ border: 1px solid #ff0000; transition: all 0.4s; } .package-list .item-img{ display: block; text-align: center; } .package-list .item-img img{ max-height: 200px; } .package-list .item-title{ display: block; font-weight: bold; padding: padding: 10px 0; } .package-list .item-price,.package-list .item-org-price{ display: block; } .pack-title{ display: flex; align-items: center; } #quote-form input,#quote-form textarea,#quote-form select{ margin:5px; width:100%; border-radius:0; border:0; background-color:#eceff3; box-shadow:none; height:40px; padding: 10px; background-image: none; } #quote-form ::placeholder{ color: #8b8b8b; opacity: 1; } #quote-form :-ms-input-placeholder{ color: #8b8b8b; } #quote-form ::-ms-input-placeholder{ color: #8b8b8b; } #quote-form textarea{ height: 100px; } .form-title{ text-align: left; font-synthesis: 24px; } #model-location,#model-Contact{ padding:15px 20px; } .dealer-logo{ max-height:130px; max-width: 220px !important; } .dealer-address h4{ font-weight: bold; } .loc-map{ border:1px solid #dedede; padding:0 10px; } .locations-list ul{ display: flex; color: #0a4a87; color: var(--main-color); font-size: 16px; padding:0; } .locations-list ul li{ padding-right:10px; font-weight: bold; font-family: Gilroybold; } .locations-list ul li a{ color: #0a4a87; color: #294383; text-decoration: none; } .CTA-box{ clear:both; } #video-gallery{ margin: 0; padding: 0; display: flex; flex-wrap: wrap; } #video-gallery li{ width: 33.33%; float: left; padding: 15px; } #video-gallery .youtube-main-btn{ position:relative; display:block; padding:0px; border:3px solid #040709; border-radius:0px; overflow:hidden; text-align:center; background-color:#000; width:auto; } .video-button{ display: block; position: absolute; top:0; bottom:0; left:0; right:0; background-color:rgba(0,0,0,0.1); webkit-transition: background-color 0.15s ease 0s; -o-transition: background-color 0.15s ease 0s; transition: background-color 0.15s ease 0s; } .video-button:hover{ background-color:rgba(0,0,0,0.5); } .video-button img{ height: 48px; margin-left: -24px; margin-top: -24px; opacity: 0.8; width: 48px; position:absolute; left:50%; top:50%; } .video-button:hover img{ opacity:1; } .youtube-main-btn > img{ max-width:100%; -webkit-transition: -webkit-transform 0.15s ease 0s; -moz-transition: -moz-transform 0.15s ease 0s; -o-transition: -o-transform 0.15s ease 0s; transition: transform 0.15s ease 0s; -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); } .youtube-main-btn:hover > img{ -webkit-transform: scale3d(1.1,1.1,1.1); transform: scale3d(1.1,1.1,1.1); } #docs{ min-height: 150px; } #docs li{ float: left; min-width: 45%; text-align: left; border-bottom: 1px solid #dedede; margin: 10px 2%; } #docs li a{ color: #000; font-weight: bold; } #docs img{ width:35px; margin:0 4px; } .download-specs{ float:right; } .accord-btn{ display: block; font-size: 20px; padding:20px; font-weight: bold; color: #000000; background-color: transparent; margin: 0.5vw auto; text-transform: uppercase; clear:both; border-bottom: 1px solid #000000; } .accord-btn:hover,.accord-btn:focus,.app-btn:hover,.app-btn:focus{ text-decoration: none; border-bottom: 1px solid #000; } .accord-btn i{ float: right ; } .accord-btn.collapsed .fa-minus:before{ content:"\f067"; } .tab-content .panel{ background-color:transparent } @media only screen and (max-width:768px){ .model-details-content{ width:84vw; } .model-right-title{ font-size:6.400vw; line-height:8vw; margin:5vw 0; } .price-box .primary{ font-size: 4.267vw; } .ecomm-box .ecomm-btns .ecomm-btn.deposit-to-cart,.rt-action-btn{ font-size: 4.267vw; } .gallery .lSSlideOuter .lSPager.lSGallery li,ul.lSPager.lSGallery a{ height: 71px; } .rt-quick-links .rt-action-btn{ font-size:3.5vw; padding:5.333vw 0; } .price-box .sale-price .primary{ font-size:5vw; } #videos-btn{ float:none; display: block; text-align: center; } .gallery .lSSlideOuter .lSPager.lSGallery li{ height: auto; } .modal-body *{ max-width: 100%; } #video-gallery li{ width: 100%; } .rt-specs-box,.oem-logo,.loc-map{ display: none; } #model-specs-collapse .row.specs-row{ padding: 10px 0px; border-bottom: 1px solid #d6d6d6; } #detals-tabs-accordion .js-tabcollapse-panel-heading{ display: block; font-size: 20px; padding:20px; font-weight: bold; font-family: Oswald; } #detals-tabs-accordion .js-tabcollapse-panel-heading .glyphicon{ float: right; } #detals-tabs-accordion .panel-heading{ padding: 0; } #model-right-content{ padding: 0; } #model-left-content{ padding:0; } .model-actions ul li{ margin: 0; width:50%; } .model-action-btn{ padding: 5px 10px; line-height: 36px; border-radius: 0; } .tabs-btn-xs{ display: block; background-color: #555; color: #fff; padding: 15px; font-size: 18px; border-bottom:1px solid #dedede; font-weight: bold; } .tabs-btn-xs .glyphicon{ float:right; } #imageGallery{ max-width:none !important; } .lSSlideOuter .lSSlideWrapper .lSSlide,.lSSlideOuter .lSPager{ max-width:none !important; } .gallery .lSSlideOuter{ width:100%; } #imageGallery .lslide{ height: 228px; } .descColumnResponsive table,.descColumnResponsive tbody,.descColumnResponsive tr{ display: block; } } /*EOF STYLE*/ .inline-style-1{width: 100%;padding: 0;margin: 0;} #inline-style-2{display:none} #inline-style-3{padding: 0px;} #inline-style-4{padding:7px 0;} #inline-style-5{margin-top:0} #inline-style-6{padding-top:15px;} .inline-style-7{margin:9px auto 15px; color:#FFF;} #inline-style-8{width:100%;} #inline-style-9{float: right; width: 220px; height: 130px; padding: 10px;} #inline-style-10{float: right; width: 220px; height: 130px; padding: 10px;} #inline-style-11{float: right; width: 220px; height: 130px;} #inline-style-12{width:100%;} #inline-style-13{float: right; height: 148px; width: 250px;padding:10px;} #inline-style-14{float: right; height: 148px; width: 250px;padding:10px;} #inline-style-15{float: right; height: 148px; width: 250px;padding:10px;} #inline-style-16{height:100%;width:100%;} #inline-style-17{float: right; height: 148px; width: 250px;padding:10px;} #inline-style-18{float: right; height: 148px; width: 250px;padding:10px;} #inline-style-19{position: relative;right: 8vw;} #inline-style-20{display:none;visibility:hidden} #inline-style-21{display:none;visibility:hidden} #inline-style-22{display:none;visibility:hidden}