.cd-hero,.cd-hero-slider{position:relative}.cd-hero-slider{height:450px;overflow:hidden}.cd-hero-slider li{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transform:translateX(100%);transform:translateX(100%)}.cd-hero-slider li.selected{position:relative;-webkit-transform:translateX(0);transform:translateX(0)}.cd-hero-slider li.move-left{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.cd-hero-slider li.is-moving,.cd-hero-slider li.selected{-webkit-transition:-webkit-transform .5s;transition:transform .5s}.cd-hero-slider li{background-position:50%;background-size:cover;background-repeat:no-repeat}.cd-hero-slider li:first-of-type{background-image:url(../images/slides/clubjess-oil-splash.jpg)}.cd-hero-slider .cd-full-width,.cd-hero-slider .cd-half-width{position:absolute;width:100%;height:100%;z-index:1;left:0;top:0;padding-top:8em;text-align:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0)}.cd-hero-slider .cd-img-container{display:none}.cd-hero-slider .cd-img-container img{position:absolute;left:50%;top:50%;bottom:auto;right:auto;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.cd-hero-slider .cd-bg-video-wrapper{display:none;position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.cd-hero-slider .cd-bg-video-wrapper video{display:block;min-height:100%;min-width:100%;max-width:none;height:auto;width:auto;position:absolute;left:50%;top:50%;bottom:auto;right:auto;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.cd-hero-slider h2,.cd-hero-slider p{margin:0 auto 14px;width:90%;max-width:400px;text-shadow:2px 2px 6px rgba(0,0,0,.25);line-height:1.1}.cd-hero-slider h2{font-weight:500}.clubjess-total{font-size:3em;color:#f2c12e}.clubjess-vehicle{font-size:1.5em;color:#a61f1f}.cd-hero-slider .cd-btn{display:inline-block;padding:1.2em 1.4em;margin-top:.8em;background-color:rgba(212,68,87,.9);font-size:.75em;font-weight:700;letter-spacing:1px;color:#fff;text-transform:uppercase;box-shadow:0 3px 6px rgba(0,0,0,.1);-webkit-transition:background-color .2s;transition:background-color .2s}.cd-hero-slider .cd-btn.secondary{background-color:rgba(22,26,30,.8)}.cd-hero-slider .cd-btn:nth-of-type(2){margin-left:1em}.cd-hero-slider .cd-btn:hover{background-color:#d44457}.cd-hero-slider .cd-btn.secondary:hover{background-color:#161a1e}@media only screen and (min-width:768px){.cd-hero-slider .cd-bg-video-wrapper{display:block}.cd-hero-slider .cd-half-width{width:45%}.cd-hero-slider .cd-half-width:first-of-type{left:5%}.cd-hero-slider .cd-half-width:nth-of-type(2){right:5%;left:auto}.cd-hero-slider .cd-img-container{display:block}.cd-hero-slider h2,.cd-hero-slider p{max-width:520px}}@media only screen and (min-width:768px){.cd-hero-slider .cd-half-width{opacity:0;-webkit-transform:translateX(40px);transform:translateX(40px)}.cd-hero-slider .move-left .cd-half-width{-webkit-transform:translateX(-40px);transform:translateX(-40px)}.cd-hero-slider .selected .cd-half-width{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}.cd-hero-slider .is-moving .cd-half-width{-webkit-transition:opacity 0s .5s,-webkit-transform 0s .5s;transition:opacity 0s .5s,transform 0s .5s}.cd-hero-slider li.selected.from-left .cd-half-width:nth-of-type(2),.cd-hero-slider li.selected.from-right .cd-half-width:first-of-type{-webkit-transition:opacity .4s .2s,-webkit-transform .5s .2s;transition:opacity .4s .2s,transform .5s .2s}.cd-hero-slider li.selected.from-left .cd-half-width:first-of-type,.cd-hero-slider li.selected.from-right .cd-half-width:nth-of-type(2){-webkit-transition:opacity .4s .4s,-webkit-transform .5s .4s;transition:opacity .4s .4s,transform .5s .4s}.cd-hero-slider .cd-full-width .cd-btn,.cd-hero-slider .cd-full-width h2,.cd-hero-slider .cd-full-width p{opacity:0;-webkit-transform:translateX(100px);transform:translateX(100px)}.cd-hero-slider .move-left .cd-full-width .cd-btn,.cd-hero-slider .move-left .cd-full-width h2,.cd-hero-slider .move-left .cd-full-width p{opacity:0;-webkit-transform:translateX(-100px);transform:translateX(-100px)}.cd-hero-slider .selected .cd-full-width .cd-btn,.cd-hero-slider .selected .cd-full-width h2,.cd-hero-slider .selected .cd-full-width p{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}.cd-hero-slider li.is-moving .cd-full-width .cd-btn,.cd-hero-slider li.is-moving .cd-full-width h2,.cd-hero-slider li.is-moving .cd-full-width p{-webkit-transition:opacity 0s .5s,-webkit-transform 0s .5s;transition:opacity 0s .5s,transform 0s .5s}.cd-hero-slider li.selected h2{-webkit-transition:opacity .4s .2s,-webkit-transform .5s .2s;transition:opacity .4s .2s,transform .5s .2s}.cd-hero-slider li.selected p{-webkit-transition:opacity .4s .3s,-webkit-transform .5s .3s;transition:opacity .4s .3s,transform .5s .3s}.cd-hero-slider li.selected .cd-btn{-webkit-transition:opacity .4s .4s,-webkit-transform .5s .4s,background-color .2s 0s;transition:opacity .4s .4s,transform .5s .4s,background-color .2s 0s}}.cd-slider-nav{position:absolute;width:100%;bottom:0;text-align:center;height:25px;background-color:hsla(0,0%,95%,.5)}.cd-slider-nav a,.cd-slider-nav li,.cd-slider-nav nav,.cd-slider-nav ul{height:100%}.cd-slider-nav nav{display:inline-block;position:relative}.cd-slider-nav .cd-marker{position:absolute;bottom:0;left:0;width:60px;height:100%;background-color:#f2f2f2;box-shadow:inset 0 2px 0 #a61f1f;-webkit-transition:-webkit-transform .2s,box-shadow .2s;transition:transform .2s,box-shadow .2s}.cd-slider-nav .cd-marker.item-2{-webkit-transform:translateX(100%);transform:translateX(100%)}.cd-slider-nav .cd-marker.item-3{-webkit-transform:translateX(200%);transform:translateX(200%)}.cd-slider-nav .cd-marker.item-4{-webkit-transform:translateX(300%);transform:translateX(300%)}.cd-slider-nav .cd-marker.item-5{-webkit-transform:translateX(400%);transform:translateX(400%)}.cd-slider-nav li{display:inline-block;width:60px;float:left}.cd-slider-nav li.selected a{background-color:transparent;color:#f2f2f2}.cd-slider-nav li.selected a:hover{background-color:transparent}.cd-slider-nav a{display:block;position:relative;background-color:hsla(0,0%,95%,.5);-webkit-transition:background-color .2s;transition:background-color .2s}.cd-slider-nav a:hover{background-color:rgba(166,32,32,.5)}