/* Minification failed. Returning unminified contents.
(1670,12): run-time error CSS1036: Expected expression, found ';'
 */
@font-face {
    font-family: 'Neue Haas Unica Pro';
    src: url('/Content/CSS/fonts/NeueHaasUnicaPro-Heavy.eot');
    src: url('/Content/CSS/fonts/NeueHaasUnicaPro-Heavy.eot?#iefix') format('embedded-opentype'), url('/Content/CSS/fonts/NeueHaasUnicaPro-Heavy.ttf') format('truetype'), url('/Content/CSS/fonts/NeueHaasUnicaPro-Heavy.svg#NeueHaasUnicaPro-Heavy') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Neue Haas Unica Pro';
    src: url('/Content/CSS/fonts/NeueHaasUnicaPro-Italic.eot');
    src: url('/Content/CSS/fonts/NeueHaasUnicaPro-Italic.eot?#iefix') format('embedded-opentype'), url('/Content/CSS/fonts/NeueHaasUnicaPro-Italic.ttf') format('truetype'), url('/Content/CSS/fonts/NeueHaasUnicaPro-Italic.svg#NeueHaasUnicaPro-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Neue Haas Unica Pro';
    src: url('/Content/CSS/fonts/NeueHaasUnicaPro-Medium.eot');
    src: url('/Content/CSS/fonts/NeueHaasUnicaPro-Medium.eot?#iefix') format('embedded-opentype'), url('/Content/CSS/fonts/NeueHaasUnicaPro-Medium.ttf') format('truetype'), url('/Content/CSS/fonts/NeueHaasUnicaPro-Medium.svg#NeueHaasUnicaPro-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Neue Haas Unica Pro';
    src: url('/Content/CSS/fonts/NeueHaasUnicaPro-MediumIt.eot');
    src: url('/Content/CSS/fonts/NeueHaasUnicaPro-MediumIt.eot?#iefix') format('embedded-opentype'), url('/Content/CSS/fonts/NeueHaasUnicaPro-MediumIt.ttf') format('truetype'), url('/Content/CSS/fonts/NeueHaasUnicaPro-MediumIt.svg#NeueHaasUnicaPro-MediumIt') format('svg');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Neue Haas Unica Pro';
    src: url('/Content/CSS/fonts/NeueHaasUnicaPro-Regular.eot');
    src: url('/Content/CSS/fonts/NeueHaasUnicaPro-Regular.eot?#iefix') format('embedded-opentype'), url('/Content/CSS/fonts/NeueHaasUnicaPro-Regular.ttf') format('truetype'), url('/Content/CSS/fonts/NeueHaasUnicaPro-Regular.svg#NeueHaasUnicaPro-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Neue Haas Unica Pro';
    src: url('/Content/CSS/fonts/NeueHaasUnicaPro-Light.eot');
    src: url('/Content/CSS/fonts/NeueHaasUnicaPro-Light.eot?#iefix') format('embedded-opentype'), url('/Content/CSS/fonts/NeueHaasUnicaPro-Light.ttf') format('truetype'), url('/Content/CSS/fonts/NeueHaasUnicaPro-Light.svg#NeueHaasUnicaPro-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Neue Haas Unica Pro';
    src: url('/Content/CSS/fonts/NeueHaasUnicaPro-BoldItalic.eot');
    src: url('/Content/CSS/fonts/NeueHaasUnicaPro-BoldItalic.eot?#iefix') format('embedded-opentype'), url('/Content/CSS/fonts/NeueHaasUnicaPro-BoldItalic.ttf') format('truetype'), url('/Content/CSS/fonts/NeueHaasUnicaPro-BoldItalic.svg#NeueHaasUnicaPro-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Neue Haas Unica Pro';
    src: url('/Content/CSS/fonts/NeueHaasUnicaPro-HeavyIt.eot');
    src: url('/Content/CSS/fonts/NeueHaasUnicaPro-HeavyIt.eot?#iefix') format('embedded-opentype'), url('/Content/CSS/fonts/NeueHaasUnicaPro-HeavyIt.ttf') format('truetype'), url('/Content/CSS/fonts/NeueHaasUnicaPro-HeavyIt.svg#NeueHaasUnicaPro-HeavyIt') format('svg');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Neue Haas Unica Pro';
    src: url('/Content/CSS/fonts/NeueHaasUnicaPro-Bold.eot');
    src: url('/Content/CSS/fonts/NeueHaasUnicaPro-Bold.eot?#iefix') format('embedded-opentype'), url('/Content/CSS/fonts/NeueHaasUnicaPro-Bold.ttf') format('truetype'), url('/Content/CSS/fonts/NeueHaasUnicaPro-Bold.svg#NeueHaasUnicaPro-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Archivo';
    src: url('/Content/CSS/fonts/Archivo-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Archivo';
    src: url('/Content/CSS/fonts/Archivo-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Archivo';
    src: url('/Content/CSS/fonts/Archivo-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Archivo';
    src: url('/Content/CSS/fonts/Archivo-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

.container.bfgoodrich_page_wrap {
    max-width: 1096px;
    padding: 20px 0px 0;
    -webkit-font-smoothing: antialiased;
    color: #000;
    position: relative;
    font-family: 'Neue Haas Unica Pro', sans-serif;
}

.bfgoodrich_page_wrap .bf-banner {
    position: relative;
}

.bfgoodrich_page_wrap .bottom-left {
    position: absolute;
    top: 40px;
    left: 30px;
}

.bfgoodrich_page_wrap h2.banner-heading {
    margin-top: 85px;
    margin-left: 5px;
    font-weight: 500;
    font-size: 40px;
    letter-spacing: 2px;
    line-height: 46px;
    color: #231f20;
    font-style: italic;
    text-transform: uppercase;
    margin-bottom: 16px;
    font-family: 'Neue Haas Unica Pro', sans-serif;
}

    .bfgoodrich_page_wrap h2.banner-heading strong {
        font-weight: 900;
        margin-left: 49px;
    }

.bfgoodrich_page_wrap .banner-para {
    font-size: 18px;
    letter-spacing: 0px;
    line-height: 24px;
    color: #231f20;
    font-weight: 500;
    margin-left: 66px;
    border-left: 2px solid #000000;
    text-transform: uppercase;
    padding-left: 23px;
    padding-right: 38px;
}

.fr-ca .bfgoodrich_page_wrap .banner-para {
    padding-right: 55px;
}

.bfgoodrich_page_wrap .banner-para strong {
    font-weight: 900;
}

.fr-ca .bfgoodrich_page_wrap .banner-para sup {
    font-size: 11px;
}

.bfgoodrich_page_wrap .shop-btn a {
    margin-top: 28px;
    margin-left: 66px;
    width: 180px;
    height: 45px;
    border-radius: 23px;
    font-size: 14px;
    letter-spacing: 0px;
    line-height: 43px;
    color: #ffffff;
    text-align: center;
    text-transform: uppercase;
    background-color: #122a72;
    position: relative;
    font-weight: normal;
}

    .bfgoodrich_page_wrap .shop-btn a > em {
        font-size: 0px;
        width: 0px;
    }

        .bfgoodrich_page_wrap .shop-btn a > em:before {
            content: "\6dd";
            display: inline-block;
            font-family: "Costco-RWD";
            font-size: 11px;
            width: 6px;
            height: 12px;
            font-style: normal;
            position: absolute;
            right: 13px;
            top: 1px;
        }

    .bfgoodrich_page_wrap .shop-btn a:focus, .bfgoodrich_page_wrap .shop-btn a:hover {
        text-decoration: underline;
    }

        .bfgoodrich_page_wrap .shop-btn a:focus > em:before, .bfgoodrich_page_wrap .shop-btn a:hover > em:before {
            right: 20px;
            transition: ease-in-out;
        }

.bfgoodrich_page_wrap .bf-video {
    margin-top: 20px;
}

.bfgoodrich_page_wrap .video-overlay {
    position: relative;
}

.bfgoodrich_page_wrap .play-btn {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    font-size: 0;
    z-index: 1;
}

    .bfgoodrich_page_wrap .play-btn:before {
        content: "";
        left: 0;
        right: 0px;
        top: 40%;
        margin: 0 auto;
        position: absolute;
        width: 49px;
        height: 49px;
        background-repeat: no-repeat;
        -webkit-transition-duration: 0.8s;
        -moz-transition-duration: 0.8s;
        -o-transition-duration: 0.8s;
        transition-duration: 0.8s;
    }

    .bfgoodrich_page_wrap .play-btn:hover:before {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }

.bfgoodrich_page_wrap h3.yearsh3 {
    font-size: 32px;
    letter-spacing: 3px;
    line-height: 36px;
    color: #003164;
    text-align: center;
    font-weight: 500;
    font-style: italic;
    margin-top: 0px;
    position: relative;
    z-index: 10;
}

    .bfgoodrich_page_wrap h3.yearsh3 strong {
        font-weight: 900;
    }

.bfgoodrich_page_wrap .yearsPara {
    max-width: 665px;
    margin: 0 auto;
    font-size: 18px;
    line-height: 24px;
    color: #003164;
    text-align: center;
    font-weight: 500;
    text-transform: uppercase;
}

.bfgoodrich_page_wrap .cardsheading {
    font-size: 40px;
    letter-spacing: 4px;
    line-height: 30px;
    color: #231f20;
    font-weight: 900;
    text-transform: uppercase;
    font-style: italic;
    margin-top: 57px;
    margin-bottom: 1px;
}

    .bfgoodrich_page_wrap .cardsheading.marginfirst {
        margin-top: 48px;
    }

    .bfgoodrich_page_wrap .cardsheading.margintwo {
        margin-top: 4px;
    }

.bfgoodrich_page_wrap .grid-layout .col-md-6:nth-child(odd) {
    padding-right: 12px;
}

.bfgoodrich_page_wrap .grid-layout .col-md-6:nth-child(even) {
    padding-left: 12px;
}

.bfgoodrich_page_wrap .grid-layout .card {
    border: 0px;
    border-radius: 0px;
    margin-bottom: 30px;
}

.bfgoodrich_page_wrap .grid-layout .card-img-top {
    border-radius: 0px;
}

@media screen and (min-width: 1024px) {
    .bfgoodrich_page_wrap .grid-layout .card-img-top {
        height: 365px;
    }
}

.bfgoodrich_page_wrap .grid-layout .card-body {
    padding-top: 0px;
    padding-left: 2rem;
    padding-right: 1.92rem;
}

.bfgoodrich_page_wrap .grid-layout .card-inner {
    background-color: rgba(246, 247, 248, .9);
    padding: 2.7rem;
    padding-top: 2.5rem;
    margin-top: -76px;
    min-height: 366px;
    background-repeat: no-repeat;
    background-position: 92% bottom;
    position: relative;
}

.fr-ca .bfgoodrich_page_wrap .grid-layout .card-inner {
    min-height: 400px;
}

.bfgoodrich_page_wrap .grid-layout .card-inner.bfgoodrich-winter-ta-ksi-tires {
    background-color: rgba(246, 247, 248, .99);
}

.bfgoodrich_page_wrap .grid-layout .shop-btn a {
    margin-top: 0px;
    margin-left: 0px;
    position: absolute;
    bottom: 54px;
}

.bfgoodrich_page_wrap .grid-layout .card-info {
    font-size: 14px;
    line-height: 14px;
    color: #073674;
    font-style: italic;
    font-weight: normal;
    text-transform: uppercase;
    margin-bottom: 0px;
}

    .bfgoodrich_page_wrap .grid-layout .card-info strong {
        font-weight: bold;
        margin-left: 5px;
    }

.bfgoodrich_page_wrap .grid-layout .bfgoodrich-winter-ta-ksi-tires .card-info strong {
    margin-left: 0px;
}

.fr-ca .bfgoodrich_page_wrap .grid-layout .bfgoodrich-commercial-ta-all-season-2-tires .card-info {
    display: block;
    margin-top: -10px;
}

    .fr-ca .bfgoodrich_page_wrap .grid-layout .bfgoodrich-commercial-ta-all-season-2-tires .card-info strong {
        margin-left: 0px;
        line-height: 0px;
        display: block;
        margin-top: 10px;
    }

.bfgoodrich_page_wrap .grid-layout .card-title {
    font-size: 28px;
    line-height: 27px;
    color: #073674;
    font-weight: 900;
    font-style: italic;
    margin-top: 8px;
    margin-bottom: 3px;
}

    .bfgoodrich_page_wrap .grid-layout .card-title sup {
        font-size: 17px;
        top: 0;
        left: 2px;
        vertical-align: top;
        line-height: 18px;
    }

.fr-ca .bfgoodrich_page_wrap .grid-layout .bfgoodrich-commercial-ta-all-season-2-tires .card-title {
    margin-top: 18px;
}

.fr-ca .bfgoodrich_page_wrap .grid-layout .card-title sup {
    font-size: 11px;
}

.bfgoodrich_page_wrap .grid-layout .card-text {
    font-size: 14px;
    line-height: 18px;
    color: #231f20;
    font-weight: normal;
}

.bfgoodrich_page_wrap .grid-layout .season-icon {
    position: absolute;
    right: 17px;
    top: 17px;
    display: block;
}

.bfgoodrich_page_wrap .legal {
    margin-top: 30px;
    padding-top: 36px;
    padding-bottom: 19px;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}

.bfgoodrich_page_wrap aside.legal {
    padding-left: 6px;
    padding-right: 6px;
}

.en-ca .bfgoodrich_page_wrap .legal p sup {
    font-size: 14px;
    top: -.1rem;
}

.bfgoodrich_page_wrap .legal p sup.largesup {
    font-size: 14px;
    top: -.1rem;
}

.bfgoodrich_page_wrap .legal .legal-heading {
    font-size: 12px;
    line-height: 18px;
    color: #003164;
    font-weight: bold;
    font-family: "Arial";
}

.bfgoodrich_page_wrap .legal ul li p {
    font-size: 12px;
    color: #464646;
}

.bfgoodrich_page_wrap .legal ul li p {
    margin-bottom: 1px;
    text-indent: -7px;
    margin-left: 7px;
}

.bfgoodrich_page_wrap .legend {
    border-top: 1px solid #e5e5e5;
}

.bfgoodrich_page_wrap .legend-list {
    margin-top: 0px;
    padding-top: 11px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e5e5e5;
    display: flex;
    justify-content: start;
    align-items: center;
}

.bfgoodrich_page_wrap .legend .legend-heading {
    font-size: 12px;
    line-height: 18px;
    color: #003164;
    font-weight: bold;
    font-family: "Arial";
    display: inline-block;
    margin-bottom: 0px;
}

.bfgoodrich_page_wrap .legend p {
    margin-bottom: 0px;
}

.bfgoodrich_page_wrap .legend ul {
    margin-bottom: 0px;
    margin-top: 0px;
}

    .bfgoodrich_page_wrap .legend ul li {
        display: inline-flex;
        justify-content: start;
        align-items: center;
    }

        .bfgoodrich_page_wrap .legend ul li p {
            font-size: 12px;
            color: #464646;
            line-height: 12px;
        }

        .bfgoodrich_page_wrap .legend ul li img {
            margin-right: 10px;
        }

.bfgoodrich_page_wrap .bfvisible-desktop, .bfgoodrich_page_wrap .bfvisible-mobile, .bfgoodrich_page_wrap .bfvideo-desktop, .bfgoodrich_page_wrap .bfvideo-tablet, .bfvideo-mobile {
    display: none;
}

.bfgoodrich_page_wrap .footer-tire-image {
    margin-top: 48px;
}

.bfgoodrich_page_wrap .legend-wrapper {
    display: flex;
    align-items: flex-end;
    flex-wrap: nowrap;
    padding-bottom: 50px;
}

.bfgoodrich_page_wrap .legend-container .legend-heading {
    width: 100%;
}

@media screen and (min-width: 992px) {
    .bfgoodrich_page_wrap .bfvideo-desktop {
        display: block;
    }

    .bfgoodrich_page_wrap .bf-winter-column .card-img-top {
        max-width: 745px;
    }

    .bfgoodrich_page_wrap .bf-winter-column .card-body {
        max-width: 619px;
        padding: 0px;
        align-self: flex-end;
        margin-right: 31px;
    }

    .bfgoodrich_page_wrap .bf-winter-column .card-inner {
        margin-top: -212px;
        min-height: 271px;
        background-position: 95% bottom;
    }

    .bfgoodrich_page_wrap .bf-winter-column .shop-btn a {
        bottom: 40px;
    }

    .bfgoodrich_page_wrap .bf-winter-column .card-text {
        padding-right: 135px;
    }

    .bfgoodrich_page_wrap .row-zero-m {
        margin-left: 0px;
        margin-right: 0px;
    }

    .fr-ca .bfgoodrich_page_wrap .banner-para strong {
        white-space: nowrap;
    }

    .bfgoodrich_page_wrap .shop-btn a {
        min-width: 180px;
        min-height: 45px;
        max-width: 180px;
    }
}

@media screen and (min-width: 768px) {
    .bfgoodrich_page_wrap .bfvisible-desktop {
        display: block;
    }

    .videoModal .modal-body {
        min-height: 507px;
    }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
    .bfgoodrich_page_wrap .bfvideo-tablet {
        display: block;
    }

    .bfgoodrich_page_wrap h2.banner-heading {
        font-size: 32px;
        margin-top: 42px;
        line-height: 36px;
    }

    .bfgoodrich_page_wrap .banner-para {
        font-size: 16px;
        letter-spacing: 0px;
        line-height: 20px;
        color: #231f20;
        padding-right: 100px;
    }

    .bfgoodrich_page_wrap .shop-btn a {
        width: 160px;
        height: 40px;
        font-size: 12px;
        margin-top: 10px;
        line-height: 40px;
    }

    .bfgoodrich_page_wrap .play-btn:before {
        top: 36%;
    }

    .bfgoodrich_page_wrap h3.yearsh3 {
        font-size: 24px;
        letter-spacing: 2px;
        line-height: 27px;
        margin-top: -37px;
    }

    .bfgoodrich_page_wrap .yearsPara {
        max-width: 460px;
        font-size: 16px;
        margin-top: 8px;
    }

    .bfgoodrich_page_wrap .grid-layout .card-body {
        padding-left: 1.3rem;
        padding-right: 1.3rem;
    }

    .bfgoodrich_page_wrap .grid-layout .card-info {
        font-size: 12px;
        line-height: 12px;
    }

    .bfgoodrich_page_wrap .grid-layout .card-title {
        font-size: 20px;
        line-height: 22px;
    }

    .fr-ca .bfgoodrich_page_wrap .grid-layout .bfgoodrich-commercial-ta-traction .card-title {
        margin-top: 18px;
    }

    .bfgoodrich_page_wrap .grid-layout .card-text {
        font-size: 12px;
        line-height: 16px;
    }

    .bfgoodrich_page_wrap .grid-layout .shop-btn a {
        width: 133px;
        height: 33px;
        line-height: 33px;
        bottom: 40px;
    }

    .bfgoodrich_page_wrap .grid-layout .card-inner {
        min-height: 340px;
        background-size: 60%;
        padding: 1.6rem;
        padding-top: 1.6rem;
        margin-top: -58px;
    }

    .fr-ca .bfgoodrich_page_wrap .grid-layout .card-inner {
        min-height: 340px;
    }

    .bfgoodrich_page_wrap .grid-layout .season-icon {
        right: 14px;
        top: 14px;
    }

        .bfgoodrich_page_wrap .grid-layout .season-icon img {
            max-width: 37px;
            max-height: 37px;
        }

    .fr-ca .bfgoodrich_page_wrap .grid-layout .bfgoodrich-commercial-ta-traction .card-info {
        display: block;
        margin-top: -10px;
    }

        .fr-ca .bfgoodrich_page_wrap .grid-layout .bfgoodrich-commercial-ta-traction .card-info strong {
            margin-left: 0px;
            line-height: 0px;
            display: block;
            margin-top: 10px;
        }

    .bfgoodrich_page_wrap .mobile-zero.col-md-12 {
        padding-left: 0px;
        padding-right: 0px;
    }

    .bfgoodrich_page_wrap .mobile-zero .col-md-6 {
        padding-left: 0px;
        padding-right: 0px;
    }

    .bfgoodrich_page_wrap .grid-layout .col-md-6:nth-child(odd) {
        padding-right: 12px;
    }

    .bfgoodrich_page_wrap .grid-layout .col-md-6:nth-child(even) {
        padding-left: 12px;
    }

    .bfgoodrich_page_wrap .bf-winter-column {
        padding-left: 0px;
        padding-right: 0px;
    }

        .bfgoodrich_page_wrap .bf-winter-column .card-img-top {
            padding-right: 191px;
            max-width: initial;
        }

        .bfgoodrich_page_wrap .bf-winter-column .card-body {
            min-width: 457px;
            max-width: initial;
            padding: 0px;
            align-self: flex-end;
            margin-right: 21px;
            padding-left: 260px;
        }

        .bfgoodrich_page_wrap .bf-winter-column .card-inner {
            margin-top: -34%;
            min-height: 238px;
            background-position: 95% bottom;
            background-size: 40%;
        }

        .bfgoodrich_page_wrap .bf-winter-column .shop-btn a {
            bottom: 40px;
        }

        .bfgoodrich_page_wrap .bf-winter-column .card-text {
            padding-right: 50px;
        }

    .bfgoodrich_page_wrap .legal {
        margin-top: 0px;
        padding-top: 24px;
        padding-bottom: 8px;
    }

    .bfgoodrich_page_wrap .legend ul li img {
        max-width: 22px;
        max-height: 22px;
    }
}

@media screen and (max-width: 767px) {
    .bfgoodrich_page_wrap .bfvisible-mobile, .bfgoodrich_page_wrap .bfvideo-mobile {
        display: block;
    }

    /*.bfgoodrich_page_wrap .bf-banner .bfbanner-img {
        min-height: 358px;
        max-height: 358px;
        object-fit: cover;
    }*/

    .bfgoodrich_page_wrap .bottom-left {
        left: 0px;
        padding-left: 31px;
        top: 29px;
    }

    .bfgoodrich_page_wrap h2.banner-heading {
        font-size: 30px;
        letter-spacing: 3px;
        margin-top: 35px;
        line-height: 30px;
        margin-left: 0px;
        padding-right: 30px;
        max-width: 320px;
    }

        .bfgoodrich_page_wrap h2.banner-heading strong {
            margin-left: 0px;
        }

    .bfgoodrich_page_wrap .banner-para {
        font-size: 14px;
        letter-spacing: 0px;
        line-height: 16px;
        color: #231f20;
        margin-left: 4px;
        padding-left: 10px;
        max-width: 320px;
        padding-right: 10px;
    }

    .fr-ca .bfgoodrich_page_wrap .banner-para {
        padding-right: 10px;
    }

    .bfgoodrich_page_wrap .shop-btn {
        text-align: center;
    }

        .bfgoodrich_page_wrap .shop-btn a {
            width: 160px;
            height: 40px;
            font-size: 12px;
            margin-top: 10px;
            line-height: 40px;
        }

            .bfgoodrich_page_wrap .shop-btn a.visible-mobile {
                display: inline-block;
            }

    .bfgoodrich_page_wrap .play-btn:before {
        width: 28px;
        height: 28px;
        background-size: 28px;
        top: 45%;
    }

    .bfgoodrich_page_wrap h3.yearsh3 {
        font-size: 16px;
        letter-spacing: 2px;
        line-height: 20px;
        margin-top: 21px;
    }

    .bfgoodrich_page_wrap .yearsPara {
        max-width: 290px;
        margin: 0 auto;
        font-size: 14px;
        line-height: 20px;
    }

    .bfgoodrich_page_wrap .mobile-zero, .bfgoodrich_page_wrap .mobile-zero .col-md-12, .bfgoodrich_page_wrap .mobile-zero .col-md-6 {
        padding-left: 0px;
        padding-right: 0px;
    }

    .bfgoodrich_page_wrap .grid-layout .col-md-6:nth-child(odd) {
        padding-right: 0px;
    }

    .bfgoodrich_page_wrap .grid-layout .col-md-6:nth-child(even) {
        padding-left: 0px;
    }

    .bfgoodrich_page_wrap .grid-layout .card {
        margin-bottom: 15px;
    }

    .bfgoodrich_page_wrap .cardsheading.marginfirst {
        margin-top: 4px;
    }

    .bfgoodrich_page_wrap .cardsheading {
        font-size: 22px;
        letter-spacing: 2px;
        line-height: 22px;
        color: #231f20;
        margin-top: 47px;
        margin-bottom: -2px;
    }

    .bfgoodrich_page_wrap .grid-layout .card-body {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .bfgoodrich_page_wrap .grid-layout .card-info {
        font-size: 12px;
        line-height: 12px;
    }

    .bfgoodrich_page_wrap .grid-layout .card-title {
        font-size: 20px;
        line-height: 24px;
        margin-top: 10px;
    }

    .fr-ca .bfgoodrich_page_wrap .grid-layout .bfgoodrich-commercial-ta-all-season-2-tires .card-title {
        margin-top: 20px;
    }

    .fr-ca .bfgoodrich_page_wrap .grid-layout .bfgoodrich-commercial-ta-traction .card-title {
        margin-top: 20px;
    }

    .bfgoodrich_page_wrap .grid-layout .card-text {
        font-size: 12px;
        line-height: 16px;
    }

    .bfgoodrich_page_wrap .grid-layout .shop-btn a {
        width: 133px;
        height: 33px;
        line-height: 33px;
        bottom: 40px;
    }

    .fr-ca .bfgoodrich_page_wrap .grid-layout .shop-btn a {
        bottom: 20px;
    }

    .bfgoodrich_page_wrap .grid-layout .card-inner {
        min-height: 340px;
        background-size: 60%;
        padding: 1.3rem;
        margin-top: -58px;
    }

    .fr-ca .bfgoodrich_page_wrap .grid-layout .card-inner.bfgoodrich-winter-ta-ksi-tires {
        background-size: 55%;
    }

    .bfgoodrich_page_wrap .grid-layout .season-icon {
        right: 11px;
        top: 11px;
    }

        .bfgoodrich_page_wrap .grid-layout .season-icon img {
            max-width: 27px;
            max-height: 32px;
        }

    .fr-ca .bfgoodrich_page_wrap .grid-layout .bfgoodrich-commercial-ta-traction .card-info {
        display: block;
        margin-top: -10px;
    }

        .fr-ca .bfgoodrich_page_wrap .grid-layout .bfgoodrich-commercial-ta-traction .card-info strong {
            margin-left: 0px;
            line-height: 0px;
            display: block;
            margin-top: 10px;
        }

    .bfgoodrich_page_wrap .legal {
        margin-top: 3px;
        padding-top: 26px;
        padding-bottom: 13px;
    }

    .bfgoodrich_page_wrap .legend {
        display: block;
        border-top: 1px solid #e5e5e5;
        padding-top: 10px;
    }

        .bfgoodrich_page_wrap .legend .legend-heading {
            display: block;
        }

        .bfgoodrich_page_wrap .legend ul {
            display: flex;
            justify-content: start;
            align-items: center;
            flex-wrap: wrap;
        }

            .bfgoodrich_page_wrap .legend ul li {
                margin-left: 0px;
                width: 50%;
                margin-right: 0px !important;
                margin-top: 5px;
            }

                .bfgoodrich_page_wrap .legend ul li img {
                    max-width: 22px;
                    max-height: 22px;
                }

    .bfgoodrich_page_wrap .footer-tire-image {
        margin-top: 28px;
    }

    .bfgoodrich_page_wrap .grid-layout .legend-wrapper.legend-wrapper {
        padding-bottom: 0px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .bfgoodrich_page_wrap .legend-list {
        border-bottom: 0px;
    }
}

@media screen and (min-width: 320px) and (max-width: 360px) {
    .bfgoodrich_page_wrap .shop-btn a {
        margin: 0 auto;
    }
}

.videoModal .modal-content {
    border-radius: 0;
    border: 1px solid #3071a9;
}

.videoModal .modal-header {
    border-bottom: 1px solid #fff;
    background: #3071a9;
    padding: 16px 18px;
    border-radius: 0;
    font-weight: normal;
    padding-right: 45px;
}

.videoModal .modal-title {
    font-size: 20px;
    line-height: 22px;
    color: #fff;
    font-weight: normal;
}

.videoModal .close {
    opacity: 1;
    z-index: 9999;
    position: absolute;
    right: 15px;
    top: 14px;
    -webkit-appearance: none;
    color: #fff;
    padding: 0;
    margin: 0;
}

.videoModal .close-svg-icon {
    display: inline-block;
    font-style: normal;
    font-weight: normal;
    font-size: 0px;
    text-shadow: none;
}

    .videoModal .close-svg-icon:before {
        content: "\69";
        font-family: 'Costco-RWD';
        font-size: 18px;
    }

.videoModal .modal-dialog {
    max-width: 700px;
}

.able {
    box-shadow: 0 0 5px #262626;
    margin: 0;
}

.able-status-bar {
    height: 2em;
}

/* .able-big-play-button {
left: 45%;
top: 30%;
} */

.videoModal .modal-body {
    max-height: 560px;
}

@media screen and (max-width: 720px) {
    .videoModal .modal-body {
        padding: 0;
    }
}

button.able-big-play-button.icon-play {
    width: 100% !important;
    height: 100% !important;
}

@media screen and (max-width: 670px) {
    .videoModal .modal-dialog {
        margin: 0px;
    }
}

.able-controller div[role=button].able-button-handler-preferences {
    display: none;
}

.able-big-play-button:not(*:root) {
    position: fixed;
}

div.able-captions {
    font-size: 16px !important;
}

.en-ca .bfgoodrich_page_wrap a.fn-lnk-astreik sup, .en-ca .bfgoodrich_page_wrap .fn-rtn a sup {
    font-size: 90%;
    top: -.3em;
}

.en-ca .bfgoodrich_page_wrap a.fn-lnk-astreik:focus, .en-ca .bfgoodrich_page_wrap .fn-rtn a:focus {
    outline-offset: 0;
}

.bfgoodrich_page_wrap a.fn-lnk-astreik sup, .bfgoodrich_page_wrap .fn-rtn a sup {
    font-size: 90%;
    top: -.3em;
}

.bfgoodrich_page_wrap a.fn-lnk-astreik:focus, .bfgoodrich_page_wrap .fn-rtn a:focus {
    outline-offset: 0;
}

@media screen and (min-width: 993px) and (max-width: 1022px), (min-width: 769px) and (max-width: 990px), (min-width: 501px) and (max-width: 765px) {
    .bfgoodrich_page_wrap .grid-layout .card-title, .bfgoodrich_page_wrap .grid-layout .card-text {
        background-color: rgba(246,247,248,.9);
    }

    .bfgoodrich_page_wrap .grid-layout .card-title {
        margin-bottom: 0px;
    }
}

div.able-captions {
    font-size: 16px !important;
}

.able-transcript-area {
    position: static !important;
    float: right;
    margin-top: 10px;
    width: 100% !important;
    height: 250px !important;
}

.able-big-play-button:not(*:root) {
    position: absolute !important;
}

.able-transcript {
    height: 195px !important;
}

.able-window-toolbar .able-button-handler-preferences {
    position: static !important;
    float: right;
}

[data-choice="move"], [data-choice="resize"] {
    display: none;
}

.able-draggable:hover {
    cursor: default !important;
}

.able-window-toolbar {
    background-color: #333333 !important;
    height: 43px !important;
}

    .able-window-toolbar .able-button-handler-preferences {
        margin-top: -11px !important;
    }

.able-drag {
    cursor: default !important;
}

#videoPromotion .able-button-handler-captions {
    display: none !important;
}

#videoPromotion .able-captions-wrapper.able-captions-below, #videoPromotion .able-captions-wrapper.able-captions-overlay {
    display: none !important;
}

.videoModal .modal-body {
    max-height: 825px;
}

.able-button-handler-preferences, .able-popup, #autoscroll-transcript-checkbox {
    display: none !important;
}

.able-transcript-area .able-transcript-block {
    display: none !important;
}

.able-transcript div {
    margin: 0em !important;
}

.able-transcript-chapter-heading {
    font-size: 16px !important;
    font-weight: 400 !important;
}

.able-transcript {
    margin-top: 10px !important;
}

.able-controller div[role=button]:hover,
.able-controller div[role=button]:focus,
.able-controller div[role=button]:focus, .able-controller input:focus,
.able-seekbar-head:focus, .able-window-toolbar input:focus, .able-window-toolbar select:focus, .able-controller div[role=button]:hover, .able-controller input:hover,
.able-seekbar-head:hover, .able-window-toolbar input:hover, .able-window-toolbar select:hover {
    outline: 2px solid #d32029 !important;
}

.videoModal .able-controller div[role=button]:focus, .videoModal .able-controller div[role=button]:hover {
    outline-color: #d32029 !important;
}

.videoModal .able-controller {
    background-color: #5f5f5f !important;
}

.videoModal .able-transcript-seekpoint {
    display: block;
    color: #000000;
}

    .videoModal .able-transcript-seekpoint.able-transcript-caption {
        display: block !important;
    }

.videoModal .able-transcript span:active, .videoModal .able-transcript span:focus, .videoModal .able-transcript span:hover {
    background: transparent;
}

.videoModal .able-highlight {
    background: transparent;
}

.video-transcript-text {
    margin-bottom: 0px;
    display: inline-block;
}

    .video-transcript-text:focus {
        outline: 2px solid #d32029;
        outline-offset: 3px;
    }

.bfgoodrich_page_wrap .new-label-bfg {
    position: absolute;
    right: 15px;
    bottom: 33%;
    background: #E21A1F;
    color: #fff;
    font-size: 17px;
    font-weight: 900;
    font-style: italic;
    text-transform: uppercase;
    padding: 2px 15px 2px 15px;
    clip-path: polygon(12% 0%, 100% 0%, 88% 100%, 0% 100%);
}

.fr-ca .bfgoodrich_page_wrap .new-label-bfg {
    bottom: 30%;
}

@media screen and (min-width: 768px) and (max-width: 992px) {
    .bfgoodrich_page_wrap .new-label-bfg {
        bottom: 29%;
    }

    .fr-ca .bfgoodrich_page_wrap .banner-para {
        padding-right: 70px;
    }
}

@media screen and (max-width: 767px) {
    .bfgoodrich_page_wrap .new-label-bfg {
        bottom: 31%;
    }

    .fr-ca .bfgoodrich_page_wrap .grid-layout .card-inner {
        min-height: 340px;
    }

    .fr-ca .bfgoodrich_page_wrap .new-label-bfg {
        bottom: 32%;
        right: 4px;
    }
}

.bfgoodrich_page_wrap .bfgAccordion sup {
    font-weight: 700;
}

.bfgoodrich_page_wrap .headingAccordion {
    background-color: #073674;
    padding-left: 10px;
}

    .bfgoodrich_page_wrap .headingAccordion .headingOne button {
        font-family: 'Michelin-Bold';
        font-size: 21px;
    }

    .bfgoodrich_page_wrap .headingAccordion.card-header button.btn.btn-link {
        color: #fff;
        text-decoration: none;
        white-space: normal;
    }

    .bfgoodrich_page_wrap .headingAccordion .btn-link:after, .bfgoodrich_page_wrap .headingAccordion .btn-link.collapsed:after {
        color: #fff;
        font-size: 16px;
    }

.bfgoodrich_page_wrap .bfgAccordion {
    margin-bottom: 40px;
    margin-top: 10px;
}

    .bfgoodrich_page_wrap .bfgAccordion .card {
        border-radius: 0;
    }

    .bfgoodrich_page_wrap .bfgAccordion .card-header, .bfgoodrich_page_wrap .bfgAccordion .card-header:first-child {
        border-radius: 0px;
    }

    .bfgoodrich_page_wrap .bfgAccordion .validPara {
        color: #231f20;
        font-style: italic;
    }

.bfgoodrich_page_wrap .promotionHeading {
    background-color: #073674;
    color: #fff;
    font-size: 16px;
    padding: 15px;
    padding-left: 8px;
    margin-bottom: 0px;
    font-family: 'Michelin-Bold';
}

.bfgoodrich_page_wrap .promotionlisting {
    text-transform: uppercase;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    font-size: 14px;
    background: #eeeeee;
    color: #231f20;
}

    .bfgoodrich_page_wrap .promotionlisting li {
        flex-grow: 1;
        width: 50%;
        padding: 8px;
    }

.bfgoodrich_page_wrap .instantSavingText {
    font-size: 14px;
    color: #073674;
}

@media screen and (min-width: 1024px) {
    .bfgoodrich_page_wrap .promotionlisting {
        min-height: 243px;
    }

    .fr-ca .bfgoodrich_page_wrap .promotionlisting {
        min-height: 264px;
    }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
    .bfgoodrich_page_wrap .promotionlisting {
        min-height: 307px;
    }
}

@media screen and (max-width: 767px) {
    .bfgoodrich_page_wrap .promotionlisting li {
        width: 100%;
    }

    .bfgoodrich_page_wrap .headingAccordion .headingOne button {
        font-size: 18px;
    }
}

.bfgoodrich_page_wrap .bfgAccordion .btn-link:after {
    content: "";
}

.bfgoodrich_page_wrap .btn-link .brand_accord_icon {
    float: right;
}

    .bfgoodrich_page_wrap .btn-link .brand_accord_icon:after {
        font-family: 'Costco-RWD';
        content: "\6a";
        float: right;
        color: #fff;
        font-size: 18px;
    }

.bfgoodrich_page_wrap .btn-link.collapsed .brand_accord_icon:after {
    content: '\6b';
}

.bfgoodrich_page_wrap .headingAccordion.card-header button.btn.btn-link:focus {
    outline: 1px solid #ffffff !important;
}

.imgthumbnail-bfg {
    position: relative;
}
/*Kentico CSS*/
.able-transcript-seekpoint.able-transcript-caption {
    display: block;
}

#videoPromotion3.videoModal .able-transcript-seekpoint.able-transcript-caption {
    display: none !important;
}

.videoModal .modal-body {
    max-height: 875px;
}

.bfgoodrich_page_wrap .play-btn:before {
    background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="49" height="49"><path d="M0 0 C5.10470736 3.68567491 9.82325481 7.53361381 11 14 C11.74492991 21.90191474 12.16476485 29.55125729 7 36 C2.02774974 41.3213657 -2.37288091 44.65053926 -9.79296875 45.2109375 C-18.54917978 45.4937468 -24.89429051 43.77957088 -31.421875 37.78125 C-36.51638509 32.03101089 -37.73307289 25.52582391 -37.4453125 17.99609375 C-36.33996616 10.55924603 -32.71101957 4.63798275 -26.734375 0.1171875 C-19.01867957 -4.85283253 -7.78701144 -4.64225682 0 0 Z " fill="%23FEFEFE" transform="translate(37,3)"/><path d="M0 0 C3.79823812 1.89911906 7.25018668 4.05685775 10.75 6.4375 C11.35199219 6.83259766 11.95398438 7.22769531 12.57421875 7.63476562 C14.10575611 8.67836421 15.56035945 9.83289256 17 11 C17 11.99 17 12.98 17 14 C14.56557079 15.71476218 12.19927621 17.21480731 9.625 18.6875 C8.92632812 19.10322266 8.22765625 19.51894531 7.5078125 19.94726562 C2.29460437 23 2.29460437 23 0 23 C0 15.41 0 7.82 0 0 Z " fill="%23F7BEC1" transform="translate(18,12)"/></svg>');
}
/**/
/* BFGoodrich US brand page styles */
.bfg_us_brand_main_container {
    font-family: 'Archivo';
    padding: 0 15px;
    color: #000;
}

.bfg_us_main_banner_blue-bg {
    font-family: 'Archivo';
    background-color: #003b71;
    padding: 70px 15px 50px;
}

.bfg_us_main_banner_logo {
    max-width: 280px;
}

.bfg_us_main_banner_title {
    font-style: italic;
    font-weight: 900;
    font-size: 40px;
    max-width: 845px;
    margin-left: auto;
    margin-right: auto;
    text-transform: uppercase;
}

.bfg_us_main_banner_subtitle {
    font-size: 16px;
    margin-bottom: 40px;
    max-width: 540px;
    margin-left: auto;
    margin-right: auto;
}

.bfg_us_main_banner_image-section {
    position: relative;
    padding-bottom: 90px;
    background-color: #003b71;
}

.bfg_us_all_terrain_ko3 {
    background-color: #ddd6ce;
}

.bfg_us_main_banner_background-img {
    height: auto;
    width: 100%;
}

.bfg_us_main_banner_overlay {
    top: -70px;
    left: 0;
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.bfg_us_main_banner_tires-img {
    max-width: 360px;
    max-height: 240px;
    margin-top: -100px;
    position: relative;
    z-index: 9;
}

.bfg_us_main_banner_footer-text {
    display: block;
    font-size: 24px;
    max-width: 635px;
    margin-left: auto;
    margin-right: auto;
}

.bfg_us_main_banner_trapezoid {
    height: 60px;
    max-width: 656px;
    background: #003b71;
    margin: auto;
    clip-path: polygon(0 0, 100% 0, calc(100% - 50px) 100%, 50px 100%);
    position: relative;
    top: -1px;
}

.bfg_us_bottom_section_head {
    padding-left: 70px;
}

.bfg_us_bottom_sections .bfg_us_bottom_section_head h2, .bfgoodrich-us-brand-testimonials .bfg_us_bottom_section_head h2 {
    font-size: 32px;
    font-weight: 900;
    font-style: italic;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    margin-top: 30px;
}

.bfgoodrich-us-brand-testimonials {
    padding-top: 20px;
}

    .bfgoodrich-us-brand-testimonials .bfg_us_bottom_section_head {
        padding-left: 0;
    }

        .bfgoodrich-us-brand-testimonials .bfg_us_bottom_section_head h2 {
            display: block;
            text-align: center;
            margin-top: 0;
        }

.bfg_us_bottom_sections .bfg_us_bottom_section_head h2 span.bfg_us_tag {
    min-width: 116px;
    font-size: 20px;
    padding: 4px 8px;
    background-color: #fff;
    text-transform: uppercase;
    margin-right: 10px;
}

.bfg_us_bottom_sections .bfg_us_bottom_section_head .bfg_us_sub-title {
    font-size: 24px;
    margin-bottom: 40px;
}

.bfg_us_bottom_section_logo_slogan {
    font-size: 14px;
    font-weight: 900;
    font-style: italic;
    margin-top: 5px;
    margin-bottom: 30px;
    text-transform: uppercase;
}

.bfg_us_bottom_section_red_button {
    height: 48px;
    width: 225px;
    background: #CD3333;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
    margin-top: 20px;
    text-align: center;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    border: none;
    cursor: pointer;
    border-radius: 72px !important;
    margin-bottom: 30px;
    cursor: pointer;
}

    .bfg_us_bottom_section_red_button:hover {
        background: #ed1c24;
        color: #fff;
        text-decoration: none;
    }

    .bfg_us_bottom_section_red_button.visible_desktop_screen {
        display: flex;
    }

    .bfg_us_bottom_section_red_button.visible_mobile_screen {
        display: none;
    }

.bfg_us_bottom_section_img_text {
    position: relative;
    min-height: 400px;
    overflow: hidden;
    margin-bottom: 30px;
}

    .bfg_us_bottom_section_img_text img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        min-height: 400px;
        min-width: 100%;
    }

.bfg_us_bottom_sections {
    margin-top: 50px;
    padding: 30px 0 0;
    position: relative;
    margin-bottom: 120px;
}

    .bfg_us_bottom_sections .second-row-for-down {
        position: relative;
        top: 100px;
        margin-top: -100px;
    }

    .bfg_us_bottom_sections .left_box {
        margin-left: 70px;
    }

    .bfg_us_bottom_sections::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 0;
        height: 0;
        border-top: 88px solid #fff;
        border-right: 88px solid transparent;
    }

.bfg_us_bottom_section_img_text::before {
    content: "";
    position: absolute;
    background: linear-gradient(to top, rgba(0, 0, 0, 1), transparent);
    z-index: 1;
    height:;
    height: 50%;
    bottom: 0;
    width: 100%;
    z-index: 1;
}

.bfg_us_bottom_section_img_text.no_black_overlay::before {
    display: none;
}

.bfg_us_bottom_section_img_text.top_triancle::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-top: 88px solid #fff; /* vertical side (color) */
    border-right: 88px solid transparent;
}

.bfg_us_bottom_section_img_text.bottom_triancle::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    border-bottom: 88px solid #fff; /* vertical side (color) */
    border-left: 88px solid transparent;
    z-index: 9;
}

.bfg_us_bottom_section_img_text p {
    position: absolute;
    font-size: 14px;
    font-weight: bold;
    bottom: 20px;
    left: 20px;
    margin: 0;
    color: #fff;
    z-index: 9;
}

.bfg_us_bottom_section_video_btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 68px;
    height: 30px;
    color: #fff;
    background-color: #CD3333;
    border-radius: 2px;
    background-image: url("data:image/svg+xml,%3Csvg width='9' height='10' viewBox='0 0 9 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.65234 5L0.652344 0V10L8.65234 5Z' fill='white'/%3E%3C/svg%3E%0A");
    position: absolute;
    z-index: 99;
    background-repeat: no-repeat no-repeat;
    background-position: 10px center;
    font-size: 13px;
    font-weight: bold;
    padding-left: 27px;
    display: flex;
    align-items: center;
    cursor: pointer;
}

    .bfg_us_bottom_section_video_btn:hover {
        background-color: #ED1C24;
        color: #fff;
        text-decoration: none;
    }

.bfg_us_all_terrain_ko3 .bfg_us_bottom_section_img_text.top_triancle::after {
    border-top: 88px solid #ddd6ce;
}

.bfg_us_terrain_family-tires .bfg_us_bottom_section_img_text.top_triancle::after {
    border-top: 88px solid #004785;
}

.bfg_us_terrain_family-tires .bfg_us_bottom_section_top_content {
    position: relative;
    top: 80px;
    margin-top: -80px;
    z-index: 9;
    overflow: hidden;
}

    .bfg_us_terrain_family-tires .bfg_us_bottom_section_top_content::before {
        content: "";
        position: absolute;
        bottom: 0;
        width: 50%;
        height: 80px;
        right: 50%;
        background: #004785;
        margin-right: 40px;
        margin-left: 40px;
    }

    .bfg_us_terrain_family-tires .bfg_us_bottom_section_top_content::after {
        content: "";
        position: absolute;
        bottom: 0;
        width: 0;
        height: 0;
        border-top: 80px solid #004785;
        border-right: 80px solid transparent;
        right: 50%;
        margin-right: -40px;
    }

    .bfg_us_terrain_family-tires .bfg_us_bottom_section_top_content .bfg_us_bottom_section_red_button {
        position: relative;
        margin-top: 30px;
        margin-bottom: 40px;
        z-index: 1;
    }

.bfg_us_bottom_sections.bfg_us_terrain_family-tires .bfg_us_bottom_section_head h2 span.bfg_us_tag {
    color: #004785;
}

.bfg_us_adventure-control-tires .bfg_us_bottom_section_img_text.top_triancle::after {
    border-top: 88px solid #003466;
}

.bfg_us_bottom_sections.bfg_us_adventure-control-tires .bfg_us_bottom_section_head h2 span.bfg_us_tag {
    color: #003466;
}

.bfg_us_gforce-family .bfg_us_bottom_section_img_text.top_triancle::after {
    border-top: 88px solid #035676;
}

.bfg_us_bottom_sections.bfg_us_gforce-family .bfg_us_bottom_section_head h2 span.bfg_us_tag {
    color: #035676;
}

.bfgoodrich-us-brand-slider-dots.dots-container .pause {
    margin-left: -25px;
    margin-top: 24px;
}

.bfgoodrich-us-brand-slider .slick-disabled {
    display: none !important;
}

.bfgoodrich-us-brand-testimonial {
    align-items: center;
    background-color: #F3F3F3;
    padding-top: 50px;
    padding-bottom: 50px;
    margin-bottom: 40px;
    position: relative;
}

    .bfgoodrich-us-brand-testimonial.bfgoodrich-us-brand-testimonial-even-design::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 0;
        height: 0;
        border-bottom: 156px solid #fff; /* vertical side (color) */
        border-right: 156px solid transparent;
    }

    .bfgoodrich-us-brand-testimonial.bfgoodrich-us-brand-testimonial-even-design::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        width: 0;
        height: 0;
        border-top: 615px solid #fff; /* vertical side (color) */
        border-left: 615px solid transparent;
    }

.bfgoodrich-us-brand-testimonial-comment {
    display: flex;
    align-items: center;
    position: relative;
    z-index: 1;
}

.bfgoodrich-us-brand-testimonial-content {
    padding-left: 20px;
    border-left: 4px solid #004785;
    margin-left: 100px;
    position: relative;
    width: inherit;
}

    .bfgoodrich-us-brand-testimonial-content::before {
        content: "";
        background-image: url("data:image/svg+xml,%3Csvg width='48' height='49' viewBox='0 0 48 49' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='24' cy='24.041' r='23' stroke='%23333333' stroke-width='2'/%3E%3Cpath d='M29.4172 25.3039C26.8897 25.3039 24.834 23.2264 24.834 20.6724C24.834 18.1185 26.8898 16.041 29.4172 16.041C31.9446 16.0409 34.0004 18.1183 34.0004 20.6724C34.0004 23.2265 31.9445 25.3039 29.4172 25.3039Z' fill='%23333333'/%3E%3Cpath d='M29.417 16.8828C27.3494 16.8828 25.667 18.5829 25.667 20.6723C25.667 22.7616 27.3494 24.4617 29.417 24.4617C31.4844 24.4617 33.167 22.7614 33.167 20.6723C33.167 18.5829 31.4844 16.8828 29.417 16.8828Z' fill='%23333333'/%3E%3Cpath d='M25.2497 32.041C25.0198 32.041 24.833 31.8524 24.833 31.6199C24.833 31.3876 25.0196 31.1988 25.2497 31.1988C29.6145 31.1988 33.1665 27.6098 33.1665 23.1987V20.6726C33.1665 20.4402 33.3531 20.2515 33.5832 20.2515C33.8132 20.2515 33.9998 20.44 33.9998 20.6726V23.1989C33.9998 28.0746 30.0748 32.0409 25.2498 32.0409L25.2497 32.041Z' fill='%23333333'/%3E%3Cpath d='M18.5832 25.3039C16.0557 25.3039 14 23.2264 14 20.6724C14 18.1185 16.0558 16.041 18.5832 16.041C21.1108 16.0409 23.1668 18.1183 23.1668 20.6724C23.1668 23.2265 21.1109 25.3039 18.5832 25.3039Z' fill='%23333333'/%3E%3Cpath d='M18.583 16.8828C16.5156 16.8828 14.833 18.5829 14.833 20.6723C14.833 22.7616 16.5154 24.4617 18.583 24.4617C20.6506 24.4617 22.333 22.7614 22.333 20.6723C22.333 18.5829 20.6506 16.8828 18.583 16.8828Z' fill='%23333333'/%3E%3Cpath d='M14.4167 32.041C14.1866 32.041 14 31.8523 14 31.6199C14 31.3875 14.1866 31.1988 14.4167 31.1988C18.7815 31.1988 22.3335 27.6098 22.3335 23.1987L22.3333 20.6726C22.3333 20.4402 22.5199 20.2515 22.75 20.2515C22.98 20.2515 23.1668 20.44 23.1668 20.6726V23.1989C23.1668 28.0746 19.2418 32.0409 14.4168 32.0409L14.4167 32.041Z' fill='%23333333'/%3E%3C/svg%3E%0A");
        position: absolute;
        background-size: 45px;
        background-repeat: no-repeat;
        top: 0;
        right: 0;
        width: 45px;
        height: 45px;
    }

.bfgoodrich-us-brand-testimonial-photo {
    display: flex;
    padding-right: 100px;
    justify-content: flex-end;
    position: relative;
    z-index: 9;
}

    .bfgoodrich-us-brand-testimonial-photo img {
        max-width: 100%;
    }

.bfgoodrich-us-brand-slider-dots {
    padding-right: 100px;
    margin-left: auto !important;
    text-align: right;
    position: relative;
    top: 60px;
    z-index: 1;
    margin-top: -20px;
    margin-bottom: 0;
}

    .bfgoodrich-us-brand-slider-dots.dots-container .pause button:before {
        background-color: transparent;
    }

.bfgoodrich-us-brand-testimonial-content-head_h3 {
    font-size: 24px;
    font-weight: 900;
    font-style: italic;
    color: #004785;
}

.bfgoodrich-us-brand-testimonial-content-head_p {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 20px;
}

.slider_wrap .bfgoodrich-us-brand-slider .slick-prev, .slider_wrap .bfgoodrich-us-brand-slider .slick-next {
    border-radius: 60px;
    background-color: #004785;
}

    .slider_wrap .bfgoodrich-us-brand-slider .slick-prev:before, .slider_wrap .bfgoodrich-us-brand-slider .slick-next:before {
        font-size: 32px;
        text-shadow: none;
    }

.bfgoodrich-us-brand-testimonial-odd-design .bfgoodrich-us-brand-testimonial-content {
    margin-right: 100px;
    margin-left: 0;
}

.bfgoodrich-us-brand-testimonial-odd-design.bfgoodrich-us-brand-testimonial::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: auto;
    width: 0;
    height: 0;
    border-top: 615px solid #fff; /* vertical side (color) */
    border-right: 615px solid transparent;
}

.bfgoodrich-us-brand-testimonial-odd-design.bfgoodrich-us-brand-testimonial::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    border-bottom: 156px solid #fff;
    border-left: 156px solid transparent;
}

.slider_wrap .bfgoodrich-us-brand-slider .slick-slide {
    border-bottom: 0;
}

.bfg_us_bottom_section_top_content {
    padding: 0 70px;
}

.bfg_us_bottom_section_border_h3 {
    font-size: 24px;
    font-weight: bold;
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 30px;
    margin-top: 30px;
}

    .bfg_us_bottom_section_border_h3::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        height: 3px;
        width: 43px;
        background: #ED1C24;
    }

.bfg_us_bottom_section_all_tires_img {
    padding-left: 70px;
    padding-bottom: 30px;
    position: relative;
    overflow: hidden;
}

    .bfg_us_bottom_section_all_tires_img img {
        width: 100%;
    }

.bfg_us_brand-highlight {
    background-color: #003366;
    color: white;
    text-align: center;
    padding: 40px 20px;
    margin: 30px 0 80px;
}

.bfg_us_brand-highlight-container {
    max-width: 700px;
    margin: auto;
}

.bfg_us_brand-highlight .border_text {
    font-weight: 900;
    font-style: italic;
    text-transform: uppercase;
    position: relative;
    display: inline-block;
    font-size: 20px;
}

    .bfg_us_brand-highlight .border_text span {
        border-bottom: 4px solid #ED1C24;
        padding-bottom: 4px;
    }

.bfg_us_brand-highlight .header_text {
    font-size: 32px;
    font-weight: 900;
    font-style: italic;
    margin-top: 15px;
    margin-bottom: 0;
}

.bfg_us_brand_main_container .bfg_promo_banner_visible-desktop {
    display: block;
    margin-bottom: 30px;
    cursor: pointer;
}

.bfg_us_brand_main_container .bfg_promo_banner_visible-mobile {
    display: none;
    margin-bottom: 30px;
    cursor: pointer;
}

@media screen and (max-width: 991px) {
    .bfg_us_bottom_section_head {
        padding-left: 15px;
        padding-right: 15px;
    }

    .bfg_us_bottom_sections .left_box {
        margin-left: 0;
    }

    .bfg_us_bottom_section_top_content {
        padding: 0;
    }

    .bfg_us_bottom_section_all_tires_img {
        padding-left: 0;
    }

    .bfg_us_bottom_sections::before,
    .bfg_us_bottom_section_img_text.top_triancle::after,
    .bfg_us_terrain_family-tires .bfg_us_bottom_section_img_text.top_triancle::after,
    .bfg_us_all_terrain_ko3 .bfg_us_bottom_section_img_text.top_triancle::after,
    .bfg_us_bottom_section_img_text.bottom_triancle::after {
        display: none;
    }

    .bfg_us_bottom_section_img_text img {
        position: static;
        transform: none;
        min-height: auto;
        width: 100%;
    }

    .bfg_us_bottom_section_img_text {
        min-height: auto;
    }

    .bfgoodrich-us-brand-testimonial-content {
        margin-left: 0;
        margin-bottom: 20px;
    }

        .bfgoodrich-us-brand-testimonial-content::before {
            right: -15px;
        }

    .bfgoodrich-us-brand-testimonial-photo {
        padding-right: 0;
    }

    .bfgoodrich-us-brand-testimonial {
        padding: 20px;
    }

    .bfgoodrich-us-brand-slider-dots {
        padding-right: 0;
        top: 10px;
    }

    .bfgoodrich-us-brand-testimonial-photo img {
        width: 100%;
        height: auto;
    }

    .bfgoodrich-us-brand-testimonial-odd-design.bfgoodrich-us-brand-testimonial::before {
    }

    .bfg_us_bottom_sections .bfg_us_bottom_section_head h2 {
        margin-top: 0;
    }

    .bfg_us_bottom_sections {
        margin-bottom: 0;
        margin-top: 40px;
    }

        .bfg_us_bottom_sections .second-row-for-down {
            top: 0;
            margin-top: 0;
        }

    .bfgoodrich-us-brand-testimonial.bfgoodrich-us-brand-testimonial-even-design::after,
    .bfgoodrich-us-brand-testimonial.bfgoodrich-us-brand-testimonial-even-design::before,
    .bfgoodrich-us-brand-testimonial-odd-design.bfgoodrich-us-brand-testimonial::before,
    .bfgoodrich-us-brand-testimonial-odd-design.bfgoodrich-us-brand-testimonial::after {
        display: none;
    }

    .bfgoodrich-us-brand-testimonial-odd-design .bfgoodrich-us-brand-testimonial-content {
        margin-right: 0;
    }

    .bfg_us_brand_main_container .bfg_promo_banner_visible-desktop {
        display: none;
    }

    .bfg_us_brand_main_container .bfg_promo_banner_visible-mobile {
        display: block;
    }

    .bfg_us_brand-highlight {
        margin: 0px 0 40px;
    }

    .bfgoodrich-us-brand-testimonials .bfg_us_bottom_section_head h2 {
        margin-top: 20px;
    }
}

@media screen and (max-width: 767px) {
    .bfg_us_main_banner_tires-img {
        max-width: 230px;
    }

    .bfg_us_brand_main_container {
        font-size: 14px;
    }

    .bfg_us_main_banner_title {
        font-size: 28px;
    }

    .bfg_us_main_banner_footer-text {
        font-size: 20px;
    }

    .bfg_us_bottom_section_red_button {
        height: 38px;
        width: 165px;
        font-size: 14px;
    }

    .bfg_us_bottom_section_border_h3 {
        font-size: 18px;
        margin-bottom: 20px;
    }

    .bfg_us_brand-highlight .header_text {
        font-size: 24px;
        margin-top: 10px;
    }

    .bfg_us_brand-highlight .border_text {
        font-size: 16px;
    }

    .bfg_us_terrain_family-tires .bfg_us_bottom_section_top_content::before, .bfg_us_terrain_family-tires .bfg_us_bottom_section_top_content::after {
        display: none;
    }

    .bfg_us_terrain_family-tires .bfg_us_bottom_section_top_content {
        top: 0;
        margin-top: 0;
    }

    .bfg_us_bottom_sections .bfg_us_bottom_section_head h2, .bfgoodrich-us-brand-testimonials .bfg_us_bottom_section_head h2 {
        display: block;
        font-size: 24px;
    }

    .bfgoodrich-us-brand-testimonials .bfg_us_bottom_section_head h2 {
        margin-bottom: 0;
        margin-top: 20px;
    }

    .bfg_us_bottom_sections .bfg_us_bottom_section_head .bfg_us_sub-title {
        font-size: 18px;
    }

    .bfg_us_bottom_section_logo_slogan {
        margin-bottom: 20px;
    }

    .bfg_us_bottom_sections .bfg_us_bottom_section_head h2 span.bfg_us_tag {
        display: block;
        width: fit-content;
        margin-bottom: 10px;
        font-size: 16px;
        min-width: auto;
    }

    .bfgoodrich-us-brand-slider-dots.dots-container .pause {
        margin-top: 23px;
    }

        .bfgoodrich-us-brand-slider-dots.dots-container .pause button:before {
            font-size: 10px;
        }

    .bfgoodrich-us-brand-testimonial-content-head_h3 {
        font-size: 20px;
    }

    .bfgoodrich-us-brand-testimonials .slider_wrap .slick-prev:before, .bfgoodrich-us-brand-testimonials .slider_wrap .slick-next:before {
        font-size: 16px;
    }

    .bfg_us_bottom_section_red_button.visible_desktop_screen {
        display: none;
    }

    .bfg_us_bottom_section_red_button.visible_mobile_screen {
        display: flex;
    }
}

