.homepage{position:relative;min-height:520px;height:100%;}.homepage .site-header{left:0;right:0;z-index:2000;}.homepage .st-menu-open .site-header{left:280px;}.homepage .homepage-footer{display:block;}.homepage .standard-footer{display:none;}.homepage .hero{list-style:none;padding:0;margin:0;position:absolute;top:0;left:0;right:0;bottom:0;border-color:#fff;overflow:hidden;min-height:0;z-index:20;}.homepage .hero:after{content:"";display:block;position:absolute;top:0;left:0;right:0;height:85px;z-index:1001;background:-moz-linear-gradient(top,rgba(0,0,0,.85) 0%,rgba(0,0,0,0) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,.85)),color-stop(100%,rgba(0,0,0,0)));background:-webkit-linear-gradient(top,rgba(0,0,0,.85) 0%,rgba(0,0,0,0) 100%);background:-o-linear-gradient(top,rgba(0,0,0,.85) 0%,rgba(0,0,0,0) 100%);background:-ms-linear-gradient(top,rgba(0,0,0,.85) 0%,rgba(0,0,0,0) 100%);background:linear-gradient(to bottom,rgba(0,0,0,.85) 0%,rgba(0,0,0,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000',endColorstr='#00000000',GradientType=0);}.homepage .hero li{position:absolute;top:0;left:0;bottom:0;right:0;overflow:visible;border-color:#fff;background-size:cover;background-position:bottom left;transform:translateX(-100%);transition:display 2000ms linear;}.homepage .hero li.active{transform:translateX(0);transition:z-index 1500ms linear,display 0 linear;z-index:999;}.homepage .hero li.active .copy-left{opacity:1;transform:translateX(0%) rotateZ(0) scale(1);}.homepage .hero li.transition-out{transform:translateX(0);z-index:1000;}.homepage .hero li.transition-out .image{opacity:0;}.homepage .hero li.transition-out .copy-left{opacity:0;transform:translateX(-150%) rotateZ(0) scale(1);transition:transform 500ms 1000ms cubic-bezier(.7,.015,.685,.22),opacity 500ms 1000ms cubic-bezier(.165,.84,.44,1);}.homepage .hero li .image{position:absolute;top:0;left:0;bottom:240px;right:0;opacity:1;overflow:hidden;transition:opacity 125ms 1000ms cubic-bezier(.77,0,.175,1);}@media all and (min-width:43.75em){.homepage .hero li .image{bottom:60px;}}.homepage .hero li .image .inner{position:absolute;top:0;left:0;bottom:-1px;right:0;z-index:1;background-size:cover;background-position:bottom center;}@media all and (min-width:43.75em){.homepage .hero li .image .inner{background-position:center center;}}.homepage .hero li .copy-left{overflow:visible;opacity:0;transform-origin:50% 100%;}.homepage .hero li .header-banner-content-wrapper{z-index:1002;}.homepage .hero li .header-banner-content-wrapper svg{height:3.5em;}.homepage .hero li .header-banner-content-wrapper .header-content p.left{display:block;}.homepage .site-content{z-index:10;margin-left:0;}.homepage .header-utility-nav #portal-link{color:#fff;}.homepage .back-to-top{display:none;}.homepage .site-footer{height:240px;z-index:21;overflow:visible;background-color:#fefefe;position:absolute;bottom:0;padding-left:0;margin-left:0;}@media all and (min-width:43.75em){.homepage .site-footer{height:60px;background:#fefefe;}}.homepage .site-footer .slide-mask{position:absolute;left:0;right:0;top:-50px;height:77px;background:url('/~/media/ValvolineIntl/Images/base/home-slide-mask.png') top center no-repeat;background-size:cover;}@media all and (min-width:43.75em){.homepage .site-footer .slide-mask{background-position:top left;top:-75px;height:90px;}}.homepage .site-footer .wrapper{position:absolute;display:block;left:0;right:0;bottom:0;background:#fff url('/~/media/ValvolineIntl/Images/base/footer-keep-world.png') right 5px bottom no-repeat;background-size:fill;min-height:53px;}@media all and (min-width:43.75em){.homepage .site-footer .wrapper{background:#fff url('/~/media/ValvolineIntl/Images/base/footer-keep-world.png') right 5px bottom no-repeat;}}.homepage .page-content,.homepage .site-container,.homepage .site-content,.homepage .site-content>.wrapper{min-height:100px;}.homepage .site-container{height:100%;}.callout-carousel{position:absolute;bottom:55px;width:100%;right:0;height:220px;overflow:visible;z-index:22;margin:0;padding:0;perspective:800px;}@media all and (min-width:43.75em){.callout-carousel{bottom:0;width:260px;height:100%;z-index:20;}}.callout-carousel>li{display:block;position:absolute;left:50%;width:260px;background-color:#000;opacity:.6;height:100%;transition:transform 750ms cubic-bezier(.77,0,.175,1),background-color 750ms cubic-bezier(.77,0,.175,1),opacity 750ms cubic-bezier(.77,0,.175,1);backface-visibility:hidden;}@media all and (min-width:43.75em){.callout-carousel>li{-webkit-box-shadow:-1px 0 20px 0 rgba(255,255,255,.4);-moz-box-shadow:-1px 0 20px 0 rgba(255,255,255,.4);box-shadow:-1px 0 20px 0 rgba(255,255,255,.4);}}.callout-carousel>li:nth-child(1){transform-origin:100% 100%;}@media all and (min-width:43.75em){.callout-carousel>li:nth-child(1){transform-origin:100% 100%;}}.callout-carousel>li:nth-child(2){transform-origin:50% 100%;}@media all and (min-width:43.75em){.callout-carousel>li:nth-child(2){transform-origin:100% 50%;}}.callout-carousel>li:nth-child(3){transform-origin:0% 100%;}@media all and (min-width:43.75em){.callout-carousel>li:nth-child(3){transform-origin:100% 0%;}}@media all and (min-width:43.75em){.callout-carousel>li{width:100%;height:220px;left:auto;right:0;top:50%;}}.callout-carousel>li .inner{color:#efefef;padding:20px;font-size:.85em;}.callout-carousel>li h4{font-family:'Helvetica',Arial,sans-serif;color:#fff;text-transform:uppercase;font-size:1.2em;}.callout-carousel>li input{width:90px;display:block;margin-bottom:10px;}.callout-carousel>li .row{width:100%;}.callout-carousel>li .selectricWrapper{position:relative;display:block;width:200px;}.callout-carousel>li .selectricWrapper.selectricOpen{z-index:2000;}.callout-carousel>li .selectricWrapper>li{transform:none;}.callout-carousel>li .select-wrapper{position:relative;width:90px;margin:0;display:inline-block;}.callout-carousel>li select{position:absolute;width:100px !important;height:20px !important;margin-bottom:10px;}.callout-carousel.show-1 li:nth-child(1){z-index:10;transform:translate(-160px,0) scale(1);opacity:1;transition:transform 750ms cubic-bezier(.77,0,.175,1),background-color 750ms cubic-bezier(.77,0,.175,1),opacity 750ms cubic-bezier(.77,0,.175,1);}@media all and (min-width:43.75em){.callout-carousel.show-1 li:nth-child(1){transform:translate(0,-160px) scale(1);}}.callout-carousel.show-1 li:nth-child(2){z-index:9;transform:translate(64px,0) scale(.8);}@media all and (min-width:43.75em){.callout-carousel.show-1 li:nth-child(2){transform:translate(0,28px) scale(.8);}}.callout-carousel.show-1 li:nth-child(3){z-index:8;transform:translate(288px,0) scale(.64);}@media all and (min-width:43.75em){.callout-carousel.show-1 li:nth-child(3){transform:translate(0,216px) scale(.64);}}.callout-carousel.show-2 li:nth-child(1){z-index:9;transform:translate(-380px,0) scale(.8);}@media all and (min-width:43.75em){.callout-carousel.show-2 li:nth-child(1){transform:translate(0,-320px) scale(.8);}}.callout-carousel.show-2 li:nth-child(2){z-index:10;transition:transform 750ms cubic-bezier(.77,0,.175,1),background-color 750ms cubic-bezier(.77,0,.175,1),opacity 750ms cubic-bezier(.77,0,.175,1);transform:translate(-130px,0) scale(1);opacity:1;}@media all and (min-width:43.75em){.callout-carousel.show-2 li:nth-child(2){transform:translate(0,-110px) scale(1);}}.callout-carousel.show-2 li:nth-child(3){z-index:8;transform:translate(120px,0) scale(.8);}@media all and (min-width:43.75em){.callout-carousel.show-2 li:nth-child(3){transform:translate(0,100px) scale(.8);}}.callout-carousel.show-3>li:nth-child(1){z-index:8;transform:translate(-548px,0) scale(.64);}@media all and (min-width:43.75em){.callout-carousel.show-3>li:nth-child(1){transform:translate(0,-436px) scale(.64);}}.callout-carousel.show-3>li:nth-child(2){z-index:9;transform:translate(-324px,0) scale(.8);}@media all and (min-width:43.75em){.callout-carousel.show-3>li:nth-child(2){transform:translate(0,-248px) scale(.8);}}.callout-carousel.show-3>li:nth-child(3){z-index:10;transition:transform 750ms cubic-bezier(.77,0,.175,1),background-color 750ms cubic-bezier(.77,0,.175,1),opacity 750ms cubic-bezier(.77,0,.175,1);transform:translate(-100px,0) scale(1);opacity:1;}@media all and (min-width:43.75em){.callout-carousel.show-3>li:nth-child(3){transform:translate(0,-60px) scale(1);}}.callout-carousel .find-locations{background-image:url("/~/media/ValvolineIntl/Images/base/callout-sign.png");background-repeat:no-repeat;background-position:10px bottom;}.callout-carousel .find-locations .inner{padding-top:20px;margin-left:50px;}.callout-carousel .find-products{background-image:url("/~/media/ValvolineIntl/Images/base/map-callout.png");background-repeat:no-repeat;background-position:95% 50%;}.callout-carousel .find-products h4{width:60%;}.callout-carousel .find-products p{width:42%;}.callout-carousel .find-products input,.callout-carousel .find-products a{position:absolute;bottom:0;}.callout-carousel .find-products a{left:50%;}.callout-carousel .quick-links{background-image:url("/~/media/ValvolineIntl/Images/base/valvoline-laptop.png");background-repeat:no-repeat;background-position:97% 50%;}.callout-carousel .quick-links .inner p{width:47%;}.callout-carousel .quick-links .inner .selectricWrapper{position:absolute;bottom:30px;}.callout-carousel .quick-links .inner .selectricWrapper p{width:auto;}.callout-carousel .product-catalog{background-image:url("/~/media/ValvolineIntl/Images/base/callout-catalog.png");background-repeat:no-repeat;background-position:95% 50%;}.callout-carousel .product-catalog .inner{padding:12px!important;}.callout-carousel .product-catalog .inner h4{width:90%;}.callout-carousel .product-catalog .inner p{width:50%;}.callout-carousel .product-catalog .inner .btn{position:absolute;bottom:0;padding:12px 10px!important;}.callout-carousel .btn:hover{color:#7d7e7e;}.st-menu-open .callout-carousel{display:none;}@media all and (min-width:43.75em){.st-menu-open .callout-carousel{display:block;}}