/*! W3D - Jacques Baars <j@w3d.co.za> - Copyright (c) W3Designs (PTY) Ltd. (https://w3d.co.za) */:root{--bodyBgColor:#F5F5F5;--accentColor:#ED1C24;--accentColor2:#C3040B;--linkColor:#222;--linkHoverColor:#008ce5;--btnBgColor:#ED1C24;--btnBgHoverColor:#C3040B;--mobileMenuColor:#222;--mobileMenuBtnColor:#ED1C24;--mobileMenuSelectedBgColor:#C3040B;--mobileMenuContentBgColor:#fff;--pageHeadingBorderColor:#ED1C24;--sumDivTitleFontSize:var(--fontSize260);--spreadTitleColor:#fff;--spreadTitleBgColor:#ED1C24;--spreadTitleBorderColor:transparent;--labelBoxTitleColor:#fff;--labelBoxTitleBgColor:#ED1C24;--labelBoxTitleBorderColor:transparent;--pageOptionsBgColor:#ED1C24;--pageOptionsHoverBgColor:#C3040B;--footerBgColor:#C3040B;--footerLinkColor:#eee;--widgetBgColor:#ED1C24;--widgetHoverBgColor:#C3040B;--whatsAppChatBtnBgColor:#ED1C24;--whatsAppChatBtnBgColorHover:#C3040B;--dialogBgColor:#ED1C24;--dialogBtnBgColor:#C3040B;--tooltipsBgColor:#ED1C24;--customBgColor:#58585A}@font-face{font-family:EthnoCentricRg;src:url("../fonts/EthnoCentricRg/EthnoCentricRg.woff"),url("../fonts/EthnoCentricRg/EthnoCentricRg.ttf"),url("../fonts/EthnoCentricRg/EthnoCentricRg.otf"),url("../fonts/EthnoCentricRg/EthnoCentricRg.eot"),url("../fonts/EthnoCentricRg/EthnoCentricRg.svg")}body{letter-spacing:.75px;font-family:Roboto,Helvetica,Arial,sans-serif}h1,h2,h3{letter-spacing:2px;text-transform:uppercase;font-family:EthnoCentricRg,Helvetica,Arial,sans-serif}#menu-banner .top-banner{border-bottom:1px solid var(--bodyBgColor)}#menu-banner .menu-banner .nav-anchor{padding:clamp(9px,.8vw,15px) clamp(9px,.8vw,15px)}#menu-banner .menu-banner .nav-bar{padding:clamp(4px,.7vw,12px) 0}#menu-banner .menu-banner .nav-bar .nav-bar-item{margin:0 4px;border-radius:25px}#menu-banner .menu-banner .nav-bar .nav-bar-item:hover{background-color:var(--accentColor2)}#menu-banner .menu-banner .nav-bar .nav-bar-item.active{background-color:var(--accentColor)}#menu-banner .menu-banner .nav-bar .nav-bar-item.active>.nav-anchor,#menu-banner .menu-banner .nav-bar .nav-bar-item:hover>.nav-anchor{color:var(--whiteColor)}#menu-banner .menu-banner .nav-dropdown{border-radius:25px}#menu-banner .menu-banner .nav-dropdown .nav-dropdown-item{margin:4px}#menu-banner .menu-banner .nav-dropdown .nav-dropdown-item.active>.nav-anchor,#menu-banner .menu-banner .nav-dropdown .nav-dropdown-item:hover>.nav-anchor{color:var(--whiteColor);border-radius:25px;background-color:var(--accentColor2)}#menu-banner .search-banner{background-color:var(--bodyBgColor)}#splash{background-color:var(--whiteBgColor)}#splash .content{padding:5% 0 27%;text-align:center;position:relative}#splash .content h1{font-size:var(--fontSize700)}#splash .content .search{display:inline-block}#splash .content .image{left:0;right:0;bottom:0;overflow:hidden;position:absolute}#splash .content .image img{width:100%;max-width:none}#splash .content .image::after{content:'';top:31%;width:480px;height:90px;position:absolute;left:calc(50% - 240px);background-size:480px;background-repeat:no-repeat;background-image:url('../images/splash/car-tyre-sizes.png')}#splash .content .image[image-step="0"]::after{background-position:-2px 0}#splash .content .image[image-step="1"]::after{background-position:-2px -89.1px}#splash .content .image[image-step="2"]::after{background-position:-2px -180px}#splash .content .image[image-step="3"]::after{background-position:-2px -276px}#splash .tyre-search{top:0;z-index:100;width:800px;padding:30px;position:absolute;left:calc(50% - 430px);background-color:var(--bodyBgColor)}#splash .tyre-search .close{top:15px;color:var(--whiteColor);right:15px;cursor:pointer;padding:6px 10px;position:absolute;background-color:var(--accentColor)}#splash .tyre-search .close:hover{background-color:var(--accentColor2)}#splash .tyre-search .options{padding:20px 0;display:grid;grid-template-columns:repeat(6,1fr);gap:6px}#splash .tyre-search .options .option{cursor:pointer;padding:6px 8px;border-radius:25px;background-color:var(--whiteBgColor);text-align:center}#splash .tyre-search .options .option:hover{color:var(--whiteColor);background-color:var(--accentColor)}#splash .tyre-search .confirm-selection{padding:20px 0}#splash .tyre-search .loader{width:80px;margin:20px auto}#splash .tyre-search .steps .circle{top:2px;width:10px;height:10px;position:relative;display:inline-block;border:3px solid var(--accentColor)}#splash .tyre-search .steps .circle.fill{background-color:var(--accentColor)}#splash .tyre-search .steps .dots.fill{color:var(--accentColor)}#splash .tyre-search .buttons{padding-top:20px}#splash .tyre-search .help{margin-top:20px}#slogan{color:var(--neutralEEE);background-color:var(--accentColor2)}#slogan b{color:var(--whiteColor)}#pg-splash{padding:8% 0;background-image:url('../images/ui/bg.jpg')}#pg-splash h2{text-align:center;color:var(--whiteColor);font-size:var(--fontSize300);text-shadow:0 2px 2px var(--blackBgColor)}#sum-div{background-color:var(--whiteBgColor)}#sum-div .sum-row .sum-row-wrapper>.title{width:650px;margin-bottom:5%}#sum-div .sum-row .sum-row-wrapper>.title span:first-child{color:var(--customBgColor)}#sum-div .sum-row .sum-row-wrapper>.title span:nth-child(2){color:var(--accentColor)}#sum-div .sum-row.circles .sum-column>svg{width:150px}#sum-div .sum-row.cover{color:var(--whiteColor);background-image:url('../images/home/bg.jpg')}#sum-div .sum-row.cover .sum-column{background-color:var(--blackBgColor80)}#sum-div .sum-row.cover .sum-column>.title{color:var(--whiteColor)}#content>.spread>.title span{width:80%}#content>.spread>.data h3{border-bottom:3px dashed var(--neutralBorderCCC)}#content>.panel:nth-child(2n){background-color:var(--bodyBgColor)}#content>.panel h3{border-bottom:1px dashed var(--neutralBorderDDD)}@media screen and (max-width:1550px){#splash .content .image::after{width:380px;height:72px;left:calc(50% - 190px);background-size:380px}#splash .content .image[image-step="1"]::after{background-position:-2px -70.5px}#splash .content .image[image-step="2"]::after{background-position:-2px -142.5px}#splash .content .image[image-step="3"]::after{background-position:-2px -218.5px}}@media screen and (max-width:1380px){#menu-banner .menu-banner .nav-anchor{padding:clamp(9px,1vw,15px) clamp(7px,.8vw,15px)}#splash .content .image::after{width:280px;height:53px;left:calc(50% - 140px);background-size:280px}#splash .content .image[image-step="1"]::after{background-position:-2px -52px}#splash .content .image[image-step="2"]::after{background-position:-2px -105px}#splash .content .image[image-step="3"]::after{background-position:-2px -161px}}@media screen and (max-width:1100px){#splash .content .image img{width:120%;margin-left:-10%}}@media screen and (max-width:1024px){#splash .tyre-search{width:80%;left:calc(10% - 30px);background-color:var(--bodyBgColor)}}@media screen and (max-width:800px){#splash .content .image img{width:140%;margin-left:-20%}}@media screen and (max-width:600px){#splash .content{padding:5% 0 66%}#splash .content h1{font-size:var(--fontSize500)}#splash .content .image img{width:200%;margin-left:-50%}#pg-splash{padding:20% 0}}@media screen and (max-width:500px){#splash .content{padding:5% 0 86%}#splash .content .image img{width:240%;margin-left:-70%}}