html{overflow:hidden}
.loader{position:fixed;top:0;left:0;z-index:100;height:100vh;width:100vw;background:#fff}
.loader-tyre-wrap{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);height:200px;width:200px}
.loader-tyre{-webkit-animation:rotateTyre 2s linear infinite;animation:rotateTyre 2s linear infinite;height:100%;width:100%}
@-webkit-keyframes rotateTyre{0{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes rotateTyre{0{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
.feature_video .container{padding:0}
.sticky_btn{display:none}
@media only screen and (max-width:1199px){.sticky_btn{display:block;text-align:center;position:fixed;bottom:15px;z-index:90;left:0;right:0;margin:auto}
.sticky_btn .cta{padding:15px 80px}
}
.twitter-typeahead{width:100%}
.twitter-typeahead .tt-menu{width:100%;background-color:#fff;box-shadow:0 0 30px -10px rgba(0,0,0,.15);border-bottom-left-radius:1rem;border-bottom-right-radius:1rem;max-height:12rem;overflow:auto;text-align:left}
.twitter-typeahead .tt-selectable{padding:.5rem 1.5rem;cursor:pointer;transition:all .4s ease-in-out;background-color:transparent;color:#8c8c8c}
.twitter-typeahead .tt-selectable:hover{background-color:#f5f7f9}
.twitter-typeahead .tt-selectable strong{color:#000}
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}
.slick-list:focus{outline:0}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}
.slick-track:before,.slick-track:after{display:table;content:''}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none;float:left;height:100%;min-height:1px}
[dir='rtl'] .slick-slide{float:right}
.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-arrow.slick-hidden{display:none}
@charset 'UTF-8';.slick-loading .slick-list{background:#fff url('clientlib-crossdrive/css/ajax-loader.gif') center center no-repeat}
@font-face{font-family:'slick';font-weight:normal;font-style:normal;src:url('clientlib-crossdrive/css/fonts/slick.eot');src:url('clientlib-crossdrive/css/fonts/slick.eot?#iefix') format('embedded-opentype'),url('clientlib-crossdrive/css/fonts/slick.woff') format('woff'),url('clientlib-crossdrive/css/fonts/slick.ttf') format('truetype'),url('clientlib-crossdrive/css/fonts/slick.svg#slick') format('svg')}
.slick-prev,.slick-next{font-size:0;line-height:0;position:absolute;top:50%;display:block;width:20px;height:20px;padding:0;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);cursor:pointer;color:transparent;border:0;outline:0;background:transparent}
.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{color:transparent;outline:0;background:transparent}
.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{opacity:1}
.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{opacity:.25}
.slick-prev:before,.slick-next:before{font-family:'slick';font-size:20px;line-height:1;opacity:.75;color:white;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.slick-prev{left:-25px}
[dir='rtl'] .slick-prev{right:-25px;left:auto}
.slick-prev:before{content:'←'}
[dir='rtl'] .slick-prev:before{content:'→'}
.slick-next{right:-25px}
[dir='rtl'] .slick-next{right:auto;left:-25px}
.slick-next:before{content:'→'}
[dir='rtl'] .slick-next:before{content:'←'}
.slick-dotted.slick-slider{margin-bottom:30px}
.slick-dots{position:absolute;bottom:-25px;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center}
.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer}
.slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:0;background:transparent}
.slick-dots li button:hover,.slick-dots li button:focus{outline:0}
.slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1}
.slick-dots li button:before{font-family:'slick';font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:'•';text-align:center;opacity:.25;color:black;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.slick-dots li.slick-active button:before{opacity:.75;color:black}
@charset 'UTF-8';.slick-loading .slick-list{background:#fff url(clientlib-crossdrive/css/ajax-loader.gif) center center no-repeat}
@font-face{font-family:slick;font-weight:400;font-style:normal;src:url(clientlib-crossdrive/css/fonts/slick.eot);src:url(clientlib-crossdrive/css/fonts/slick.eot?#iefix) format('embedded-opentype'),url(clientlib-crossdrive/css/fonts/slick.woff) format('woff'),url(clientlib-crossdrive/css/fonts/slick.ttf) format('truetype'),url(clientlib-crossdrive/css/fonts/slick.svg#slick) format('svg')}
.slick-next,.slick-prev{font-size:0;line-height:0;position:absolute;top:50%;display:block;width:20px;height:20px;padding:0;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);cursor:pointer;color:transparent;border:0;outline:0;background:0}
.slick-next:focus,.slick-next:hover,.slick-prev:focus,.slick-prev:hover{color:transparent;outline:0;background:0}
.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity:1}
.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}
.slick-next:before,.slick-prev:before{font-family:slick;font-size:20px;line-height:1;opacity:.75;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.slick-prev{left:-25px}
[dir=rtl] .slick-prev{right:-25px;left:auto}
.slick-prev:before{content:'←'}
[dir=rtl] .slick-prev:before{content:'→'}
.slick-next{right:-25px}
[dir=rtl] .slick-next{right:auto;left:-25px}
.slick-next:before{content:'→'}
[dir=rtl] .slick-next:before{content:'←'}
.slick-dotted.slick-slider{margin-bottom:30px}
.slick-dots{position:absolute;bottom:-25px;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center}
.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer}
.slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:0;background:0}
.slick-dots li button:focus,.slick-dots li button:hover{outline:0}
.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:1}
.slick-dots li button:before{font-family:slick;font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:'•';text-align:center;opacity:.25;color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.slick-dots li.slick-active button:before{opacity:.75;color:#000}
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}
.slick-list:focus{outline:0}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}
.slick-track:after,.slick-track:before{display:table;content:''}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none;float:left;height:100%;min-height:1px}
[dir=rtl] .slick-slide{float:right}
.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-arrow.slick-hidden{display:none}
@font-face{font-family:"klavika-light";src:url("../../../content/dam/ceat_campaign/cross-drive-campaign/fonts/klavika/klavika-light.otf")}
@font-face{font-family:"klavika-medium";src:url("../../../content/dam/ceat_campaign/cross-drive-campaign/fonts/klavika/klavika-medium.otf")}
@font-face{font-family:"klavika-light";src:url("../../../content/dam/ceat_campaign/cross-drive-campaign/fonts/klavika/klavika-light.otf")}
@font-face{font-family:"klavika-medium";src:url("../../../content/dam/ceat_campaign/cross-drive-campaign/fonts/klavika/klavika-medium.otf")}
@font-face{font-family:"klavika-medium-italic";src:url("../../../content/dam/ceat_campaign/cross-drive-campaign/fonts/klavika/klavika-medium-italic.otf")}
@font-face{font-family:"klavika-bold";src:url("../../../content/dam/ceat_campaign/cross-drive-campaign/fonts/klavika/klavika-bold.otf")}
:root{--color-primary:#0053aa;--color-primary-rgb:0,83,170;--color-primary-contrast:#fff;--color-primary-contrast-rgb:255,255,255;--color-primary-shade:#004996;--color-primary-tint:#1a64b3;--color-secondary:#ec7b13;--color-secondary-rgb:236,123,19;--color-secondary-contrast:#fff;--color-secondary-contrast-rgb:0,0,0;--color-secondary-shade:#e48743;--color-secondary-tint:#ee882b;--color-light:#fff;--color-light-rgb:214,214,214;--color-light-contrast:#0e0e0e;--color-light-contrast-rgb:;--color-light-shade:#656565;--color-light-tint:#dfdfdf;--color-dark:#211f1f;--color-dark-rgb:14,14,14;--color-dark-contrast:#fff;--color-dark-contrast-rgb:;--color-dark-shade:#272525;--color-dark-tint:#111827;--color-blue:#0071a9;--color-green:#21a947;--color-red:#a9000a;--font-primary:"Klavika",sans-serif;--font-primary-light:"klavika-light",sans-serif;--font-primary-medium:"klavika-medium",sans-serif;--font-primary-medium-italic:"klavika-medium-italic",sans-serif;--font-primary-bold:"klavika-bold",sans-serif}
*{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}
a{text-decoration:none;cursor:pointer}
ul{list-style:none}
body{font-family:var(--font-primary-medium);font-weight:500;font-size:16px;color:var(--color-text-primary);line-height:1.45}
img{display:block;max-width:100%;height:auto}
.cta{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.5s;transition-duration:.5s;cursor:pointer;background:var(--color-primary);text-decoration:none;color:var(--color-light);-webkit-font-smoothing:antialiased;padding:15px 30px;border-radius:5px;overflow:hidden}
.cta::before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:var(--color-secondary);-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}
.cta:hover::before{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition-timing-function:cubic-bezier(0.52,1.64,0.37,0.66);transition-timing-function:cubic-bezier(0.52,1.64,0.37,0.66)}
.common-title{margin-bottom:13px;font-size:2.375em;line-height:1.1em;font-family:var(--font-primary-bold)}
.common-desc{font-size:1.125em;color:var(--color-light-shade);line-height:1.3em}
button{cursor:pointer}
.container-fluid,.container{width:100%;position:relative;padding:80px 20px}
.container{margin:auto}
@media(min-width:768px)and (max-width:991px){.container{width:750px}
}
@media(min-width:992px)and (max-width:1199px){.container{width:970px}
}
@media(min-width:1400px){.container{width:1400px}
}
@media screen and (max-width:1500px){.container{padding:80px 40px}
}
@media screen and (max-width:600px){.container{padding:19px}
.common-title{margin-bottom:8px;font-size:2em}
.common-desc{font-size:1em}
.hero-section{margin:55px auto 0}
}
@media(min-width:992px){.desktop-hide{display:none}
}
.hero-section{margin:60px auto 0}
::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:var(--color-light)}
::-webkit-scrollbar{width:6px;background-color:var(--color-light)}
::-webkit-scrollbar-thumb{background-color:var(--color-primary)}
.navbar{max-width:1400px;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:16px 10px 14px;z-index:99}
.fixed-navbar{position:fixed;top:0;left:0;width:100%;background:#f4f4f4;z-index:99}
.company-logo{width:120px}
.navbar-wrapper{list-style:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.nav-link{font-size:16px;color:var(--color-light-shade);margin:0 55px 0 15px;padding-bottom:1px;background:-webkit-gradient(linear,left top,left bottom,color-stop(0,currentColor)) 0 100%/var(--d,0) 1px no-repeat;background:linear-gradient(currentColor 0 0) 0 100%/var(--d,0) 1px no-repeat;-webkit-transition:.5s;transition:.5s}
.nav-link:hover{--d:100%}
.nav-cont{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
@media only screen and (max-width:1500px){.navbar{padding:6px 10px 6px}
}
@media only screen and (max-width:992px){header li.active:last-of-type::before{display:none !important}
.menu-bar{padding:12px 15px;position:relative}
.navbar{display:none}
.header-cont{width:100%;padding:0}
.arrow-svg-header-wrap{padding:21px 37px 22px}
.menuBtn{height:30px;width:30px;position:absolute;right:20px;z-index:101;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.menuBtn>span{background-color:var(--color-dark);border-radius:1px;height:2px;width:100%;position:absolute;left:50%;top:50%;margin:-1px 0 0 -15px;-webkit-transition:height 100ms;transition:height 100ms}
.menuBtn>span:after,.menuBtn>span:before{content:"";background-color:var(--color-dark);border-radius:1px;height:2px;width:100%;position:absolute;left:50%;margin-left:-15px;-webkit-transition:all 200ms;transition:all 200ms}
.menuBtn>span:after{top:-7px}
.menuBtn>span:before{bottom:-7px}
.menuBtn.act>span{height:0}
.menuBtn.act>span:after,.menuBtn.act>span:before{background-color:var(--color-dark);top:1px}
.menuBtn.act>span:after{-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.menuBtn.act>span:before{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.mainMenu{background:#f4f4f4;position:absolute;left:0;top:0;z-index:100;height:100vh;width:100vw;display:table;text-align:center;opacity:0;-webkit-transition:all 500ms cubic-bezier(0.68,-0.55,0.265,1.55);transition:all 500ms cubic-bezier(0.68,-0.55,0.265,1.55);-webkit-transform:scale(0);transform:scale(0);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.mainMenu.act{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
.mainMenu.act ul li{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
.mainMenu li{padding:8px 0;-webkit-transition:all 400ms 510ms;transition:all 400ms 510ms;opacity:0}
.mainMenu li:nth-child(odd){-webkit-transform:translateX(30%);transform:translateX(30%)}
.mainMenu li:nth-child(even){-webkit-transform:translateX(-30%);transform:translateX(-30%)}
.mainMenu li:last-child{-webkit-transform:none;transform:none}
.mainMenu a{font-weight:var(--font-medium);color:var(--color-dark);display:inline-block;font-size:1.5em}
.mbl-cta{position:absolute;bottom:40px;color:var(--color-light) !important}
}
@font-face{font-family:icomoon;font-style:normal;font-weight:400;src:url(../../../content/dam/ceat_campaign/cross-drive-campaign/fonts/icomoon/fonts/icomoon.eot) format("embedded-opentype"),url(../../../content/dam/ceat_campaign/cross-drive-campaign/fonts/icomoon/fonts/icomoon.woff) format("woff"),url(../../../content/dam/ceat_campaign/cross-drive-campaign/fonts/icomoon/fonts/icomoon.ttf) format("truetype"),url(clientlib-crossdrive/fonts/icomoon/fonts/icomoon.svg) format("svg")}
[class*=" icon-"],[class^=icon-]{font-family:icomoon !important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.icon-arrowleft:before{content:""}
.icon-arrowright:before{content:""}
.progress{height:20px;padding:21px;position:relative}
.progress__cur{position:absolute;top:21px;right:21px;bottom:21px;left:0;background:0}
.progress__cur-point{background:0;width:20px;height:20px;margin:0 auto;cursor:pointer;border:2px solid #fff;border-radius:100%;z-index:2;opacity:1;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:all .7s ease;transition:all .7s ease;-webkit-transform:translate(0,0) scale(0.75);transform:translate(0,0) scale(0.75)}
.is-not-loaded .progress__cur-point{opacity:0}
.is-not-loaded .progress__cur-point:nth-child(1){-webkit-transform:translate(-20px,0);transform:translate(-20px,0)}
.is-not-loaded .progress__cur-point:nth-child(2){-webkit-transform:translate(0,0);transform:translate(0,0)}
.is-not-loaded .progress__cur-point:nth-child(3){-webkit-transform:translate(20px,0);transform:translate(20px,0)}
.progress__cur-point:nth-child(1){left:0;right:auto}
.progress__cur-point:nth-child(2){left:0;right:0}
.progress__cur-point:nth-child(3){left:auto;right:0}
.progress__cur-point:after,.progress__cur-point:before{content:"";top:-1px;right:-1px;bottom:-1px;left:-1px}
.progress__cur-point:before{position:absolute;background:var(--color-secondary);border-radius:100%;-webkit-border-radius:100%;-webkit-transition:all .35s ease;transition:all .35s ease;-webkit-transform:scale(0.9);transform:scale(0.9);opacity:.4}
.cursor,.progress__cur-point:after{position:absolute;border-radius:100%}
.cursor:before,.progress__cur-point:after{-webkit-transition:all .35s ease;-moz-transition:all .35s ease}
.progress__cur-point:after{z-index:1;background:#fff;-webkit-border-radius:100%;-webkit-transition:all .35s ease;transition:all .35s ease;-webkit-transform:scale(0.25);transform:scale(0.25)}
html.non-mobileDevice .progress__cur-point:hover{-webkit-transition-duration:.35s;transition-duration:.35s;-webkit-transform:scale(1);transform:scale(1)}
html.non-mobileDevice .progress__cur-point:hover:before{-webkit-transform:scale(0.55);transform:scale(0.55)}
html.non-mobileDevice .progress__cur-point:hover:after{-webkit-transform:scale(0.2);transform:scale(0.2)}
.progress__cur-point.is-active{-webkit-transition-duration:.35s;transition-duration:.35s;-webkit-transform:scale(0.9);transform:scale(0.9)}
.progress__cur-point.is-active:before{-webkit-transform:scale(1.1);transform:scale(1.1);opacity:.75}
.cursor,.is-loaded .cursor__preloader{opacity:0}
.progress__cur-point.is-active:after{-webkit-transform:scale(0.5);transform:scale(0.5)}
.progress__cur-line{display:none}
.cursor{top:1px;right:auto;bottom:auto;left:0;width:30px;height:30px;-webkit-border-radius:100%;pointer-events:none;visibility:hidden;-webkit-transition:background-color .35s ease;transition:background-color .35s ease}
.cursor:after,.cursor:before{position:absolute;border-radius:100%;content:""}
.cursor:before{top:-4px;right:-4px;bottom:-4px;left:-4px;z-index:-1;background:#fff;-webkit-border-radius:100%;-webkit-transition:all .35s ease;transition:all .35s ease}
.cookies__ok,.cursor:after{-webkit-transition:all .35s ease}
.cursor:after{top:-8px;right:-8px;bottom:-8px;left:-8px;z-index:-2;background:rgba(0,0,0,.4);-webkit-border-radius:100%;-webkit-transition:all .35s ease;transition:all .35s ease}
.cursor__arrows,.cursor__preloader{position:absolute;border-radius:100%}
.cursor__preloader{top:-2px;right:-2px;bottom:-2px;left:-2px;background-image:-webkit-gradient(linear,left top,right top,color-stop(50%,#eee),color-stop(50%,transparent),to(transparent)),-webkit-gradient(linear,left top,right top,color-stop(50%,var(--color-secondary)),color-stop(50%,#eee),to(#eee));background-image:linear-gradient(90deg,#eee 50%,transparent 50%,transparent),linear-gradient(90deg,var(--color-secondary) 50%,#eee 50%,#eee);-webkit-border-radius:100%;-webkit-transition:opacity .7s ease;transition:opacity .7s ease}
.cursor__arrow{color:#fff;position:relative;top:4px;font-size:13px;display:inline-block;-webkit-transition:all .5s ease;transition:all .5s ease;-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:scaleY(1.4) scaleX(1.6);transform:scaleY(1.4) scaleX(1.6)}
.cursor__circles{-webkit-transition:all .5s ease;-moz-transition:all .5s ease}
.cursor__arrows{top:0;right:0;bottom:0;left:0;background:#fff;-webkit-border-radius:100%;line-height:24px;text-align:center}
.cursor__circles,.cursor__guide-fill{position:absolute;border-radius:100%}
.is-loaded .cursor__arrow{color:var(--color-secondary);-webkit-transform:scale(1);transform:scale(1)}
.cursor__arrow.icon-arrowright{margin-left:3px}
.cursor--drag{background:var(--color-secondary)}
.cursor--drag:after,.cursor--drag:before{-webkit-transform:scale(0.9);transform:scale(0.9)}
.cursor--drag .cursor__arrow.icon-arrowleft{-webkit-transform:translate(2px,0);transform:translate(2px,0)}
.cursor--drag .cursor__arrow.icon-arrowright{-webkit-transform:translate(-2px,0);transform:translate(-2px,0)}
.cursor--left:before,.cursor--right:before{-webkit-transform:scale(1.05);transform:scale(1.05)}
.cursor--left .cursor__arrow.icon-arrowleft{-webkit-transform:translate(6px,0) scale(1.25);transform:translate(6px,0) scale(1.25)}
.cursor--left .cursor__arrow.icon-arrowright,.cursor--right .cursor__arrow.icon-arrowleft{opacity:0 !important}
.cursor--right .cursor__arrow.icon-arrowright{-webkit-transform:translate(-6px,0) scale(1.25);transform:translate(-6px,0) scale(1.25)}
.cursor.is-disable:after{background:rgba(0,0,0,.15)}
.cursor.is-disable:before{background:rgba(255,255,255,.9)}
.cursor.is-disable .cursor__arrows{background:0}
.cursor.is-disable .cursor__arrow.icon-arrowleft,.cursor.is-disable .cursor__arrow.icon-arrowright{opacity:.5;color:#656565}
.cursor__circles{-webkit-border-radius:100%;margin:0 auto;z-index:2;opacity:0;visibility:hidden;top:5px;right:5px;bottom:5px;left:5px;-webkit-transition:all .5s ease;transition:all .5s ease;-webkit-transform:scale(0.6);transform:scale(0.6);-webkit-transition-timing-function:cubic-bezier(0.175,0.885,0.32,1.275);transition-timing-function:cubic-bezier(0.175,0.885,0.32,1.275)}
.cursor__circles:after,.cursor__circles:before{content:"";position:absolute;top:-37px;right:-37px;bottom:-37px;left:-37px;border:1px solid #fff;border-radius:100%;-webkit-border-radius:100%;opacity:.1;-webkit-animation:radarCircles 4.5s infinite;animation:radarCircles 4.5s infinite}
.cursor__circles:after{-webkit-animation-delay:1.25s;animation-delay:1.25s}
.cursor--howto .cursor__circles{opacity:1;visibility:visible}
.cursor--drag .cursor__circles{-webkit-transform:scale(0.4);transform:scale(0.4)}
.cursor__hand{position:absolute;top:11px;right:auto;bottom:auto;left:9px;z-index:1;background-image:url(../../../content/dam/ceat_campaign/cross-drive-campaign/intro/cursor-howto-hand.png);background-size:129px auto;background-position:left top;width:64px;height:86px;opacity:0;visibility:hidden;-webkit-transform:translate(15px,15px);transform:translate(15px,15px);-webkit-transition-property:-webkit-transform,opacity;-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-transition-duration:.8s,.8s;transition-duration:.8s,.8s;-webkit-transition-timing-function:ease,ease;transition-timing-function:ease,ease}
.cursor--howto .cursor__hand{-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0)}
.cursor--howto .cursor__hand{opacity:1;visibility:visible;-webkit-transform:translate(0,0);transform:translate(0,0)}
.cursor--drag .cursor__hand{background-position:right top}
.cursor__guide{position:absolute;top:50%;right:0;bottom:0;left:auto;z-index:1;height:16px;margin:-8px 0 0;visibility:hidden;opacity:0;-webkit-transform:scale(0.9);transform:scale(0.9);-webkit-transition-property:-webkit-transform,opacity;-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-transition-duration:.25s,.25s;transition-duration:.25s,.25s;-webkit-transition-timing-function:ease-out,ease;transition-timing-function:ease-out,ease}
.cursor__guide.is-visible{visibility:visible;opacity:1;-webkit-transform:scale(1);transform:scale(1)}
.cursor__guide-fill{top:2px;right:2px;bottom:2px;left:2px;background:rgba(255,255,255,.8);-webkit-border-radius:100%;-webkit-transform:scale(0.25);transform:scale(0.25)}
.cursor__guide-center,.cursor__guide-target{border:1px solid rgba(255,255,255,.8);position:absolute}
.cursor__guide-target{top:0;right:0;bottom:0;left:0;border-radius:100%;-webkit-border-radius:100%;width:16px;visibility:hidden;-webkit-transition:all .35s ease-out;transition:all .35s ease-out}
.cursor__guide-target--left{left:-8px;right:auto;-webkit-transform:translateX(20px);transform:translateX(20px)}
.is-visible-left .cursor__guide-target--left{visibility:visible;-webkit-transform:translateX(0);transform:translateX(0)}
.cursor__guide-target--right{right:-8px;left:auto;-webkit-transform:translateX(-20px);transform:translateX(-20px)}
.is-visible-right .cursor__guide-target--right{visibility:visible;-webkit-transform:translateX(0);transform:translateX(0)}
.cursor__guide-connect{position:absolute;top:50%;right:16px;bottom:auto;left:16px;height:1px;background:rgba(255,255,255,.8);visibility:hidden;opacity:0;-webkit-transform:scaleX(0.25);transform:scaleX(0.25);-webkit-transition:all .35s ease-out;transition:all .35s ease-out}
.cursor__guide-connect--left{left:8px;right:calc(50% + 4px);-webkit-transform-origin:100% 50%;transform-origin:100% 50%}
.is-visible-left .cursor__guide-connect--left{visibility:visible;opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}
.cursor__guide-connect--right{right:8px;left:calc(50% + 3px);-webkit-transform-origin:0 50%;transform-origin:0 50%}
.is-visible-right .cursor__guide-connect--right{visibility:visible;opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}
.cursor__guide-center{width:7px;height:7px;top:50%;right:auto;bottom:auto;left:50%;margin:-3px 0 0 -4px;border-radius:100%}
.cars,.cars__cell,.cars__container,.cars__detail,.intro,.intro__bg-item{overflow:hidden}
.intro__heading{position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);text-align:left;z-index:1}
.intro__heading-big{position:relative;font-size:2.8125em;z-index:2;color:var(--color-light);line-height:1.3em;width:55%}
.intro__heading::before{height:100%;width:100%;content:"";position:absolute;background:rgba(67,67,67,.2);-webkit-filter:blur(25px);filter:blur(25px);z-index:1}
.intro__heading-progress{position:relative;z-index:7;width:123px;max-width:100%}
.intro__controls{position:absolute;top:auto;right:0;bottom:0;left:0;z-index:7;width:862px;max-width:100%;margin:0 auto;padding-bottom:25px}
.intro__controls-heading{font-size:18px;font-weight:500}
.intro__controls-heading strong{font-weight:700}
.intro__controls-car{display:inline-block;font-size:14px;background:rgba(0,0,0,.4);text-transform:uppercase;padding:12px 0 9px;min-width:190px;-webkit-transition:all .35s ease;transition:all .35s ease}
.intro__controls-cars{font-size:0;margin:21px auto 6.5px}
.intro__controls-car:first-of-type{border-radius:2px 0 0 2px;-webkit-border-radius:2px 0 0 2px}
.intro__controls-car:last-of-type{border-radius:0 2px 2px 0;-webkit-border-radius:0 2px 2px 0}
.intro__controls-car:hover{background:rgba(0,0,0,.75)}
.intro__controls-car.is-active{background:#000;color:var(--color-secondary);font-weight:700}
.intro__controls-continue{display:inline-block;margin-top:21px;position:relative}
.intro__controls-continue:before{background:#fff;width:auto;height:1px;opacity:1;position:absolute;top:auto;right:0;bottom:1px;left:0;-webkit-transition:all .35s ease;transition:all .35s ease;-webkit-transform:translate(0,0) scaleX(1);transform:translate(0,0) scaleX(1)}
.intro__controls-continue:hover:before{-webkit-transform:translate(0,2px) scaleX(0.75);transform:translate(0,2px) scaleX(0.75);opacity:0}
.intro{background:#fff;position:relative;padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;height:48.6vw}
.intro__bg-preloader{z-index:2;background:url(../../../content/dam/ceat_campaign/cross-drive-campaign/intro/preloader.jpg) center no-repeat;background-size:100vw}
.intro__bg-loaded{display:none;z-index:1}
.intro,.intro__bg,.intro__bg-preloader,.intro__bg-loaded,.intro__bg-itemposition,.intro__bg-visual{height:48.6vw;width:100vw}
.intro__bg-car,.intro__bg-item,.intro__bg-itemposition,.intro__bg-loaded,.intro__bg-preloader,.intro__bg-visual{top:0;right:0;bottom:0;left:0;position:absolute}
.intro__bg-visual{background-repeat:no-repeat;background-position:bottom;background-size:100vw 48.6vw}
.intro__bg-cars{position:absolute;bottom:1.45vw;right:auto;left:10.5vw;z-index:4;width:42.7vw;height:25.8vw}
.intro__cursor{z-index:8}
.intro__cursor-area{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6}
.intro__cursor-area.is-left,.intro__cursor-area.is-right{cursor:pointer}
.intro__contrast{background:url(../../../content/dam/ceat_campaign/cross-drive-campaign/intro/intro-contrast.png) 50% 100% no-repeat;background-size:1512px;height:50%;position:absolute;top:auto;right:0;bottom:-60px;left:0;z-index:2}
@media only screen and (max-width:992px){.intro__heading{padding:30px 20px}
.intro__heading-big{width:80%;font-size:2.2em}
}
@media only screen and (max-width:600px){.intro__heading{padding:18px 20px}
.intro__heading-big{width:100%;font-size:1.4em}
.intro{height:100vw}
.intro,.intro__bg,.intro__bg-preloader,.intro__bg-loaded,.intro__bg-itemposition,.intro__bg-visual{height:100vw}
.intro__bg-visual{background-size:100vw 100vw}
.intro__bg-preloader{background:url(../../../content/dam/ceat_campaign/cross-drive-campaign/intro/preloader-mobile.jpg) center no-repeat;background-size:100vw 100vw}
.intro__bg-cars{width:71.4vw;height:43.1vw;left:3.5vw;bottom:2vw}
}
.features-section{padding-bottom:100px}
.feature-head-cont{padding-bottom:0;text-align:center;width:50%}
.bg-wrap{position:relative}
.tyre-back{width:100%;height:66vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;background-image:-webkit-gradient(linear,left bottom,left top,from(#fff),color-stop(28%,rgba(255,255,255,0)),color-stop(70%,rgba(255,255,255,0)),to(#fff));background-image:linear-gradient(0,#fff 0,rgba(255,255,255,0) 28%,rgba(255,255,255,0) 70%,#fff 100%);position:relative}
.bg-env{background-size:cover;background-position:center bottom;width:100%;height:66vh;position:absolute;top:0;left:0}
.rolling-tyre{background-image:url(../../../content/dam/ceat_campaign/cross-drive-campaign/features/TyreLoop.png);width:193px;height:346px;background-repeat:no-repeat;background-size:contain;background-position:center}
.tyre-n-labels{position:relative;margin-bottom:70px;-webkit-transition:.4s all;transition:.4s all;top:0}
.tyre-labels-wrap{height:346px;position:absolute;bottom:0;width:1px;left:50%}
.tyre-labels-wrap .tyre-label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;position:absolute;top:0}
.tyre-labels-wrap .tyre-label.left .tyre-feature{left:-9px}
.tyre-labels-wrap .tyre-label.right{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}
.tyre-labels-wrap .tyre-label.right .point-line{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}
.tyre-labels-wrap .tyre-label.right.bottom .point-line{-webkit-transform:rotateX(180deg) rotateY(180deg);transform:rotateX(180deg) rotateY(180deg)}
.tyre-labels-wrap .tyre-label.right .tyre-feature{right:-9px}
.tyre-labels-wrap .tyre-label.top .point-line{top:11px}
.tyre-labels-wrap .tyre-label.top .tyre-feature{top:34px}
.tyre-labels-wrap .tyre-label.bottom .point-line{-webkit-transform:rotateX(180deg);transform:rotateX(180deg);bottom:11px}
.tyre-labels-wrap .tyre-label.bottom .tyre-feature{bottom:34px}
.tyre-labels-wrap .tyre-label:nth-of-type(1){-webkit-transform:translateX(calc(-100% + 30px));transform:translateX(calc(-100% + 30px))}
.tyre-labels-wrap .tyre-label:nth-of-type(2){-webkit-transform:translate(calc(0% - 2px),110px);transform:translate(calc(0% - 2px),110px)}
.tyre-labels-wrap .tyre-label:nth-of-type(3){-webkit-transform:translate(calc(0% - 6px),245px);transform:translate(calc(0% - 6px),245px)}
.tyre-labels-wrap .tyre-label:nth-of-type(4){-webkit-transform:translate(calc(-100% + 0px),140px);transform:translate(calc(-100% + 0px),140px)}
.tyre-labels-wrap .tyre-label:nth-of-type(5){-webkit-transform:translate(calc(-100% + 0px),230px);transform:translate(calc(-100% + 0px),230px)}
.tyre-labels-wrap .feature-txt-wrap{padding:6px 16px;border-radius:10px;background:var(--color-secondary);position:relative;border:.5px solid var(--color-secondary);max-height:100px;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-transform-origin:bottom;transform-origin:bottom}
.tyre-labels-wrap .tyre-label.active{z-index:1;pointer-events:none}
.tyre-labels-wrap .tyre-label.active .feature-txt-wrap{background:var(--color-light);padding:20px 28px 20px 16px;max-height:200px}
.tyre-labels-wrap .tyre-label.active .feature-txt-wrap .feature-name{display:none}
.tyre-labels-wrap .tyre-label.active .feature-txt-wrap .feature-desc{display:block}
.tyre-labels-wrap .tyre-label.active .feature-txt-wrap .feature-close{pointer-events:all;display:block}
.tyre-labels-wrap .feature-close{display:none;position:absolute;top:4px;right:4px;cursor:pointer}
.tyre-labels-wrap .feature-name{white-space:nowrap;display:inline-block;color:var(--color-light);font-size:1.375em}
.tyre-labels-wrap .feature-desc{display:none;font-family:var(--font-primary-light);font-size:1.125em;color:var(--color-primary);line-height:1.2em}
.tyre-labels-wrap .feature-desc .feature-desc-hl{font-family:var(--font-primary-medium)}
.tyre-labels-wrap .point-line{position:relative}
.tyre-labels-wrap .tyre-feature{background:var(--color-secondary);border-radius:50%;width:32px;height:32px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;min-width:32px;min-height:32px}
.fearture-tyre-shadow{position:absolute;bottom:0;-webkit-transform:translate(-50%,-25px);transform:translate(-50%,-25px);left:50%;z-index:0;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
@media only screen and (max-width:992px){.feature-head-cont{width:70%}
.tyre-back{height:56vh}
.bg-env{height:55vh}
.tyre-labels-wrap .feature-name{white-space:normal}
}
@media only screen and (max-width:600px){.features-section{padding:50px 0 0}
.feature-head-cont{width:100%}
.bg-env{height:45vh}
.rolling-tyre{width:110px;height:242px}
.point-line{width:30px}
.tyre-labels-wrap{height:250px}
.tyre-labels-wrap .tyre-feature{width:25px;height:25px;min-width:25px;min-height:25px}
.tyre-labels-wrap .tyre-feature .feature-plus{width:12px}
.tyre-labels-wrap .tyre-label:nth-of-type(1){-webkit-transform:translateX(calc(-100% + 10px));transform:translateX(calc(-100% + 10px))}
.tyre-labels-wrap .tyre-label:nth-of-type(2){-webkit-transform:translate(calc(0% - 2px),75px);transform:translate(calc(0% - 2px),75px)}
.tyre-labels-wrap .tyre-label:nth-of-type(3){-webkit-transform:translate(calc(0% - 6px),150px);transform:translate(calc(0% - 6px),150px)}
.tyre-labels-wrap .tyre-label:nth-of-type(4){-webkit-transform:translate(calc(-100% + 0px),110px);transform:translate(calc(-100% + 0px),110px)}
.tyre-labels-wrap .tyre-label:nth-of-type(5){-webkit-transform:translate(calc(-100% + 5px),160px);transform:translate(calc(-100% + 5px),160px)}
.tyre-labels-wrap .feature-txt-wrap{padding:2px 10px;border-radius:5px}
.tyre-labels-wrap .tyre-label.active .feature-txt-wrap{padding:10px 15px 10px 10px;width:120px}
.tyre-labels-wrap .tyre-label.active .feature-txt-wrap .feature-desc{font-size:.9em}
.tyre-labels-wrap .tyre-label.active .feature-txt-wrap .feature-close{top:0;right:0;width:18px}
.tyre-labels-wrap .feature-name{font-size:.9em;white-space:normal;min-width:100px}
.tyre-back{height:50vh}
}
@media only screen and (max-width:350px){.bg-env{height:65vh}
.tyre-labels-wrap .tyre-label.active .feature-txt-wrap{width:100px}
.tyre-labels-wrap .tyre-label.active .feature-txt-wrap .feature-desc{font-size:.8em}
.tyre-labels-wrap .tyre-label.active .feature-txt-wrap .feature-close{top:-2px;right:0;width:16px}
.tyre-back{height:70vh}
}
.feature-2 .feature-2-head{padding-bottom:50px;width:80%;margin:auto;text-align:center}
.feature-2 .features-2-wrap{background-image:-webkit-gradient(linear,left bottom,left top,color-stop(65%,rgba(255,255,255,0)),to(#fff)),url("../../../content/dam/ceat_campaign/cross-drive-campaign/feature-2/road-bg.png");background-image:linear-gradient(0,rgba(255,255,255,0) 65%,#fff 100%),url("../../../content/dam/ceat_campaign/cross-drive-campaign/feature-2/road-bg.png");background-position:bottom;background-size:contain}
.feature-2 .features-2-cont{padding:0 20px}
.feature-2 .features-2-tab-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;border-bottom:.5px solid var(--color-primary)}
.feature-2 .features-2-tab{padding:15px 10px 12px;-webkit-box-flex:1;-ms-flex:1;flex:1;background-color:rgba(0,0,0,0);border:0;position:relative;font-family:var(--font-primary-medium);font-size:1.25em;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.feature-2 .features-2-tab::before{position:absolute;content:"";height:80%;width:.5px;background-color:var(--color-primary);right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.feature-2 .features-2-tab:last-of-type::before{display:none}
.feature-2 .features-2-tab:hover{background-color:var(--color-primary);color:var(--color-light)}
.feature-2 .features-2-tab.active{background-color:var(--color-primary);color:var(--color-light)}
.feature-2 .feature-2-btm{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:90px;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}
.feature-2 .feature-2-img-wrap{width:375px;position:relative;-webkit-transition:.4s all;transition:.4s all}
.feature-2 #tyre-tex{position:relative;-webkit-transition:.4s all;transition:.4s all;top:0}
.feature-2 .ceat-tyre-img{margin:auto;width:100%}
.feature-2 .tyre-shadow-img{margin:auto;-webkit-transform:translateY(-67px);transform:translateY(-67px);-webkit-transition:.4s all;transition:.4s all}
.feature-2 .small-texture-img-wrap{position:absolute;height:120px;width:120px;border-radius:50%;border:2px solid var(--color-secondary);background-color:var(--color-light);padding:3px;overflow:hidden;top:15px;right:15px;-webkit-transition:.4s all;transition:.4s all}
.feature-2 .small-texture-img{border-radius:50%}
.feature-2 .feature-2-desc{width:30%;font-size:1.2em;position:relative;-webkit-transition:all .4s;transition:all .4s;line-height:1.5em;margin-top:50px}
.feature-2 .feature-2-desc::before{content:"";position:absolute;height:90%;width:3px;background-color:var(--color-primary);left:-18px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
@media only screen and (max-width:992px){.feature-2 .feature-2-head{width:90%}
.feature-2 .features-2-wrap{padding-bottom:30px}
.feature-2 .feature-2-btm{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.feature-2 .feature-2-desc{width:100%}
}
@media only screen and (max-width:600px){.feature-2{padding:50px 0 20px}
.feature-2 .feature-2-head{width:100%;padding-bottom:30px}
.feature-2 .features-2-cont{padding-bottom:50px}
.feature-2 .features-2-tab-wrap{overflow-x:scroll}
.feature-2 .features-2-tab-wrap::-webkit-scrollbar{height:2px}
.feature-2 .features-2-tab{padding:16px 41px 12px;font-size:1em}
.feature-2 .feature-2-btm{padding-top:40px}
.feature-2 .feature-2-img-wrap{width:100%}
.feature-2 .ceat-tyre-img{width:90%}
.feature-2 .small-texture-img-wrap{height:100px;width:100px;padding:2px}
.feature-2 .feature-2-desc{margin-top:-55px;font-size:1.2em}
.feature-2 .feature-2-desc::before{width:2px;left:-10px}
}
.tyre-type-section .tyre-type-details{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:45px}
.tyre-type-section .tyre-type-details .tyre-type-dropdown-wrap{margin-left:60px}
.tyre-type-section .tyre-type-details .tyre-type-dropdown{font-family:var(--font-primary-medium);border:0;border-bottom:1px solid var(--color-primary);color:var(--color-primary);font-size:1.125em;padding:10px 18px;width:300px;line-height:1;background:url(../../../content/dam/ceat_campaign/cross-drive-campaign/tyre-type/arrow.png) no-repeat right;-webkit-appearance:none;background-position-x:268px;background-size:14px}
.tyre-type-section .tyre-type-details .tyre-type-dropdown:focus{outline:0}
.tyre-type-section .tyre-type-slider-wrap{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.tyre-type-section .tyre-type-slider-wrap .tyre-type-slider{width:100%}
.tyre-type-section .tyre-slider-arrow{position:absolute;border:1px solid #767676;height:62px;width:62px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer}
.tyre-type-section .prev-tyre-arrow{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.tyre-type-section .prev-arrow-wrap{left:-80px}
.tyre-type-section .next-arrow-wrap{right:-80px}
@media only screen and (max-width:1500px){.tyre-type-section .tyre-type-slider-wrap{padding:0 80px}
.tyre-type-section .prev-arrow-wrap{left:0}
.tyre-type-section .next-arrow-wrap{right:0}
}
@media only screen and (max-width:992px){.tyre-type-section .tyre-type-details{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.tyre-type-section .tyre-type-details .tyre-type-dropdown-wrap{margin-left:0;margin-top:20px}
.tyre-type-section .tyre-type-slider-wrap{height:30vh;padding:0 65px}
.tyre-type-section .tyre-slider-arrow{height:45px;width:45px}
}
@media only screen and (max-width:600px){.tyre-type-section{padding:50px 19px}
.tyre-type-section .tyre-type-details{margin-bottom:25px}
.tyre-type-section .tyre-type-details .type-title{font-size:2em;line-height:1.2em;margin-bottom:12px}
.tyre-type-section .tyre-type-details .type-desc{font-size:1em}
.tyre-type-section .tyre-type-details .tyre-type-dropdown{font-size:1em;padding:8px 10px}
.tyre-type-section .tyre-type-slider-wrap{padding:0 20px;height:20vh}
.tyre-type-section .tyre-slider-arrow{height:20px;width:20px}
.tyre-type-section .tyre-arrow{width:10px;height:10px}
.tyre-type-section .prev-arrow-wrap{left:-10px}
.tyre-type-section .next-arrow-wrap{right:-10px}
}
.products-cont .products-head{text-align:center;margin-bottom:60px}
.products-cont .products-wrap .product-item{margin:0 20px}
.products-cont .products-wrap .product-img{margin:auto;max-width:70%}
.products-cont .products-wrap .product-desc{text-align:center;margin-top:10px}
.products-cont .products-wrap .product-desc .product-type{font-size:1.5em;margin-bottom:10px}
.products-cont .products-wrap .product-desc .product-cta{border-radius:50px;padding:10px 30px;font-size:1.2em;background:var(--color-secondary)}
.products-cont .products-wrap .product-desc .product-cta::before{background:var(--color-primary)}
@media only screen and (max-width:600px){.products-cont{padding:50px 19px}
}
.contact{display:none;background-image:url(../../../content/dam/ceat_campaign/cross-drive-campaign/contact/contact-bg.jpg);background-repeat:no-repeat;background-size:cover}
.contact .contact-cont{padding:226px 20px 166px}
.contact .contact-cont .contact-title{font-family:var(--font-primary-bold);font-size:2.375em;margin-bottom:24px}
.contact .contact-cont .contact-desc{font-size:1.125em;color:var(--color-light-shade);margin-bottom:37px;max-width:330px;line-height:1.2em}
.contact .contact-cont .contact-input{display:block;margin-bottom:37px;background:rgba(28,27,27,.06);padding:25px 30px;width:500px;font-family:var(--font-primary-medium);font-size:1.125em;color:var(--color-light-shade);outline:0;border-width:1px;border-color:var(--color-secondary)}
.contact .contact-cont .contact-input:focus{border:1px solid var(--color-primary)}
.contact .contact-cont .contact-cta{padding:16px 30px 13px}
.contact input{outline:0;border-width:0 0 1px;border-color:rgba(44,45,62,.2);background:rgba(0,0,0,0)}
.contact input:focus{border-color:var(--color-primary)}
@media only screen and (max-width:992px){.contact .contact-cont{padding:150px 20px 166px}
}
@media only screen and (max-width:600px){.contact .contact-cont{padding:120px 20px}
.contact .contact-cont .contact-title{margin-bottom:8px}
.contact .contact-cont .contact-desc{margin-bottom:35px}
.contact .contact-cont .contact-input{width:100%;padding:16px 18px;margin-bottom:28px}
}
.faq-cont{display:none}
.faq-cont .faq-title-wrap{text-align:center;width:50%;margin:0 auto 37px}
.faq-cont .faq-wrap .faq-item{border:1px solid var(--color-primary);padding:31px 40px 33px 30px;margin-bottom:23px}
.faq-cont .faq-wrap .faq-item .faq-ques-wrap{cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.faq-cont .faq-wrap .faq-item .faq-ques{font-size:1.25em}
.faq-cont .faq-wrap .faq-item .faq-arrow-wrap{-webkit-transition:all .3s linear;transition:all .3s linear}
.faq-cont .faq-wrap .faq-item .faq-ques-ans{display:none;margin-top:23px;font-family:var(--font-primary-light);font-size:1.25em;color:var(--color-dark-shade)}
.active .faq-arrow-wrap{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
@media only screen and (max-width:992px){.faq-cont .faq-title-wrap{width:80%}
}
@media only screen and (max-width:600px){.faq-cont .faq-title-wrap{margin:0 auto 26px;width:100%}
.faq-cont .faq-wrap .faq-item{padding:15px 18px 15px 10px;margin-bottom:15px}
.faq-cont .faq-wrap .faq-item .faq-ques{font-size:1em;margin-right:10px}
.faq-cont .faq-wrap .faq-item .faq-ques-ans{margin-top:15px;font-size:1em}
}
.footer{background-color:var(--color-dark);color:var(--color-light)}
.footer .footer-cont{padding:35px 20px}
.footer .footer-cont .footer-links-cont{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.footer .footer-cont .footer-links-cont .ftr-brand-logo{width:120px}
.footer .footer-cont .footer-links-cont .footer-links-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.footer .footer-cont .footer-links-cont .footer-link-item{margin-right:70px}
.footer .footer-cont .footer-links-cont .footer-link{color:var(--color-light);padding-bottom:1px;background:-webkit-gradient(linear,left top,left bottom,color-stop(0,currentColor)) 0 100%/var(--d,0) 1px no-repeat;background:linear-gradient(currentColor 0 0) 0 100%/var(--d,0) 1px no-repeat;-webkit-transition:.5s;transition:.5s}
.footer .footer-cont .footer-links-cont .footer-link:hover{--d:100%}
.footer .footer-cont .ftr-sm-links-cont{margin-top:70px;text-align:center}
.footer .footer-cont .ftr-sm-links-wrap{margin-bottom:25px}
.footer .footer-cont .ftr-sm-link{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;margin:0 5px;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.footer .footer-cont .ftr-sm-link:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}
@media only screen and (max-width:600px){.footer .footer-cont .footer-links-cont{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}
.footer .footer-cont .footer-links-cont .footer-links-wrap{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;margin-top:25px}
.footer .footer-cont .footer-links-cont .footer-link-item{margin-bottom:6px}
.footer .footer-cont .ftr-sm-links-cont{margin-top:60px}
.footer .footer-cont .ftr-sm-links-wrap{margin-bottom:20px}
}
.contact-popup{display:none;height:100vh;background-color:#2f3032;width:100%;position:fixed;z-index:99;top:0;left:0;color:var(--color-light)}
.contact-popup .contact-popup-wrap{text-align:center;height:100%;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative}
.contact-popup .contact-popup-wrap .close-popup-wrap{position:absolute;top:5%;right:10%;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;cursor:pointer}
.contact-popup .contact-popup-wrap .close-popup-wrap:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}
.contact-popup .contact-popup-wrap .close-popup-wrap .close{height:25px;width:25px}
.contact-popup .contact-popup-wrap .popup-head{margin-bottom:60px}
.contact-popup .contact-popup-wrap .popup-title{font-size:1.875em;color:var(--color-secondary);margin-bottom:10px}
.contact-popup .contact-popup-wrap .popup-desc{font-size:1.375em;font-family:var(--font-primary-medium-italic)}
.contact-popup .contact-popup-wrap .popup-fields-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.contact-popup .contact-popup-wrap .popup-fields{width:100%;padding:15px;border:0;font-size:18px;color:var(--color-light) !important;font-family:var(--font-primary-medium);background-color:rgba(0,0,0,0);border:1px solid var(--color-light)}
.contact-popup .contact-popup-wrap .popup-fields::-webkit-input-placeholder{color:var(--color-light);opacity:1}
.contact-popup .contact-popup-wrap .popup-fields::-moz-placeholder{color:var(--color-light);opacity:1}
.contact-popup .contact-popup-wrap .popup-fields:-ms-input-placeholder{color:var(--color-light);opacity:1}
.contact-popup .contact-popup-wrap .popup-fields::-ms-input-placeholder{color:var(--color-light);opacity:1}
.contact-popup .contact-popup-wrap .popup-fields::placeholder{color:var(--color-light);opacity:1}
.contact-popup .contact-popup-wrap .popup-fields:focus{outline:none !important;border:1px solid var(--color-secondary)}
.contact-popup .contact-popup-wrap .condn-wrap{margin:40px 0 70px}
.contact-popup .contact-popup-wrap .condn-desc{font-size:1.25em;font-family:var(--font-primary-medium-italic);margin-bottom:5px}
.contact-popup .contact-popup-wrap .condn-desc-hl{color:var(--color-secondary)}
.contact-popup .contact-popup-wrap .message-confirmation{font-size:1.25em;font-family:var(--font-primary-medium-italic)}
.contact-popup .contact-popup-wrap .and{font-family:var(--font-primary-medium)}
.contact-popup .contact-popup-wrap .submit-btn{background-color:var(--color-secondary);padding:10px 70px;font-family:var(--font-primary-medium);font-size:1.25em;color:var(--color-light);border:0;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.contact-popup .contact-popup-wrap .submit-btn:hover{-webkit-transform:scale(0.98);transform:scale(0.98)}
.contact-popup input:-webkit-autofill,.contact-popup input:-webkit-autofill:hover,.contact-popup input:-webkit-autofill:focus,.contact-popup input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #2f3032 inset !important;-webkit-text-fill-color:var(--color-light)}
.contact-popup .search-wrap{position:relative;width:44%;margin:10px 20px;min-height:80px}
.contact-popup .search-wrap .search-svg{position:absolute;top:35%;right:15px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.popup-fields-wrap{max-width:800px;width:100%}
@media only screen and (max-width:600px){.contact-popup .contact-popup-wrap .close-popup-wrap{top:5%;right:2%;cursor:pointer}
.contact-popup .contact-popup-wrap .popup-head{margin-bottom:35px}
.contact-popup .contact-popup-wrap .popup-title{font-size:1.5em;margin-bottom:0}
.contact-popup .contact-popup-wrap .popup-desc{font-size:1.2em}
.contact-popup .contact-popup-wrap .popup-fields{width:100%}
.contact-popup .contact-popup-wrap .condn-wrap{margin:20px 0 60px}
.contact-popup .contact-popup-wrap .condn-desc{font-size:1em;margin-bottom:2px}
.contact-popup .contact-popup-wrap .message-confirmation{font-size:1em}
.contact-popup .search-wrap{width:100%}
}