* {
    margin: 0px;
    padding: 0px;
}

html,
body {
    max-width: 100vw;
    overflow-x: hidden;
}

body {
    margin: 0px;
    padding: 0px;
    font-family: 'Montserrat', HelveticaNeue, Helvetica Neue, HelveticaNeueRoman, HelveticaNeue-Roman, Helvetica Neue Roman, Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    color: #22232E;
    padding-top: 50.36px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0px;
    padding: 0px;
    font-family: 'Montserrat', HelveticaNeue, Helvetica Neue, HelveticaNeueRoman, HelveticaNeue-Roman, Helvetica Neue Roman, Helvetica, Arial, sans-serif;
}

input[type="radio"],
select {
    cursor: pointer;
}


::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #6e7684;
}

::-moz-placeholder {
    /* Firefox 19+ */
    color: #6e7684;
}

:-ms-input-placeholder {
    /* IE 10+ */
    color: #6e7684;
}

:-moz-placeholder {
    /* Firefox 18- */
    color: #6e7684;
}


.block-padd {
    padding: 100px 0px;
}

.block-title {
    text-align: center;
}

.block-title h3 {
    font-weight: 700;
    font-size: 40px;
    line-height: 50px;
    margin-bottom: 50px;
}

.bg-light {
    background-color: #f4f4f4 !important;
}

/* btns hover */

.has-transition {
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
}

.btn {
    padding: 8px 20px;
    text-align: center;
    font-weight: 600;
    text-decoration: none;
    font-size: 14px;
    box-shadow: none;
    outline: none;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    border: 1px solid #fff;
    border-radius: 0px;
}

.btn-primary {
    background-color: #2f5e8e;
    border-color: #2f5e8e;
    color: #fff;
}

.btn-border {
    background-color: transparent;
    color: #fff;
    border-color: #fff;
}

.btn:hover {
    box-shadow: none;
    outline: none;
}

.btn-primary:hover {
    background-color: #fff;
    color: #2f5e8e;
    border-color: #fff;
}

.btn-border:hover {
    background-color: #2f5e8e;
    color: #fff;
    border-color: #2f5e8e;
}

.slick-disabled {
    cursor: no-drop !important;
}


/* header */
.top-header {
    display: none;
}

ul.top-header-right {
    justify-content: flex-end;
}

.top-header-left .list-group-item,
.top-header-right .list-group-item {
    border-radius: 0px !important;
    border: none;
    color: #22232E;
    font-size: 14px;
    padding: 17px 15px;
}

.top-header-left .list-group-item img,
.top-header-right .list-group-item img {
    margin-right: 5px;
}

.list-group-horizontal.top-header-left .list-group-item:first-child {
    padding-left: 0px;
}

.list-group-horizontal.top-header-right .list-group-item:last-child {
    padding-right: 0px;
}

.list-group-horizontal.top-header-right .list-group-item a {
    color: #22232E;
    text-decoration: none;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
}

.list-group-horizontal.top-header-right .list-group-item a:hover {
    color: #008DD2;
}

.top-header .col-lg-8 {
    flex: 0 0 calc(100% - 190px);
    max-width: calc(100% - 190px);
}

.top-header .col-lg-4 {
    flex: 0 0 190px;
    max-width: 190px;
}

.navbar-dark .navbar-nav.primary-nav-links>li>.nav-link {
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    padding: 22px 13px;
    font-weight: 400;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
}

.navbar-dark .navbar-nav.primary-nav-links>li:last-child>.nav-link {
    padding-right: 0px;
}

.navbar-dark .navbar-nav.primary-nav-links>li.current_page_item>.nav-link {
    color: #fff;
    font-weight: 500;
}

.navbar-dark .navbar-nav.primary-nav-links>li:hover>.nav-link {
    color: #fff;
}

header {
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 999;
}

.top-header {
    background-color: #fff;
}

nav.bg-dark.navbar-dark {
    background-color: transparent !important;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    top: 0px;
    /* for 320*/
    position: fixed;
    z-index: 1030;
    width: 100vw;
}

nav.navbar.sticky {
    width: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 1030;
    background-color: #343a40 !important;
}

.mobile-call {
    display: flex;
    height: 28px;
    width: 28px;
    padding: 0px 7px;
    border-radius: 100%;
    color: #fff;
    border: 1.5px solid #fff;
}

.navbar-dark .navbar-brand {
    margin: 0px auto
}

/* home banner */

.banner-height {
    /*height: 546px;*/
}

.banner-block {
    background-size: cover;
    background-repeat: no-repeat;
    margin-top: -80px;
    position: relative;
}

.banner-block:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgb(60 60 60 / 60%);
    top: 0;
}

.page-template-page-templatestpl-tyres-list-php .banner-block:before {
    content: none;
}

.banner-text h3 {
    font-size: 45px;
    line-height: 56px;
    font-weight: 400;
    margin-bottom: 30px;
}

.banner-text {
    max-width: 600px;
    margin: 0px auto;
}

.home .banner-text {
    padding-top: 140px
}

@media (max-width: 991.98px) {
    .home .banner-text {
        padding-top: 60px;
        padding-bottom: 50px;
    }
}

.banner-form-wrap .tab-content {
    background-color: #fff;
    padding: 20px 10px;
}

.banner-form-wrap .nav-pills .nav-link {
    border-radius: 0px;
    background-color: rgb(70 130 180 / 65%);
    font-size: 18px;
    color: #fff;
    padding: 15px 30px;
    text-transform: uppercase;
}

.banner-form-wrap .nav-pills a.nav-link.active {
    background-color: #fff;
    color: #22232E;
}

.banner-form-wrap .nav-pills li.nav-item+li.nav-item {
    margin-left: 2px;
}

.banner-form-row {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    padding-right: 40px;
}

.banner-form-row>* {
    padding: 0px 10px;
}

.banner-form-row select {
    height: 40px;
    width: 100%;
    border: none;
    font-size: 16px;
    padding: 0px 15px;
    -moz-appearance: none;
    /* Firefox */
    -webkit-appearance: none;
    /* Safari and Chrome */
    appearance: none;
    color: #22232E;
    /*background-color:rgb(204 207 213 / 40%);*/
    background-color: #ebedef;
    font-weight: 400;
    background-image: url('../images/down.png');
    background-repeat: no-repeat;
    background-position: center right 15px;
}

.banner-form-row input {
    height: 40px;
    width: 100%;
    border: none;
    font-size: 16px;
    padding: 0px 15px;
    -moz-appearance: none;
    /* Firefox */
    -webkit-appearance: none;
    /* Safari and Chrome */
    appearance: none;
    color: #22232E;
    background-color: #CCCFD5;
    font-weight: 400;
}

.banner-form-submit button {
    background-color: transparent;
    border: none;
    height: 40px;
}

.banner-form-submit {
    position: absolute;
    right: 0px;
}

/* tyre block */

.tyre-brands-block {
    position: relative;
    overflow: hidden;
    padding-bottom: 60px;
}

.tyre-brands-block>.container {
    max-width: 1400px;
}

.tyre-brands-block:before {
    content: "";
    position: absolute;
    /*z-index: -1;*/
    -webkit-box-shadow: 0 0 40px rgb(0 0 0 / 80%);
    box-shadow: 0 0 40px rgb(0 0 0 / 80%);
    top: -136px;
    width: 1200px;
    height: 124px;
    -moz-border-radius: 100%;
    border-radius: 100%;
    left: 50%;
    transform: translate(-50%, 0px);
}

.tyre-logo-item {
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
    border: 1px solid transparent;
}

.tyre-logo-item:hover {
    border: 1px solid #eee;
}

/* skew block */

.skew-left {
    padding-right: 130px;
}

.skew-right {
    padding-right: 120px;
}

.skew-image-1:before {
    content: '';
    background-color: #fff;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 20px;
}

.skew-image-1:after {
    content: '';
    background-color: #fff;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 20px;
}

.skew-block .col-lg-6 h3 {
    font-size: 25px;
    line-height: 30px;
    margin-bottom: 15px;
    font-weight: 700;
}

.skew-block .col-lg-6 a.hard-corner-btn {
    margin-top: 30px;
    padding-bottom: 6px;
    padding-right: 36px;
}

a.hard-corner-btn {
    border: 3px solid #fff;
    padding: 5px 35px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
    display: table;
}

.skew-block {
    position: relative;
    overflow: hidden;
}

.skew-image-1 {
    position: absolute;
    height: 100%;
    width: 50%;
    top: 0px;
    left: 0px;
    background-size: cover;
    background-repeat: no-repeat;
}

.skew-image-2 {
    position: absolute;
    height: 100%;
    width: 70%;
    top: 0px;
    right: -15%;
    background-size: cover;
    background-repeat: no-repeat;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-transform: skew(-10deg, 0deg);
    -ms-transform: skew(-10deg, 0deg);
    -webkit-transform: skew(-10deg, 0deg);
    transform: skew(-10deg, 0deg);
}


/* service category block */

.servie-cat-wraper {
    background-color: transparent;
    padding: 15px 20px 30px;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    height: 100%;
}

.servie-cat-thumbnail {
    margin-bottom: 15px;
    min-height: 143px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.servie-cat-thumbnail img {
    max-width: 100%;
    width: auto;
}

.servie-cat-content h3 {
    font-size: 25px;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 15px;
}

.servie-cat-content p {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: #22232E;
}

.servie-cat-content>a {
    background-color: #2f5e8e;
    padding: 7px 37px;
    text-transform: uppercase;
    border: 2px solid #2f5e8e;
    font-size: 12px;
    margin-top: 5px;
}

.servie-cat-content>a:hover {
    border: 2px solid #2f5e8e;
    color: #2f5e8e;
}

/* .servie-cat-wraper:hover { background-color:#fff; box-shadow:0px 4px 10px 4px rgb(70 130 180 / 13%); }*/

/* testimonials */
.home-testimonials {
    background-size: cover;
    background-position: center;
}

.testimonials-wraper {
    background: rgb(34 35 46 / 90%);
}

.testimonials-item p {
    font-size: 14px;
    line-height: 21px;
    color: #fff;
}

.testimonials-item {
    text-align: center;
    padding: 38px 100px;
}

.testimonials-item h4 {
    color: #fff;
    font-size: 14px;
    line-height: 21px;
    margin-top: 30px;
    font-weight: 600;
}

.testimonials-wraper:before {
    content: url('../images/qoute.png');
    position: absolute;
    top: -16px;
    left: 60px;
}

.testimonials-wraper .slick-prev {
    left: -90px;
}

.testimonials-wraper .slick-next {
    right: -90px;
}

.testimonials-wraper .slick-prev:before {
    content: url('../images/icons/prev.png');
}

.testimonials-wraper .slick-next:before {
    content: url('../images/icons/next.png');
}

/* home service */


.service-item-wraper {
    background-color: #fff;
    height: 100%;
    padding: 20px;
    box-shadow: 0px 4px 32px 0px rgb(34 35 46 / 20%);
}

.service-item-icon {
    position: absolute;
    bottom: 0px;
    right: 0px;
}

.service-item-content h3 {
    font-size: 25px;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 10px;
}

.service-item-content p {
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
}

.service-item-content>a {
    background-color: #2f5e8e;
    padding: 7px 37px;
    text-transform: uppercase;
    border: 2px solid #2f5e8e;
    font-size: 12px;
    margin-top: 10px;
}

.service-item-content>a:hover {
    border: 2px solid #2f5e8e;
    color: #2f5e8e;
}

.service-item-content {
    padding-top: 21px;
    position: relative;
}

.service-item-image {
    position: relative;
    overflow: hidden;
}

.service-item-image-overlay {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background-color: rgb(34 35 46 / 50%);
}


/* zip pay stripe */

.zip-pay-stripe-1 {
    padding: 20px 0px;
    box-shadow: 0px -1px 34px 0px rgb(34 35 46 / 25%);
    background-color: #fff;
    background-size: cover;
    background-position: 50% 50%;
}

ul.zip-pay-stripe-1-list {
    margin: 0px;
    padding: 0px;
    display: inline-block;
    vertical-align: middle;
}

ul.zip-pay-stripe-1-list li {
    display: inline-block;
    vertical-align: middle;
    padding: 0px 20px;
    font-size: 18px;
    border-right: 2px solid #000;
    font-weight: 500;
    line-height: 20px;
}

ul.zip-pay-stripe-1-list li:last-child {
    border: none;
    padding-right: 0px;
}

.page-template-tpl-tyres-list .footer-brands,
.page-template-tpl-brands-list .footer-brands,
.page-template-tpl-default-list .footer-brands,
.page-template-tpl-vehicle-list .footer-brands {
    position: relative;
    overflow: hidden;
}

.page-template-tpl-tyres-list .footer-brands:before,
.page-template-tpl-brands-list .footer-brands:before,
.page-template-tpl-default-list .footer-brands:before,
.page-template-tpl-vehicle-list .footer-brands:before {
    content: '';
    box-shadow: 0px -1px 34px 0px rgb(34 35 46 / 25%);
    position: absolute;
    top: -9px;
    left: 0px;
    height: 10px;
    width: 100%;
}

.zipafter_title {
    font-size: 24px;
    color: #fff;
    line-height: 40px;
}

.zip-pay-stripe-1 .afterpay_logo {
    margin-left: 18px;
}

.page-template-tpl-vehicle-list .banner-block::before {
    display: none;
}

/* inner page banner */


.inner-page-banner .banner-height .banner-text {
    max-width: 100%;
    padding-top: 0px;
}

.inner-page-banner .banner-height .banner-text h1 {
    /*margin-bottom:10px;*/
    margin-bottom: 15px;
    font-size: 20px;
    line-height: 24px;
    margin-top: 15px;
}

ul.inner-breadcumb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    /*    margin-top: 77px;
    border-top: 1px solid rgb(204 207 213 / 60%);*/
    padding-top: 15px;
    display: none;
}

ul.inner-breadcumb li {
    display: list-item;
    color: #fff;
    font-size: 12px;
}

ul.inner-breadcumb li+li:before {
    display: inline-block;
    padding-right: .5rem;
    padding-left: .5rem;
    color: #6c757d;
    content: url('../images/grey-arrow.png');
}

ul.inner-breadcumb li.active:before {
    content: url('../images/white-arrow.png');
}

ul.inner-breadcumb li a {
    color: #CCCFD5;
    font-size: 12px;
    text-decoration: none;
}

ul.inner-breadcumb {
    justify-content: start;
}

/* tyres list */
.has-form-shadow {
    position: relative;
    overflow: hidden;
}

.has-form-shadow:before {
    content: "";
    position: absolute;
    /* z-index: -1; */
    -webkit-box-shadow: 0 0 40px rgb(0 0 0 / 80%);
    box-shadow: 0 0 40px rgb(0 0 0 / 80%);
    top: -136px;
    width: 1200px;
    height: 124px;
    -moz-border-radius: 100%;
    border-radius: 100%;
    left: 50%;
    transform: translate(-50%, 0px);
}

.tyre-list-page {
    position: relative;
    padding-top: 0 !important;
}

.tlfs-new-wraper {
    position: relative;
    z-index: 101;
}

.tlfs-shadow-wraper {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    overflow: hidden;
    z-index: 100;
}

.tlfs-shadow-wraper:before {
    content: "";
    position: absolute;
    /* z-index: -1; */
    -webkit-box-shadow: 0 0 40px rgb(0 0 0 / 80%);
    box-shadow: 0 0 40px rgb(0 0 0 / 80%);
    top: -136px;
    width: 1200px;
    height: 124px;
    -moz-border-radius: 100%;
    border-radius: 100%;
    left: 50%;
    transform: translate(-50%, 0px);
}

.tlfs-shadow-wraper:after {
    content: '';
    box-shadow: 0px -1px 25px 0px rgb(34 35 46 / 25%);
    position: absolute;
    bottom: -10px;
    left: 0px;
    height: 10px;
    width: 100%;
}

/* tyre product list */
.product-list-thumbnail {
    align-items: center;
    justify-content: center;
    position: relative;
    margin-bottom: 20px;
    display: flex;
    flex-wrap: wrap;
}

.product-list-item-wrap {
    background-color: #fff;
    height: 100%;
    padding: 15px;
    border: 1px solid rgb(0 0 0 / 10%);
    position: relative;
    padding-bottom: 102px;
}

.product-brand {
    margin-bottom: 5px;
    min-height: 35px;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
    align-items: center;
}

.product-brand>img {
    max-height: 30px;
    max-width: 135px;
    width: 100%;
}

.product-image {
    min-height: 160px;
    max-height: 160px;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
    align-items: center;
}

.product-list-thumbnail .product-image img {
    max-width: 100%;
}

.rating i {
    color: #FFC700;
    font-size: 13px;
}

.product-list-content {
    position: relative;
}

.rating {
    position: absolute;
    top: 0px;
    right: 0px;
}

.product-listing-btns>a {
    background-color: #2f5e8e;
    color: #fff;
    padding: 7px 7px;
    font-weight: 700;
    text-transform: uppercase;
    border: 1px solid #2f5e8e;
    text-decoration: none;
    display: inline-block;
    vertical-align: middle;
    transition: all 0.5s;
    font-size: 10px;
    text-align: center;
}

.product-listing-btns>a+a {
    background-color: #fff;
    color: #2f5e8e;
    margin-top: 10px;
}

.product-list-content p {
    font-size: 14px;
    margin-bottom: 10px;
    line-height: 20px;
    color: #22232E;
}

.product-list-thumbnail>a {
    position: absolute;
    height: 100%;
    width: 100%;
}

.product-list-content h3 {
    font-size: 18px;
    line-height: 21px;
    margin-bottom: 15px;
    font-weight: 700;
}

.product-listing-btns {
    position: absolute;
    bottom: 15px;
    left: 15px;
    width: calc(100% - 30px);
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

.product-listing-btns a.product-btn:hover {
    background-color: #fff;
    color: #2f5e8e;
}

a.call-for-btn:hover {
    background-color: #2f5e8e;
    color: #fff;
}

.product-list-item {
    margin-bottom: 30px;
}

.resolution-pagination .page-link {
    padding: 4px 10px;
}

.resolution-pagination .page-item:first-child .page-link,
.resolution-pagination .page-item:last-child .page-link {
    border-radius: 0px;
}

.resolution-pagination a.page-link {
    font-size: 18px;
    color: rgb(34 35 46 / 50%);
    border: none;
    background-color: transparent;
    outline: none;
    box-shadow: none;
    transition: all 0.5s;
}

.resolution-pagination a.page-link.active {
    background-color: #2f5e8e;
    color: #fff;
}

.resolution-pagination a.page-link:hover {
    background-color: rgb(34 34 34 / 10%);
}


/* tyres list filters */
.filters-wraper {
    background-color: #3B6282;
    box-shadow: 0px 5px 11px 1px rgb(34 35 46 / 25%);
}

.filters-header {
    border-bottom: 1px solid rgb(34 35 46 / 20%);
    padding: 16px 16px 17px;
}

.filters-header h3 {
    font-size: 18px;
    line-height: 21px;
    color: #fff;
}

.resoltuion-filters-item-content {
    border-bottom: 1px solid rgb(34 35 46 / 20%);
    padding: 5px 0px 5px;
    display: none;
}

.resoltuion-filters-item.open .resoltuion-filters-item-content {
    display: block;
}

.filter-form-item label {
    margin: 0px;
    color: #fff;
    padding-left: 6px;
    font-size: 12px;
    font-weight: 400;
    vertical-align: top;
}

.filter-form-item .select-options li,
.filter-form-item .select-styled {
    font-size: 12px;
}

.filter-form-item input[type="checkbox"]:checked+label {
    font-weight: 500;
    color: #22232E;
}

.filter-form-item {
    padding: 5px 20px;
    margin-left: 16px;
    margin-bottom: 5px;
}

.resoltuion-filters-item>a {
    display: block;
    position: relative;
    padding: 15px 0px 10px;
    padding-left: 36px;
    text-decoration: none;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
}

.resoltuion-filters-item>a span,
.resoltuion-filters-item>a span:before {
    height: 2px;
    width: 10px;
    background-color: #F4C23D;
    position: absolute;
    top: 25px;
    left: 16px;
    display: block;
}

.resoltuion-filters-item>a span:before {
    transform: rotate(90deg);
    content: '';
    top: 0px;
    left: 0px;
    transition: all 0.5s;
}

.resoltuion-filters-item.open>a span:before {
    transform: rotate(0deg);
}

.filter-form-item select {
    height: 30px;
    width: 100%;
    color: #22232E;
    background-color: rgb(204 207 213 / 40%);
    cursor: pointer;
    border: none;
    outline: none;
    font-size: 12px;
    padding: 0px 11px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-image: url('../images/down.png');
    background-repeat: no-repeat;
    background-position: center right 15px;
}


/* footer cta 1 */

.contact-cta-1-text h3 {
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 49px;
    margin-bottom: 40px;
}

.contact-cta-1-text a {
    margin-right: 5px;
    text-transform: uppercase;
    border: 2px solid #2f5e8e;
    vertical-align: middle;
    padding: 7px 20px;
}

.contact-cta-1-text a+a {
    background-color: transparent;
    border: 2px solid #fff;
}

.contact-cta-1-text a:hover {
    background-color: #fff;
    color: #2f5e8e;
    border-color: #fff;
}

/* footer brands */
.footer-brands .container-fluid {
    padding: 0px 50px;
}

.brands-item-wraper {
    width: 100%;
    position: relative;
    flex: 0 0 20%;
    max-width: 20%;
}

.brands-item-wraper .tyre-logo-item {
    margin-bottom: 0px;
}

.single-page-product-thumbnail-nav button {
    display: none !important;
}


/* product detail page */
.loupe {
    display: none;
    position: absolute;
    width: 200px;
    height: 200px;
    border: 1px solid black;
    box-shadow: 5px 5px 12px black;
    background: rgba(0, 0, 0, 0.25);
    cursor: crosshair;
    overflow: hidden;
}

.loupe img {
    position: absolute;
    right;
    0;
}


.single-page-product-thumbnail {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
    align-items: center;
    padding: 0px 30px 15px;
}

.single-page-product-thumbnail img {
    max-width: 390px;
    min-width: 100%;
}

.size-table-header {
    display: none;
}

.size-table-row .size-table-column::before {
    content: attr(data);
    position: absolute;
    top: 10px;
    left: 20px;
    font-size: 14px;
    color: #000;
}

.size-table-column {
    padding: 10px 20px;
    font-size: 14px;
    line-height: 18px;
    padding-left: 0px;
    position: relative;
    text-align: right;
    color: #22232E;
    min-height: 38px;
    border-bottom: 1px solid rgb(34 35 46 / 20%);
}

.size-table-column:last-child {
    border-bottom: none;
}

.size-table-column.smb-column {
    display: none;
}

.smb-column-header {
    margin-bottom: 2px;
}

.smb-column-header a {
    background-color: rgba(34, 35, 46, 0.2);
    display: block;
    color: #22232E;
    font-size: 16px;
    padding: 0.75rem 1.25rem;
    position: relative;
    text-decoration: none;
}

.smb-column-header a:before {
    content: '';
    position: absolute;
    top: 50%;
    height: 12px;
    width: 12px;
    transform: translate(0px, -50%);
    right: 15px;
    background-image: url('../images/plus.png');
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
}

.smb-column-header.open a:before {
    background-image: url('../images/minus.png');
}

.size-table-row {
    border-bottom: 1px solid rgb(0 0 0 / 10%);
    /*padding:10px 0px;*/
    padding: 5px 0px 5px;
    display: none;
}

.smb-column-header.open+.size-table-row {
    display: block;
}

.size-table-body .card-body {
    padding: 0px;
}

.product-details-tabs-wraper .nav-tabs .nav-link {
    border-radius: 0px;
    outline: none;
    box-shadow: none;
    border: none;
    color: rgb(34 35 46 / 40%);
    font-weight: 600;
    font-size: 13px;
    padding: 7px 1rem;
}

.product-details-tabs-wraper .nav-tabs {
    display: inline-block;
    width: 100%;
}

.product-details-tabs-wraper {
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
}

.size-table-body .card {
    background-color: transparent;
    border-radius: 0px;
    border: none;
}

.size-table-body .accordion-card-wraper {
    /*border-top: 2px solid #fff;*/
}

.product-detail-sizes-data {
    margin-bottom: 30px;
}

.product-detail-sizes-data p.bold {
    font-weight: 600;
    margin-bottom: 16px;
    font-size: 18px;
}

.product-details-tabs-wraper .nav-tabs .nav-item {
    display: inline-block;
    width: auto;
    white-space: nowrap;
    flex: none;
    scroll-snap-align: inherit;
}

.product-details-tabs-wraper .nav-tabs .nav-link.active {
    border-bottom: 2px solid #2f5e8e;
    color: #2f5e8e;
    background-color: transparent;
}

.product-detail-main-block .tab-content>.tab-pane {
    padding: 33px 0px 0px;
}

.product-detail-main-block .tab-content>.tab-pane ul li {
    list-style: none;
    position: relative;
    padding-left: 20px;
    margin-bottom: 10px;
}

.product-detail-main-block .tab-content>.tab-pane ul li::before {
    content: '';
    position: absolute;
    top: 7px;
    left: 0px;
    height: 8px;
    width: 8px;
    background-color: #2f5e8e;
    border-radius: 100%;
}

.size-table-body .card .card-header {
    border: none;
    font-weight: 600;
    /*background-color:rgb(34 35 46 / 20%);*/
    background-color: #2f5e8e;
    border-radius: 0px;
    padding: 0px;
    margin-bottom: 2px;
}

.size-table-body .card .card-header>a {
    /*padding: 0.75rem 1.25rem;*/
    padding: 0.813rem 1.25rem;
    display: block;
    cursor: pointer;
    /*background-image: url(../images/down.png);*/
    background-image: url(../images/white-down.png);
    background-repeat: no-repeat;
    background-position: center right 15px;
    color: #fff;
    background-size: 11px;
    font-size: 18px;
    font-weight: 600;
}

.size-table-body .card .card-header>a[aria-expanded="true"] {
    background-image: url(../images/white-up.png);
}

.size-table-body .card-body>div.size-table-row:last-child {
    border: none;
}

.product-detail-tyre-brand h3 {
    color: #a0a0a5;
    font-size: 28px;
    font-weight: 400;
    margin-top: 18px;
}

.product-detail-tyre-brand {
    margin-bottom: 15px;
    margin-top: 0px;
    text-align: center;
}

.tyre-size {
    margin: 0px auto 20px;
}

.product-desc {
    text-align: center;
}

.prodcut-detail-zip-pay-stripe {
    text-align: center;
}

.prodcut-detail-zip-pay-stripe img {
    display: inline-block;
}

.product-detail-tyre-brand img {
    display: none;
    max-height: 53px;
    max-width: 220px;
}

.product-brand-for-mobile {
    margin-bottom: 20px;
    text-align: center;
}

.product-brand-for-mobile img {
    max-height: 53px;
    max-width: 220px;
    display: inline-block;
}

/*.product-desc {
    padding-bottom: 5px;
}*/

.prodcut-detail-zip-pay-stripe {
    display: block;
    flex-wrap: inherit;
    width: 100%;
    justify-content: center;
    align-items: center;
    /*margin-bottom: 15px;*/
    margin-bottom: 24px;
}

.prodcut-detail-zip-pay-stripe img {
    /*display: block;*/
    padding-bottom: 0px;
    border-bottom: 1px solid;
    margin-bottom: 15px;
}

.prodcut-detail-zip-pay-stripe * {
    margin: 0px;
    display: inline-block;
    vertical-align: middle;
    padding-right: 12px;
    padding-bottom: 15px;
    font-weight: 500;
}

.prodcut-detail-zip-pay-stripe>a {
    color: #2f5e8e;
    text-decoration: underline;
}

.product-detail-cta .btn {
    font-size: 12px;
    font-weight: 700;
    margin-top: 10px;
}

.product-detail-cta {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
}

.product-detail-cta .btn+.btn {
    color: #2f5e8e;
    border-color: #2f5e8e;
    margin-top: 0px;
}

.product-detail-cta .btn+.btn:hover {
    color: #fff;
}

.product-detail-cta a.btn.btn-primary:hover {
    border-color: #2f5e8e;
}

.spp-thumbnail {
    background-color: #fff;
    border: 1px solid #2f5e8e;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    padding: 5px;
    margin-bottom: 5px;
}

.single-page-product-thumbnail-nav .slick-slide {
    margin: 0px 14px;
    opacity: 0.6;
    transition: opacity 0.5s;
    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
}

.single-page-product-thumbnail-nav .slick-slide.slick-current {
    opacity: 1;
}

.products-single-sliders-wraper {
    margin-bottom: 20px;
}

.tyre-size {
    /*background-color: rgb(204 207 213 / 40%); padding:10px 30px 10px 20px;*/
    font-size: 16px;
    display: table;
    margin-bottom: 20px;
}

.tyre-size span {
    color: #22232E;
}

.tyre-size span+span {
    /*padding-left: 50px;*/
    color: rgba(34, 35, 46, 0.6);
    font-weight: 500;
    /* font-size:14px;*/
}

.product-df-control span {
    width: 100%;
    display: block;
}

.product-df-control input {
    width: 100%;
    height: 40px;
    padding: 0px 15px;
    font-size: 14px;
    border-radius: 0px;
    outline: none;
    color: #212121;
    background-color: transparent;
    font-weight: 500;
    border: 0;
}

.product-df-control input::placeholder,
.product-df-control input:-ms-input-placeholder,
.product-df-control input::-ms-input-placeholder,
.product-df-control textarea::placeholder,
.product-df-control textarea:-ms-input-placeholder,
.product-df-control textarea::-ms-input-placeholder {
    color: #ccc;
    opacity: 1;
}

.product-df-control {
    margin-bottom: 20px;
    padding: 0px 0px;
}

.product-df-control input[type="submit"] {
    box-shadow: 0 10px 20px 0px rgb(0 0 0 / 28%);
    background-color: #2f5e8e;
    position: relative;
    border: 2px solid #2f5e8e;
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
    display: table;
    width: auto;
    padding: 0px 45px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    margin: 0 auto;
}

.product-df-control input[type="submit"]:hover {
    background-color: #fff;
    color: #2f5e8e;
    box-shadow: 0 5px 20px 0px rgb(0 0 0 / 40%);
}

.product-df-control textarea {
    width: 100%;
    height: 100px;
    padding: 15px 15px;
    font-size: 14px;
    border-radius: 0px;
    border: 0;
    outline: none;
    color: #212121;
    background-color: transparent;
    font-weight: 500;
}

.product-df-blue-bg-form-wraper {
    background-color: #2f5e8e;
    padding: 10px 22px 10px;
    margin-bottom: 30px;
}

.block-padd.services-design-block-2 {
    padding-bottom: 20px;
}

.pdfbgf-item {
    border-bottom: 1px solid #fff;
    padding: 14px 0px;
    font-size: 16px;
    color: #fff;
    position: relative;
    font-weight: 400;
}

.pdfbgf-item span {
    position: absolute;
    right: 0px;
    width: 164px;
    height: 100%;
    top: 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.pdfbgf-item span.Quantity {
    width: 75px;
}

.pdfbgf-item .select-styled,
.pdfbgf-item .select-options {
    background-color: #fff;
}

.pdfbgf-item select {
    height: 40px;
    top: -10px;
    position: absolute;
    right: 0px;
    border: none;
    width: 200px;
    padding: 0px 10px;
    color: #2f5e8e;
    font-weight: 500;
}

.pdfbgf-item:last-child {
    border-bottom: none;
}

.service-colout-wraper {
    background-color: #fff;
    transition: background-color 0.5s;
    -webkit-transition: background-color 0.5s;
    -moz-transition: background-color 0.5s;
    margin-bottom: 30px;
    padding: 26px 33px 25px;
    height: calc(100% - 30px);
    /*padding-left:100px; */
    padding-left: 90px;
    position: relative;
    box-shadow: 0 0 20px 0px rgb(0 0 0 / 14%);
}

.service-colout-icon {
    margin-bottom: 16px;
    min-height: 40px;
    position: absolute;
    left: 25px;
}

.service-colout-icon img {
    max-height: 40px;
}

.service-colout-content h3 {
    font-weight: 700;
    color: #2F5E8E;
    font-size: 18px;
    line-height: 22px;
    /*max-width: 100px;*/
}

.other-services-item:nth-child(5) h3 {
    /*max-width: 150px;*/
}

.service-colout-content a {
    border: 2px solid #2F5E8E;
    background-color: #2F5E8E;
    color: #fff;
    display: table;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 15px;
    font-size: 12px;
    padding: 6px 36px;
    text-decoration: none;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
}

.service-colout-wraper:hover a,
.service-colout-content a:hover {
    background-color: #48739F;
    color: #fff;
    border-color: #48739F;
}

.servicepage-services-header p {
    color: #fff;
}

.servicepage-services-header h3 {
    font-weight: 700;
    color: #fff;
    font-size: 28px;
    line-height: 36px;
    margin-bottom: 15px;
}

.servicepage-services-header {
    padding: 30px;
    height: calc(100% - 30px);
    margin-bottom: 30px;
    background-repeat: no-repeat;
    background-size: cover;
}

.service-skew-block a.hard-corner-btn {
    margin-top: 30px;
    padding: 7px 35px;
}

/* custome select box */


.select-hidden {
    display: none;
    visibility: hidden;
    padding-right: 10px;
}

.rev-select {
    cursor: pointer;
    display: block;
    position: relative;
    font-size: 16px;
    color: #22232E;
    width: 100%;
    height: 40px;
    margin-bottom: 15px;
}

.wpcf7-form-control-wrap .rev-select {
    margin-bottom: 0px;
}

.select-styled {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #ebedef;
    /*background-color:#fff;*/
    padding: 10px 25px 10px 15px;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    white-space: nowrap;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
}

.select-styled:after {
    content: url('../images/down.png');
    width: 0;
    height: 0;
    /*border: 7px solid transparent;*/
    border-color: #000 transparent transparent transparent;
    position: absolute;
    top: 7px;
    right: 25px;
}

.select-styled:active,
.select-styled.active {
    /*background-color:#fff;*/
    background-color: #ebedef;
}

.select-styled:active:after,
.select-styled.active:after {
    content: url('../images/up.png');
}

.select-options {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    z-index: 999;
    margin: 0;
    padding: 0;
    list-style: none;
    /*background-color:#dee2e6;*/
    background-color: #fff;
    max-height: 300px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    will-change: scroll-position;
}

ul.select-options li:first-child {
    display: none;
}

.select-options li {
    margin: 0;
    padding: 10px 15px;
    border: 1px solid #dee2e6;
    -moz-transition: all 0.15s ease-in;
    -o-transition: all 0.15s ease-in;
    -webkit-transition: all 0.15s ease-in;
    transition: all 0.15s ease-in;
    text-align: left;
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    border-top: 0;
}

.select-options li:hover {
    color: #fff;
    background: #2f5e8e;
}

.select-options li[rel="hide"] {
    display: none;
}

/* contact form */

.invalid .wpcf7-validates-as-required {
    border-color: #dc3232 !important;
}

span.wpcf7-not-valid-tip {
    margin-top: 15px;
    font-weight: 500;
}

.wpcf7 form .product-df-control+.wpcf7-response-output {
    margin: 2em 30px 1em;
}

.wpcf7 form .wpcf7-response-output {
    padding: 10px;
}

.wpcf7 form.sent .wpcf7-response-output {
    border-color: #46b450;
    background-color: #46b450;
    color: #fff;
    text-align: center;
    line-height: 24px;
}

.wpcf7 form.sent .wpcf7-response-output:before {
    content: "\f058";
    font-family: 'FontAwesome';
    font-size: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    margin-top: -3px;
}

.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
    border-color: #dc3232;
    background-color: #dc3232;
    text-align: center;
    line-height: 24px;
}

.wpcf7 form.failed .wpcf7-response-output:before,
.wpcf7 form.aborted .wpcf7-response-output:before {
    content: "\f057";
    font-family: 'FontAwesome';
    font-size: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    margin-top: -3px;
}

.wpcf7 form.spam .wpcf7-response-output {
    border-color: #f56e28;
    background-color: #f56e28;
    text-align: center;
    line-height: 24px;
}

.wpcf7 form.spam .wpcf7-response-output:before {
    content: "\f05a";
    font-family: 'FontAwesome';
    font-size: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    margin-top: -3px;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
    border-color: #ffb900;
    background-color: #ffb900;
    text-align: center;
    line-height: 24px;
    color: #fff
}

.wpcf7 form.invalid .wpcf7-response-output:before,
.wpcf7 form.unaccepted .wpcf7-response-output:before {
    content: "\f057";
    font-family: 'FontAwesome';
    font-size: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    margin-top: -3px;
}


.footer-logos {
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
    position: relative;
    padding: 0px 15px;
}

.footer-logos h4 {
    display: none;
}

.footer-logos .gallery {
    /*display: flex; flex-wrap: wrap; justify-content: center; align-items: center;*/
}

figure.gallery-item {
    /*flex: 0 0 100%; max-width: 100%; padding: 0px 15px; margin-bottom: 20px;*/
}

.gallery-icon.landscape {
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 4px 32px 0px transparent;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    padding: 0px 10px;
}

.gallery-icon.landscape img {
    max-width: 100%;
    height: auto;
    width: auto;
    max-height: 50px;
}

/*.gallery-icon.landscape:hover { box-shadow: 0px 4px 32px 0px rgb(34 35 46 / 20%); }*/

/* footer */
footer {
    background-color: #f2f4f4;
    padding-top: 100px;
}

footer .nav-link {
    padding: 0px;
}

.foot-links-colout h4,
.footer-details-wraper h4 {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    color: #22232E;
    line-height: 20px;
    margin-bottom: 8px;
}

.foot-links-colout ul li {
    list-style: none;
}

.foot-links-colout ul li a {
    color: #22232E;
    display: table;
    font-size: 13px;
    padding: 3px 0px;
    font-weight: 500;
    text-decoration: none;
    transition: color 0.5s;
    -webkit-transition: color 0.5s;
    -moz-transition: color 0.5s;
}

.foot-links-colout ul li:hover a {
    color: #008DD2;
}

.foot-links-colout-wraper {
    display: flex;
    flex-wrap: wrap;
}

.foot-links-colout {
    flex: 0 0 25%;
    max-width: 25%;
    width: 100%;
    position: relative;
    padding-right: 30px;
}

.footer-details .list-group-item {
    border-radius: 0px;
    border: none;
    background-color: transparent;
}

.footer-number>a {
    font-size: 14px;
    font-weight: 600;
    color: #22232E;
    text-decoration: none;
    display: block;
}

.footer-number>a:hover {
    color: #008DD2;
}

.footer-store-btn {
    padding: 0px;
}

.footer-store-btn a {
    display: block;
    font-size: 12px;
    padding: 7px 39.33px;
}

.footer-store-btn a i {
    margin-right: 7px;
    margin-top: -4px;
    display: inline-block;
    vertical-align: middle;
}

.footer-store-btn a:hover {
    border: 1px solid #2F5E8E;
}

.footer-social a {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    padding: 0px 5px;
}

.footer-social a:hover i {
    color: #008DD2;
}

.footer-number {
    padding-top: 0px;
    padding-bottom: 20px;
}

.footer-details {
    display: table;
    margin-left: auto;
}

.footer-number a {
    font-weight: 700;
}

.lower-footer {
    padding-top: 6px;
    padding-bottom: 40px;
}

.lower-footer p {
    margin: 0px;
    font-size: 12px;
    line-height: 15px;
    margin-top: 29px;
}

ul.foot-pravacy-links li {
    display: inline-block;
    vertical-align: middle;
}

ul.foot-pravacy-links li {
    padding-right: 15px;
}

ul.foot-pravacy-links li a {
    font-size: 12px;
    font-weight: 600;
    color: #000;
    padding-right: 15px;
    border-right: 2px solid #000;
    text-decoration: none;
    display: block;
    line-height: 12px;
    transition: color 0.5s;
    -webkit-transition: color 0.5s;
    -moz-transition: color 0.5s;
}

.footer-address a {
    color: #22232E;
}

ul.foot-pravacy-links li a:hover {
    color: #008DD2;
}

ul.foot-pravacy-links li:last-child {
    padding-right: 0px;
}

ul.foot-pravacy-links li:last-child a {
    border: none;
    padding-right: 0px;
}

ul.foot-pravacy-links {
    text-align: right;
    padding: 0px;
    margin: 0px;
}

ul.footer-payment-gateways li {
    display: inline-block;
    vertical-align: middle;
    padding: 0px 10px;
}

ul.footer-payment-gateways li:first-child {
    padding-left: 0px;
}

ul.footer-payment-gateways {
    margin: 0px;
    padding: 0px;
}

.lower-footer hr {
    margin-bottom: 18px;
    border-top: 1px solid #2f5e8e;
}

.footer-details .list-group-item.footer-social a {
    color: #22232E;
    font-size: 18px;
}



/* service detail page */

.service-skew-block.block-padd {
    padding: 0px;
}

.about-wheel-header {
    padding-bottom: 30px;
}

.about-wheel-header h3 {
    font-weight: 700;
    font-size: 22px;
    line-height: 28px;
}

.service-skew-block {
    position: relative;
    overflow: hidden;
}

.service-skew-block .service-skew {
    position: absolute;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
}

.service-skew-block .row>div {
    padding: 40px 15px;
}

.service-skew-block.skew-main-block .service-skew {
    display: none;
}

.service-skew-block.skew-main-block .service-skew+.service-skew {
    display: block;
}

.service-skew-block.skew-main-block .row>div {
    padding: 0px;
}

.service-skew-block.skew-main-block .row>div+div {
    padding: 40px 15px;
}

.service-skew-block h3 {
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
    margin-bottom: 20px;
}

.service-skew-block.skew-main-block.skew-block-3 .service-skew {
    display: none;
}

.youtube-video-play-btn-wraper {
    position: relative;
}

.play-btn {
    background-color: #2f5e8e;
    height: 50px;
    width: 50px;
    border-radius: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    color: #fff;
}

a.youtube-video-play-btn {
    padding: 8px;
    display: table;
    border: 2px solid #2f5e8e;
    border-radius: 100%;
    position: absolute;
    top: 50%;
    z-index: 999;
    left: 50%;
    transform: translate(-50%, -50%);
    text-decoration: none;
    cursor: pointer;
}

.service-specials-content h3 {
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    margin-bottom: 10px;
    color: #fff;
}

.service-specials-wraper {
    height: 100%;
}

.service-specials-content {
    background-color: #2f5e8e;
    padding: 15px 15px 20px;
    text-align: center;
    height: 100%;
}

.service-specials-content p {
    margin: 0px;
    color: rgb(255 255 255 / 80%);
    font-size: 14px;
    line-height: 18px;
}

.service-specials-thumnail {
    position: relative;
}

span.ss-brand-item {
    position: absolute;
    left: -1px;
    background-color: #fff;
    max-width: 150px;
    padding: 0px 10px;
    max-height: 44px;
    height: 44px;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

span.ss-brand-item img {
    width: auto;
    max-height: 40px;
    max-width: 100%;
}

span.ss-discount-band {
    position: absolute;
    top: -1px;
    right: 10px;
    background-color: #2f5e8e;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    line-height: 24px;
    padding: 8px 13px 11px;
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 50% 88%, 0% 100%);
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
}

span.ss-discount-band.on-sale-list {
    position: absolute;
    top: -5px;
    right: 10px;
    background-color: #2f5e8e;
    color: #fff;
    font-weight: 600;
    font-size: 10px;
    line-height: 24px;
    padding: 6px 5px 13px;
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 50% 75%, 0% 100%);
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    z-index: 1;
}

.service-colout-content {
    margin-top: -5px;
}

.on-sale-list {
    position: absolute;
    top: -7px;
    right: 3px;
}

.on-sale-list>span {
    position: absolute;
    top: 10px;
    left: 10px;
    font-size: 10px;
    font-weight: 600;
    color: #fff;
}

.service-specials-thumnail>img {
    width: 100%;
}

.service-specials-wraper:hover span.ss-discount-band {
    background-color: #fff;
    color: #2f5e8e;
}

.services-radio-items .wpcf7-list-item label {
    display: block;
    width: 100%;
    position: relative;
    padding-left: 25px;
    text-align: left;
}

.services-radio-items .wpcf7-list-item {
    padding: 0px;
    margin: 0px;
    margin-bottom: 15px;
    font-size: 14px;
    font-weight: 500;
}

.services-radio-items .wpcf7-list-item label input {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 4px;
    left: 0px;
}

.services-radio-items h4 {
    font-size: 16px;
    margin-bottom: 15px;
    font-weight: 500;
}

/*.speical-services-slides .slick-prev { left: -90px; }
.speical-services-slides .slick-next { right: -90px; }*/
.speical-services-slides .slick-prev:before {
    content: url('../images/icons/prev.png');
}

.speical-services-slides .slick-next:before {
    content: url('../images/icons/next.png');
}

.speical-services-item {
    margin: 0px 15px;
}

/*.speical-services-item.slick-active:nth-child(1) { margin-left: 0px; }
.speical-services-item.slick-active:last-child { margin-right: 0px; }*/
.service-detail-form-block {
    position: relative;
    overflow: hidden;
}

.skew-block-3,
.footer-brands {
    background-color: #fff;
}


/* About Us */
.about-us .banner-form-wrap {
    display: none;
}

/* Service Detail Form Block */
.service-detail-form-block {
    background-size: cover;
    background-position: 50% 0%;
    position: relative;
}

.service-detail-form-block:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(22 24 41 / 85%);
}

.service-detail-form-block input,
.service-detail-form-block textarea {
    background-color: #fff;
}

.service-detail-form-block h4,
.service-detail-form-block .wpcf7-list-item-label,
.service-detail-form-block .block-title h3,
.service-detail-form-block .block-title h5 {
    color: #fff !important;
}

.service-detail-form-block .block-title h5 {
    margin-bottom: 36px;
}

.service-detail-form-block .wpcf7-radio [type="radio"]:checked+span:before,
.wpcf7-radio [type="radio"]:not(:checked)+span:before {
    border: 2px solid #fff !important;
}

.service-detail-form-block .wpcf7-radio [type="radio"]:checked+span:after,
.wpcf7-radio [type="radio"]:not(:checked)+span:after {
    background: #fff !important;
}

/* video popup */
.video-modal {
    display: none;
    position: fixed;
    height: 100%;
    width: 100%;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .8);
    z-index: 9999;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.video-popup {
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    margin: auto;
    position: absolute;
}

.video-close {
    position: absolute;
    right: .75em;
    font-weight: 900;
    font-size: 28px;
    color: #fff !important;
    padding: .25em;
    border-bottom: none;
    cursor: pointer;
}

.video-items-wrapper {
    padding: 0;
    height: 100%;
    min-height: 50px;
}

.video-wrapper {
    width: 75%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .3), 0 0 8px -5px rgba(0, 0, 0, .3);
    box-shadow: 0 0 30px rgba(0, 0, 0, .3), 0 0 8px -5px rgba(0, 0, 0, .3);
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    border: 0;
    background-color: #000;
}



.wpcf7-radio [type="radio"]:checked,
.wpcf7-radio [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

.wpcf7-radio [type="radio"]:checked+span,
.wpcf7-radio [type="radio"]:not(:checked)+span {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
    width: auto;
}

.wpcf7-radio [type="radio"]:checked+span:before,
.wpcf7-radio [type="radio"]:not(:checked)+span:before {
    content: '';
    position: absolute;
    left: 0;
    top: 1px;
    width: 18px;
    height: 18px;
    border: 2px solid #2f5e8e;
    border-radius: 100%;
    background: transparent;
}

.wpcf7-radio [type="radio"]:checked+span:after,
.wpcf7-radio [type="radio"]:not(:checked)+span:after {
    content: '';
    width: 10px;
    height: 10px;
    background: #2f5e8e;
    position: absolute;
    top: 5px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.wpcf7-radio [type="radio"]:not(:checked)+span:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.wpcf7-radio [type="radio"]:checked+span:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.wpcf7-radio label {
    padding-left: 0px !important;
}

.error404 .page-wraper {
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
}

.not-found-item-wraper>.cta-button {
    font-size: 15px;
    padding: 8px 20px;
    margin: 25px auto 0px;
    display: table;
    text-transform: uppercase;
    border: 2px solid #2f5e8e;
    background-color: #2f5e8e;
    color: #fff;
    font-weight: 600;
    text-decoration: none;
}

.not-found-item-wraper>h3 {
    font-size: 28px;
    font-weight: 700;
}

.not-found-item-wraper img {
    width: auto;
}

.not-found-item-wraper h2 {
    font-size: 60px;
    line-height: 60px;
    font-weight: 700;
}

.not-found-item-wraper {
    margin-top: 60px;
}

#loader {
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #3498db;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite;
    /* Safari */
    animation: spin 2s linear infinite;
    margin: 0 auto;
}

/* Safari */
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.noresult {
    font-weight: 600;
    font-size: 24px;
    line-height: 21px;
    text-align: center;
}

.footer-number img {
    width: 14px;
    margin-right: 5px;
}

.wpcf7 .product-df-control {
    position: relative;
}

.product-df-control.res-contact-form-submit-wrap {
    width: auto;
    display: table;
    position: relative;
    text-align: center;
    margin: 0 auto;
}

.product-df-control.res-contact-form-submit-wrap .ajax-loader {
    position: absolute;
    top: 0px;
    left: 100%;
}

.speical-services-slides .slick-track {
    display: flex !important;
}

.speical-services-slides .slick-slide {
    height: inherit !important;
}

.fa-instagram:before {
    content: url('../images/instagram.svg');
}

.fa-map-marker:before {
    content: url('../images/map-marker.svg');
}

.footer-store-btn a:hover .fa-map-marker:before {
    content: url('../images/hover-map-marker.svg');
}

.footer-social a:hover .fa-instagram:before {
    content: url('../images/hover-instagram.svg');
}

.footer-details .list-group-item.footer-social a[title="facebook"] {
    font-size: 16px;
}

.sub-skew-bg {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background-size: cover;
}

.service-skew-double-structure {
    display: none;
}

.footer-accordian h4 {
    padding: 15px 0px;
    /*border-bottom: 1px solid #cfcfcf;*/
    margin-bottom: 0px;
    cursor: pointer;
    position: relative;
    background-image: url('../images/icons/plus.svg');
    background-repeat: no-repeat;
    background-position: center right 2px;
}

.foot-links-colout.footer-accordian {
    padding-right: 0px;
    border-bottom: 1px solid #cfcfcf;
}

.footer-accordian h4:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0px;
    transform: translate(0px, 0px);
    height: 1px;
    width: 14px;
    background-color: #22232E;
    display: none;
}

.footer-accordian h4:before {
    content: '';
    position: absolute;
    top: 50%;
    right: 7px;
    transform: translate(0px, -6px);
    height: 14px;
    width: 1px;
    background-color: #22232E;
    display: none;
}

/*.footer-accordian.open h4:before { display:none; }*/
.footer-accordian.open h4 {
    background-image: url('../images/icons/minus.svg');
}

.foot-links-colout-wraper {
    margin-bottom: 25px;
}

.banner-form-submit button span {
    margin-right: 5px;
    font-weight: 500;
    color: #4783b5;
}

/* listing page */

.tyre-include {
    background-color: #fff;
    padding: 18px 0px;
    margin-bottom: 20px;
}

.including-tags-title {
    font-weight: 500;
    font-size: 14px;
    color: #22232E;
    margin-bottom: 10px;
}

ul.including-tags-item {
    padding: 0px;
    margin: 0px;
}

ul.including-tags-item li {
    position: relative;
    color: #484951;
    font-weight: 600;
    /*min-height: 20px;*/
    margin-bottom: 3px;
    margin-right: 15px;
    padding-left: 22px;
    font-size: 12px;
    /*display: inline-block;*/
    width: 100%;
    float: left;
    margin-right: 0px;
    list-style: none;
    line-height: 18px;
}

ul.including-tags-item li:before {
    content: '';
    display: block;
    position: absolute;
    height: 15px;
    width: 15px;
    background-color: #2f5e8e;
    border-radius: 100%;
    top: 50%;
    transform: translate(0px, -50%);
    left: 0px;
    background-image: url(../images/check.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 8px;
}

ul.including-tags-item:after {
    content: '';
    display: table;
    clear: both;
}


.product-desc {
    margin-bottom: 30px;
}

.product-df-blue-bg-form-wraper .select-styled {
    font-weight: 500;
    color: #2f5e8e;
}

.product-df-blue-bg-form-wraper .select-styled:after {
    content: '';
    background-image: none;
    border-top: 7px solid #2f5e8e;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    top: 16px;
    right: 12px;
}

.product-df-blue-bg-form-wraper .select-styled.active:after {
    content: '';
    background-image: none;
    border-bottom: 7px solid #2f5e8e;
    border-top: none;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    top: 16px;
    right: 12px;
}

.product-df-blue-bg-form-wraper .select-options li {
    color: #2f5e8e;
}

.product-df-blue-bg-form-wraper .select-options li:hover {
    color: #fff;
}

.pdfbgf-item span.bold {
    font-weight: 700;
}

.frm_brand_name>span,
.frm_tyre_name>span {
    justify-content: flex-end;
}

.single-page-product-thumbnail-nav .slick-dots li button {
    background-color: #dadadb;
    display: block !important;
    height: 10px !important;
}

.single-page-product-thumbnail-nav .slick-dots li.slick-active button {
    background-color: #457fb0;
}

.active_custom_select {
    color: #fff !important;
    background: #2f5e8e;
}

.speical-services-slides .slick-prev {
    background-color: #fff;
    height: 35px;
    width: 35px;
    left: 15px;
    z-index: 99;
    padding-top: 2px;
}

.speical-services-slides .slick-next {
    background-color: #fff;
    height: 35px;
    width: 35px;
    right: 14px;
    z-index: 99;
    padding-top: 2px;
}

/* margins */

.mb-30 {
    margin-bottom: 30px;
}

/*#134*/
.logged-in header {
    top: 32px;
}

.logged-in .sticky {
    top: 32px !important;
}

.text-blue {
    color: #4682B4 !important;
}

.home .banner-text {
    margin-left: 0;
}

.home .banner-block:before {
    background-color: rgb(33 37 41 / 88%);
}

.home .banner-block>.container>.text-center {
    text-align: left !important;
}

.about-us .skew-right {
    padding-right: 0 !important;
}

.about-us .skew-right h3 {
    display: none;
}

.about-us .skew-left {
    padding-right: 140px;
}

.about-us .skew-image-1 {
    background-position: -40px 50%;
}

.about-us .skew-image-2 .sub-skew-bg {
    left: -52px !important;
}

.single-our_services .banner-block .banner-height {
    height: 270px;
}

.single-our_services .skew-main-block ul {
    margin-left: 20px;
    margin-bottom: 28px;
}

.single-our_services .skew-main-block ul>li {
    margin-bottom: 4px;
}

.footer-store-btn {
    padding-bottom: 10px;
}


#tyre-enq-form-block form {
    background: #E4E4E5;
}

#tyre-enq-form-block .product-df-control {
    padding: 0 20px;
}

#tyre-enq-form-block form input[type="text"],
#tyre-enq-form-block form input[type="email"],
#tyre-enq-form-block form textarea {
    background: #fff;
}

#tyre-enq-form-block .res-contact-form-submit-wrap {
    padding-bottom: 40px;
}

.pum-overlay h3 {
    color: #000;
}

.pum-overlay form input[type="text"],
.pum-overlay form input[type="email"],
.pum-overlay form textarea {
    background: #EBEDEF;
}

.pum-overlay .res-contact-form-submit-wrap {
    padding-bottom: 30px;
}

.pum-overlay .service-detail-form-block .wpcf7-radio [type="radio"]:checked+span:before,
.pum-overlay .wpcf7-radio [type="radio"]:not(:checked)+span:before {
    border: 2px solid #EBEDEF !important;
}

@media (min-width: 1140px) {
    body.home header .navbar .container {
        border-bottom: 1px solid rgb(204 207 213 / 60%);
        padding-left: 0px;
        width: 1120px;
        padding-right: 0;
    }
}

body.home header .navbar.sticky>.container {
    border-bottom: 0 !important;
}

.section_content_container ul {
    padding-left: 34px;
    padding-bottom: 22px;
}

.section_content_container ul li {
    font-size: 18px;
}

#menu-main-menu .dropdown>.nav-link {
    white-space: nowrap;
}

#menu-main-menu .dropdown>.nav-link::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
}

#menu-main-menu .dropdown>.nav-link:empty::after {
    margin-left: 0;
}

#menu-main-menu .dropdown ul.sub-menu {
    position: absolute;
    right: 0;
    display: none;
    background: #fff;
    width: 240px;
}

@media (max-width:991.98px) {
    #menu-main-menu .dropdown ul.sub-menu {
        position: relative;
        right: 0;
        display: none;
        background: transparent;
        width: 100%;
    }
}

#menu-main-menu .dropdown:hover ul.sub-menu {
    display: block;
    list-style: none;
}

#menu-main-menu .dropdown:hover ul.sub-menu a {
    color: #000;
    font-size: 16px;
    padding: 12px 24px;
}

#menu-main-menu .dropdown:hover ul.sub-menu a:hover {
    background: #EEEEEF;
}

#menu-main-menu .dropdown ul.sub-menu>li>a {
    text-align: right;
}

@media (max-width:991.98px) {

    #menu-main-menu .dropdown:hover ul.sub-menu a,
    #menu-main-menu .dropdown ul.sub-menu>li>a {
        text-align: left;
        color: #fff;
        font-size: 14px;
    }

    #menu-main-menu .dropdown:hover ul.sub-menu a:hover {
        background: #4A545E;
    }

    section .container div ul {
        margin-left: 20px;
    }
}



/*
#menu-main-menu .dropdown .nav-link {
    white-space: nowrap;
}

#menu-main-menu .dropdown .nav-link::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
}

#menu-main-menu .dropdown .nav-link:empty::after {
    margin-left: 0;
}

#menu-main-menu .dropdown .sub-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
}

#menu-main-menu .dropdown .sub-menu>li {
    display: block;
    width: 100%;
    padding: 0.25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}

#menu-main-menu .dropdown .sub-menu>li:hover,
#menu-main-menu .dropdown .sub-menu>li:focus {
    color: #16181b;
    text-decoration: none;
    background-color: #f8f9fa;
}

#menu-main-menu .dropdown .sub-menu>li.active,
#menu-main-menu .dropdown .sub-menu>li:active {
    color: #fff;
    text-decoration: none;
    background-color: #007bff;
}

#menu-main-menu .dropdown .sub-menu>li.disabled,
#menu-main-menu .dropdown .sub-menu>li:disabled {
    color: #6c757d;
    pointer-events: none;
    background-color: transparent;
}
*/

form input[type="text"]::focus,
form input[type="email"]::focus,
form textarea::focus,
form input[type="text"]::active,
form input[type="email"]::active,
form textarea::active {
    outline: 2px solid #2F5E8E;
    background: #E8F0FE;
}

.pum-container>.pum-content:focus,
.pum-container>.pum-content {
    outline: none;
    border: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.captcha_legal {
    margin-top: 32px;
}

.captcha_legal a {
    color: #8c8c8c;
}

.service-detail-form-block .captcha_legal,
.service-detail-form-block .captcha_legal a {
    color: #fff;
}

.grecaptcha-badge { 
    visibility: hidden;
}