/*!
 * Copyright 2021 Tyresonline.ae Authors (https://www.tyresonline.ae/)
 */
.blog-list {
    padding-top: 4.347826087rem;
    padding-bottom: 5.2173913043rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .blog-list {
        padding-top: 5.2631578947rem
    }
}

@media screen and (min-width: 1500px) {
    .blog-list {
        padding-top: 5.2083333333vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .blog-list {
        padding-bottom: 6.3157894737rem
    }
}

@media screen and (min-width: 1500px) {
    .blog-list {
        padding-bottom: 6.25vw
    }
}

.blog-list .heading-style6 p {
    margin-left: auto;
    margin-right: auto;
    max-width: 24.347826087rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .blog-list .heading-style6 p {
        max-width: 29.4736842105rem
    }
}

@media screen and (min-width: 1500px) {
    .blog-list .heading-style6 p {
        max-width: 29.1666666667vw
    }
}

.blog-list .article-wrap .image-wrap {
    border-radius: 2.1739130435rem;
    -ms-border-radius: 2.1739130435rem;
    -webkit-border-radius: 2.1739130435rem;
    overflow: hidden
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .blog-list .article-wrap .image-wrap {
        border-radius: 2.6315789474rem;
        -ms-border-radius: 2.6315789474rem;
        -webkit-border-radius: 2.6315789474rem
    }
}

@media screen and (min-width: 1500px) {
    .blog-list .article-wrap .image-wrap {
        border-radius: 2.6041666667vw;
        -ms-border-radius: 2.6041666667vw;
        -webkit-border-radius: 2.6041666667vw
    }
}

.blog-list .article-wrap .image-wrap.aspect-custom {
    padding-bottom: 66%
}

.blog-list .article-wrap .content {
    padding: 1.0869565217rem 0rem 0rem 0rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .blog-list .article-wrap .content {
        padding: 1.3157894737rem 0rem 0rem 0rem
    }
}

@media screen and (min-width: 1500px) {
    .blog-list .article-wrap .content {
        padding: 1.3020833333vw 0vw 0vw 0vw
    }
}

.blog-list .article-wrap .content h4 {
    font-size: 1.2173913043rem;
    font-weight: bold;
    margin-top: 0.652173913rem;
    line-height: 1.5
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .blog-list .article-wrap .content h4 {
        font-size: 1.4736842105rem
    }
}

@media screen and (min-width: 1500px) {
    .blog-list .article-wrap .content h4 {
        font-size: 1.4583333333vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .blog-list .article-wrap .content h4 {
        margin-top: 0.7894736842rem
    }
}

@media screen and (min-width: 1500px) {
    .blog-list .article-wrap .content h4 {
        margin-top: .78125vw
    }
}

.blog-list .article-wrap .content span.date {
    font-size: 0.9565217391rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .blog-list .article-wrap .content span.date {
        font-size: 1.1578947368rem
    }
}

@media screen and (min-width: 1500px) {
    .blog-list .article-wrap .content span.date {
        font-size: 1.1458333333vw
    }
}

.blog-list .more-link {
    margin-top: 7.8260869565rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .blog-list .more-link {
        margin-top: 9.4736842105rem
    }
}

@media screen and (min-width: 1500px) {
    .blog-list .more-link {
        margin-top: 9.375vw
    }
}

.blog-list .more-link .link {
    font-size: 1.2173913043rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .blog-list .more-link .link {
        font-size: 1.4736842105rem
    }
}

@media screen and (min-width: 1500px) {
    .blog-list .more-link .link {
        font-size: 1.4583333333vw
    }
}

@media screen and (max-width: 767px) {
    .blog-list-style2 {
        padding: 40px 0
    }

    .blog-list-style2 .article-wrap .content span.date {
        font-size: 0.875rem
    }

    .blog-list-style2 .article-wrap .content h4 {
        font-size: 1.125rem
    }
}

.tyrebuy-process {
    padding-top: 4.347826087rem;
    padding-bottom: 2.1739130435rem;
    background-position: 0px 30%
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .tyrebuy-process {
        padding-top: 5.2631578947rem
    }
}

@media screen and (min-width: 1500px) {
    .tyrebuy-process {
        padding-top: 5.2083333333vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .tyrebuy-process {
        padding-bottom: 2.6315789474rem
    }
}

@media screen and (min-width: 1500px) {
    .tyrebuy-process {
        padding-bottom: 2.6041666667vw
    }
}

.tyrebuy-process .box {
    padding: 0rem 2.3913043478rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .tyrebuy-process .box {
        padding: 0rem 2.8947368421rem
    }
}

@media screen and (min-width: 1500px) {
    .tyrebuy-process .box {
        padding: 0vw 2.8645833333vw
    }
}

.tyrebuy-process .box .image {
    width: 14.4347826087rem;
    height: 5.3913043478rem;
    background-size: 240%
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .tyrebuy-process .box .image {
        width: 17.4736842105rem
    }
}

@media screen and (min-width: 1500px) {
    .tyrebuy-process .box .image {
        width: 17.2916666667vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .tyrebuy-process .box .image {
        height: 6.5263157895rem
    }
}

@media screen and (min-width: 1500px) {
    .tyrebuy-process .box .image {
        height: 6.4583333333vw
    }
}

.tyrebuy-process .box .image.search-img {
    background-position: .7% 1%
}

.tyrebuy-process .box .image.fitting-img {
    background-position: 1% 10.7%
}

.tyrebuy-process .box .image.order-img {
    background-position: .7% 20.8%
}

.tyrebuy-process .box h3 {
    font-size: 1.2173913043rem;
    color: #d60000;
    font-weight: 900;
    letter-spacing: 0.0869565217rem;
    margin-top: 1.2173913043rem;
    margin-bottom: 0.4347826087rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .tyrebuy-process .box h3 {
        font-size: 1.4736842105rem
    }
}

@media screen and (min-width: 1500px) {
    .tyrebuy-process .box h3 {
        font-size: 1.4583333333vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .tyrebuy-process .box h3 {
        letter-spacing: 0.1052631579rem
    }
}

@media screen and (min-width: 1500px) {
    .tyrebuy-process .box h3 {
        letter-spacing: .1041666667vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .tyrebuy-process .box h3 {
        margin-top: 1.4736842105rem
    }
}

@media screen and (min-width: 1500px) {
    .tyrebuy-process .box h3 {
        margin-top: 1.4583333333vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .tyrebuy-process .box h3 {
        margin-bottom: 0.5263157895rem
    }
}

@media screen and (min-width: 1500px) {
    .tyrebuy-process .box h3 {
        margin-bottom: .5208333333vw
    }
}

.tyrebuy-process .box p {
    font-size: 0.8695652174rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .tyrebuy-process .box p {
        font-size: 1.0526315789rem
    }
}

@media screen and (min-width: 1500px) {
    .tyrebuy-process .box p {
        font-size: 1.0416666667vw
    }
}

.tyrebuy-process .content-wrap {
    margin-top: 3.0434782609rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .tyrebuy-process .content-wrap {
        margin-top: 3.6842105263rem
    }
}

@media screen and (min-width: 1500px) {
    .tyrebuy-process .content-wrap {
        margin-top: 3.6458333333vw
    }
}

.tyrebuy-process .content-wrap h3 {
    font-weight: 900;
    letter-spacing: 0.152173913rem;
    line-height: 1.4;
    color: #d80000
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .tyrebuy-process .content-wrap h3 {
        letter-spacing: 0.1842105263rem
    }
}

@media screen and (min-width: 1500px) {
    .tyrebuy-process .content-wrap h3 {
        letter-spacing: .1822916667vw
    }
}

.tyrebuy-process .content-wrap p {
    font-size: 1.2173913043rem;
    letter-spacing: 0.152173913rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .tyrebuy-process .content-wrap p {
        font-size: 1.4736842105rem
    }
}

@media screen and (min-width: 1500px) {
    .tyrebuy-process .content-wrap p {
        font-size: 1.4583333333vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .tyrebuy-process .content-wrap p {
        letter-spacing: 0.1842105263rem
    }
}

@media screen and (min-width: 1500px) {
    .tyrebuy-process .content-wrap p {
        letter-spacing: .1822916667vw
    }
}

@media screen and (min-width: 768px)and (max-width: 1199px) {
    .tyrebuy-process .box {
        padding: 0px 1rem
    }
}

.tyrebuy-process-mobile {
    padding-top: 40px
}

.tyrebuy-process-mobile .box .image {
    max-width: 290px;
    height: 60px;
    background-size: 185%
}

.tyrebuy-process-mobile .box .image.search-img {
    background-position: 96% 1.9%
}

.tyrebuy-process-mobile .box .image.fitting-img {
    background-position: 96% 8%
}

.tyrebuy-process-mobile .box .image.order-img {
    background-position: 96% 14%
}

.tyrebuy-process-mobile .content-wrap {
    margin-top: 30px
}

.tyrebuy-process-mobile .content-wrap h3 {
    font-weight: 900;
    letter-spacing: 3.5px;
    line-height: 1.4;
    color: #d80000;
    font-size: 20px
}

.tyrebuy-process-mobile .content-wrap p {
    font-size: 14px;
    letter-spacing: 2px
}

@media screen and (max-width: 767px) {
    .tyrebuy-process {
        display: none
    }
}

.offers-banner {
    position: relative;
    background-color: #fff
}

.offers-banner .offer-slider {
    background-color: #fff
}

.offers-banner .offer-slider .image-wrap.aspect-custom {
    padding-bottom: 36%
}

.offers-banner .offer-slider .owl-dots {
    position: absolute;
    bottom: 0.8695652174rem;
    width: 100%
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .offers-banner .offer-slider .owl-dots {
        bottom: 1.0526315789rem
    }
}

@media screen and (min-width: 1500px) {
    .offers-banner .offer-slider .owl-dots {
        bottom: 1.0416666667vw
    }
}

.cms-battery .offers-banner {
    box-shadow: 0 0 18px rgba(0, 0, 0, .68);
    z-index: 1
}

.cms-battery .offers-banner:after {
    content: "";
    position: absolute;
    z-index: -1;
    box-shadow: 0 0 60px rgba(0, 0, 0, .8);
    bottom: 0px;
    left: 10%;
    right: 10%;
    width: 80%;
    height: 50%;
    -moz-border-radius: 100%;
    border-radius: 100%
}

.cms-car-insurance-uae .offers-banner {
    z-index: 1
}

.cms-car-insurance-uae .offers-banner:after {
    content: "";
    position: absolute;
    z-index: -1;
    box-shadow: 0 0 60px rgba(0, 0, 0, .8);
    bottom: 0px;
    left: 10%;
    right: 10%;
    width: 80%;
    height: 50%;
    -moz-border-radius: 100%;
    border-radius: 100%
}

.cms-home .offers-banner,
.cms-bicycle-tyres .offers-banner {
    box-shadow: 0 9px 12px -2px rgba(0, 0, 0, .3294117647);
    z-index: 1
}

.cms-home .offers-banner:after,
.cms-bicycle-tyres .offers-banner:after {
    content: "";
    position: absolute;
    z-index: -1;
    box-shadow: 0 0 60px rgba(0, 0, 0, .8);
    bottom: 0px;
    left: 10%;
    right: 10%;
    width: 80%;
    height: 50%;
    -moz-border-radius: 100%;
    border-radius: 100%
}

@media screen and (max-width: 767px) {
    .offers-banner .offer-slider .owl-dots {
        bottom: -23px
    }
}

.offers-banner-mobile {
    position: relative;
    margin-top: -5.7391304348rem;
    border-bottom: 0.0625rem solid #ccc;
    overflow: hidden;
    min-height: 74vw
}

.offers-banner-mobile .offer-slider .image-wrap.aspect-custom {
    padding-bottom: 74vw
}

.search-slider {
    margin: 0.75rem 0
}

.search-slider .search-oil-change .image-wrap.aspect-custom {
    padding-bottom: 65%
}

.search-slider .search-oil-change .search-wrap .tabs-content .box {
    border-radius: 0.625rem;
    -ms-border-radius: 0.625rem;
    -webkit-border-radius: 0.625rem
}

.search-slider .search-servicepack .image-wrap {
    margin-bottom: -2.5rem
}

.search-slider .search-servicepack .image-wrap.aspect-custom {
    padding-bottom: 71%
}

.search-slider .search-servicepack .search-wrap .tabs-content .box {
    border-radius: 0.625rem;
    -ms-border-radius: 0.625rem;
    -webkit-border-radius: 0.625rem
}

.search-slider .search-brakes .banner-image {
    margin-bottom: -0.625rem
}

.search-slider .search-brakes .banner-image .image-wrap.aspect-custom {
    padding-bottom: 43%
}

.search-slider .search-bicycle .banner-image {
    margin-bottom: -2.8125rem
}

.search-slider .search-bicycle .banner-image .image-wrap.aspect-custom {
    padding-bottom: 40%
}

.search-slider .search-tyres .banner-image {
    margin-bottom: -2.5rem;
    position: relative
}

.search-slider .search-tyres .banner-image .image-wrap.aspect-custom {
    padding-bottom: 48%
}

.search-slider .search-tyres .banner-image .tyre-size {
    position: absolute;
    left: 0;
    top: 1.125rem;
    text-align: center;
    z-index: 1;
    width: 100%
}

.search-slider .search-tyres .banner-image .tyre-size span {
    display: inline-block
}

.search-slider .search-tyres .banner-image .tyre-size span img {
    width: 5.625rem;
    transform: rotate(-1deg)
}

.search-slider .search-wrap {
    position: relative;
    z-index: 1
}

.search-slider .search-wrap .tabs-nav ul {
    margin-bottom: -0.0625rem
}

.search-slider .search-wrap .tabs-nav ul li a.fix-width {
    min-width: 7.5rem;
    display: block
}

.search-slider .search-wrap .tabs-nav ul li span {
    background-color: #be0000;
    padding: 12px;
    display: block;
    color: #fff;
    font-weight: 900;
    text-transform: uppercase;
    text-align: center;
    height: 100%;
    border-radius: 0.625rem 0.625rem 0rem 0rem;
    -ms-border-radius: 0.625rem 0.625rem 0rem 0rem;
    -webkit-border-radius: 0.625rem 0.625rem 0rem 0rem
}

.search-slider .search-wrap .tabs-nav ul li.active span {
    background-color: #d70000
}

.search-slider .search-wrap .tabs-content .box {
    background-color: #d70000;
    padding: 1.25rem 1.5625rem;
    border-radius: 0px 0px 0.625rem 0.625rem;
    -ms-border-radius: 0px 0px 0.625rem 0.625rem;
    -webkit-border-radius: 0px 0px 0.625rem 0.625rem;
    text-align: center
}

.search-slider .search-wrap .tabs-content .box h4 {
    color: #fff;
    font-size: 1.375rem;
    text-align: center;
    margin-bottom: 1.25rem;
    text-transform: uppercase
}

.search-slider .search-wrap .tabs-content .box .submit-bt {
    margin-top: 1.25rem
}

.search-slider .search-wrap .tabs-content .box .submit-bt .button span {
    color: #d70000
}

.search-slider .search-wrap .tabs-content .box .submit-bt .button:hover span {
    color: #fff
}

.search-slider .search-wrap .tabs-content .box .info-text {
    margin-top: 1.25rem
}

.search-slider .search-wrap .tabs-content .box .info-text span {
    color: #fff
}

.search-slider .search-bicycle .search-wrap .tabs-content .box {
    border-radius: 0.625rem 0.625rem 0.625rem 0.625rem;
    -ms-border-radius: 0.625rem 0.625rem 0.625rem 0.625rem;
    -webkit-border-radius: 0.625rem 0.625rem 0.625rem 0.625rem
}

.search-slider .search-bicycle .search-wrap .tabs-content .box .search-button {
    font-weight: 900
}

.search-slider .search-bicycle .search-wrap .tabs-content .box .search-button span {
    font-size: 15px
}

.search-slider .search-bicycle .search-wrap .tabs-content .box a.button-white {
    font-weight: 900;
    font-style: italic
}

.search-slider .search-bicycle .search-wrap .tabs-content .box a.button-white span {
    font-size: 14px
}

.search-slider .search-bicycle .search-wrap .tabs-content .box a.toggle-change {
    background-color: #000
}

.search-slider .search-bicycle .search-wrap .tabs-content .box a.toggle-change span {
    color: #fff
}

.search-slider .search-bicycle .search-wrap .tabs-content .box h4 {
    font-size: 1.6875rem;
    margin-bottom: 0.625rem
}

.search-slider .search-bicycle .search-wrap .tabs-content .box .submit-bt {
    margin-top: 0.625rem
}

@media screen and (max-device-width: 767px)and (orientation: landscape) {
    .search-slider .search-tyres {
        height: auto
    }
}

@media screen and (min-device-width: 375px) {
    .search-slider .search-tyres .banner-image .tyre-size {
        top: 1.1875rem
    }

    .search-slider .search-tyres .banner-image .tyre-size span img {
        width: 5.8125rem
    }
}

@media screen and (min-device-width: 400px)and (max-device-width: 599.98px) {
    .search-slider .search-tyres .banner-image .tyre-size {
        top: 4.9vw
    }

    .search-slider .search-tyres .banner-image .tyre-size span img {
        width: 24vw
    }
}

@media screen and (min-device-width: 599.99px) {
    .search-slider .search-tyres .banner-image .tyre-size {
        top: 1.6875rem
    }

    .search-slider .search-tyres .banner-image .tyre-size span img {
        width: 9.375rem
    }
}

@media screen and (max-device-height: 640px) {
    .search-slider .search-bicycle .search-wrap .tabs-content .box {
        padding: 0.625rem 1.5625rem
    }

    .search-slider .search-bicycle .search-wrap .tabs-content .box h4 {
        font-size: 1.125rem
    }

    .search-slider .search-bicycle .search-wrap .tabs-content .box .search-button span {
        font-size: 13px
    }

    .search-slider .search-bicycle .search-wrap .tabs-content .box a.button-white span {
        font-size: 12px
    }
}

@media screen and (max-device-height: 640px) {
    .search-slider .search-bicycle .search-wrap .tabs-content .box {
        padding: 0.625rem 1.5625rem
    }

    .search-slider .search-bicycle .search-wrap .tabs-content .box h4 {
        font-size: 1.125rem
    }
}

@media screen and (min-device-height: 760px) {
    .search-slider .search-bicycle .search-wrap .tabs-content .box .button span {
        padding: 14px 0
    }
}

@media screen and (max-width: 767px) {
    .cms-home .page.messages {
        position: absolute;
        left: 0;
        top: 74px;
        z-index: 9
    }

    .cms-home .page.messages .message {
        margin: 0rem 0
    }
}

.tyres-banner {
    min-height: calc(100vh - 5.7391304348rem);
    position: relative;
    padding-left: 2.1739130435rem;
    padding-right: 2.1739130435rem;
    padding-top: 1.0434782609rem;
    padding-bottom: 9vh
}

@media screen and (max-width: 767px) {
    .tyres-banner {
        min-height: calc(100vh - 4.375rem)
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .tyres-banner {
        min-height: calc(100vh - 6.9473684211rem)
    }
}

@media screen and (min-width: 1500px) {
    .tyres-banner {
        min-height: calc(100vh - 6.875vw)
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .tyres-banner {
        padding-left: 2.6315789474rem
    }
}

@media screen and (min-width: 1500px) {
    .tyres-banner {
        padding-left: 2.6041666667vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .tyres-banner {
        padding-right: 2.6315789474rem
    }
}

@media screen and (min-width: 1500px) {
    .tyres-banner {
        padding-right: 2.6041666667vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .tyres-banner {
        padding-top: 1.2631578947rem
    }
}

@media screen and (min-width: 1500px) {
    .tyres-banner {
        padding-top: 1.25vw
    }
}

@media screen and (max-width: 767px) {
    .tyres-banner {
        padding: 1.125rem
    }
}

@media screen and (max-height: 715px)and (orientation: portrait) {
    .tyres-banner {
        padding: 0.625rem 1.125rem
    }
}

@media screen and (min-height: 700px)and (max-height: 860px)and (orientation: landscape) {
    .tyres-banner {
        padding-bottom: 2vh;
        padding-top: 0.5263157895rem
    }
}

.tyres-banner .video {
    position: absolute;
    left: 0;
    top: -5.7391304348rem;
    width: 100%;
    height: 100%;
    z-index: -1
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .tyres-banner .video {
        top: -6.9473684211rem
    }
}

@media screen and (min-width: 1500px) {
    .tyres-banner .video {
        top: -6.875vw
    }
}

@media screen and (max-width: 767px) {
    .tyres-banner .video {
        top: -70px
    }
}

.tyres-banner .video video {
    width: 100%;
    position: relative;
    bottom: 1px
}

.tyres-banner .banner-content h2 {
    font-size: 2.4782608696rem;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .tyres-banner .banner-content h2 {
        font-size: 3rem
    }
}

@media screen and (min-width: 1500px) {
    .tyres-banner .banner-content h2 {
        font-size: 2.96875vw
    }
}

@media screen and (max-width: 767px) {
    .tyres-banner .banner-content h2 {
        font-size: 2.0625rem
    }
}

@media screen and (max-height: 715px)and (orientation: portrait) {
    .tyres-banner .banner-content h2 {
        font-size: 1.875rem
    }
}

.tyres-banner .banner-content h3 {
    font-size: 1.5652173913rem;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 0.2086956522rem;
    margin-right: -0.2173913043rem;
    margin-bottom: 0.652173913rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .tyres-banner .banner-content h3 {
        font-size: 1.8947368421rem
    }
}

@media screen and (min-width: 1500px) {
    .tyres-banner .banner-content h3 {
        font-size: 1.875vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .tyres-banner .banner-content h3 {
        letter-spacing: 0.2526315789rem
    }
}

@media screen and (min-width: 1500px) {
    .tyres-banner .banner-content h3 {
        letter-spacing: .25vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .tyres-banner .banner-content h3 {
        margin-right: -0.2631578947rem
    }
}

@media screen and (min-width: 1500px) {
    .tyres-banner .banner-content h3 {
        margin-right: -.2604166667vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .tyres-banner .banner-content h3 {
        margin-bottom: 0.7894736842rem
    }
}

@media screen and (min-width: 1500px) {
    .tyres-banner .banner-content h3 {
        margin-bottom: .78125vw
    }
}

@media screen and (max-width: 767px) {
    .tyres-banner .banner-content h3 {
        font-size: 1.25rem
    }
}

@media screen and (max-height: 715px)and (orientation: portrait) {
    .tyres-banner .banner-content h3 {
        font-size: 1.09375rem
    }
}

.tyres-banner .banner-content p {
    font-size: 0.9565217391rem;
    font-weight: 300;
    margin: 0
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .tyres-banner .banner-content p {
        font-size: 1.1578947368rem
    }
}

@media screen and (min-width: 1500px) {
    .tyres-banner .banner-content p {
        font-size: 1.1458333333vw
    }
}

.tyres-banner .banner-brands {
    margin-bottom: 0.652173913rem;
    max-width: 30.2608695652rem;
    margin-left: auto;
    margin-right: auto
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .tyres-banner .banner-brands {
        margin-bottom: fit-content;
    }
}

@media screen and (min-width: 1500px) {
    .tyres-banner .banner-brands {
        margin-bottom: .78125vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .tyres-banner .banner-brands {
        max-width: 36.6315789474rem
    }
}

@media screen and (min-width: 1500px) {
    .tyres-banner .banner-brands {
        max-width: fit-content;
    }
}

@media screen and (max-height: 715px)and (orientation: portrait) {
    .tyres-banner .banner-brands {
        margin-bottom: 0
    }
}

@media screen and (min-height: 700px)and (max-height: 860px)and (orientation: landscape) {
    .tyres-banner .banner-brands {
        margin-bottom: 0
    }
}

.tyres-banner .banner-brands .brand-list .box a:hover {
    filter: grayscale(1)
}

.tyres-banner .banner-brands .brand-list .box .image {
    padding-bottom: 1.7391304348rem;
    background-size: 220%;
    width: 5.652173913rem;
    margin: auto;
    display: block
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .tyres-banner .banner-brands .brand-list .box .image {
        padding-bottom: 2.1052631579rem
    }
}

@media screen and (min-width: 1500px) {
    .tyres-banner .banner-brands .brand-list .box .image {
        padding-bottom: 2.0833333333vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .tyres-banner .banner-brands .brand-list .box .image {
        width: 6.8421052632rem
    }
}

@media screen and (min-width: 1500px) {
    .tyres-banner .banner-brands .brand-list .box .image {
        width: 6.7708333333vw
    }
}

.tyres-banner .banner-brands .brand-list .box .image.continental {
    background-position: 5.9% 38%
}

.tyres-banner .banner-brands .brand-list .box .image.pirelli {
    background-position: 5.9% 12.7%
}

.tyres-banner .banner-brands .brand-list .box .image.michelin {
    background-position: 10.5% 30%;
    background-size: 250%;
    width: 8vw
}

.tyres-banner .banner-brands .brand-list .box .image.bfgoodrich {
    background-position: 5.9% 67.1%
}

.tyres-banner .banner-brands .brand-list .box .image.dunlop {
    background-position: 5.9% 60.1%
}

.tyres-banner .banner-brands .brand-list .box .image.bridgestone {
    background-position: 5.9% 20.7%
}

.tyres-banner .banner-brands .brand-list .box .image.coopertires {
    background-position: 97% 36.9%
}

.tyres-banner .banner-brands .brand-list .box .image.nitto {
    background-position: 1.8% 84%
}

.tyres-banner .banner-brands .brand-list .box .image.roadstone {
    background-position: 1.8% 66.6%
}

.tyres-banner .banner-brands .brand-list .box .image.goodyear {
    background-position: 5.9% 45.9%
}

.tyres-banner .banner-brands .brand-list .box .image.nexen {
    background-position: 5.9% 89%
}

.tyres-banner .banner-brands .brand-list .box .image.hankok {
    background-position: 5.9% 80.5%
}

.tyres-banner .banner-brands .brand-list .box .image.matrax {
    background: url("../images/section/MatraX_logo.png") no-repeat;
    background-size: contain
}

.tyres-banner .banner-brands .brand-list .box .image.yokoma {
    background-position: 5.9% 53.4%
}

.tyres-banner .banner-brands .brand-list .box .image.mastercraft {
    background-position: 5.9% 74%
}

.tyres-banner .banner-brands .brand-list .box .image.kumho {
    background-position: 5.9% 98%
}

.tyres-banner .banner-brands .brand-list .box .image.falken {
    background-position: 98% 1.3%
}

.tyres-banner .greview {
    background-color: #fff;
    box-shadow: 0px 3px 15px rgba(0, 0, 0, .16);
    -ms-box-shadow: 0px 3px 15px rgba(0, 0, 0, .16);
    -webkit-box-shadow: 0px 3px 15px rgba(0, 0, 0, .16);
    padding: 0.1304347826rem 0.1304347826rem 0.1304347826rem 0.1304347826rem;
    border-radius: 0.4347826087rem;
    -ms-border-radius: 0.4347826087rem;
    -webkit-border-radius: 0.4347826087rem;
    width: 9.347826087rem;
    margin-top: 1.5217391304rem;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .tyres-banner .greview {
        padding: 0.1578947368rem 0.1578947368rem 0.1578947368rem 0.1578947368rem
    }
}

@media screen and (min-width: 1500px) {
    .tyres-banner .greview {
        padding: .15625vw .15625vw .15625vw .15625vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .tyres-banner .greview {
        border-radius: 0.5263157895rem;
        -ms-border-radius: 0.5263157895rem;
        -webkit-border-radius: 0.5263157895rem
    }
}

@media screen and (min-width: 1500px) {
    .tyres-banner .greview {
        border-radius: .5208333333vw;
        -ms-border-radius: .5208333333vw;
        -webkit-border-radius: .5208333333vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .tyres-banner .greview {
        width: 11.3157894737rem
    }
}

@media screen and (min-width: 1500px) {
    .tyres-banner .greview {
        width: 11.1979166667vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .tyres-banner .greview {
        margin-top: 1.8421052632rem
    }
}

@media screen and (min-width: 1500px) {
    .tyres-banner .greview {
        margin-top: 1.8229166667vw
    }
}

@media screen and (max-height: 715px)and (orientation: portrait) {
    .tyres-banner .greview {
        margin-top: 0.625rem
    }
}

@media screen and (min-height: 700px)and (max-height: 860px)and (orientation: landscape) {
    .tyres-banner .greview {
        margin-top: 0.5263157895rem
    }
}

.tyres-banner .greview .rating-container .icon {
    text-align: center;
    margin-right: 0.652173913rem;
    position: relative;
    top: -1px
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .tyres-banner .greview .rating-container .icon {
        margin-right: 0.7894736842rem
    }
}

@media screen and (min-width: 1500px) {
    .tyres-banner .greview .rating-container .icon {
        margin-right: .78125vw
    }
}

.tyres-banner .greview .rating-container .icon svg {
    width: 1rem;
    height: auto
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .tyres-banner .greview .rating-container .icon svg {
        width: 1.2105263158rem
    }
}

@media screen and (min-width: 1500px) {
    .tyres-banner .greview .rating-container .icon svg {
        width: 1.1979166667vw
    }
}

.tyres-banner .greview .rating-container .rating {
    font-weight: 700;
    line-height: normal;
    font-size: 1rem;
    color: #000;
    word-break: normal;
    margin-right: 0.652173913rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .tyres-banner .greview .rating-container .rating {
        font-size: 1.2105263158rem
    }
}

@media screen and (min-width: 1500px) {
    .tyres-banner .greview .rating-container .rating {
        font-size: 1.1979166667vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .tyres-banner .greview .rating-container .rating {
        margin-right: 0.7894736842rem
    }
}

@media screen and (min-width: 1500px) {
    .tyres-banner .greview .rating-container .rating {
        margin-right: .78125vw
    }
}

.tyres-banner .greview .rating-container .rating-bar ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.tyres-banner .greview .rating-container .rating-bar ul li svg {
    width: 1rem;
    fill: #febc06
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .tyres-banner .greview .rating-container .rating-bar ul li svg {
        width: 1.2105263158rem
    }
}

@media screen and (min-width: 1500px) {
    .tyres-banner .greview .rating-container .rating-bar ul li svg {
        width: 1.1979166667vw
    }
}

.tyres-banner .tyre-search {
    max-width: 23.7391304348rem;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1.0869565217rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .tyres-banner .tyre-search {
        max-width: 28.7368421053rem
    }
}

@media screen and (min-width: 1500px) {
    .tyres-banner .tyre-search {
        max-width: 28.4375vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .tyres-banner .tyre-search {
        margin-top: 1.3157894737rem
    }
}

@media screen and (min-width: 1500px) {
    .tyres-banner .tyre-search {
        margin-top: 1.3020833333vw
    }
}

@media screen and (max-width: 767px) {
    .tyres-banner .tyre-search {
        max-width: 17.8125rem
    }
}

@media screen and (max-height: 715px)and (orientation: portrait) {
    .tyres-banner .tyre-search {
        margin-top: 0.5rem
    }
}

.tyres-banner .tyre-search .search-wrap {
    position: relative
}

.tyres-banner .tyre-search .search-wrap input {
    background-color: #fff;
    border: 2px solid #d70000;
    height: 2.6086956522rem;
    font-size: 0.6956521739rem;
    border-radius: 100px;
    -ms-border-radius: 100px;
    -webkit-border-radius: 100px;
    padding: 0.2173913043rem 0.9565217391rem 0.2173913043rem 0.9565217391rem;
    box-shadow: 0px 8px 10px rgba(135, 110, 110, .5);
    -ms-box-shadow: 0px 8px 10px rgba(135, 110, 110, .5);
    -webkit-box-shadow: 0px 8px 10px rgba(135, 110, 110, .5);
    cursor: pointer
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .tyres-banner .tyre-search .search-wrap input {
        height: 3.1578947368rem
    }
}

@media screen and (min-width: 1500px) {
    .tyres-banner .tyre-search .search-wrap input {
        height: 3.125vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .tyres-banner .tyre-search .search-wrap input {
        font-size: 0.8421052632rem
    }
}

@media screen and (min-width: 1500px) {
    .tyres-banner .tyre-search .search-wrap input {
        font-size: .8333333333vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .tyres-banner .tyre-search .search-wrap input {
        padding: 0.2631578947rem 1.1578947368rem 0.2631578947rem 1.1578947368rem
    }
}

@media screen and (min-width: 1500px) {
    .tyres-banner .tyre-search .search-wrap input {
        padding: .2604166667vw 1.1458333333vw .2604166667vw 1.1458333333vw
    }
}

.tyres-banner .tyre-search .search-wrap .search-icon {
    position: absolute;
    right: 1.5217391304rem;
    top: 50%;
    transform: translateY(-50%)
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .tyres-banner .tyre-search .search-wrap .search-icon {
        right: 1.8421052632rem
    }
}

@media screen and (min-width: 1500px) {
    .tyres-banner .tyre-search .search-wrap .search-icon {
        right: 1.8229166667vw
    }
}

.tyres-banner .tyre-search .search-wrap .search-icon svg {
    width: 0.7826086957rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .tyres-banner .tyre-search .search-wrap .search-icon svg {
        width: 0.9473684211rem
    }
}

@media screen and (min-width: 1500px) {
    .tyres-banner .tyre-search .search-wrap .search-icon svg {
        width: .9375vw
    }
}

.tyres-banner .tyre-search .search-vehicle {
    text-align: center;
    margin-top: 0.8695652174rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .tyres-banner .tyre-search .search-vehicle {
        margin-top: 1.0526315789rem
    }
}

@media screen and (min-width: 1500px) {
    .tyres-banner .tyre-search .search-vehicle {
        margin-top: 1.0416666667vw
    }
}

.tyres-banner .tyre-search .search-vehicle span {
    display: inline-block;
    background-color: #000;
    color: #fff;
    font-size: 0.6086956522rem;
    font-weight: 500;
    border-radius: 100px;
    -ms-border-radius: 100px;
    -webkit-border-radius: 100px;
    padding: 0.4347826087rem 0.9565217391rem 0.4347826087rem 0.9565217391rem;
    cursor: pointer
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .tyres-banner .tyre-search .search-vehicle span {
        font-size: 0.7368421053rem
    }
}

@media screen and (min-width: 1500px) {
    .tyres-banner .tyre-search .search-vehicle span {
        font-size: .7291666667vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .tyres-banner .tyre-search .search-vehicle span {
        padding: 0.5263157895rem 1.1578947368rem 0.5263157895rem 1.1578947368rem
    }
}

@media screen and (min-width: 1500px) {
    .tyres-banner .tyre-search .search-vehicle span {
        padding: .5208333333vw 1.1458333333vw .5208333333vw 1.1458333333vw
    }
}

.tyres-banner .tyre-search .search-vehicle span:hover {
    background-color: #d70000
}

.tyres-banner .current-deals {
    padding-left: 3.4782608696rem;
    padding-right: 3.4782608696rem;
    padding-top: 1.5217391304rem;
    margin-top: auto
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .tyres-banner .current-deals {
        padding-left: 4.2105263158rem
    }
}

@media screen and (min-width: 1500px) {
    .tyres-banner .current-deals {
        padding-left: 4.1666666667vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .tyres-banner .current-deals {
        padding-right: 4.2105263158rem
    }
}

@media screen and (min-width: 1500px) {
    .tyres-banner .current-deals {
        padding-right: 4.1666666667vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .tyres-banner .current-deals {
        padding-top: 1.8421052632rem
    }
}

@media screen and (min-width: 1500px) {
    .tyres-banner .current-deals {
        padding-top: 1.8229166667vw
    }
}

@media screen and (max-width: 767px) {
    .tyres-banner .current-deals {
        padding-left: 0;
        padding-right: 0
    }
}

@media screen and (max-height: 715px)and (orientation: portrait) {
    .tyres-banner .current-deals {
        padding-top: 0.625rem
    }
}

@media screen and (min-height: 700px)and (max-height: 860px)and (orientation: landscape) {
    .tyres-banner .current-deals {
        padding-top: 0.5263157895rem
    }
}

.tyres-banner .current-deals .title {
    text-align: center;
    margin-bottom: 1.2173913043rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .tyres-banner .current-deals .title {
        margin-bottom: 1.4736842105rem
    }
}

@media screen and (min-width: 1500px) {
    .tyres-banner .current-deals .title {
        margin-bottom: 1.4583333333vw
    }
}

.tyres-banner .current-deals .title h4 {
    font-size: 1.3913043478rem;
    font-weight: 700
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .tyres-banner .current-deals .title h4 {
        font-size: 1.6842105263rem
    }
}

@media screen and (min-width: 1500px) {
    .tyres-banner .current-deals .title h4 {
        font-size: 1.6666666667vw
    }
}

.tyres-banner .current-deals .box {
    border: 1px solid #dbdbdb;
    border-radius: 0.8695652174rem;
    -ms-border-radius: 0.8695652174rem;
    -webkit-border-radius: 0.8695652174rem;
    overflow: hidden
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .tyres-banner .current-deals .box {
        border-radius: 1.0526315789rem;
        -ms-border-radius: 1.0526315789rem;
        -webkit-border-radius: 1.0526315789rem
    }
}

@media screen and (min-width: 1500px) {
    .tyres-banner .current-deals .box {
        border-radius: 1.0416666667vw;
        -ms-border-radius: 1.0416666667vw;
        -webkit-border-radius: 1.0416666667vw
    }
}

.tyres-banner .current-deals .box .top {
    border-bottom: 1px solid #dbdbdb
}

.tyres-banner .current-deals .box .top .brand-logo {
    padding-left: 0.652173913rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .tyres-banner .current-deals .box .top .brand-logo {
        padding-left: 0.7894736842rem
    }
}

@media screen and (min-width: 1500px) {
    .tyres-banner .current-deals .box .top .brand-logo {
        padding-left: .78125vw
    }
}

.tyres-banner .current-deals .box .top .brand-logo img {
    max-height: 1.0869565217rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .tyres-banner .current-deals .box .top .brand-logo img {
        max-height: 1.3157894737rem
    }
}

@media screen and (min-width: 1500px) {
    .tyres-banner .current-deals .box .top .brand-logo img {
        max-height: 1.3020833333vw
    }
}

.tyres-banner .current-deals .box .top .deal-end {
    background-color: #000;
    color: #fff;
    border-radius: 0.8695652174rem;
    -ms-border-radius: 0.8695652174rem;
    -webkit-border-radius: 0.8695652174rem;
    border-top-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    font-size: 0.4347826087rem;
    font-weight: 500;
    padding: 0.652173913rem 0.652173913rem 0.652173913rem 1.5217391304rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .tyres-banner .current-deals .box .top .deal-end {
        border-radius: 1.0526315789rem;
        -ms-border-radius: 1.0526315789rem;
        -webkit-border-radius: 1.0526315789rem
    }
}

@media screen and (min-width: 1500px) {
    .tyres-banner .current-deals .box .top .deal-end {
        border-radius: 1.0416666667vw;
        -ms-border-radius: 1.0416666667vw;
        -webkit-border-radius: 1.0416666667vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .tyres-banner .current-deals .box .top .deal-end {
        font-size: 0.5263157895rem
    }
}

@media screen and (min-width: 1500px) {
    .tyres-banner .current-deals .box .top .deal-end {
        font-size: .5208333333vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .tyres-banner .current-deals .box .top .deal-end {
        padding: 0.7894736842rem 0.7894736842rem 0.7894736842rem 1.8421052632rem
    }
}

@media screen and (min-width: 1500px) {
    .tyres-banner .current-deals .box .top .deal-end {
        padding: .78125vw .78125vw .78125vw 1.8229166667vw
    }
}

.tyres-banner .current-deals .box .box-title {
    padding: 0.652173913rem 0.652173913rem 0.652173913rem 0.652173913rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .tyres-banner .current-deals .box .box-title {
        padding: 0.7894736842rem 0.7894736842rem 0.7894736842rem 0.7894736842rem
    }
}

@media screen and (min-width: 1500px) {
    .tyres-banner .current-deals .box .box-title {
        padding: .78125vw .78125vw .78125vw .78125vw
    }
}

.tyres-banner .current-deals .box .box-title span {
    font-size: 0.6086956522rem;
    font-weight: 600;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .tyres-banner .current-deals .box .box-title span {
        font-size: 0.7368421053rem
    }
}

@media screen and (min-width: 1500px) {
    .tyres-banner .current-deals .box .box-title span {
        font-size: .7291666667vw
    }
}

.tyres-banner .current-deals .box .box-title .link {
    padding: 0.347826087rem 1.0869565217rem 0.347826087rem 1.0869565217rem;
    border: 1px solid #000;
    border-radius: 100px;
    -ms-border-radius: 100px;
    -webkit-border-radius: 100px;
    display: inline-block;
    font-size: 0.5217391304rem;
    font-weight: 600;
    cursor: pointer
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .tyres-banner .current-deals .box .box-title .link {
        padding: 0.4210526316rem 1.3157894737rem 0.4210526316rem 1.3157894737rem
    }
}

@media screen and (min-width: 1500px) {
    .tyres-banner .current-deals .box .box-title .link {
        padding: .4166666667vw 1.3020833333vw .4166666667vw 1.3020833333vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .tyres-banner .current-deals .box .box-title .link {
        font-size: 0.6315789474rem
    }
}

@media screen and (min-width: 1500px) {
    .tyres-banner .current-deals .box .box-title .link {
        font-size: .625vw
    }
}

.tyres-banner .current-deals .box .box-title .link:hover {
    background-color: #000;
    color: #fff
}

.tyres-banner .current-deals .box .image-wrap.aspect-custom {
    padding-bottom: 35%
}

.tyres-banner .current-deals .box .shownow a {
    padding: 0.6086956522rem 0.4347826087rem 0.6086956522rem 0.4347826087rem;
    background-color: #d70000;
    color: #fff;
    font-size: 0.6086956522rem;
    font-weight: 500;
    display: block;
    text-align: center
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .tyres-banner .current-deals .box .shownow a {
        padding: 0.7368421053rem 0.5263157895rem 0.7368421053rem 0.5263157895rem
    }
}

@media screen and (min-width: 1500px) {
    .tyres-banner .current-deals .box .shownow a {
        padding: .7291666667vw .5208333333vw .7291666667vw .5208333333vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .tyres-banner .current-deals .box .shownow a {
        font-size: 0.7368421053rem
    }
}

@media screen and (min-width: 1500px) {
    .tyres-banner .current-deals .box .shownow a {
        font-size: .7291666667vw
    }
}

.tyres-banner .current-deals .box .shownow a:hover {
    background-color: #000
}

@media screen and (max-width: 767px) {
    html .safari .tyres-banner {
        min-height: calc(100vh - 4.375rem - 80px + 10px)
    }

    html .chrome .tyres-banner {
        min-height: calc(100vh - 4.375rem - 65px + 10px)
    }
}

@media screen and (min-height: 770px)and (orientation: portrait) {
    html .safari .tyres-banner {
        min-height: 1px
    }

    html .chrome .tyres-banner {
        min-height: 1px
    }
}

.izimodal-offersmodal {
    max-width: 25.3913043478rem;
    border-radius: 0.8695652174rem;
    -ms-border-radius: 0.8695652174rem;
    -webkit-border-radius: 0.8695652174rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .izimodal-offersmodal {
        max-width: 30.7368421053rem
    }
}

@media screen and (min-width: 1500px) {
    .izimodal-offersmodal {
        max-width: 30.4166666667vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .izimodal-offersmodal {
        border-radius: 1.0526315789rem;
        -ms-border-radius: 1.0526315789rem;
        -webkit-border-radius: 1.0526315789rem
    }
}

@media screen and (min-width: 1500px) {
    .izimodal-offersmodal {
        border-radius: 1.0416666667vw;
        -ms-border-radius: 1.0416666667vw;
        -webkit-border-radius: 1.0416666667vw
    }
}

.izimodal-offersmodal .modal-content-wrap {
    position: relative;
    padding: 3.0434782609rem 1.5217391304rem 1.7391304348rem 1.5217391304rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .izimodal-offersmodal .modal-content-wrap {
        padding: 3.6842105263rem 1.8421052632rem 2.1052631579rem 1.8421052632rem
    }
}

@media screen and (min-width: 1500px) {
    .izimodal-offersmodal .modal-content-wrap {
        padding: 3.6458333333vw 1.8229166667vw 2.0833333333vw 1.8229166667vw
    }
}

.izimodal-offersmodal .modal-content-wrap .button-close {
    position: absolute;
    top: 0.652173913rem;
    right: 1.0434782609rem;
    cursor: pointer
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .izimodal-offersmodal .modal-content-wrap .button-close {
        top: 0.7894736842rem
    }
}

@media screen and (min-width: 1500px) {
    .izimodal-offersmodal .modal-content-wrap .button-close {
        top: .78125vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .izimodal-offersmodal .modal-content-wrap .button-close {
        right: 1.2631578947rem
    }
}

@media screen and (min-width: 1500px) {
    .izimodal-offersmodal .modal-content-wrap .button-close {
        right: 1.25vw
    }
}

.izimodal-offersmodal .modal-content-wrap .button-close svg {
    width: 0.8695652174rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .izimodal-offersmodal .modal-content-wrap .button-close svg {
        width: 1.0526315789rem
    }
}

@media screen and (min-width: 1500px) {
    .izimodal-offersmodal .modal-content-wrap .button-close svg {
        width: 1.0416666667vw
    }
}

.izimodal-offersmodal .modal-content-wrap .modal-title .h3 {
    font-weight: bold;
    font-size: 1.0434782609rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .izimodal-offersmodal .modal-content-wrap .modal-title .h3 {
        font-size: 1.2631578947rem
    }
}

@media screen and (min-width: 1500px) {
    .izimodal-offersmodal .modal-content-wrap .modal-title .h3 {
        font-size: 1.25vw
    }
}

.izimodal-offersmodal .modal-content-wrap .image-wrap {
    max-width: 16.5217391304rem;
    margin-top: 0.652173913rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .izimodal-offersmodal .modal-content-wrap .image-wrap {
        max-width: 20rem
    }
}

@media screen and (min-width: 1500px) {
    .izimodal-offersmodal .modal-content-wrap .image-wrap {
        max-width: 19.7916666667vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .izimodal-offersmodal .modal-content-wrap .image-wrap {
        margin-top: 0.7894736842rem
    }
}

@media screen and (min-width: 1500px) {
    .izimodal-offersmodal .modal-content-wrap .image-wrap {
        margin-top: .78125vw
    }
}

.izimodal-offersmodal .modal-content-wrap .image-wrap.aspect-custom {
    padding-bottom: 26%
}

.izimodal-offersmodal .modal-content-wrap .text-block {
    margin-top: 1.3043478261rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .izimodal-offersmodal .modal-content-wrap .text-block {
        margin-top: 1.5789473684rem
    }
}

@media screen and (min-width: 1500px) {
    .izimodal-offersmodal .modal-content-wrap .text-block {
        margin-top: 1.5625vw
    }
}

.izimodal-offersmodal .modal-content-wrap .text-block p {
    font-weight: 300;
    font-size: 0.5217391304rem;
    margin-bottom: 0.9565217391rem;
    line-height: 1.7
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .izimodal-offersmodal .modal-content-wrap .text-block p {
        font-size: 0.6315789474rem
    }
}

@media screen and (min-width: 1500px) {
    .izimodal-offersmodal .modal-content-wrap .text-block p {
        font-size: .625vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .izimodal-offersmodal .modal-content-wrap .text-block p {
        margin-bottom: 1.1578947368rem
    }
}

@media screen and (min-width: 1500px) {
    .izimodal-offersmodal .modal-content-wrap .text-block p {
        margin-bottom: 1.1458333333vw
    }
}

.izimodal-offersmodal .modal-content-wrap .text-block p b,
.izimodal-offersmodal .modal-content-wrap .text-block p strong {
    font-weight: 600
}

.izimodal-offersmodal .modal-content-wrap .text-block ul {
    padding: 0;
    padding: 0rem 0rem 0rem 0.6956521739rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .izimodal-offersmodal .modal-content-wrap .text-block ul {
        padding: 0rem 0rem 0rem 0.8421052632rem
    }
}

@media screen and (min-width: 1500px) {
    .izimodal-offersmodal .modal-content-wrap .text-block ul {
        padding: 0vw 0vw 0vw .8333333333vw
    }
}

.izimodal-offersmodal .modal-content-wrap .text-block ul li {
    font-weight: 300;
    font-size: 0.5217391304rem;
    position: relative;
    margin-bottom: 0.2173913043rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .izimodal-offersmodal .modal-content-wrap .text-block ul li {
        font-size: 0.6315789474rem
    }
}

@media screen and (min-width: 1500px) {
    .izimodal-offersmodal .modal-content-wrap .text-block ul li {
        font-size: .625vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .izimodal-offersmodal .modal-content-wrap .text-block ul li {
        margin-bottom: 0.2631578947rem
    }
}

@media screen and (min-width: 1500px) {
    .izimodal-offersmodal .modal-content-wrap .text-block ul li {
        margin-bottom: .2604166667vw
    }
}

.izimodal-offersmodal .modal-content-wrap .text-block .terms {
    margin: 1.3043478261rem 0rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .izimodal-offersmodal .modal-content-wrap .text-block .terms {
        margin: 1.5789473684rem 0rem
    }
}

@media screen and (min-width: 1500px) {
    .izimodal-offersmodal .modal-content-wrap .text-block .terms {
        margin: 1.5625vw 0vw
    }
}

.izimodal-offersmodal .modal-content-wrap .text-block .terms p {
    margin-bottom: 0.347826087rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .izimodal-offersmodal .modal-content-wrap .text-block .terms p {
        margin-bottom: 0.4210526316rem
    }
}

@media screen and (min-width: 1500px) {
    .izimodal-offersmodal .modal-content-wrap .text-block .terms p {
        margin-bottom: .4166666667vw
    }
}

.izimodal-offersmodal .modal-content-wrap .shopnow {
    text-align: center
}

.izimodal-offersmodal .modal-content-wrap .shopnow .button {
    min-height: 1px
}

.izimodal-offersmodal .modal-content-wrap .shopnow .button span {
    font-size: 0.6086956522rem;
    font-weight: 500;
    min-width: 6.4347826087rem;
    padding: 0.4347826087rem 1.2173913043rem 0.4347826087rem 1.2173913043rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .izimodal-offersmodal .modal-content-wrap .shopnow .button span {
        font-size: 0.7368421053rem
    }
}

@media screen and (min-width: 1500px) {
    .izimodal-offersmodal .modal-content-wrap .shopnow .button span {
        font-size: .7291666667vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .izimodal-offersmodal .modal-content-wrap .shopnow .button span {
        min-width: 7.7894736842rem
    }
}

@media screen and (min-width: 1500px) {
    .izimodal-offersmodal .modal-content-wrap .shopnow .button span {
        min-width: 7.7083333333vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .izimodal-offersmodal .modal-content-wrap .shopnow .button span {
        padding: 0.5263157895rem 1.4736842105rem 0.5263157895rem 1.4736842105rem
    }
}

@media screen and (min-width: 1500px) {
    .izimodal-offersmodal .modal-content-wrap .shopnow .button span {
        padding: .5208333333vw 1.4583333333vw .5208333333vw 1.4583333333vw
    }
}

.brand-sprite {
    background: url("../images/section/Brands.webp") no-repeat
}

.brands {
    background-color: #fdf2f2;
    padding: 9.7826086957rem 0rem 4.347826087rem 0rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .brands {
        padding: 11.8421052632rem 0rem 5.2631578947rem 0rem
    }
}

@media screen and (min-width: 1500px) {
    .brands {
        padding: 11.71875vw 0vw 5.2083333333vw 0vw
    }
}

.brands .heading-style6 p {
    margin-left: auto;
    margin-right: auto;
    max-width: 39.7826086957rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .brands .heading-style6 p {
        max-width: 48.1578947368rem
    }
}

@media screen and (min-width: 1500px) {
    .brands .heading-style6 p {
        max-width: 47.65625vw
    }
}

.brands .brand-list {
    padding: 0 10%
}

.brands .brand-list .box {
    margin-bottom: 1.5217391304rem
}

.brands .brand-list .box a:hover {
    filter: grayscale(1)
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .brands .brand-list .box {
        margin-bottom: 1.8421052632rem
    }
}

@media screen and (min-width: 1500px) {
    .brands .brand-list .box {
        margin-bottom: 1.8229166667vw
    }
}

.brands .brand-list .box .image {
    padding-bottom: 2.6086956522rem;
    background-size: 214%;
    max-width: 9.4347826087rem;
    margin: auto;
    display: block
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .brands .brand-list .box .image {
        padding-bottom: 3.1578947368rem
    }
}

@media screen and (min-width: 1500px) {
    .brands .brand-list .box .image {
        padding-bottom: 3.125vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .brands .brand-list .box .image {
        max-width: 11.4210526316rem
    }
}

@media screen and (min-width: 1500px) {
    .brands .brand-list .box .image {
        max-width: 11.3020833333vw
    }
}

.brands .brand-list .box .image.continental {
    background-position: 5.9% 38%
}

.brands .brand-list .box .image.pirelli {
    background-position: 5.9% 12.7%
}

.brands .brand-list .box .image.michelin {
    background-position: 5.9% 29.8%
}

.brands .brand-list .box .image.bfgoodrich {
    background-position: 5.9% 67.1%
}

.brands .brand-list .box .image.dunlop {
    background-position: 5.9% 60.1%
}

.brands .brand-list .box .image.bridgestone {
    background-position: 5.9% 20.7%
}

.brands .brand-list .box .image.coopertires {
    background-position: 97% 36.9%
}

.brands .brand-list .box .image.nitto {
    background-position: 1.8% 84%
}

.brands .brand-list .box .image.roadstone {
    background-position: 1.8% 66.6%
}

.brands .brand-list .box .image.goodyear {
    background-position: 5.9% 45.9%
}

.brands .brand-list .box .image.nexen {
    background-position: 5.9% 89%
}

.brands .brand-list .box .image.hankok {
    background-position: 5.9% 80.5%
}

.brands .brand-list .box .image.matrax {
    background: url("../images/section/MatraX_logo.png") no-repeat;
    background-size: contain
}

.brands .brand-list .box .image.yokoma {
    background-position: 5.9% 53.4%
}

.brands .brand-list .box .image.mastercraft {
    background-position: 5.9% 74%
}

.brands .brand-list .box .image.kumho {
    background-position: 5.9% 98%
}

.brands .brand-list .box .image.falken {
    background-position: 98% 1.3%
}

.brands .show-all {
    margin-top: 3.0434782609rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .brands .show-all {
        margin-top: 3.6842105263rem
    }
}

@media screen and (min-width: 1500px) {
    .brands .show-all {
        margin-top: 3.6458333333vw
    }
}

.brands .show-all .button span {
    width: 12.1739130435rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .brands .show-all .button span {
        width: 14.7368421053rem
    }
}

@media screen and (min-width: 1500px) {
    .brands .show-all .button span {
        width: 14.5833333333vw
    }
}

@media screen and (max-width: 991px) {
    .brands .brand-list {
        padding: 0
    }
}

@media screen and (max-width: 767px) {
    .brands {
        padding-top: 5rem;
        padding-bottom: 2.5rem
    }

    .tyres-banner .banner-brands .brand-list .box .image.michelin {
        background-position: 10.5% 30%;
        background-size: 250%;
        width: auto
    }
}

.cars-brand-sprite {
    background: url("../images/section/Cars-Brands.webp") no-repeat
}

.cars-brand {
    padding: 4.347826087rem 0rem 1.3043478261rem 0rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .cars-brand {
        padding: 5.2631578947rem 0rem 1.5789473684rem 0rem
    }
}

@media screen and (min-width: 1500px) {
    .cars-brand {
        padding: 5.2083333333vw 0vw 1.5625vw 0vw
    }
}

.cars-brand .heading-style6 p {
    margin-left: auto;
    margin-right: auto;
    max-width: 39.7826086957rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .cars-brand .heading-style6 p {
        max-width: 48.1578947368rem
    }
}

@media screen and (min-width: 1500px) {
    .cars-brand .heading-style6 p {
        max-width: 47.65625vw
    }
}

.cars-brand .brand-list {
    padding: 0 14%
}

.cars-brand .brand-list .box {
    margin-bottom: 0.4347826087rem
}

.cars-brand .brand-list .box a:hover {
    filter: grayscale(1)
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .cars-brand .brand-list .box {
        margin-bottom: 0.5263157895rem
    }
}

@media screen and (min-width: 1500px) {
    .cars-brand .brand-list .box {
        margin-bottom: .5208333333vw
    }
}

.cars-brand .brand-list .box .image {
    padding-bottom: 5.0434782609rem;
    background-size: 320%;
    max-width: 6.7391304348rem;
    margin: auto;
    display: block
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .cars-brand .brand-list .box .image {
        padding-bottom: 6.1052631579rem
    }
}

@media screen and (min-width: 1500px) {
    .cars-brand .brand-list .box .image {
        padding-bottom: 6.0416666667vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .cars-brand .brand-list .box .image {
        max-width: 8.1578947368rem
    }
}

@media screen and (min-width: 1500px) {
    .cars-brand .brand-list .box .image {
        max-width: 8.0729166667vw
    }
}

.cars-brand .brand-list .box .image.audi {
    background-position: 3% 2%
}

.cars-brand .brand-list .box .image.bmw {
    background-position: 51% 2%
}

.cars-brand .brand-list .box .image.chevrolet {
    background-position: 94.8% 52.7%
}

.cars-brand .brand-list .box .image.ford {
    background-position: 5% 76%
}

.cars-brand .brand-list .box .image.hyundai {
    background-position: 50.8% 52.7%
}

.cars-brand .brand-list .box .image.kia {
    background-position: 50% 76%
}

.cars-brand .brand-list .box .image.mazda {
    background-position: 50% 27.3%
}

.cars-brand .brand-list .box .image.mercedes-benz {
    background-position: 92% 27.3%
}

.cars-brand .brand-list .box .image.mini {
    background-position: 5% 96.7%
}

.cars-brand .brand-list .box .image.mitsubishi {
    background-position: 3% 25.7%
}

.cars-brand .brand-list .box .image.nissan {
    background-position: 96% 2%
}

.cars-brand .brand-list .box .image.porsche {
    background-position: 95% 76%
}

.cars-brand .brand-list .box .image.tesla {
    background-position: 96% 98.2%
}

.cars-brand .brand-list .box .image.rolls-royce {
    background-position: 50% 96.6%
}

.cars-brand .brand-list .box .image.toyota {
    background-position: 4.8% 52.6%
}

.cars-brand .show-all {
    margin-top: 1.7391304348rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .cars-brand .show-all {
        margin-top: 2.1052631579rem
    }
}

@media screen and (min-width: 1500px) {
    .cars-brand .show-all {
        margin-top: 2.0833333333vw
    }
}

.cars-brand .show-all .button span {
    width: 12.1739130435rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .cars-brand .show-all .button span {
        width: 14.7368421053rem
    }
}

@media screen and (min-width: 1500px) {
    .cars-brand .show-all .button span {
        width: 14.5833333333vw
    }
}

@media screen and (max-width: 991px) {
    .cars-brand .brand-list {
        padding: 0
    }
}

@media screen and (max-width: 767px) {
    .cars-brand {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem
    }
}

.welcome .image-wrap.aspect-custom {
    padding-bottom: 67%
}

.welcome .heading-style6 p {
    margin-left: auto;
    margin-right: auto
}

.welcome .heading-style6 p.cw1 {
    max-width: 20.8695652174rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .welcome .heading-style6 p.cw1 {
        max-width: 25.2631578947rem
    }
}

@media screen and (min-width: 1500px) {
    .welcome .heading-style6 p.cw1 {
        max-width: 25vw
    }
}

.welcome .heading-style6 p.cw2 {
    max-width: 11.9565217391rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .welcome .heading-style6 p.cw2 {
        max-width: 14.4736842105rem
    }
}

@media screen and (min-width: 1500px) {
    .welcome .heading-style6 p.cw2 {
        max-width: 14.3229166667vw
    }
}

.welcome .banner-content {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding-top: 0%;
    padding-bottom: 0%;
    padding-left: 0.652173913rem;
    padding-right: 0.652173913rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .welcome .banner-content {
        padding-left: 0.7894736842rem
    }
}

@media screen and (min-width: 1500px) {
    .welcome .banner-content {
        padding-left: .78125vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .welcome .banner-content {
        padding-right: 0.7894736842rem
    }
}

@media screen and (min-width: 1500px) {
    .welcome .banner-content {
        padding-right: .78125vw
    }
}

.welcome .banner-content .top {
    padding-top: 2.6086956522rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .welcome .banner-content .top {
        padding-top: 3.1578947368rem
    }
}

@media screen and (min-width: 1500px) {
    .welcome .banner-content .top {
        padding-top: 3.125vw
    }
}

.welcome .banner-content .top .shape {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 2;
    top: 0;
    margin-top: -5rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .welcome .banner-content .top .shape {
        margin-top: -6.0526315789rem
    }
}

@media screen and (min-width: 1500px) {
    .welcome .banner-content .top .shape {
        margin-top: -5.9895833333vw
    }
}

.welcome .banner-content .top .shape img {
    height: 5rem;
    width: auto
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .welcome .banner-content .top .shape img {
        height: 6.0526315789rem
    }
}

@media screen and (min-width: 1500px) {
    .welcome .banner-content .top .shape img {
        height: 5.9895833333vw
    }
}

.welcome .banner-content .bottom {
    padding-bottom: 1.9565217391rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .welcome .banner-content .bottom {
        padding-bottom: 2.3684210526rem
    }
}

@media screen and (min-width: 1500px) {
    .welcome .banner-content .bottom {
        padding-bottom: 2.34375vw
    }
}

.welcome .banner-content .bottom .shape {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 2;
    bottom: 0;
    margin-bottom: -6.0869565217rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .welcome .banner-content .bottom .shape {
        margin-bottom: -7.3684210526rem
    }
}

@media screen and (min-width: 1500px) {
    .welcome .banner-content .bottom .shape {
        margin-bottom: -7.2916666667vw
    }
}

.welcome .banner-content .bottom .shape img {
    height: 6.0869565217rem;
    width: auto
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .welcome .banner-content .bottom .shape img {
        height: 7.3684210526rem
    }
}

@media screen and (min-width: 1500px) {
    .welcome .banner-content .bottom .shape img {
        height: 7.2916666667vw
    }
}

@media screen and (max-width: 767px) {
    .welcome .image-wrap.aspect-custom {
        padding-bottom: 96%
    }

    .welcome .banner-content .top {
        padding-top: 1.5625rem
    }

    .welcome .banner-content .top .shape {
        margin-top: -2.8125rem
    }

    .welcome .banner-content .top .shape img {
        height: 2.8125rem
    }

    .welcome .banner-content .bottom {
        padding-bottom: 1.5625rem
    }

    .welcome .banner-content .bottom .shape {
        margin-bottom: -4.375rem
    }

    .welcome .banner-content .bottom .shape img {
        height: 4.375rem
    }
}

@media screen and (max-width: 575px) {
    .welcome .image-wrap.aspect-custom {
        padding-bottom: 137%
    }
}

@media screen and (min-width: 768px)and (max-width: 1199px) {
    .welcome .image-wrap.aspect-custom {
        padding-bottom: 90%
    }
}

.services {
    padding: 0 0 30px
}

.services .box {
    height: 200px;
    width: 200px;
    text-align: center;
    border-radius: 26px;
    -ms-border-radius: 26px;
    -webkit-border-radius: 26px;
    border: 8px solid #f8f6f6;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, .19);
    margin: 10px 0
}

.services .box .image {
    height: 110px;
    background-size: 775%;
    width: 110px
}

.services .box .image.tyres-icon {
    background-position: 33.1% 31.5%
}

.services .box .image.oil-change-icon {
    background-position: 33.2% 43%
}

.services .box .image.service-pack-icon {
    background-position: 33.3% 53.2%
}

.services .box .image.brakes-icon {
    background-position: 34% 64.7%
}

.services .box .image.battery-icon {
    background-position: 34.6% 75.5%
}

.services .box .image.wheel-icon {
    background-position: 34.9% 85.8%
}

.services .box .image.discounts-icon {
    background-position: 35.2% 96.3%
}

.services .box .title {
    font-size: 19px;
    font-style: italic;
    letter-spacing: 3px;
    margin-top: 10px;
    position: relative
}

.services .box .title .dot {
    animation: pulse 1s linear infinite;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    display: block;
    position: absolute;
    top: 3px;
    right: 0;
    left: 0;
    margin: auto;
    z-index: -1
}

.services-mobile .services-list .box {
    text-align: center;
    margin-bottom: 0.625rem
}

.services-mobile .services-list .box a,
.services-mobile .services-list .box span {
    display: block;
    color: #000
}

.services-mobile .services-list .box .icon svg,
.services-mobile .services-list .box .icon img {
    width: 5rem;
    border-radius: 50%;
    -ms-border-radius: 50%;
    -webkit-border-radius: 50%
}

.services-mobile .services-list .box .title {
    margin-top: 0.3125rem;
    position: relative;
    min-height: 2rem
}

.services-mobile .services-list .box .title strong {
    font-size: 0.75rem;
    font-weight: 500;
    display: block
}

.services-mobile .services-list .hide {
    display: block
}

.services-mobile .services-list .toggle-icon {
    text-align: center;
    display: none
}

.services-mobile .services-list .toggle-icon span svg {
    width: 0.9375rem
}

@media screen and (max-width: 767px) {

    .tyres-banner,
    .main-search {
        display: none
    }
}

.shop-tyre {
    background-color: #d70000;
    padding-top: 4.347826087rem;
    padding-bottom: 5.2173913043rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .shop-tyre {
        padding-top: 5.2631578947rem
    }
}

@media screen and (min-width: 1500px) {
    .shop-tyre {
        padding-top: 5.2083333333vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .shop-tyre {
        padding-bottom: 6.3157894737rem
    }
}

@media screen and (min-width: 1500px) {
    .shop-tyre {
        padding-bottom: 6.25vw
    }
}

.shop-tyre .home-shop-tyre {
    cursor: pointer
}

.shop-tyre .heading-style5 p {
    max-width: 27.3913043478rem;
    margin-left: auto;
    margin-right: auto
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .shop-tyre .heading-style5 p {
        max-width: 33.1578947368rem
    }
}

@media screen and (min-width: 1500px) {
    .shop-tyre .heading-style5 p {
        max-width: 32.8125vw
    }
}

.shop-tyre .box {
    text-align: center
}

.shop-tyre .box .box-icon {
    margin-bottom: 1.5217391304rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .shop-tyre .box .box-icon {
        margin-bottom: 1.8421052632rem
    }
}

@media screen and (min-width: 1500px) {
    .shop-tyre .box .box-icon {
        margin-bottom: 1.8229166667vw
    }
}

.shop-tyre .box .box-icon svg {
    height: 2.1739130435rem;
    width: auto
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .shop-tyre .box .box-icon svg {
        height: 2.6315789474rem
    }
}

@media screen and (min-width: 1500px) {
    .shop-tyre .box .box-icon svg {
        height: 2.6041666667vw
    }
}

.shop-tyre .box .text-block h2 {
    color: #fff;
    font-weight: 900;
    font-size: 1.3913043478rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .shop-tyre .box .text-block h2 {
        font-size: 1.6842105263rem
    }
}

@media screen and (min-width: 1500px) {
    .shop-tyre .box .text-block h2 {
        font-size: 1.6666666667vw
    }
}

.shop-tyre .box .text-block p {
    color: #fff;
    font-size: 0.7826086957rem;
    margin-left: auto;
    margin-right: auto
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .shop-tyre .box .text-block p {
        font-size: 0.9473684211rem
    }
}

@media screen and (min-width: 1500px) {
    .shop-tyre .box .text-block p {
        font-size: .9375vw
    }
}

.shop-tyre .box .text-block p.cw1 {
    max-width: 15.2173913043rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .shop-tyre .box .text-block p.cw1 {
        max-width: 18.4210526316rem
    }
}

@media screen and (min-width: 1500px) {
    .shop-tyre .box .text-block p.cw1 {
        max-width: 18.2291666667vw
    }
}

.shop-tyre .box .text-block p.cw2 {
    max-width: 19.5652173913rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .shop-tyre .box .text-block p.cw2 {
        max-width: 23.6842105263rem
    }
}

@media screen and (min-width: 1500px) {
    .shop-tyre .box .text-block p.cw2 {
        max-width: 23.4375vw
    }
}

.shop-tyre .box .text-block p.cw3 {
    max-width: 10.2173913043rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .shop-tyre .box .text-block p.cw3 {
        max-width: 12.3684210526rem
    }
}

@media screen and (min-width: 1500px) {
    .shop-tyre .box .text-block p.cw3 {
        max-width: 12.2395833333vw
    }
}

@media screen and (max-width: 767px) {
    .shop-tyre {
        padding: 2.5rem 0
    }

    .shop-tyre .box {
        margin-bottom: 1.875rem
    }
}

.tyre-anywhere {
    padding-top: 3.2608695652rem;
    padding-bottom: 8.6956521739rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .tyre-anywhere {
        padding-top: 3.9473684211rem
    }
}

@media screen and (min-width: 1500px) {
    .tyre-anywhere {
        padding-top: 3.90625vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .tyre-anywhere {
        padding-bottom: 10.5263157895rem
    }
}

@media screen and (min-width: 1500px) {
    .tyre-anywhere {
        padding-bottom: 10.4166666667vw
    }
}

.tyre-anywhere .heading-style6 p {
    max-width: 33.0434782609rem;
    margin-left: auto;
    margin-right: auto
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .tyre-anywhere .heading-style6 p {
        max-width: 40rem
    }
}

@media screen and (min-width: 1500px) {
    .tyre-anywhere .heading-style6 p {
        max-width: 39.5833333333vw
    }
}

.tyre-anywhere .map-image {
    text-align: center
}

.tyre-anywhere .map-image img {
    height: auto;
    width: 20.8695652174rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .tyre-anywhere .map-image img {
        width: 25.2631578947rem
    }
}

@media screen and (min-width: 1500px) {
    .tyre-anywhere .map-image img {
        width: 25vw
    }
}

.tyre-anywhere .bottom-text {
    text-align: center;
    margin-top: 3.4782608696rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .tyre-anywhere .bottom-text {
        margin-top: 4.2105263158rem
    }
}

@media screen and (min-width: 1500px) {
    .tyre-anywhere .bottom-text {
        margin-top: 4.1666666667vw
    }
}

.tyre-anywhere .bottom-text .count {
    font-size: 3.1304347826rem;
    letter-spacing: 0.2608695652rem;
    color: #d70000;
    font-weight: 900;
    line-height: .8
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .tyre-anywhere .bottom-text .count {
        font-size: 3.7894736842rem
    }
}

@media screen and (min-width: 1500px) {
    .tyre-anywhere .bottom-text .count {
        font-size: 3.75vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .tyre-anywhere .bottom-text .count {
        letter-spacing: 0.3157894737rem
    }
}

@media screen and (min-width: 1500px) {
    .tyre-anywhere .bottom-text .count {
        letter-spacing: .3125vw
    }
}

.tyre-anywhere .bottom-text h3 {
    font-size: 1.3913043478rem;
    font-weight: 900;
    letter-spacing: 3.5px;
    line-height: 1.4;
    max-width: 13.9130434783rem;
    margin-left: auto;
    margin-right: auto
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .tyre-anywhere .bottom-text h3 {
        font-size: 1.6842105263rem
    }
}

@media screen and (min-width: 1500px) {
    .tyre-anywhere .bottom-text h3 {
        font-size: 1.6666666667vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .tyre-anywhere .bottom-text h3 {
        max-width: 16.8421052632rem
    }
}

@media screen and (min-width: 1500px) {
    .tyre-anywhere .bottom-text h3 {
        max-width: 16.6666666667vw
    }
}

.tyre-anywhere .bottom-text h3 span {
    color: #d80000
}

@media screen and (max-width: 767px) {
    .tyre-anywhere {
        padding-top: 2.5rem;
        padding-bottom: 5rem
    }

    .tyre-anywhere .bottom-text .count {
        font-size: 2.5rem
    }

    .tyre-anywhere .bottom-text h3 {
        font-size: 1.125rem
    }
}

.welcome .image-wrap.aspect-custom {
    padding-bottom: 67%
}

.welcome .heading-style6 p {
    margin-left: auto;
    margin-right: auto
}

.welcome .heading-style6 p.cw1 {
    max-width: 20.8695652174rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .welcome .heading-style6 p.cw1 {
        max-width: 25.2631578947rem
    }
}

@media screen and (min-width: 1500px) {
    .welcome .heading-style6 p.cw1 {
        max-width: 25vw
    }
}

.welcome .heading-style6 p.cw2 {
    max-width: 11.9565217391rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .welcome .heading-style6 p.cw2 {
        max-width: 14.4736842105rem
    }
}

@media screen and (min-width: 1500px) {
    .welcome .heading-style6 p.cw2 {
        max-width: 14.3229166667vw
    }
}

.welcome .banner-content {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding-top: 0%;
    padding-bottom: 0%;
    padding-left: 0.652173913rem;
    padding-right: 0.652173913rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .welcome .banner-content {
        padding-left: 0.7894736842rem
    }
}

@media screen and (min-width: 1500px) {
    .welcome .banner-content {
        padding-left: .78125vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .welcome .banner-content {
        padding-right: 0.7894736842rem
    }
}

@media screen and (min-width: 1500px) {
    .welcome .banner-content {
        padding-right: .78125vw
    }
}

.welcome .banner-content .top {
    padding-top: 2.6086956522rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .welcome .banner-content .top {
        padding-top: 3.1578947368rem
    }
}

@media screen and (min-width: 1500px) {
    .welcome .banner-content .top {
        padding-top: 3.125vw
    }
}

.welcome .banner-content .top .shape {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 2;
    top: 0;
    margin-top: -5rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .welcome .banner-content .top .shape {
        margin-top: -6.0526315789rem
    }
}

@media screen and (min-width: 1500px) {
    .welcome .banner-content .top .shape {
        margin-top: -5.9895833333vw
    }
}

.welcome .banner-content .top .shape img {
    height: 5rem;
    width: auto
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .welcome .banner-content .top .shape img {
        height: 6.0526315789rem
    }
}

@media screen and (min-width: 1500px) {
    .welcome .banner-content .top .shape img {
        height: 5.9895833333vw
    }
}

.welcome .banner-content .bottom {
    padding-bottom: 1.9565217391rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .welcome .banner-content .bottom {
        padding-bottom: 2.3684210526rem
    }
}

@media screen and (min-width: 1500px) {
    .welcome .banner-content .bottom {
        padding-bottom: 2.34375vw
    }
}

.welcome .banner-content .bottom .shape {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 2;
    bottom: 0;
    margin-bottom: -6.0869565217rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .welcome .banner-content .bottom .shape {
        margin-bottom: -7.3684210526rem
    }
}

@media screen and (min-width: 1500px) {
    .welcome .banner-content .bottom .shape {
        margin-bottom: -7.2916666667vw
    }
}

.welcome .banner-content .bottom .shape img {
    height: 6.0869565217rem;
    width: auto
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .welcome .banner-content .bottom .shape img {
        height: 7.3684210526rem
    }
}

@media screen and (min-width: 1500px) {
    .welcome .banner-content .bottom .shape img {
        height: 7.2916666667vw
    }
}

@media screen and (max-width: 767px) {
    .welcome .image-wrap.aspect-custom {
        padding-bottom: 96%
    }

    .welcome .banner-content .top {
        padding-top: 1.5625rem
    }

    .welcome .banner-content .top .shape {
        margin-top: -2.8125rem
    }

    .welcome .banner-content .top .shape img {
        height: 2.8125rem
    }

    .welcome .banner-content .bottom {
        padding-bottom: 1.5625rem
    }

    .welcome .banner-content .bottom .shape {
        margin-bottom: -4.375rem
    }

    .welcome .banner-content .bottom .shape img {
        height: 4.375rem
    }
}

@media screen and (max-width: 575px) {
    .welcome .image-wrap.aspect-custom {
        padding-bottom: 137%
    }
}

@media screen and (min-width: 768px)and (max-width: 1199px) {
    .welcome .image-wrap.aspect-custom {
        padding-bottom: 90%
    }
}

/*# sourceMappingURL=home.css.map */