.ar-page .ar-page-body, .ar-page { scrollbar-width: none !important; }
.ar-page .ar-page-body::-webkit-scrollbar, .ar-page ::-webkit-scrollbar { display: none !important; }
.ar-page * { scrollbar-width: none !important; }
.ar-page ::-webkit-scrollbar { display: none !important; }
.ar-page .red-container { background-image: url("/sites/ascher-racing/pages/ascher-racing.com/static/version1792063045/frontend/KW/AscherRacing/en_GB/images/static/team-redline/desktop/Hintergrund.webp"); background-position: center center; padding: 0px; scrollbar-width: none; }
.ar-page .red-container::-webkit-scrollbar { display: none; }
.ar-page .firstMainImage .mt-8 { margin-top: 0px !important; }
.ar-page .firstRedImg .mobile-image, .ar-page .firstRedImg .desktop-image { margin: 0px; line-height: 0; }
.ar-page .firstRedImg .mobile-image img, .ar-page .firstRedImg .desktop-image img { display: block; width: 100%; height: auto; }
.ar-page .lastImageDE { margin-bottom: -0.5%; display: flex !important; order: 999 !important; }
.ar-page .forthRedImg { margin-bottom: 0px !important; }
.ar-page .lastImageDE .col-lg-12 { width: 100% !important; }
.ar-page .buildTitle { -webkit-text-stroke: 2px rgb(239, 0, 0); color: transparent; letter-spacing: 1.5px; padding-top: 55px; text-align: center; font-family: Helvetica, Arial; word-spacing: -2px; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; }
.ar-page .buildTitle2 { -webkit-text-stroke: 2px rgb(239, 0, 0); color: transparent; letter-spacing: 1.5px; margin-top: 75px; text-align: center; font-family: RobotoCondensed-Bold, Helvetica, Arial; word-spacing: -2px; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; }
.ar-page .build-pMain { text-align: center; font-family: Roboto-Regular; font-size: 19px; line-height: 25px; letter-spacing: 0.76px; color: rgb(255, 255, 255); display: flex; justify-content: center; margin: 3% auto auto; }
.ar-page .build-subtext { text-align: center; font-family: Roboto-Regular; font-size: 26px; line-height: 39px; letter-spacing: 1.2px; color: rgb(255, 255, 255); margin-top: 5%; margin-bottom: 0px !important; }
.ar-page .build-redBg { position: relative; }
.ar-page .build-innerImg { background-image: url("/sites/ascher-racing/pages/ascher-racing.com/static/version1792063045/frontend/KW/AscherRacing/en_GB/images/static/team-redline/desktop/triangles.webp"); background-size: 56% auto; background-repeat: no-repeat; padding-bottom: 37px; background-position: -71% -114% !important; }
.ar-page .build-ultimateH4, .ar-page .build-p, .ar-page .build-button { text-align: center; }
.ar-page .build-ultimateH4 { margin-bottom: 6%; }
.ar-page .build-ultimateH4 h4 { font-weight: bold; color: rgb(255, 255, 255); margin-top: -1%; font-size: 17px !important; font-family: Roboto-Regular, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important; }
.ar-page .build-p p { font-family: Roboto-Regular; color: rgb(255, 255, 255); margin-top: -2%; font-size: 13.5px; width: 80%; line-height: 20px; margin-left: auto; margin-right: auto; }
.ar-page .build-button { margin-top: 17%; }
.ar-page .build-button a { padding: 13px 42px !important; }
.ar-page .build-buttonEN a { padding: 13px 10px !important; }
.ar-page .build-button a { font-size: 14px; font-family: Roboto-Regular; font-weight: bold; border-radius: 21px; text-align: center; text-transform: uppercase; text-decoration: none; background-color: rgb(255, 0, 0) !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; color: rgb(255, 255, 255) !important; }
.ar-page .build-cards .widget-images { margin-bottom: -9px !important; }
.ar-page .build-button3 { margin-top: 11.3%; }
.ar-page .race-sub { text-align: center; font-family: Roboto-Regular; font-size: 19px; line-height: 25px; letter-spacing: 0.76px; color: rgb(255, 255, 255); display: flex; justify-content: center; margin-top: 3%; }
.ar-page .race-sub2 { text-align: center; font-family: Roboto-Regular; font-size: 19px; line-height: 25px; letter-spacing: 0.76px; color: rgb(255, 255, 255); display: flex; justify-content: center; margin-top: 2%; }
.ar-page .text-whiteOne { text-align: right; font-family: Roboto-Regular; font-size: 19px; line-height: 25px; letter-spacing: 0px; color: rgb(255, 255, 255); }
.ar-page .text-whiteTwo { text-align: left; font-family: Roboto-Regular; font-size: 24px; line-height: 32px; letter-spacing: 0.96px; color: rgb(255, 255, 255); }
.ar-page .redLine { margin-left: 1%; padding: 0px !important; }
.ar-page .author { display: flex; align-items: center; column-gap: 22px; width: 23%; }
.ar-page .quote-lp { width: 80% !important; margin-bottom: 41px; }
.ar-page .slideCont { margin-top: 54px; }
.ar-page .quote-man, .ar-page .quotes { margin-bottom: 0px !important; }
.ar-page .quote-img { background-size: 56% auto; background-repeat: no-repeat; }
.ar-page .quoteInner { display: flex; justify-content: center; align-items: center; }
.ar-page .quoteCont { display: flex; justify-content: center; padding-bottom: 2.5%; }
.ar-page .text-red { color: rgb(255, 255, 255); }
.ar-page .quotes { margin-left: -12px; }
.ar-page .ascher-logo-red { margin-top: -4%; }
.ar-page .quotesCont { margin-top: 2.6%; }
.ar-page .quotesContainer { padding-left: 3.2%; }
.ar-page .author-red { font-family: Roboto-Regular; margin-bottom: 12% !important; }
.ar-page .quotesContainer { margin-top: 10.5%; }
.ar-page .vertical-lineRed, .ar-page .vertical-lineRedEN { width: 3px; background-color: rgb(236, 22, 21); }
.ar-page .lineClass { width: 0.33%; }
.ar-page .horizontal-slider2 { width: 100%; display: flex; scroll-behavior: smooth; cursor: grab; user-select: none; overflow-x: auto !important; }
.ar-page .card2 { flex: 0 0 calc(35.2113%); position: relative; }
.ar-page .card2-margin { margin-left: 39px; }
.ar-page .card2-marginR { margin-right: 39px; }
.ar-page .imgBig2 { width: 100%; }
.ar-page .card-img2 { width: 100%; }
.ar-page .horizontal-slider2::-webkit-scrollbar { display: none; }
.ar-page .progress-container { width: 62px; height: 19px; position: relative; cursor: pointer; margin-top: -19px; margin-left: 46.7%; background: 0% 0% no-repeat padding-box padding-box rgb(0, 0, 0); border: 2px solid rgb(0, 0, 0); border-radius: 10px; margin-bottom: 5%; }
.ar-page .progress-bar { width: 65%; height: 100%; transition: width 0.3s; background: 0% 0% no-repeat padding-box padding-box rgb(206, 18, 45); border-radius: 10px; }
.ar-page .slideRedOne { background-image: url("/sites/ascher-racing/pages/ascher-racing.com/static/version1792063045/frontend/KW/AscherRacing/en_GB/images/static/team-redline/desktop/Hintergrund.webp"); margin-top: -4.1%; padding-top: 3%; background-size: 100% auto !important; }
.ar-page .quotes_main { background-image: url("/sites/ascher-racing/pages/ascher-racing.com/static/version1792063045/frontend/KW/AscherRacing/en_GB/images/static/team-redline/desktop/Hintergrund.webp"); overflow: hidden; margin-top: -0.4%; background-size: 100% auto !important; }
.ar-page .quote-img, .ar-page .quotesCont, .ar-page .mobileSliderDE { background-repeat: no-repeat; background-image: url("/sites/ascher-racing/pages/ascher-racing.com/static/version1792063045/frontend/KW/AscherRacing/en_GB/images/static/team-redline/desktop/triangles.webp"); }
.ar-page .wrapper2MobileDEQuotes { width: 100%; margin: 1% auto auto; font-family: Radomir-Tinkov-Gilroy-Regular; height: 400px; background-size: cover; background-repeat: no-repeat; display: flex; align-items: center; }
.ar-page .horizontal-slider2MobileDEQuotes { width: 100%; display: flex; scroll-behavior: smooth; cursor: grab; user-select: none; overflow-x: auto !important; }
.ar-page .card2MobileDEQuotes { flex: 0 0 calc(83.3333%); position: relative; }
.ar-page .card2-marginMobileDEQuotes { margin-left: 28px; margin-right: 28px; }
.ar-page .card2-marginMobileDERQuotes { margin-right: 28px; }
.ar-page .imgBig2MobileDEQuotes { width: 100%; margin-left: 3%; }
.ar-page .card-img2MobileDEQuotes { width: 100%; }
.ar-page .horizontal-slider2MobileDEQuotes::-webkit-scrollbar { display: none; }
.ar-page .card2MobileDELastQuotes { padding-right: 10px !important; }
.ar-page .card2MobileDELast { padding-right: 10px !important; }
.ar-page .sliderProductsMobileDE { position: relative; }
.ar-page .slider-containerMobileDE { position: relative; width: 400px; overflow: hidden; display: none; }
.ar-page .sliderMobileDE { display: flex; transition: transform 0.5s ease-in-out; }
.ar-page .slideMobileDE { min-width: 400px; text-align: center; padding: 20px; box-sizing: border-box; margin-top: -16%; }
.ar-page .navigationMobileDE { position: absolute; top: 50%; transform: translateY(-50%); background: rgba(0, 0, 0, 0.5); color: white; padding: 10px; cursor: pointer; }
.ar-page .prevMobileDE { left: 10px; }
.ar-page .nextMobileDE { right: 10px; }
.ar-page .price-btnMobileDE, .ar-page .price-btnMobileEN { margin-top: 10px; background-color: rgb(40, 167, 69); color: white; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; cursor: pointer; }
.ar-page .price-btnMobileDE { padding: 13px 43px !important; }
.ar-page .price-btnMobileEN { padding: 13px 10px !important; }
.ar-page .price-btnMobileDE, .ar-page .price-btnMobileEN { color: rgb(255, 255, 255); font-size: 14px; font-family: Roboto-Regular; font-weight: bold; border-radius: 21px; text-align: center; margin-top: 1px; background-color: rgb(255, 0, 0) !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; box-shadow: none !important; }
.ar-page .sliderMobileDE h2 { text-align: center; font-family: Roboto-Regular; font-size: 14px; line-height: 26px; letter-spacing: 0px; color: rgb(255, 255, 255); text-transform: uppercase; margin-top: 2%; }
.ar-page .sliderMobileDE h3 { text-align: center; font-family: Roboto-Regular; font-size: 14px; line-height: 26px; letter-spacing: 0px; color: rgb(255, 255, 255); text-transform: capitalize; margin-top: 3%; margin-bottom: 3%; }
.ar-page .btnMobileDE { display: flex; justify-content: center; align-items: center; color: black; font-size: 30px; border-radius: 50%; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; cursor: pointer; box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 5px; padding: 3px; }
.ar-page .slideMobileDE img { width: 77%; }
.ar-page .btnMobileDE svg { width: 13px !important; }
.ar-page .btn-containerOne { position: absolute; top: 24%; left: 6%; }
.ar-page .btn-containerTwo { position: absolute; top: 24%; left: 90%; }
.ar-page .price-btnMobileDE:hover { color: rgb(255, 255, 255) !important; }
@media (max-width: 374px) {
.ar-page .lineClass { padding-right: 0px !important; margin-top: 18px; }
.ar-page .quote-lp { margin-left: 14px !important; width: 95% !important; }
.ar-page .author { width: 61% !important; margin-left: 0px !important; }
}
@media (min-width: 375px) and (max-width: 767px) {
.ar-page .lineClass { padding-left: 13px; margin-top: 18px; }
.ar-page .author { width: 53% !important; }
}
@media (max-width: 767px) {
.ar-page .buildTitle, .ar-page .buildTitle2 { font-size: 23px !important; -webkit-text-stroke: 0.5px rgb(239, 0, 0) !important; letter-spacing: 1px !important; margin: 48px auto 21px !important; }
.ar-page .buildTitle2 { width: 69%; line-height: 29px; margin-top: 28px !important; }
.ar-page .slider-containerMobileDE { display: block; margin: 0px auto; }
.ar-page .race-sub2 { width: 75%; margin: 0px auto 23px; }
.ar-page .build-pMain, .ar-page .race-sub2 { font-size: 12px !important; }
.ar-page .build-pMain { width: 320px !important; line-height: 21px !important; }
.ar-page .build-subtext { font-size: 14px !important; margin-top: 8% !important; }
.ar-page .mobile-image { display: block !important; margin-bottom: 0px !important; }
.ar-page .mobile-image img { width: 100%; }
.ar-page .desktop-image { display: none !important; }
.ar-page .red-container { margin-top: -13.4%; }
.ar-page .text-whiteOne { margin-top: 5%; margin-left: 34px; color: rgb(255, 255, 255); font-size: 9px !important; }
.ar-page .text-whiteOne p { width: 70%; margin-left: 5%; line-height: 11px !important; }
.ar-page .line-test { margin-left: -5%; margin-right: 2%; margin-top: 5%; }
.ar-page .rightSlide { padding: 0px !important; }
.ar-page .vertical-lineRed { width: 1.5px !important; height: 355px !important; }
.ar-page .vertical-lineRedEN { width: 1.5px !important; height: 300px !important; }
.ar-page .quote-lp { font-size: 14px; margin-top: 18px; line-height: 19px !important; }
.ar-page .redLine { width: 65% !important; }
.ar-page .sliderDesk { display: none; }
.ar-page .firstRedImg, .ar-page .secondRedImgSub { margin-top: -0.7%; }
.ar-page .quote-author { font-size: 13px; line-height: 21px !important; }
.ar-page .author { margin-top: -29px; margin-left: -8px; column-gap: 7px !important; }
.ar-page .author img { width: 35px; height: 35px; }
.ar-page .quoteInner { flex-direction: column; }
.ar-page .quote-red { font-family: Roboto-Regular; margin-left: -4px; font-size: 25px !important; line-height: 32px !important; letter-spacing: 1px !important; margin-bottom: 33px !important; width: 94% !important; margin-top: 20px !important; }
.ar-page .manCont { order: 2 !important; }
.ar-page .quotes img { width: 82px; }
.ar-page .quote-img { background-position: -131% 148% !important; background-size: 79% auto !important; }
.ar-page .quoteCont { margin-right: 0px !important; }
.ar-page .ascher-logo-red { margin-left: 0% !important; margin-top: -7% !important; }
.ar-page .ascher-logo-red img { width: 30%; }
.ar-page .quotes_main { margin-top: -1.8%; }
.ar-page .quotesContainer { padding-left: 13.2% !important; }
.ar-page .author-red { letter-spacing: 1px; word-spacing: 2px; }
.ar-page .quote-manDesktop { display: none; }
.ar-page .quote-manMobile { display: block; width: 100%; margin: -41% 2% -4% 20.5%; }
.ar-page .right-block { display: block; margin-left: auto; margin-right: 0px; }
.ar-page .mobileSliderDE { display: block; margin-top: -12%; margin-left: 5%; background-size: 89% auto; margin-bottom: -51px !important; background-position: 430% -117% !important; }
.ar-page .sliderProductsMobileDE { display: flex; justify-content: center; margin-top: -16%; }
.ar-page .build-cards { display: none !important; }
.ar-page .quotesCont { display: flex; justify-content: center; background-size: 0% auto; padding-bottom: 0px !important; background-position: 179% 126% !important; margin-bottom: -51px !important; }
.ar-page .rightSlide { width: 122%; margin-left: -15px; }
.ar-page .wrapper2, .ar-page .progress-container { display: none; }
.ar-page .lastImageDE { margin-top: -1%; margin-bottom: -1.7%; }
}
@media (min-width: 768px) {
.ar-page .firstRedImg, .ar-page .secondRedImgSub { margin-top: -0.5% !important; }
.ar-page .mobile-image { display: none !important; }
.ar-page .desktop-image { display: block !important; margin-bottom: 0px !important; }
.ar-page .desktop-image img { width: 100%; }
.ar-page .sliderMobile { display: none; }
.ar-page .redLine { width: 72% !important; }
.ar-page .quotesCont { display: flex; justify-content: flex-end; width: 100%; }
.ar-page .quoteCont { margin-left: 13%; }
.ar-page .quote-lp { line-height: 31px !important; }
.ar-page .quote-author { line-height: 33px !important; }
.ar-page .quote-red { font-family: Roboto-Regular; text-align: left; letter-spacing: 1.4px; font-size: 37px; width: 69%; margin-top: 11px; margin-bottom: 36px; line-height: 46px !important; }
.ar-page .ascher-logo-red { margin-left: 40%; }
.ar-page .quote-img { background-position: -73.5% -32.7% !important; }
.ar-page .quote-manDesktop { display: block; margin-bottom: -44% !important; }
.ar-page .quote-manDesktop img { max-width: none !important; }
.ar-page .quote-manMobile { display: none; }
.ar-page .sliderProductsMobileDE { display: none; }
.ar-page .build-cards__flex { display: flex; justify-content: center; column-gap: 20px; margin-top: -20px; padding-bottom: 47px; }
.ar-page .build-cards a img { width: 100%; }
.ar-page .quotesCont { background-position: 188% 10.5% !important; background-size: 68% auto !important; padding-bottom: 37px !important; }
.ar-page .buildTitle, .ar-page .buildTitle2 { font-size: 80px !important; font-weight: bold; }
.ar-page .mobileSliderDE { display: none; }
.ar-page .wrapper2 { width: 100%; margin: 1% auto auto; font-family: Radomir-Tinkov-Gilroy-Regular; height: 400px; background-size: cover; background-repeat: no-repeat; display: flex; align-items: center; }
.ar-page .progress-container { display: block; }
.ar-page .build-pMain { width: 800px; }
.ar-page .secondRedImgSub { margin-top: -0.1%; }
}
@media (min-width: 768px) and (max-width: 2560px) {
.ar-page .text-whiteOne p { color: rgb(255, 255, 255); padding-right: 12%; width: 70% !important; margin-left: auto !important; }
.ar-page .vertical-lineRed { height: 641px; }
.ar-page .vertical-lineRedEN { height: 611px; }
}
@media (min-width: 830px) {
.ar-page .firstRedImg img, .ar-page .secondRedImg img, .ar-page .thirdRedImg img, .ar-page .forthRedImg img { object-fit: cover; width: 100vw !important; max-width: 100% !important; height: auto !important; }
}
@media (min-width: 1025px) and (max-width: 1140px) {
.ar-page .ascher-logo-red { margin-left: 18%; }
}
@media (min-width: 1280px) and (max-width: 1468px) {
.ar-page .author { width: 30%; }
.ar-page .vertical-lineRed { height: 641px; }
.ar-page .vertical-lineRedEN { height: 641px; }
}
@media (min-width: 1536px) and (max-width: 1659px) {
.ar-page .author { width: 26%; }
.ar-page .vertical-lineRed { height: 641px; }
.ar-page .vertical-lineRedEN { height: 641px; }
}
@media (min-width: 1469px) and (max-width: 1535px) {
.ar-page .author { width: 26%; }
.ar-page .vertical-lineRed { height: 641px; }
}
@media (min-width: 1670px) and (max-width: 1886px) {
.ar-page .author { width: 23%; }
}
@media (min-width: 768px) and (max-width: 815px) {
.ar-page .build-buttonOne { margin-top: 25.4% !important; }
.ar-page .build-buttonOneDE { margin-top: 17.6% !important; }
}
@media (min-width: 768px) and (max-width: 1024px) {
.ar-page .build-p:nth-of-type(1), .ar-page .build-p:nth-of-type(2) { margin-bottom: 25px !important; }
.ar-page .build-ultimateH4 h4 { width: 90%; margin: 0px auto; }
.ar-page .build-pT p { margin-top: 12%; }
.ar-page .quote-lp { width: 100%; }
.ar-page .vertical-lineRed { height: 958px; }
.ar-page .vertical-lineRedEN { height: 900px; }
.ar-page .card2 { flex: 0 0 calc(83.3333%); }
.ar-page .quotes_main { margin-top: -1%; }
.ar-page .quotesCont { background-position: 188% 118% !important; }
.ar-page .quote-red { width: 400px; }
.ar-page .quote-img { background-position: -73.5% 124.3% !important; }
.ar-page .quote-manDesktop { width: 100%; margin-left: 9%; margin-bottom: -96% !important; }
.ar-page .quote-manDesktop img { width: 347px; }
.ar-page .manCont { margin-left: -5%; }
.ar-page .quoteCont { margin-left: 0%; }
.ar-page .ascher-logo-red img { width: 50%; margin-left: 1%; }
.ar-page .build-pMain { width: 360px !important; }
.ar-page .build-innerImg { background-position: -71% 173% !important; }
.ar-page .text-whiteOne p { width: 84% !important; }
.ar-page .line-test { margin-left: -2%; margin-right: 2%; }
.ar-page .author { width: 46%; }
.ar-page .build-button3 { margin-top: 17% !important; }
.ar-page .build-p2 { margin-top: 14%; }
.ar-page .build-button2 { margin-top: -9% !important; }
.ar-page .progress-container { display: none !important; }
.ar-page .lastImageDE { margin: -0.9% 0px; }
.ar-page .red-container { margin-top: -0.5%; }
.ar-page .thirdRedImg { margin-top: -1%; }
}
@media (min-width: 992px) and (max-width: 1468px) {
.ar-page .redLine { width: 71% !important; }
}
@media (min-width: 1887px) {
.ar-page .author { width: 21% !important; }
}
@media (min-width: 2560px) and (max-width: 3839px) {
.ar-page .build-innerImg { background-position: -71% -68% !important; }
.ar-page .quote-img { background-position: -73.5% -25.7% !important; }
.ar-page .quotesCont { background-position: 169% 13% !important; background-size: 62% auto !important; }
.ar-page .quote-man { margin-top: 18%; }
.ar-page .quote-manDesktop { margin-bottom: -25% !important; }
.ar-page .author { width: 17% !important; }
.ar-page .text-whiteOne p { width: 71% !important; margin-left: auto !important; }
.ar-page .vertical-lineRed { height: 675px; }
.ar-page .vertical-lineRedEN { height: 645px; }
.ar-page .red-container { background-size: 100% auto; margin-top: -0.1%; }
.ar-page .build-pMain { margin-top: -0.1%; }
.ar-page .thirdRedImg { margin-top: -0.1%; }
.ar-page .lastImageDE { margin-top: -0.1%; }
.ar-page .horizontal-slider2 { margin-top: 3%; }
.ar-page .card2 { flex: 0 0 calc(31.25%); }
.ar-page .progress-container { margin-top: 2.5%; }
}
@media (min-width: 3840px) {
.ar-page .build-innerImg { background-position: -71% -22% !important; }
.ar-page .quote-img { background-position: -73.5% -17.7% !important; }
.ar-page .slideRedTwo { background-position: 188% 0% !important; }
.ar-page .card2 { flex: 0 0 calc(25%); }
.ar-page .quote-man { margin-top: 18%; }
.ar-page .quote-red { width: 56%; }
.ar-page .quote-manDesktop { margin-bottom: -65% !important; }
.ar-page .author { width: 10% !important; }
.ar-page .text-whiteOne p { margin-right: 9%; width: 60% !important; margin-left: auto !important; }
.ar-page .vertical-lineRed { height: 695px; }
.ar-page .vertical-lineRedEN { height: 660px; }
.ar-page .quoteCont { margin-left: 23%; }
.ar-page .red-container { background-size: 100% auto; margin-top: -0.1%; }
.ar-page .thirdRedImg { margin-top: -0.2%; }
.ar-page .build-pMain { margin-top: -0.1%; }
.ar-page .lastImageDE { margin-top: -0.2%; }
.ar-page .horizontal-slider2 { margin-top: 3%; }
.ar-page .card2 { flex: 0 0 calc(23.8095%); }
.ar-page .progress-container { margin-top: 3.5%; }
}
