/* ! SNETTECH.COM */
html,body,div,span,applet,object,iframe,h1,.vsHeader .vs-headline,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,main,summary,time,mark,audio,video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    /* font-family: 'Inter', sans-serif !important; */
    vertical-align: baseline
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main {
    display: block
}

body {
    line-height: 1
}

ol,ul {
    list-style: none
}

blockquote,q {
    quotes: none
}

blockquote:before,blockquote:after,q:before,q:after {
    content: '';
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

.slick-slider {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,.slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block
}

.slick-track:after,.slick-track:before {
    display: table;
    content: ''
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir='rtl'] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.nowrap {
    white-space: nowrap
}

.block {
    display: block !important
}

.grecaptcha-badge {
    display: none
}

.js-form .grecaptcha-badge {
    position: relative !important;
    right: 0px !important;
    -webkit-box-shadow: grey 0px 0px 2px !important;
    box-shadow: grey 0px 0px 2px !important;
    visibility: visible !important
}

.modal-body:after,.modal-footer:after,.button-array__list:after,.vehicles-service-button-group__list:after,.marketing__column-one:after,.marketing__column-two:after,.store-details .promotion-component__button-modal:after,.store-directions-component .dir:after,.store-locator-component .component__container--results .results__header:after,.store-locator-component .component__container--results .results__body .store:after,.tire-reviews__all-header:after,.tire-reviews__write__form .checkboxes:after {
    content: '';
    display: table;
    clear: both
}

.store-locator-component .component__container--results .results__header-info button,.slider-navigation__button button {
    background: none;
    border: none
}

* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: none
}

.button-small-solid-bst-white,.button-medium-solid-bst-white,.button-large-solid-bst-white,.button-small-transparent-bst-white,.button-medium-transparent-bst-white,.button-large-transparent-bst-white,.button-small-solid-bst-black,.button-medium-solid-bst-black,.button-large-solid-bst-black,.button-small-transparent-bst-black,.button-medium-transparent-bst-black,.button-large-transparent-bst-black,.button-small-solid-bst-blue,.button-medium-solid-bst-blue,.button-large-solid-bst-blue,.button-small-transparent-bst-blue,.button-medium-transparent-bst-blue,.button-large-transparent-bst-blue,.button-small-solid-bst-green,.button-medium-solid-bst-green,.button-large-solid-bst-green,.button-small-transparent-bst-green,.button-medium-transparent-bst-green,.button-large-transparent-bst-green,.button-small-solid-bst-red,.button-medium-solid-bst-red,.button-large-solid-bst-red,.button-small-transparent-bst-red,.button-medium-transparent-bst-red,.button-large-transparent-bst-red,.button-small-solid-potenza,.button-medium-solid-potenza,.button-large-solid-potenza,.button-small-transparent-potenza,.button-medium-transparent-potenza,.button-large-transparent-potenza,.button-small-solid-driveguard,.button-medium-solid-driveguard,.button-large-solid-driveguard,.button-small-transparent-driveguard,.button-medium-transparent-driveguard,.button-large-transparent-driveguard,.button-small-solid-turanza,.button-medium-solid-turanza,.button-large-solid-turanza,.button-small-transparent-turanza,.button-medium-transparent-turanza,.button-large-transparent-turanza,.button-small-solid-ecopia,.button-medium-solid-ecopia,.button-large-solid-ecopia,.button-small-transparent-ecopia,.button-medium-transparent-ecopia,.button-large-transparent-ecopia,.button-small-solid-dueler,.button-medium-solid-dueler,.button-large-solid-dueler,.button-small-transparent-dueler,.button-medium-transparent-dueler,.button-large-transparent-dueler,.button-small-solid-blizzak,.button-medium-solid-blizzak,.button-large-solid-blizzak,.button-small-transparent-blizzak,.button-medium-transparent-blizzak,.button-large-transparent-blizzak,.marketing__cta-container .button-medium-solid-bst-potenza-red,.marketing__cta-container .button-medium-solid-bst-driveguard-orange,.marketing__cta-container .button-medium-solid-bst-turanza-blue,.marketing__cta-container .button-medium-solid-bst-ecopia-green,.marketing__cta-container .button-medium-solid-bst-dueler-yellow,.marketing__cta-container .button-medium-solid-bst-dueler-yellow-gray,.marketing__cta-container .button-medium-solid-bst-blizzak-grey,.component__container h2,h1,.vsHeader .vs-headline,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6,input,[type='text'],[type='button'],button,.form-field__title,.ui-datepicker th,.main .section:first-child .marketing__headline,.main .section:first-child .media-image__headline,.main .section:first-child .media-video__headline,.main>.component:first-of-type .marketing__headline,.main>.component:first-of-type .media-image__headline,.main>.component:first-of-type .media-video__headline,.previous-search__header,.super-search .results__layer .header-question,.super-search .suggestions__layer .header-question,.tire-specs .tire-specifications-header__cta,.tire-specs .tire-specifications__list h6,.tire-heading h1,.tire-heading .vsHeader .vs-headline,.vsHeader .tire-heading .vs-headline,.tire-heading .h1,.tire-heading h2,.dynamic-coupon-detail-component .dynamic-coupon-detail h1,.dynamic-coupon-detail-component .dynamic-coupon-detail .vsHeader .vs-headline,.vsHeader .dynamic-coupon-detail-component .dynamic-coupon-detail .vs-headline,.dynamic-coupons-component .dynamic-coupons__coupon-list .dynamic-coupons__coupon-list-item .dynamic-coupons__coupon-details a.button-large-solid-bst-blue,.footer-component__list h2.footer-component__header,button.footer-component__header,.fuel-calculator-component__form .fc-form__group .button-holder,.search-large__modal-tpms--mobile .button-container,.search-large__modal-trim--mobile .button-container,.search-large__modal-tire-size--mobile .button-container,.search-large__modal-cookies--mobile .button-container,.search-large__modal-tpms--mobile .button-container button,.search-large__modal-trim--mobile .button-container button,.search-large__modal-tire-size--mobile .button-container button,.search-large__modal-cookies--mobile .button-container button,.header-large .search-large .suggestions div .suggestions__layer ul .button-trim-help,.header-large .search-large .suggestions div .suggestions__layer ul .button-previous-clear-all,.header-large .search-large .suggestions div .suggestions__layer ul .button-trim-help button,.header-large .search-large .suggestions div .suggestions__layer ul .button-previous-clear-all button,.header-large .search-large .suggestions button.button-submit,.header-large .search-large .suggestions .submit.result .button-submit,.header-large .search-large .suggestions .suggestion--close .button-delete,.header-large .search-large form .button-container,.tab-container .tab>button,.image-grid__header h2,.mobile-search__form ul .tpms .tpms-button-container .button-yes,.navigation__menu-item-link .navigation__menu-item__name,.tire-comparison[data-component=productComparison] .comparison-container .cmprs-add-new .cmprs-add-cta .heading,.tire-comparison[data-component=productComparison] .accordion .accordion-header,.tire-comparison[data-component=productComparison] .performance-rating .reason-to-buy-header,.tire-comparison[data-component=productComparison] .reason-to-buy .reason-to-buy-header,.rich-text .component__container.bottom-padding .rich-text__text h1,.rich-text .component__container.bottom-padding .rich-text__text .vsHeader .vs-headline,.vsHeader .rich-text .component__container.bottom-padding .rich-text__text .vs-headline,.rich-text .component__container.bottom-padding .rich-text__text h3,.rich-text .component__container.bottom-padding .rich-text__text b a,.rich-text h1,.rich-text .vsHeader .vs-headline,.vsHeader .rich-text .vs-headline,.store-directions-component .component__container--header h1 div,.store-directions-component .component__container--header .vsHeader .vs-headline div,.vsHeader .store-directions-component .component__container--header .vs-headline div,.tire-reviews__all-header,.tire-reviews__write .component__container h2,.tire-reviews__write .component__container h3,.tire-reviews__write .component__container h3 h4,.tire-reviews__write__form h3 small,.tire-reviews__write__form .input-container button,.tire-reviews__write-step2 .ratings-title,.tire-selector__header__find-tire h1,.tire-selector__header__find-tire .vsHeader .vs-headline,.vsHeader .tire-selector__header__find-tire .vs-headline,.tire-selector__header__find-tire h2,.tire-summary .tire-heading__subsection-item,.video__headline,.carousel-element.light .button-medium-solid-bst-white,.carousel-element.light .button-medium-transparent-bst-white,.carousel-element.light .button-medium-solid-bst-potenza-red,.carousel-element.light .button-medium-solid-bst-driveguard-orange,.carousel-element.light .button-medium-solid-bst-turanza-blue,.carousel-element.light .button-medium-solid-bst-ecopia-green,.carousel-element.light .button-medium-solid-bst-dueler-yellow,.carousel-element.light .button-medium-solid-bst-blizzak-grey,.carousel-element.dark .button-medium-solid-bst-white,.carousel-element.dark .button-medium-transparent-bst-white,.carousel-element.dark .button-medium-solid-bst-potenza-red,.carousel-element.dark .button-medium-solid-bst-driveguard-orange,.carousel-element.dark .button-medium-solid-bst-turanza-blue,.carousel-element.dark .button-medium-solid-bst-ecopia-green,.carousel-element.dark .button-medium-solid-bst-dueler-yellow,.carousel-element.dark .button-medium-solid-bst-blizzak-grey,.cardSlider .btn-find-out-more {
    /* font-family: math;'BridgestoneType-Cd', 'NotoSans' !important; */
    font-family: 'Inter', sans-serif !important;
    font-weight: 300;
    line-height: 1.5
}

.eyebrow-white,.eyebrow-bst-red,body,p,ol,ul,b,strong,i,em,u,.select select,.ui-datepicker .ui-datepicker-title,.ui-datepicker td,.super-search__submit,.tire-price__meta,.tire-size__meta,.tire-warranty__meta,.contact-form .form-field__select,.commerce-navigation__header__find-tire a,.anchors-panel__link,.tab-container .tab button,.tab-container .tab-installer label,.tab-container .tab-call p,.tab-container .tab-chat p,.tab-container .tab-language p,.help-bar__cta p,button.listTires-component__header,.mobile-search,.mobile-search .submit__mobile,.mobile-search .submit__trim,.navigation__header__find-tire a,.tire-comparison[data-component=productComparison] .performance-rating .reason-to-buy-header span,.tire-comparison[data-component=productComparison] .reason-to-buy .reason-to-buy-header span,.rich-text .component__container.bottom-padding .rich-text__text b,.send-to button.send-to__share,.simple-search,.simple-search .submit__simple,.simple-search .submit__trim,.simple-search__footer,.mobile-simple-search,.store-details .review-description .review-stars a,.store-directions-component .map-directions .adp-substep,.store-locator-component .component__container--results .results__header .select select,.store-locator-component .component__container--results .results__body .store__address.component__flexie .component__flexie-item .review-stars a,.store-locator-component .component__container--results .results__body .store__contact .send-to button.send-to__share,.tire-catalog .results-sort__by-container .results-sort__sorting select,.tire-catalog .results-sort__by-container .results-sort__sorting select option,.tire-reviews__strip,.tire-reviews__strip button,.tire-reviews__select select,.tire-reviews__high-username,.tire-reviews__all-header .filters button,.tire-reviews__write__form-selects .tire-reviews__select,.tire-reviews__write__form .input-container input,.tire-reviews__write__form .input-container textarea,.tire-reviews__write__form .input-container select,.tire-reviews__write-step2 .ratings-title span,.root-VN-vi #reviews-tire-container .reviews-tire .review,.tire-search,.tire-search .submit__tire,.tire-search .submit__trim,.tire-summary .tire-price__meta,.tire-summary .tire-warranty__range,.tire-summary__modal-tire-fit,.export-form-data .eFDfilter_item select,.dealer-review-data .dRfilter_item select,.load-more-videos {
    /* font-family: math;'BridgestoneType', 'NotoSans'; */
    /* font-family: 'Roboto', sans-serif !important; */
    font-weight: 400;
    line-height: 1  
}

.button-small-solid-bst-white,.button-medium-solid-bst-white,.button-large-solid-bst-white,.button-small-transparent-bst-white,.button-medium-transparent-bst-white,.button-large-transparent-bst-white,.button-small-solid-bst-black,.button-medium-solid-bst-black,.button-large-solid-bst-black,.button-small-transparent-bst-black,.button-medium-transparent-bst-black,.button-large-transparent-bst-black,.button-small-solid-bst-blue,.button-medium-solid-bst-blue,.button-large-solid-bst-blue,.button-small-transparent-bst-blue,.button-medium-transparent-bst-blue,.button-large-transparent-bst-blue,.button-small-solid-bst-green,.button-medium-solid-bst-green,.button-large-solid-bst-green,.button-small-transparent-bst-green,.button-medium-transparent-bst-green,.button-large-transparent-bst-green,.button-small-solid-bst-red,.button-medium-solid-bst-red,.button-large-solid-bst-red,.button-small-transparent-bst-red,.button-medium-transparent-bst-red,.button-large-transparent-bst-red,.button-small-solid-potenza,.button-medium-solid-potenza,.button-large-solid-potenza,.button-small-transparent-potenza,.button-medium-transparent-potenza,.button-large-transparent-potenza,.button-small-solid-driveguard,.button-medium-solid-driveguard,.button-large-solid-driveguard,.button-small-transparent-driveguard,.button-medium-transparent-driveguard,.button-large-transparent-driveguard,.button-small-solid-turanza,.button-medium-solid-turanza,.button-large-solid-turanza,.button-small-transparent-turanza,.button-medium-transparent-turanza,.button-large-transparent-turanza,.button-small-solid-ecopia,.button-medium-solid-ecopia,.button-large-solid-ecopia,.button-small-transparent-ecopia,.button-medium-transparent-ecopia,.button-large-transparent-ecopia,.button-small-solid-dueler,.button-medium-solid-dueler,.button-large-solid-dueler,.button-small-transparent-dueler,.button-medium-transparent-dueler,.button-large-transparent-dueler,.button-small-solid-blizzak,.button-medium-solid-blizzak,.button-large-solid-blizzak,.button-small-transparent-blizzak,.button-medium-transparent-blizzak,.button-large-transparent-blizzak,.marketing__cta-container .button-medium-solid-bst-potenza-red,.marketing__cta-container .button-medium-solid-bst-driveguard-orange,.marketing__cta-container .button-medium-solid-bst-turanza-blue,.marketing__cta-container .button-medium-solid-bst-ecopia-green,.marketing__cta-container .button-medium-solid-bst-dueler-yellow,.marketing__cta-container .button-medium-solid-bst-dueler-yellow-gray,.marketing__cta-container .button-medium-solid-bst-blizzak-grey {
    color: #f0f0f0;
    cursor: pointer;
    font-size: 1.1rem;
    min-width: 200px;
    text-transform: uppercase;
    text-decoration: none
}

.root-VN-vi .button-small-solid-bst-white,.root-VN-vi .button-medium-solid-bst-white,.root-VN-vi .button-large-solid-bst-white,.root-VN-vi .button-small-transparent-bst-white,.root-VN-vi .button-medium-transparent-bst-white,.root-VN-vi .button-large-transparent-bst-white,.root-VN-vi .button-small-solid-bst-black,.root-VN-vi .button-medium-solid-bst-black,.root-VN-vi .button-large-solid-bst-black,.root-VN-vi .button-small-transparent-bst-black,.root-VN-vi .button-medium-transparent-bst-black,.root-VN-vi .button-large-transparent-bst-black,.root-VN-vi .button-small-solid-bst-blue,.root-VN-vi .button-medium-solid-bst-blue,.root-VN-vi .button-large-solid-bst-blue,.root-VN-vi .button-small-transparent-bst-blue,.root-VN-vi .button-medium-transparent-bst-blue,.root-VN-vi .button-large-transparent-bst-blue,.root-VN-vi .button-small-solid-bst-green,.root-VN-vi .button-medium-solid-bst-green,.root-VN-vi .button-large-solid-bst-green,.root-VN-vi .button-small-transparent-bst-green,.root-VN-vi .button-medium-transparent-bst-green,.root-VN-vi .button-large-transparent-bst-green,.root-VN-vi .button-small-solid-bst-red,.root-VN-vi .button-medium-solid-bst-red,.root-VN-vi .button-large-solid-bst-red,.root-VN-vi .button-small-transparent-bst-red,.root-VN-vi .button-medium-transparent-bst-red,.root-VN-vi .button-large-transparent-bst-red,.root-VN-vi .button-small-solid-potenza,.root-VN-vi .button-medium-solid-potenza,.root-VN-vi .button-large-solid-potenza,.root-VN-vi .button-small-transparent-potenza,.root-VN-vi .button-medium-transparent-potenza,.root-VN-vi .button-large-transparent-potenza,.root-VN-vi .button-small-solid-driveguard,.root-VN-vi .button-medium-solid-driveguard,.root-VN-vi .button-large-solid-driveguard,.root-VN-vi .button-small-transparent-driveguard,.root-VN-vi .button-medium-transparent-driveguard,.root-VN-vi .button-large-transparent-driveguard,.root-VN-vi .button-small-solid-turanza,.root-VN-vi .button-medium-solid-turanza,.root-VN-vi .button-large-solid-turanza,.root-VN-vi .button-small-transparent-turanza,.root-VN-vi .button-medium-transparent-turanza,.root-VN-vi .button-large-transparent-turanza,.root-VN-vi .button-small-solid-ecopia,.root-VN-vi .button-medium-solid-ecopia,.root-VN-vi .button-large-solid-ecopia,.root-VN-vi .button-small-transparent-ecopia,.root-VN-vi .button-medium-transparent-ecopia,.root-VN-vi .button-large-transparent-ecopia,.root-VN-vi .button-small-solid-dueler,.root-VN-vi .button-medium-solid-dueler,.root-VN-vi .button-large-solid-dueler,.root-VN-vi .button-small-transparent-dueler,.root-VN-vi .button-medium-transparent-dueler,.root-VN-vi .button-large-transparent-dueler,.root-VN-vi .button-small-solid-blizzak,.root-VN-vi .button-medium-solid-blizzak,.root-VN-vi .button-large-solid-blizzak,.root-VN-vi .button-small-transparent-blizzak,.root-VN-vi .button-medium-transparent-blizzak,.root-VN-vi .button-large-transparent-blizzak,.root-VN-vi .marketing__cta-container .button-medium-solid-bst-potenza-red,.marketing__cta-container .root-VN-vi .button-medium-solid-bst-potenza-red,.root-VN-vi .marketing__cta-container .button-medium-solid-bst-driveguard-orange,.marketing__cta-container .root-VN-vi .button-medium-solid-bst-driveguard-orange,.root-VN-vi .marketing__cta-container .button-medium-solid-bst-turanza-blue,.marketing__cta-container .root-VN-vi .button-medium-solid-bst-turanza-blue,.root-VN-vi .marketing__cta-container .button-medium-solid-bst-ecopia-green,.marketing__cta-container .root-VN-vi .button-medium-solid-bst-ecopia-green,.root-VN-vi .marketing__cta-container .button-medium-solid-bst-dueler-yellow,.marketing__cta-container .root-VN-vi .button-medium-solid-bst-dueler-yellow,.root-VN-vi .marketing__cta-container .button-medium-solid-bst-dueler-yellow-gray,.marketing__cta-container .root-VN-vi .button-medium-solid-bst-dueler-yellow-gray,.root-VN-vi .marketing__cta-container .button-medium-solid-bst-blizzak-grey,.marketing__cta-container .root-VN-vi .button-medium-solid-bst-blizzak-grey {
    font-size: 1rem
}

@media (max-width: 474px) {
    .button-small-solid-bst-white,.button-medium-solid-bst-white,.button-large-solid-bst-white,.button-small-transparent-bst-white,.button-medium-transparent-bst-white,.button-large-transparent-bst-white,.button-small-solid-bst-black,.button-medium-solid-bst-black,.button-large-solid-bst-black,.button-small-transparent-bst-black,.button-medium-transparent-bst-black,.button-large-transparent-bst-black,.button-small-solid-bst-blue,.button-medium-solid-bst-blue,.button-large-solid-bst-blue,.button-small-transparent-bst-blue,.button-medium-transparent-bst-blue,.button-large-transparent-bst-blue,.button-small-solid-bst-green,.button-medium-solid-bst-green,.button-large-solid-bst-green,.button-small-transparent-bst-green,.button-medium-transparent-bst-green,.button-large-transparent-bst-green,.button-small-solid-bst-red,.button-medium-solid-bst-red,.button-large-solid-bst-red,.button-small-transparent-bst-red,.button-medium-transparent-bst-red,.button-large-transparent-bst-red,.button-small-solid-potenza,.button-medium-solid-potenza,.button-large-solid-potenza,.button-small-transparent-potenza,.button-medium-transparent-potenza,.button-large-transparent-potenza,.button-small-solid-driveguard,.button-medium-solid-driveguard,.button-large-solid-driveguard,.button-small-transparent-driveguard,.button-medium-transparent-driveguard,.button-large-transparent-driveguard,.button-small-solid-turanza,.button-medium-solid-turanza,.button-large-solid-turanza,.button-small-transparent-turanza,.button-medium-transparent-turanza,.button-large-transparent-turanza,.button-small-solid-ecopia,.button-medium-solid-ecopia,.button-large-solid-ecopia,.button-small-transparent-ecopia,.button-medium-transparent-ecopia,.button-large-transparent-ecopia,.button-small-solid-dueler,.button-medium-solid-dueler,.button-large-solid-dueler,.button-small-transparent-dueler,.button-medium-transparent-dueler,.button-large-transparent-dueler,.button-small-solid-blizzak,.button-medium-solid-blizzak,.button-large-solid-blizzak,.button-small-transparent-blizzak,.button-medium-transparent-blizzak,.button-large-transparent-blizzak,.marketing__cta-container .button-medium-solid-bst-potenza-red,.marketing__cta-container .button-medium-solid-bst-driveguard-orange,.marketing__cta-container .button-medium-solid-bst-turanza-blue,.marketing__cta-container .button-medium-solid-bst-ecopia-green,.marketing__cta-container .button-medium-solid-bst-dueler-yellow,.marketing__cta-container .button-medium-solid-bst-dueler-yellow-gray,.marketing__cta-container .button-medium-solid-bst-blizzak-grey {
        width:100%
    }
}

.caret-left-top:before,.caret-left-bottom:before,.caret-center-top:before,.caret-center-bottom:before,.caret-right-top:before,.caret-right-bottom:before {
    content: '';
    display: block;
    border-style: solid;
    height: 0;
    position: absolute;
    width: 0;
    z-index: 50
}

.filter__selection-item {
    -moz-appearance: none;
    -webkit-appearance: none;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    border: none;
    color: #378bff;
    height: 25px;
    text-transform: capitalize
}

.modal-body:before,.modal-footer:before,.button-array__list:before,.vehicles-service-button-group__list:before,.marketing__column-one:before,.marketing__column-two:before,.store-details .promotion-component__button-modal:before,.store-directions-component .dir:before,.store-locator-component .component__container--results .results__header:before,.store-locator-component .component__container--results .results__body .store:before,.tire-reviews__all-header:before,.tire-reviews__write__form .checkboxes:before,.modal-body:after,.modal-footer:after,.button-array__list:after,.vehicles-service-button-group__list:after,.marketing__column-one:after,.marketing__column-two:after,.store-details .promotion-component__button-modal:after,.store-directions-component .dir:after,.store-locator-component .component__container--results .results__header:after,.store-locator-component .component__container--results .results__body .store:after,.tire-reviews__all-header:after,.tire-reviews__write__form .checkboxes:after {
    display: table;
    content: ' '
}

.modal-body:after,.modal-footer:after,.button-array__list:after,.vehicles-service-button-group__list:after,.marketing__column-one:after,.marketing__column-two:after,.store-details .promotion-component__button-modal:after,.store-directions-component .dir:after,.store-locator-component .component__container--results .results__header:after,.store-locator-component .component__container--results .results__body .store:after,.tire-reviews__all-header:after,.tire-reviews__write__form .checkboxes:after {
    clear: both
}

.filter__container button[type='submit'],.filter__container button[type='button'],.filter__show-only-form input {
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    height: 41px;
    margin: 0 auto;
    opacity: 1;
    padding: 0
}

.eyebrow-white,.eyebrow-bst-red {
    font-size: 20px;
    font-style: italic;
    font-weight: bold;
    line-height: 2em;
    text-transform: uppercase
}

.component__container {
    margin-left: auto;
    margin-right: auto;
    width: 90%;
    max-width: 64rem;
    padding: 3.75rem 0
}

.component__container h2 {
    font-size: 2.8rem
}

@media (min-width: 768px) and (max-width: 1024px) {
    .component__container h2 {
        font-size:2rem !important
    }
}

@media (max-width: 768px) {
    .component__container h2 {
        font-size:1.8rem !important
    }
}

.component__container .media-image__body h2 {
    font-size: 2.09rem !important
}

.component__flexie {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.component__flex-item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

.component--align-center,.component--align-2-col {
    text-align: center
}

.component--align-left {
    text-align: left
}

.component--align-right {
    text-align: right
}

@font-face {
    font-family: "BridgestoneType-Cd";
    font-display: fallback;
    font-weight: 400;
    src: url("../styles/fonts/BridgestoneType-Cd/BridgestoneType-CdRg.eot");
    src: url("../styles/fonts/BridgestoneType-Cd/BridgestoneType-CdRg.eot?#iefix") format("embedded-opentype"),url("../styles/fonts/BridgestoneType-Cd/BridgestoneType-CdRg.woff") format("woff"),url("../styles/fonts/BridgestoneType-Cd/BridgestoneType-CdRg.woff2") format("woff2"),url("../styles/fonts/BridgestoneType-Cd/BridgestoneType-CdRg.ttf") format("truetype"),url("../styles/fonts/BridgestoneType-Cd/BridgestoneType-CdRg.TTF") format("truetype"),url("../styles/fonts/BridgestoneType-Cd/BridgestoneType-CdRg.otf") format("opentype"),url("../styles/fonts/BridgestoneType-Cd/BridgestoneType-CdRg.svg#BridgestoneType-Cd") format("svg")
}

@font-face {
    font-family: "BridgestoneType-Cd";
    font-display: fallback;
    font-weight: 700;
    src: url("../styles/fonts/BridgestoneType-Cd/BridgestoneType-CdBd.eot");
    src: url("../styles/fonts/BridgestoneType-Cd/BridgestoneType-CdBd.eot?#iefix") format("embedded-opentype"),url("../styles/fonts/BridgestoneType-Cd/BridgestoneType-CdBd.woff") format("woff"),url("../styles/fonts/BridgestoneType-Cd/BridgestoneType-CdBd.woff2") format("woff2"),url("../styles/fonts/BridgestoneType-Cd/BridgestoneType-CdBd.ttf") format("truetype"),url("../styles/fonts/BridgestoneType-Cd/BridgestoneType-CdBd.TTF") format("truetype"),url("../styles/fonts/BridgestoneType-Cd/BridgestoneType-CdBd.otf") format("opentype"),url("../styles/fonts/BridgestoneType-Cd/BridgestoneType-CdBd.svg#BridgestoneType-Cd") format("svg")
}

@font-face {
    font-family: "BridgestoneType-Cd";
    font-display: fallback;
    font-weight: 700;
    src: url("../styles/fonts/BridgestoneType-Cd/BridgestoneType-CdBdIt.eot");
    src: url("../styles/fonts/BridgestoneType-Cd/BridgestoneType-CdBdIt.eot?#iefix") format("embedded-opentype"),url("../styles/fonts/BridgestoneType-Cd/BridgestoneType-CdBdIt.woff") format("woff"),url("../styles/fonts/BridgestoneType-Cd/BridgestoneType-CdBdIt.woff2") format("woff2"),url("../styles/fonts/BridgestoneType-Cd/BridgestoneType-CdBdIt.ttf") format("truetype"),url("../styles/fonts/BridgestoneType-Cd/BridgestoneType-CdBdIt.TTF") format("truetype"),url("../styles/fonts/BridgestoneType-Cd/BridgestoneType-CdBdIt.otf") format("opentype"),url("../styles/fonts/BridgestoneType-Cd/BridgestoneType-CdBdIt.svg#BridgestoneType-Cd") format("svg");
    font-style: italic
}

@font-face {
    font-family: "BridgestoneType";
    font-display: fallback;
    font-weight: 400;
    src: url("../styles/fonts/BridgestoneType/BridgestoneType-Regular.eot");
    src: url("../styles/fonts/BridgestoneType/BridgestoneType-Regular.eot?#iefix") format("embedded-opentype"),url("../styles/fonts/BridgestoneType/BridgestoneType-Regular.woff") format("woff"),url("../styles/fonts/BridgestoneType/BridgestoneType-Regular.woff2") format("woff2"),url("../styles/fonts/BridgestoneType/BridgestoneType-Regular.ttf") format("truetype"),url("../styles/fonts/BridgestoneType/BridgestoneType-Regular.TTF") format("truetype"),url("../styles/fonts/BridgestoneType/BridgestoneType-Regular.otf") format("opentype"),url("../styles/fonts/BridgestoneType/BridgestoneType-Regular.svg#BridgestoneType") format("svg")
}

@font-face {
    font-family: "BridgestoneType";
    font-display: fallback;
    font-weight: 700;
    src: url("../styles/fonts/BridgestoneType/BridgestoneType-Bold.eot");
    src: url("../styles/fonts/BridgestoneType/BridgestoneType-Bold.eot?#iefix") format("embedded-opentype"),url("../styles/fonts/BridgestoneType/BridgestoneType-Bold.woff") format("woff"),url("../styles/fonts/BridgestoneType/BridgestoneType-Bold.woff2") format("woff2"),url("../styles/fonts/BridgestoneType/BridgestoneType-Bold.ttf") format("truetype"),url("../styles/fonts/BridgestoneType/BridgestoneType-Bold.TTF") format("truetype"),url("../styles/fonts/BridgestoneType/BridgestoneType-Bold.otf") format("opentype"),url("../styles/fonts/BridgestoneType/BridgestoneType-Bold.svg#BridgestoneType") format("svg")
}

@font-face {
    font-family: "BridgestoneType";
    font-display: fallback;
    font-weight: 300;
    src: url("../styles/fonts/BridgestoneType/BridgestoneType-Italic.eot");
    src: url("../styles/fonts/BridgestoneType/BridgestoneType-Italic.eot?#iefix") format("embedded-opentype"),url("../styles/fonts/BridgestoneType/BridgestoneType-Italic.woff") format("woff"),url("../styles/fonts/BridgestoneType/BridgestoneType-Italic.woff2") format("woff2"),url("../styles/fonts/BridgestoneType/BridgestoneType-Italic.ttf") format("truetype"),url("../styles/fonts/BridgestoneType/BridgestoneType-Italic.TTF") format("truetype"),url("../styles/fonts/BridgestoneType/BridgestoneType-Italic.otf") format("opentype"),url("../styles/fonts/BridgestoneType/BridgestoneType-Italic.svg#BridgestoneType") format("svg");
    font-style: italic
}

@font-face {
    font-family: "BridgestoneType";
    font-display: fallback;
    font-weight: 700;
    src: url("../styles/fonts/BridgestoneType/BridgestoneType-BoldItalic.eot");
    src: url("../styles/fonts/BridgestoneType/BridgestoneType-BoldItalic.eot?#iefix") format("embedded-opentype"),url("../styles/fonts/BridgestoneType/BridgestoneType-BoldItalic.woff") format("woff"),url("../styles/fonts/BridgestoneType/BridgestoneType-BoldItalic.woff2") format("woff2"),url("../styles/fonts/BridgestoneType/BridgestoneType-BoldItalic.ttf") format("truetype"),url("../styles/fonts/BridgestoneType/BridgestoneType-BoldItalic.TTF") format("truetype"),url("../styles/fonts/BridgestoneType/BridgestoneType-BoldItalic.otf") format("opentype"),url("../styles/fonts/BridgestoneType/BridgestoneType-BoldItalic.svg#BridgestoneType") format("svg");
    font-style: italic
}

@font-face {
    font-family: "NotoSans";
    font-display: fallback;
    font-weight: 300;
    src: url("../styles/fonts/NotoSans/noto-sans-v36-latin-300.eot");
    src: url("../styles/fonts/NotoSans/noto-sans-v36-latin-300.eot?#iefix") format("embedded-opentype"),url("../styles/fonts/NotoSans/noto-sans-v36-latin-300.woff") format("woff"),url("../styles/fonts/NotoSans/noto-sans-v36-latin-300.woff2") format("woff2"),url("../styles/fonts/NotoSans/noto-sans-v36-latin-300.ttf") format("truetype"),url("../styles/fonts/NotoSans/noto-sans-v36-latin-300.TTF") format("truetype"),url("../styles/fonts/NotoSans/noto-sans-v36-latin-300.otf") format("opentype"),url("../styles/fonts/NotoSans/noto-sans-v36-latin-300.svg#NotoSans") format("svg")
}

@font-face {
    font-family: "NotoSans";
    font-display: fallback;
    font-weight: 400;
    src: url("../styles/fonts/NotoSans/noto-sans-v36-latin-regular.eot");
    src: url("../styles/fonts/NotoSans/noto-sans-v36-latin-regular.eot?#iefix") format("embedded-opentype"),url("../styles/fonts/NotoSans/noto-sans-v36-latin-regular.woff") format("woff"),url("../styles/fonts/NotoSans/noto-sans-v36-latin-regular.woff2") format("woff2"),url("../styles/fonts/NotoSans/noto-sans-v36-latin-regular.ttf") format("truetype"),url("../styles/fonts/NotoSans/noto-sans-v36-latin-regular.TTF") format("truetype"),url("../styles/fonts/NotoSans/noto-sans-v36-latin-regular.otf") format("opentype"),url("../styles/fonts/NotoSans/noto-sans-v36-latin-regular.svg#NotoSans") format("svg")
}

@font-face {
    font-family: "NotoSans";
    font-display: fallback;
    font-weight: 700;
    src: url("../styles/fonts/NotoSans/noto-sans-v36-latin-700.eot");
    src: url("../styles/fonts/NotoSans/noto-sans-v36-latin-700.eot?#iefix") format("embedded-opentype"),url("../styles/fonts/NotoSans/noto-sans-v36-latin-700.woff") format("woff"),url("../styles/fonts/NotoSans/noto-sans-v36-latin-700.woff2") format("woff2"),url("../styles/fonts/NotoSans/noto-sans-v36-latin-700.ttf") format("truetype"),url("../styles/fonts/NotoSans/noto-sans-v36-latin-700.TTF") format("truetype"),url("../styles/fonts/NotoSans/noto-sans-v36-latin-700.otf") format("opentype"),url("../styles/fonts/NotoSans/noto-sans-v36-latin-700.svg#NotoSans") format("svg")
}

@font-face {
    font-family: "NotoSans";
    font-display: fallback;
    font-weight: 300;
    src: url("../styles/fonts/NotoSans/noto-sans-v36-latin-300italic.eot");
    src: url("../styles/fonts/NotoSans/noto-sans-v36-latin-300italic.eot?#iefix") format("embedded-opentype"),url("../styles/fonts/NotoSans/noto-sans-v36-latin-300italic.woff") format("woff"),url("../styles/fonts/NotoSans/noto-sans-v36-latin-300italic.woff2") format("woff2"),url("../styles/fonts/NotoSans/noto-sans-v36-latin-300italic.ttf") format("truetype"),url("../styles/fonts/NotoSans/noto-sans-v36-latin-300italic.TTF") format("truetype"),url("../styles/fonts/NotoSans/noto-sans-v36-latin-300italic.otf") format("opentype"),url("../styles/fonts/NotoSans/noto-sans-v36-latin-300italic.svg#NotoSans") format("svg");
    font-style: italic
}

@font-face {
    font-family: "NotoSans";
    font-display: fallback;
    font-weight: 400;
    src: url("../styles/fonts/NotoSans/noto-sans-v36-latin-italic.eot");
    src: url("../styles/fonts/NotoSans/noto-sans-v36-latin-italic.eot?#iefix") format("embedded-opentype"),url("../styles/fonts/NotoSans/noto-sans-v36-latin-italic.woff") format("woff"),url("../styles/fonts/NotoSans/noto-sans-v36-latin-italic.woff2") format("woff2"),url("../styles/fonts/NotoSans/noto-sans-v36-latin-italic.ttf") format("truetype"),url("../styles/fonts/NotoSans/noto-sans-v36-latin-italic.TTF") format("truetype"),url("../styles/fonts/NotoSans/noto-sans-v36-latin-italic.otf") format("opentype"),url("../styles/fonts/NotoSans/noto-sans-v36-latin-italic.svg#NotoSans") format("svg");
    font-style: italic
}

@font-face {
    font-family: "NotoSans";
    font-display: fallback;
    font-weight: 700;
    src: url("../styles/fonts/NotoSans/noto-sans-v36-latin-700italic.eot");
    src: url("../styles/fonts/NotoSans/noto-sans-v36-latin-700italic.eot?#iefix") format("embedded-opentype"),url("../styles/fonts/NotoSans/noto-sans-v36-latin-700italic.woff") format("woff"),url("../styles/fonts/NotoSans/noto-sans-v36-latin-700italic.woff2") format("woff2"),url("../styles/fonts/NotoSans/noto-sans-v36-latin-700italic.ttf") format("truetype"),url("../styles/fonts/NotoSans/noto-sans-v36-latin-700italic.TTF") format("truetype"),url("../styles/fonts/NotoSans/noto-sans-v36-latin-700italic.otf") format("opentype"),url("../styles/fonts/NotoSans/noto-sans-v36-latin-700italic.svg#NotoSans") format("svg");
    font-style: italic
}

body {
    font-size: 62.5%;
    -webkit-font-smoothing: antialiased
}

h1,.vsHeader .vs-headline,.h1 {
    color: #343434;
    font-size: 1.875rem
}

@media (min-width: 768px) {
    h1,.vsHeader .vs-headline,.h1 {
        font-size:2.0rem;
        letter-spacing: -0.02em;
        text-transform: uppercase
    }
}

h2,.h2 {
    color: #5a5a5a;
    font-size: 1.6rem;
    letter-spacing: -0.02em;
    text-transform: uppercase
}

h3,.h3 {
    color: #5a5a5a;
    font-size: 1.5rem;
    text-transform: uppercase
}

h4,.h4 {
    color: #5a5a5a;
    font-size: 1.5rem
}

h5,.h5 {
    color: #5a5a5a;
    font-size: 1.25rem
}

h6,.h6 {
    color: #5a5a5a;
    font-size: 1.125rem
}

p {
    font-size: 0.9rem;
    margin-bottom: 1em;
    margin-top: 0.4em;
    line-height: 1.8;
    letter-spacing: 0.03em
}

ol,ul,b,strong,i,em,u {
    font-size: 1rem
}

b,strong {
    font-weight: bold
}

i,em {
    font-style: italic;
    line-height: 1.7;
    letter-spacing: -0.03em
}

u {
    text-decoration: underline
}

sub,sup {
    font-size: 65%;
    line-height: 0;
    position: relative
}

@media (max-width: 768px) {
    sub,sup {
        font-size:0.8rem !important
    }
}

a {
    text-decoration: none
}

a sub,a sup {
    text-decoration: none
}

sup {
    top: -.4em
}

sub {
    bottom: -.25em
}

label {
    font-size: 0.8rem
}

ol li {
    line-height: 1.6
}

@media (max-width: 768px) {
    ol li {
        font-size:0.9rem !important
    }
}

.rich-text-component a {
    font-size: inherit;
    color: getColor(ui, cta-blue);
    text-decoration: none
}

.rich-text-component ul {
    list-style-type: disc;
    list-style-position: inside;
    margin-top: 1em;
    margin-bottom: 1em
}

.rich-text-component ul ul {
    list-style-type: circle;
    list-style-position: inside;
    margin-left: 15px
}

.rich-text-component ul ol {
    list-style-type: lower-latin;
    list-style-position: inside;
    margin-left: 15px
}

.rich-text-component ol {
    list-style-type: decimal;
    list-style-position: inside;
    margin-top: 1em;
    margin-bottom: 1em
}

.rich-text-component ol ol {
    list-style-type: lower-latin;
    list-style-position: inside;
    margin-left: 15px
}

.rich-text-component ol ul {
    list-style-type: circle;
    list-style-position: inside;
    margin-left: 15px
}

.select {
    background-color: #e6e6e6;
    border: none;
    display: inline-block;
    min-height: 3.125rem;
    min-width: 12.5rem;
    height: 3.125rem;
    text-align: left;
    -webkit-transition: background-color .15s ease-in;
    transition: background-color .15s ease-in;
    position: relative
}

@media (max-width: 768px) {
    .select {
        float:none
    }
}

.select select {
    -moz-appearance: none;
    -webkit-appearance: none;
    background: none;
    border: none;
    cursor: pointer;
    background-color: transparent;
    border-radius: 0;
    cursor: pointer;
    font-size: 1rem;
    font-weight: normal;
    height: 100%;
    line-height: 1;
    padding: 1rem;
    position: relative;
    width: 100%;
    z-index: 20
}

@media (max-width: 768px) {
    .select select {
        font-size:1.3rem
    }
}

.select select:hover,.select select:active {
    -moz-appearance: none;
    -webkit-appearance: none;
    outline: 0
}

.select .icon {
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
    background-color: transparent;
    border: none;
    cursor: pointer;
    display: block;
    height: calc(100% - .3rem);
    left: .3rem;
    padding-left: calc(100% - 1.85rem);
    padding-right: .7rem;
    position: absolute;
    right: .3rem;
    top: 50%
}

.select .icon-arrow {
    display: block;
    fill: #343434;
    z-index: 10
}

.select .icon-close {
    display: none;
    fill: #e42300;
    z-index: 30
}

.select .icon svg {
    height: 100%;
    width: 100%
}

select::-ms-expand {
    display: none
}

.form-background {
    background: #eee
}

.form-background .tire-warranty .attachment-box label {
    line-height: 1.5
}

.form-section {
    margin-bottom: 40px
}

.form-row {
    display: block
}

@media (min-width: 768px) {
    .form-row {
        display:-webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

.form-col {
    width: 100%;
    margin-right: 2em
}

@media (min-width: 768px) {
    .form-col {
        -webkit-flex-basis:100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

.form-col-2 {
    -webkit-box-flex: 2;
    -webkit-flex-grow: 2;
    -ms-flex-positive: 2;
    flex-grow: 2
}

.form-col__2 {
    -webkit-box-flex: .5;
    -webkit-flex-grow: .5;
    -ms-flex-positive: .5;
    flex-grow: .5
}

@media (max-width: 768px) {
    .form-col span label {
        line-height:1.5
    }
}

@media (min-width: 768px) {
    .w--25 {
        width:25%
    }
}

@media (min-width: 768px) {
    .w--50 {
        width:50%
    }
}

@media (min-width: 768px) {
    .w--60 {
        width:60%
    }
}

.form-field {
    margin-bottom: 20px
}

.form-field__title {
    margin-bottom: 30px;
    font-size: 1.5rem;
    color: #343434;
    text-transform: uppercase;
    letter-spacing: -0.06em
}

.form-field__info {
    color: #e42300 !important;
    font-size: 0.88rem
}

.form-field__label {
    display: block;
    margin-bottom: 10px;
    font-size: 0.88rem
}

.form-field__radio--legend {
    float: left;
    font-size: 1rem
}

.form-field__radio--input {
    margin: 0 .4em 0 30px
}

.form-field__checkbox {
    margin-right: .4em
}

.form-field__input {
    border: 1px solid #ccc;
    font-size: 0.85rem;
    height: 42.5px;
    padding: 12px 0 12px 10px;
    width: 100%;
    font-family: 'BridgestoneType', 'NotoSans' !important
}

.form-field__input:disabled {
    background-color: #d3d3d3
}

.form-field__input[type='file'] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background: #fff
}

.form-field__select {
    font-family: 'BridgestoneType', 'NotoSans' !important;
    border: 1px solid #ccc;
    font-size: 0.85rem;
    height: 42.5px;
    padding: 0 10px;
    width: 100%;
    margin-bottom: 10px
}

.form-field--textarea {
    font-family: 'BridgestoneType', 'NotoSans';
    resize: none
}

.form-field input#twDealerCode {
    padding: 16.5px 0 16.5px 10px
}

.form-field .tire-dimension:has(.parsley-length) {
    height: 200px
}

.field-hide {
    display: none !important
}

.form-subtext {
    font-size: .6rem;
    font-style: italic
}

.validate-error {
    border-color: #e42300
}

.validate-errors-list {
    color: #e42300;
    font-size: .77rem;
    padding: 10px 0 10px 12px
}

@media (max-width: 768px) {
    .validate-errors-list {
        padding:0 0 0 12px
    }
}

.validate-errors-list li {
    line-height: 1.5
}

@media (max-width: 768px) {
    .validate-errors-list li {
        padding:8px 0
    }
}

.validate-errors-list li.parsley-length {
    position: absolute;
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content
}

.error-box {
    color: #e42300
}

.error-box p {
    margin: 0;
    font-size: .8rem;
    padding: 0 0 0 12px
}

.tyre-link {
    text-decoration: none;
    cursor: pointer;
    color: #cc0000
}

.modals {
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    display: none;
    left: 50%;
    margin: auto;
    min-width: 200px;
    position: fixed;
    top: 50%;
    width: 100%;
    height: 100%;
    z-index: 1000
}

.imgOverlay {
    position: absolute;
    background-color: #000;
    opacity: 0.5;
    width: 100%;
    height: 100%
}

.serialImage {
    position: absolute;
    top: 10%;
    left: 20%;
    right: 20%
}

.modal-content {
    margin: auto;
    padding: 20px;
    max-width: 100%;
    max-height: 100%
}

.modal-close-button {
    color: #fff;
    float: right;
    font-size: 55px;
    font-weight: bold;
    position: absolute;
    top: -10%;
    left: 100%;
    position: absolute;
    cursor: pointer
}

.checkTyreLink {
    float: right
}

.disp {
    display: inline-block !important
}

@media (max-width: 768px) {
    .serialImage {
        top:30%;
        left: 10%;
        right: 10%
    }

    .modal-close-button {
        top: -13%;
        left: 92%
    }

    .modal-close-button {
        font-size: 46px
    }
}

.fsBody {
    background: #eee
}

.fsBody .fsSectionHeader {
    padding-left: 0;
    margin-bottom: 0 !important
}

.fsBody .fsSection {
    margin-bottom: 40px
}

.fsBody .fsRow {
    display: block;
    width: 100%
}

@media (min-width: 768px) {
    .fsBody .fsRow {
        display:block;
        width: 50%
    }
}

.fsBody .fsSectionText {
    color: #e42300 !important
}

.fsBody .fsPagination {
    text-align: left !important
}

.fsBody .fsSubmitButton {
    cursor: pointer;
    text-transform: uppercase;
    padding: 1.125rem
}

.fsBody .fsSectionHeading {
    margin-bottom: 30px;
    text-align: left
}

.fsBody .fsLabel {
    display: block;
    margin-bottom: 10px
}

@media (min-width: 768px) {
    .fsBody .fsForm {
        margin-left:auto;
        margin-right: auto;
        width: 90%;
        max-width: 64rem
    }
}

.fsSubFieldGroup {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.fsRowBody input {
    width: 100%;
    padding: 12px 0 12px 10px
}

input[type="file"].fsField {
    border: 1px solid #cccccc;
    background-color: #fff
}

.fsBody .fsValidationError {
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.fsBody .fsValidationError .fsLabel {
    background-image: none;
    padding-left: 0
}

.fsBody .fsValidationError input {
    border-color: #e42300 !important
}

@media screen and (max-width: 747px) {
    .fsBody .fsForm {
        margin:0
    }

    .fsSubField {
        width: 50%
    }
}

.button-small-solid-bst-white {
    background-color: transparent;
    border: 2px solid #f0f0f0;
    position: relative;
    text-align: center;
    padding: 1rem;
    z-index: 3;
    color: #fcfcfc;
    padding: .875rem;
    white-space: nowrap;
    font-weight: bold;
    font-size: 1rem;
    min-width: 100px
}

.button-small-solid-bst-white:after {
    background-color: #f0f0f0;
    bottom: 0;
    content: '';
    height: 100%;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: .3s ease-in;
    transition: .3s ease-in;
    width: 100%;
    z-index: -1
}

.button-small-solid-bst-white:hover:after {
    height: calc(100% - 8px);
    -webkit-transition: .15s ease-in;
    transition: .15s ease-in;
    width: calc(100% - 8px)
}

.button-small-solid-bst-white:disabled {
    background-color: #777;
    border: 2px solid #777;
    color: #bbb
}

.button-small-solid-bst-white:disabled:after {
    background-color: #777
}

@media (max-width: 768px) {
    .button-small-solid-bst-white {
        white-space:initial
    }
}

.button-medium-solid-bst-white {
    background-color: transparent;
    border: 2px solid #f0f0f0;
    position: relative;
    text-align: center;
    padding: 1rem;
    z-index: 3;
    color: #fcfcfc;
    padding: 1.125rem;
    white-space: nowrap;
    font-weight: bold;
    min-width: 150px
}

.button-medium-solid-bst-white:after {
    /* background-color: #f0f0f0; */
    bottom: 0;
    content: '';
    height: 100%;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: .3s ease-in;
    transition: .3s ease-in;
    width: 100%;
    z-index: -1
}

.button-medium-solid-bst-white:hover:after {
    height: calc(100% - 8px);
    -webkit-transition: .15s ease-in;
    transition: .15s ease-in;
    width: calc(100% - 8px)
}

.button-medium-solid-bst-white:disabled {
    background-color: #777;
    border: 2px solid #777;
    color: #bbb
}

.button-medium-solid-bst-white:disabled:after {
    background-color: #777
}

@media (max-width: 768px) {
    .button-medium-solid-bst-white {
        white-space:initial
    }
}

.button-large-solid-bst-white {
    background-color: transparent;
    border: 2px solid #f0f0f0;
    position: relative;
    text-align: center;
    padding: 1rem;
    z-index: 3;
    color: #fcfcfc;
    padding: 1.375rem;
    white-space: nowrap;
    font-weight: bold;
    min-width: 200px
}

.button-large-solid-bst-white:after {
    background-color: #f0f0f0;
    bottom: 0;
    content: '';
    height: 100%;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: .3s ease-in;
    transition: .3s ease-in;
    width: 100%;
    z-index: -1
}

.button-large-solid-bst-white:hover:after {
    height: calc(100% - 8px);
    -webkit-transition: .15s ease-in;
    transition: .15s ease-in;
    width: calc(100% - 8px)
}

.button-large-solid-bst-white:disabled {
    background-color: #777;
    border: 2px solid #777;
    color: #bbb
}

.button-large-solid-bst-white:disabled:after {
    background-color: #777
}

@media (max-width: 768px) {
    .button-large-solid-bst-white {
        white-space:initial
    }
}

.button-small-transparent-bst-white {
    background-color: transparent;
    border: 2px solid #f0f0f0;
    color: #f0f0f0;
    text-align: center;
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out;
    padding: .75rem;
    white-space: nowrap;
    font-weight: bold;
    font-size: 1rem;
    min-width: 100px
}

.button-small-transparent-bst-white:hover {
    -webkit-box-shadow: inset 0 0 0 3px #f0f0f0;
    box-shadow: inset 0 0 0 3px #f0f0f0;
    -webkit-transition: .1s ease-in;
    transition: .1s ease-in
}

.button-small-transparent-bst-white:disabled {
    border-color: rgba(255,255,255,0.5);
    color: rgba(255,255,255,0.25)
}

@media (max-width: 768px) {
    .button-small-transparent-bst-white {
        white-space:initial
    }
}

.button-medium-transparent-bst-white {
    background-color: transparent;
    border: 2px solid #f0f0f0;
    color: #f0f0f0;
    text-align: center;
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out;
    padding: 1rem;
    white-space: nowrap;
    font-weight: bold;
    min-width: 150px
}

.button-medium-transparent-bst-white:hover {
    -webkit-box-shadow: inset 0 0 0 3px #f0f0f0;
    box-shadow: inset 0 0 0 3px #f0f0f0;
    -webkit-transition: .1s ease-in;
    transition: .1s ease-in
}

.button-medium-transparent-bst-white:disabled {
    border-color: rgba(255,255,255,0.5);
    color: rgba(255,255,255,0.25)
}

@media (max-width: 768px) {
    .button-medium-transparent-bst-white {
        white-space:initial
    }
}

.button-large-transparent-bst-white {
    background-color: transparent;
    border: 2px solid #f0f0f0;
    color: #f0f0f0;
    text-align: center;
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out;
    padding: 1.25rem;
    white-space: nowrap;
    font-weight: bold;
    min-width: 200px
}

.button-large-transparent-bst-white:hover {
    -webkit-box-shadow: inset 0 0 0 3px #f0f0f0;
    box-shadow: inset 0 0 0 3px #f0f0f0;
    -webkit-transition: .1s ease-in;
    transition: .1s ease-in
}

.button-large-transparent-bst-white:disabled {
    border-color: rgba(255,255,255,0.5);
    color: rgba(255,255,255,0.25)
}

@media (max-width: 768px) {
    .button-large-transparent-bst-white {
        white-space:initial
    }
}

.button-small-solid-bst-black {
    background-color: transparent;
    border: 2px solid #000;
    position: relative;
    text-align: center;
    padding: 1rem;
    z-index: 3;
    color: #f0f0f0;
    padding: .875rem;
    white-space: nowrap;
    font-weight: bold;
    font-size: 1rem;
    min-width: 100px
}

.button-small-solid-bst-black:after {
    background-color: #000;
    bottom: 0;
    content: '';
    height: 100%;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: .3s ease-in;
    transition: .3s ease-in;
    width: 100%;
    z-index: -1
}

.button-small-solid-bst-black:hover:after {
    height: calc(100% - 8px);
    -webkit-transition: .15s ease-in;
    transition: .15s ease-in;
    width: calc(100% - 8px)
}

.button-small-solid-bst-black:disabled {
    background-color: #777;
    border: 2px solid #777;
    color: #bbb
}

.button-small-solid-bst-black:disabled:after {
    background-color: #777
}

@media (max-width: 768px) {
    .button-small-solid-bst-black {
        white-space:initial
    }
}

.button-medium-solid-bst-black {
    background-color: transparent;
    border: 2px solid #1f5593;
    position: relative;
    text-align: center;
    padding: 1rem;
    z-index: 3;
    color: #f0f0f0;
    padding: 1.125rem;
    white-space: nowrap;
    font-weight: bold;
    min-width: 150px
}

.button-medium-solid-bst-black:after {
    background-color: #1f5593;
    bottom: 0;
    content: '';
    height: 100%;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: .3s ease-in;
    transition: .3s ease-in;
    width: 100%;
    z-index: -1
}

.button-medium-solid-bst-black:hover:after {
    height: calc(100% - 8px);
    -webkit-transition: .15s ease-in;
    transition: .15s ease-in;
    width: calc(100% - 8px)
}

.button-medium-solid-bst-black:disabled {
    background-color: #777;
    border: 2px solid #777;
    color: #bbb
}

.button-medium-solid-bst-black:disabled:after {
    background-color: #777
}

@media (max-width: 768px) {
    .button-medium-solid-bst-black {
        white-space:initial
    }
}

.button-large-solid-bst-black {
    background-color: transparent;
    border: 2px solid #005492;
    position: relative;
    text-align: center;
    padding: 1rem;
    z-index: 3;
    color: #f0f0f0;
    padding: 1.375rem;
    white-space: nowrap;
    font-weight: bold;
    min-width: 200px
}

.button-large-solid-bst-black:after {
    background-color: #000;
    bottom: 0;
    content: '';
    height: 100%;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: .3s ease-in;
    transition: .3s ease-in;
    width: 100%;
    z-index: -1
}

.button-large-solid-bst-black:hover:after {
    height: calc(100% - 8px);
    -webkit-transition: .15s ease-in;
    transition: .15s ease-in;
    width: calc(100% - 8px)
}

.button-large-solid-bst-black:disabled {
    background-color: #777;
    border: 2px solid #777;
    color: #bbb
}

.button-large-solid-bst-black:disabled:after {
    background-color: #777
}

@media (max-width: 768px) {
    .button-large-solid-bst-black {
        white-space:initial
    }
}

.button-small-transparent-bst-black {
    background-color: transparent;
    border: 2px solid #000;
    color: #000;
    text-align: center;
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out;
    padding: .75rem;
    white-space: nowrap;
    font-weight: bold;
    font-size: 1rem;
    min-width: 100px
}

.button-small-transparent-bst-black:hover {
    -webkit-box-shadow: inset 0 0 0 3px #000;
    box-shadow: inset 0 0 0 3px #000;
    -webkit-transition: .1s ease-in;
    transition: .1s ease-in
}

.button-small-transparent-bst-black:disabled {
    border-color: rgba(0,0,0,0.25);
    color: rgba(0,0,0,0.25)
}

@media (max-width: 768px) {
    .button-small-transparent-bst-black {
        white-space:initial
    }
}

.button-medium-transparent-bst-black {
    background-color: transparent;
    border: 2px solid #000;
    color: #000;
    text-align: center;
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out;
    padding: 1rem;
    white-space: nowrap;
    font-weight: bold;
    min-width: 150px
}

.button-medium-transparent-bst-black:hover {
    -webkit-box-shadow: inset 0 0 0 3px #000;
    box-shadow: inset 0 0 0 3px #000;
    -webkit-transition: .1s ease-in;
    transition: .1s ease-in
}

.button-medium-transparent-bst-black:disabled {
    border-color: rgba(0,0,0,0.25);
    color: rgba(0,0,0,0.25)
}

@media (max-width: 768px) {
    .button-medium-transparent-bst-black {
        white-space:initial
    }
}

.button-large-transparent-bst-black {
    background-color: transparent;
    border: 2px solid #000;
    color: #000;
    text-align: center;
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out;
    padding: 1.25rem;
    white-space: nowrap;
    font-weight: bold;
    min-width: 200px
}

.button-large-transparent-bst-black:hover {
    -webkit-box-shadow: inset 0 0 0 3px #000;
    box-shadow: inset 0 0 0 3px #000;
    -webkit-transition: .1s ease-in;
    transition: .1s ease-in
}

.button-large-transparent-bst-black:disabled {
    border-color: rgba(0,0,0,0.25);
    color: rgba(0,0,0,0.25)
}

@media (max-width: 768px) {
    .button-large-transparent-bst-black {
        white-space:initial
    }
}

.button-small-solid-bst-blue {
    background-color: transparent;
    border: 2px solid #3d8fff;
    position: relative;
    text-align: center;
    padding: 1rem;
    z-index: 3;
    color: #f0f0f0;
    padding: .875rem;
    white-space: nowrap;
    font-weight: bold;
    font-size: 1rem;
    min-width: 100px
}

.button-small-solid-bst-blue:after {
    background-color: #3d8fff;
    bottom: 0;
    content: '';
    height: 100%;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: .3s ease-in;
    transition: .3s ease-in;
    width: 100%;
    z-index: -1
}

.button-small-solid-bst-blue:hover:after {
    height: calc(100% - 8px);
    -webkit-transition: .15s ease-in;
    transition: .15s ease-in;
    width: calc(100% - 8px)
}

.button-small-solid-bst-blue:disabled {
    background-color: #777;
    border: 2px solid #777;
    color: #bbb
}

.button-small-solid-bst-blue:disabled:after {
    background-color: #777
}

@media (max-width: 768px) {
    .button-small-solid-bst-blue {
        white-space:initial
    }
}

.button-medium-solid-bst-blue {
    background-color: transparent;
    border: 2px solid #3d8fff;
    position: relative;
    text-align: center;
    padding: 1rem;
    z-index: 3;
    color: #f0f0f0;
    padding: 1.125rem;
    white-space: nowrap;
    font-weight: bold;
    min-width: 150px
}

.button-medium-solid-bst-blue:after {
    background-color: #3d8fff;
    bottom: 0;
    content: '';
    height: 100%;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: .3s ease-in;
    transition: .3s ease-in;
    width: 100%;
    z-index: -1
}

.button-medium-solid-bst-blue:hover:after {
    height: calc(100% - 8px);
    -webkit-transition: .15s ease-in;
    transition: .15s ease-in;
    width: calc(100% - 8px)
}

.button-medium-solid-bst-blue:disabled {
    background-color: #777;
    border: 2px solid #777;
    color: #bbb
}

.button-medium-solid-bst-blue:disabled:after {
    background-color: #777
}

@media (max-width: 768px) {
    .button-medium-solid-bst-blue {
        white-space:initial
    }
}

.button-large-solid-bst-blue {
    background-color: transparent;
    border: 2px solid #3d8fff;
    position: relative;
    text-align: center;
    padding: 1rem;
    z-index: 3;
    color: #f0f0f0;
    padding: 1.375rem;
    white-space: nowrap;
    font-weight: bold;
    min-width: 200px
}

.button-large-solid-bst-blue:after {
    background-color: #3d8fff;
    bottom: 0;
    content: '';
    height: 100%;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: .3s ease-in;
    transition: .3s ease-in;
    width: 100%;
    z-index: -1
}

.button-large-solid-bst-blue:hover:after {
    height: calc(100% - 8px);
    -webkit-transition: .15s ease-in;
    transition: .15s ease-in;
    width: calc(100% - 8px)
}

.button-large-solid-bst-blue:disabled {
    background-color: #777;
    border: 2px solid #777;
    color: #bbb
}

.button-large-solid-bst-blue:disabled:after {
    background-color: #777
}

@media (max-width: 768px) {
    .button-large-solid-bst-blue {
        white-space:initial
    }
}

.button-small-transparent-bst-blue {
    background-color: transparent;
    border: 2px solid #3d8fff;
    color: #3d8fff;
    text-align: center;
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out;
    padding: .75rem;
    white-space: nowrap;
    font-weight: bold;
    font-size: 1rem;
    min-width: 100px
}

.button-small-transparent-bst-blue:hover {
    -webkit-box-shadow: inset 0 0 0 3px #3d8fff;
    box-shadow: inset 0 0 0 3px #3d8fff;
    -webkit-transition: .1s ease-in;
    transition: .1s ease-in
}

.button-small-transparent-bst-blue:disabled {
    border-color: #777;
    color: #bbb
}

@media (max-width: 768px) {
    .button-small-transparent-bst-blue {
        white-space:initial
    }
}

.button-medium-transparent-bst-blue {
    background-color: transparent;
    border: 2px solid #3d8fff;
    color: #3d8fff;
    text-align: center;
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out;
    padding: 1rem;
    white-space: nowrap;
    font-weight: bold;
    min-width: 150px
}

.button-medium-transparent-bst-blue:hover {
    -webkit-box-shadow: inset 0 0 0 3px #3d8fff;
    box-shadow: inset 0 0 0 3px #3d8fff;
    -webkit-transition: .1s ease-in;
    transition: .1s ease-in
}

.button-medium-transparent-bst-blue:disabled {
    border-color: #777;
    color: #bbb
}

@media (max-width: 768px) {
    .button-medium-transparent-bst-blue {
        white-space:initial
    }
}

.button-large-transparent-bst-blue {
    background-color: transparent;
    border: 2px solid #3d8fff;
    color: #3d8fff;
    text-align: center;
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out;
    padding: 1.25rem;
    white-space: nowrap;
    font-weight: bold;
    min-width: 200px
}

.button-large-transparent-bst-blue:hover {
    -webkit-box-shadow: inset 0 0 0 3px #3d8fff;
    box-shadow: inset 0 0 0 3px #3d8fff;
    -webkit-transition: .1s ease-in;
    transition: .1s ease-in
}

.button-large-transparent-bst-blue:disabled {
    border-color: #777;
    color: #bbb
}

@media (max-width: 768px) {
    .button-large-transparent-bst-blue {
        white-space:initial
    }
}

.button-small-solid-bst-green {
    background-color: transparent;
    border: 2px solid #68a412;
    position: relative;
    text-align: center;
    padding: 1rem;
    z-index: 3;
    color: #f0f0f0;
    padding: .875rem;
    white-space: nowrap;
    font-weight: bold;
    font-size: 1rem;
    min-width: 100px
}

.button-small-solid-bst-green:after {
    background-color: #68a412;
    bottom: 0;
    content: '';
    height: 100%;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: .3s ease-in;
    transition: .3s ease-in;
    width: 100%;
    z-index: -1
}

.button-small-solid-bst-green:hover:after {
    height: calc(100% - 8px);
    -webkit-transition: .15s ease-in;
    transition: .15s ease-in;
    width: calc(100% - 8px)
}

.button-small-solid-bst-green:disabled {
    background-color: #777;
    border: 2px solid #777;
    color: #bbb
}

.button-small-solid-bst-green:disabled:after {
    background-color: #777
}

@media (max-width: 768px) {
    .button-small-solid-bst-green {
        white-space:initial
    }
}

.button-medium-solid-bst-green {
    background-color: transparent;
    border: 2px solid #68a412;
    position: relative;
    text-align: center;
    padding: 1rem;
    z-index: 3;
    color: #f0f0f0;
    padding: 1.125rem;
    white-space: nowrap;
    font-weight: bold;
    min-width: 150px
}

.button-medium-solid-bst-green:after {
    background-color: #68a412;
    bottom: 0;
    content: '';
    height: 100%;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: .3s ease-in;
    transition: .3s ease-in;
    width: 100%;
    z-index: -1
}

.button-medium-solid-bst-green:hover:after {
    height: calc(100% - 8px);
    -webkit-transition: .15s ease-in;
    transition: .15s ease-in;
    width: calc(100% - 8px)
}

.button-medium-solid-bst-green:disabled {
    background-color: #777;
    border: 2px solid #777;
    color: #bbb
}

.button-medium-solid-bst-green:disabled:after {
    background-color: #777
}

@media (max-width: 768px) {
    .button-medium-solid-bst-green {
        white-space:initial
    }
}

.button-large-solid-bst-green {
    background-color: transparent;
    border: 2px solid #68a412;
    position: relative;
    text-align: center;
    padding: 1rem;
    z-index: 3;
    color: #f0f0f0;
    padding: 1.375rem;
    white-space: nowrap;
    font-weight: bold;
    min-width: 200px
}

.button-large-solid-bst-green:after {
    background-color: #68a412;
    bottom: 0;
    content: '';
    height: 100%;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: .3s ease-in;
    transition: .3s ease-in;
    width: 100%;
    z-index: -1
}

.button-large-solid-bst-green:hover:after {
    height: calc(100% - 8px);
    -webkit-transition: .15s ease-in;
    transition: .15s ease-in;
    width: calc(100% - 8px)
}

.button-large-solid-bst-green:disabled {
    background-color: #777;
    border: 2px solid #777;
    color: #bbb
}

.button-large-solid-bst-green:disabled:after {
    background-color: #777
}

@media (max-width: 768px) {
    .button-large-solid-bst-green {
        white-space:initial
    }
}

.button-small-transparent-bst-green {
    background-color: transparent;
    border: 2px solid #68a412;
    color: #68a412;
    text-align: center;
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out;
    padding: .75rem;
    white-space: nowrap;
    font-weight: bold;
    font-size: 1rem;
    min-width: 100px
}

.button-small-transparent-bst-green:hover {
    -webkit-box-shadow: inset 0 0 0 3px #68a412;
    box-shadow: inset 0 0 0 3px #68a412;
    -webkit-transition: .1s ease-in;
    transition: .1s ease-in
}

.button-small-transparent-bst-green:disabled {
    border-color: #777;
    color: #bbb
}

@media (max-width: 768px) {
    .button-small-transparent-bst-green {
        white-space:initial
    }
}

.button-medium-transparent-bst-green {
    background-color: transparent;
    border: 2px solid #68a412;
    color: #68a412;
    text-align: center;
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out;
    padding: 1rem;
    white-space: nowrap;
    font-weight: bold;
    min-width: 150px
}

.button-medium-transparent-bst-green:hover {
    -webkit-box-shadow: inset 0 0 0 3px #68a412;
    box-shadow: inset 0 0 0 3px #68a412;
    -webkit-transition: .1s ease-in;
    transition: .1s ease-in
}

.button-medium-transparent-bst-green:disabled {
    border-color: #777;
    color: #bbb
}

@media (max-width: 768px) {
    .button-medium-transparent-bst-green {
        white-space:initial
    }
}

.button-large-transparent-bst-green {
    background-color: transparent;
    border: 2px solid #68a412;
    color: #68a412;
    text-align: center;
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out;
    padding: 1.25rem;
    white-space: nowrap;
    font-weight: bold;
    min-width: 200px
}

.button-large-transparent-bst-green:hover {
    -webkit-box-shadow: inset 0 0 0 3px #68a412;
    box-shadow: inset 0 0 0 3px #68a412;
    -webkit-transition: .1s ease-in;
    transition: .1s ease-in
}

.button-large-transparent-bst-green:disabled {
    border-color: #777;
    color: #bbb
}

@media (max-width: 768px) {
    .button-large-transparent-bst-green {
        white-space:initial
    }
}

.button-small-solid-bst-red {
    background-color: transparent;
    border: 2px solid #e42300;
    position: relative;
    text-align: center;
    padding: 1rem;
    z-index: 3;
    color: #f0f0f0;
    padding: .875rem;
    white-space: nowrap;
    font-weight: bold;
    font-size: 1rem;
    min-width: 100px
}

.button-small-solid-bst-red:after {
    background-color: #e42300;
    bottom: 0;
    content: '';
    height: 100%;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: .3s ease-in;
    transition: .3s ease-in;
    width: 100%;
    z-index: -1
}

.button-small-solid-bst-red:hover:after {
    height: calc(100% - 8px);
    -webkit-transition: .15s ease-in;
    transition: .15s ease-in;
    width: calc(100% - 8px)
}

.button-small-solid-bst-red:disabled {
    background-color: #777;
    border: 2px solid #777;
    color: #bbb
}

.button-small-solid-bst-red:disabled:after {
    background-color: #777
}

@media (max-width: 768px) {
    .button-small-solid-bst-red {
        white-space:initial
    }
}

.button-medium-solid-bst-red {
    background-color: transparent;
    border: 2px solid #e42300;
    position: relative;
    text-align: center;
    padding: 1rem;
    z-index: 3;
    color: #f0f0f0;
    padding: 1.125rem;
    white-space: nowrap;
    font-weight: bold;
    min-width: 150px
}

.button-medium-solid-bst-red:after {
    background-color: #e42300;
    bottom: 0;
    content: '';
    height: 100%;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: .3s ease-in;
    transition: .3s ease-in;
    width: 100%;
    z-index: -1
}

.button-medium-solid-bst-red:hover:after {
    height: calc(100% - 8px);
    -webkit-transition: .15s ease-in;
    transition: .15s ease-in;
    width: calc(100% - 8px)
}

.button-medium-solid-bst-red:disabled {
    background-color: #777;
    border: 2px solid #777;
    color: #bbb
}

.button-medium-solid-bst-red:disabled:after {
    background-color: #777
}

@media (max-width: 768px) {
    .button-medium-solid-bst-red {
        white-space:initial
    }
}

.button-large-solid-bst-red {
    background-color: transparent;
    border: 2px solid #e42300;
    position: relative;
    text-align: center;
    padding: 1rem;
    z-index: 3;
    color: #f0f0f0;
    padding: 1.375rem;
    white-space: nowrap;
    font-weight: bold;
    min-width: 200px
}

.button-large-solid-bst-red:after {
    background-color: #e42300;
    bottom: 0;
    content: '';
    height: 100%;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: .3s ease-in;
    transition: .3s ease-in;
    width: 100%;
    z-index: -1
}

.button-large-solid-bst-red:hover:after {
    height: calc(100% - 8px);
    -webkit-transition: .15s ease-in;
    transition: .15s ease-in;
    width: calc(100% - 8px)
}

.button-large-solid-bst-red:disabled {
    background-color: #777;
    border: 2px solid #777;
    color: #bbb
}

.button-large-solid-bst-red:disabled:after {
    background-color: #777
}

@media (max-width: 768px) {
    .button-large-solid-bst-red {
        white-space:initial
    }
}

.button-small-transparent-bst-red {
    background-color: transparent;
    border: 2px solid #e42300;
    color: #e42300;
    text-align: center;
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out;
    padding: .75rem;
    white-space: nowrap;
    font-weight: bold;
    font-size: 1rem;
    min-width: 100px
}

.button-small-transparent-bst-red:hover {
    -webkit-box-shadow: inset 0 0 0 3px #e42300;
    box-shadow: inset 0 0 0 3px #e42300;
    -webkit-transition: .1s ease-in;
    transition: .1s ease-in
}

.button-small-transparent-bst-red:disabled {
    border-color: #777;
    color: #bbb
}

@media (max-width: 768px) {
    .button-small-transparent-bst-red {
        white-space:initial
    }
}

.button-medium-transparent-bst-red {
    background-color: transparent;
    border: 2px solid #e42300;
    color: #e42300;
    text-align: center;
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out;
    padding: 1rem;
    white-space: nowrap;
    font-weight: bold;
    min-width: 150px
}

.button-medium-transparent-bst-red:hover {
    -webkit-box-shadow: inset 0 0 0 3px #e42300;
    box-shadow: inset 0 0 0 3px #e42300;
    -webkit-transition: .1s ease-in;
    transition: .1s ease-in
}

.button-medium-transparent-bst-red:disabled {
    border-color: #777;
    color: #bbb
}

@media (max-width: 768px) {
    .button-medium-transparent-bst-red {
        white-space:initial
    }
}

.button-large-transparent-bst-red {
    background-color: transparent;
    border: 2px solid #e42300;
    color: #e42300;
    text-align: center;
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out;
    padding: 1.25rem;
    white-space: nowrap;
    font-weight: bold;
    min-width: 200px
}

.button-large-transparent-bst-red:hover {
    -webkit-box-shadow: inset 0 0 0 3px #e42300;
    box-shadow: inset 0 0 0 3px #e42300;
    -webkit-transition: .1s ease-in;
    transition: .1s ease-in
}

.button-large-transparent-bst-red:disabled {
    border-color: #777;
    color: #bbb
}

@media (max-width: 768px) {
    .button-large-transparent-bst-red {
        white-space:initial
    }
}

.button-small-solid-potenza {
    background-color: transparent;
    border: 2px solid #f00000;
    position: relative;
    text-align: center;
    padding: 1rem;
    z-index: 3;
    color: #f0f0f0;
    padding: .875rem;
    white-space: nowrap;
    font-weight: bold;
    font-size: 1rem;
    min-width: 100px
}

.button-small-solid-potenza:after {
    background-color: #f00000;
    bottom: 0;
    content: '';
    height: 100%;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: .3s ease-in;
    transition: .3s ease-in;
    width: 100%;
    z-index: -1
}

.button-small-solid-potenza:hover:after {
    height: calc(100% - 8px);
    -webkit-transition: .15s ease-in;
    transition: .15s ease-in;
    width: calc(100% - 8px)
}

.button-small-solid-potenza:disabled {
    background-color: #777;
    border: 2px solid #777;
    color: #bbb
}

.button-small-solid-potenza:disabled:after {
    background-color: #777
}

@media (max-width: 768px) {
    .button-small-solid-potenza {
        white-space:initial
    }
}

.button-medium-solid-potenza {
    background-color: transparent;
    border: 2px solid #f00000;
    position: relative;
    text-align: center;
    padding: 1rem;
    z-index: 3;
    color: #f0f0f0;
    padding: 1.125rem;
    white-space: nowrap;
    font-weight: bold;
    min-width: 150px
}

.button-medium-solid-potenza:after {
    background-color: #f00000;
    bottom: 0;
    content: '';
    height: 100%;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: .3s ease-in;
    transition: .3s ease-in;
    width: 100%;
    z-index: -1
}

.button-medium-solid-potenza:hover:after {
    height: calc(100% - 8px);
    -webkit-transition: .15s ease-in;
    transition: .15s ease-in;
    width: calc(100% - 8px)
}

.button-medium-solid-potenza:disabled {
    background-color: #777;
    border: 2px solid #777;
    color: #bbb
}

.button-medium-solid-potenza:disabled:after {
    background-color: #777
}

@media (max-width: 768px) {
    .button-medium-solid-potenza {
        white-space:initial
    }
}

.button-large-solid-potenza {
    background-color: transparent;
    border: 2px solid #f00000;
    position: relative;
    text-align: center;
    padding: 1rem;
    z-index: 3;
    color: #f0f0f0;
    padding: 1.375rem;
    white-space: nowrap;
    font-weight: bold;
    min-width: 200px
}

.button-large-solid-potenza:after {
    background-color: #f00000;
    bottom: 0;
    content: '';
    height: 100%;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: .3s ease-in;
    transition: .3s ease-in;
    width: 100%;
    z-index: -1
}

.button-large-solid-potenza:hover:after {
    height: calc(100% - 8px);
    -webkit-transition: .15s ease-in;
    transition: .15s ease-in;
    width: calc(100% - 8px)
}

.button-large-solid-potenza:disabled {
    background-color: #777;
    border: 2px solid #777;
    color: #bbb
}

.button-large-solid-potenza:disabled:after {
    background-color: #777
}

@media (max-width: 768px) {
    .button-large-solid-potenza {
        white-space:initial
    }
}

.button-small-transparent-potenza {
    background-color: transparent;
    border: 2px solid #f00000;
    color: #f00000;
    text-align: center;
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out;
    padding: .75rem;
    white-space: nowrap;
    font-weight: bold;
    font-size: 1rem;
    min-width: 100px
}

.button-small-transparent-potenza:hover {
    -webkit-box-shadow: inset 0 0 0 3px #f00000;
    box-shadow: inset 0 0 0 3px #f00000;
    -webkit-transition: .1s ease-in;
    transition: .1s ease-in
}

.button-small-transparent-potenza:disabled {
    border-color: #777;
    color: #bbb
}

@media (max-width: 768px) {
    .button-small-transparent-potenza {
        white-space:initial
    }
}

.button-medium-transparent-potenza {
    background-color: transparent;
    border: 2px solid #f00000;
    color: #f00000;
    text-align: center;
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out;
    padding: 1rem;
    white-space: nowrap;
    font-weight: bold;
    min-width: 150px
}

.button-medium-transparent-potenza:hover {
    -webkit-box-shadow: inset 0 0 0 3px #f00000;
    box-shadow: inset 0 0 0 3px #f00000;
    -webkit-transition: .1s ease-in;
    transition: .1s ease-in
}

.button-medium-transparent-potenza:disabled {
    border-color: #777;
    color: #bbb
}

@media (max-width: 768px) {
    .button-medium-transparent-potenza {
        white-space:initial
    }
}

.button-large-transparent-potenza {
    background-color: transparent;
    border: 2px solid #f00000;
    color: #f00000;
    text-align: center;
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out;
    padding: 1.25rem;
    white-space: nowrap;
    font-weight: bold;
    min-width: 200px
}

.button-large-transparent-potenza:hover {
    -webkit-box-shadow: inset 0 0 0 3px #f00000;
    box-shadow: inset 0 0 0 3px #f00000;
    -webkit-transition: .1s ease-in;
    transition: .1s ease-in
}

.button-large-transparent-potenza:disabled {
    border-color: #777;
    color: #bbb
}

@media (max-width: 768px) {
    .button-large-transparent-potenza {
        white-space:initial
    }
}

.button-small-solid-driveguard {
    background-color: transparent;
    border: 2px solid #ff7e1c;
    position: relative;
    text-align: center;
    padding: 1rem;
    z-index: 3;
    color: #f0f0f0;
    padding: .875rem;
    white-space: nowrap;
    font-weight: bold;
    font-size: 1rem;
    min-width: 100px
}

.button-small-solid-driveguard:after {
    background-color: #ff7e1c;
    bottom: 0;
    content: '';
    height: 100%;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: .3s ease-in;
    transition: .3s ease-in;
    width: 100%;
    z-index: -1
}

.button-small-solid-driveguard:hover:after {
    height: calc(100% - 8px);
    -webkit-transition: .15s ease-in;
    transition: .15s ease-in;
    width: calc(100% - 8px)
}

.button-small-solid-driveguard:disabled {
    background-color: #777;
    border: 2px solid #777;
    color: #bbb
}

.button-small-solid-driveguard:disabled:after {
    background-color: #777
}

@media (max-width: 768px) {
    .button-small-solid-driveguard {
        white-space:initial
    }
}

.button-medium-solid-driveguard {
    background-color: transparent;
    border: 2px solid #ff7e1c;
    position: relative;
    text-align: center;
    padding: 1rem;
    z-index: 3;
    color: #f0f0f0;
    padding: 1.125rem;
    white-space: nowrap;
    font-weight: bold;
    min-width: 150px
}

.button-medium-solid-driveguard:after {
    background-color: #ff7e1c;
    bottom: 0;
    content: '';
    height: 100%;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: .3s ease-in;
    transition: .3s ease-in;
    width: 100%;
    z-index: -1
}

.button-medium-solid-driveguard:hover:after {
    height: calc(100% - 8px);
    -webkit-transition: .15s ease-in;
    transition: .15s ease-in;
    width: calc(100% - 8px)
}

.button-medium-solid-driveguard:disabled {
    background-color: #777;
    border: 2px solid #777;
    color: #bbb
}

.button-medium-solid-driveguard:disabled:after {
    background-color: #777
}

@media (max-width: 768px) {
    .button-medium-solid-driveguard {
        white-space:initial
    }
}

.button-large-solid-driveguard {
    background-color: transparent;
    border: 2px solid #ff7e1c;
    position: relative;
    text-align: center;
    padding: 1rem;
    z-index: 3;
    color: #f0f0f0;
    padding: 1.375rem;
    white-space: nowrap;
    font-weight: bold;
    min-width: 200px
}

.button-large-solid-driveguard:after {
    background-color: #ff7e1c;
    bottom: 0;
    content: '';
    height: 100%;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: .3s ease-in;
    transition: .3s ease-in;
    width: 100%;
    z-index: -1
}

.button-large-solid-driveguard:hover:after {
    height: calc(100% - 8px);
    -webkit-transition: .15s ease-in;
    transition: .15s ease-in;
    width: calc(100% - 8px)
}

.button-large-solid-driveguard:disabled {
    background-color: #777;
    border: 2px solid #777;
    color: #bbb
}

.button-large-solid-driveguard:disabled:after {
    background-color: #777
}

@media (max-width: 768px) {
    .button-large-solid-driveguard {
        white-space:initial
    }
}

.button-small-transparent-driveguard {
    background-color: transparent;
    border: 2px solid #ff7e1c;
    color: #ff7e1c;
    text-align: center;
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out;
    padding: .75rem;
    white-space: nowrap;
    font-weight: bold;
    font-size: 1rem;
    min-width: 100px
}

.button-small-transparent-driveguard:hover {
    -webkit-box-shadow: inset 0 0 0 3px #ff7e1c;
    box-shadow: inset 0 0 0 3px #ff7e1c;
    -webkit-transition: .1s ease-in;
    transition: .1s ease-in
}

.button-small-transparent-driveguard:disabled {
    border-color: #777;
    color: #bbb
}

@media (max-width: 768px) {
    .button-small-transparent-driveguard {
        white-space:initial
    }
}

.button-medium-transparent-driveguard {
    background-color: transparent;
    border: 2px solid #ff7e1c;
    color: #ff7e1c;
    text-align: center;
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out;
    padding: 1rem;
    white-space: nowrap;
    font-weight: bold;
    min-width: 150px
}

.button-medium-transparent-driveguard:hover {
    -webkit-box-shadow: inset 0 0 0 3px #ff7e1c;
    box-shadow: inset 0 0 0 3px #ff7e1c;
    -webkit-transition: .1s ease-in;
    transition: .1s ease-in
}

.button-medium-transparent-driveguard:disabled {
    border-color: #777;
    color: #bbb
}

@media (max-width: 768px) {
    .button-medium-transparent-driveguard {
        white-space:initial
    }
}

.button-large-transparent-driveguard {
    background-color: transparent;
    border: 2px solid #ff7e1c;
    color: #ff7e1c;
    text-align: center;
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out;
    padding: 1.25rem;
    white-space: nowrap;
    font-weight: bold;
    min-width: 200px
}

.button-large-transparent-driveguard:hover {
    -webkit-box-shadow: inset 0 0 0 3px #ff7e1c;
    box-shadow: inset 0 0 0 3px #ff7e1c;
    -webkit-transition: .1s ease-in;
    transition: .1s ease-in
}

.button-large-transparent-driveguard:disabled {
    border-color: #777;
    color: #bbb
}

@media (max-width: 768px) {
    .button-large-transparent-driveguard {
        white-space:initial
    }
}

.button-small-solid-turanza {
    background-color: transparent;
    border: 2px solid #144ddf;
    position: relative;
    text-align: center;
    padding: 1rem;
    z-index: 3;
    color: #f0f0f0;
    padding: .875rem;
    white-space: nowrap;
    font-weight: bold;
    font-size: 1rem;
    min-width: 100px
}

.button-small-solid-turanza:after {
    background-color: #144ddf;
    bottom: 0;
    content: '';
    height: 100%;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: .3s ease-in;
    transition: .3s ease-in;
    width: 100%;
    z-index: -1
}

.button-small-solid-turanza:hover:after {
    height: calc(100% - 8px);
    -webkit-transition: .15s ease-in;
    transition: .15s ease-in;
    width: calc(100% - 8px)
}

.button-small-solid-turanza:disabled {
    background-color: #777;
    border: 2px solid #777;
    color: #bbb
}

.button-small-solid-turanza:disabled:after {
    background-color: #777
}

@media (max-width: 768px) {
    .button-small-solid-turanza {
        white-space:initial
    }
}

.button-medium-solid-turanza {
    background-color: transparent;
    border: 2px solid #144ddf;
    position: relative;
    text-align: center;
    padding: 1rem;
    z-index: 3;
    color: #f0f0f0;
    padding: 1.125rem;
    white-space: nowrap;
    font-weight: bold;
    min-width: 150px
}

.button-medium-solid-turanza:after {
    background-color: #144ddf;
    bottom: 0;
    content: '';
    height: 100%;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: .3s ease-in;
    transition: .3s ease-in;
    width: 100%;
    z-index: -1
}

.button-medium-solid-turanza:hover:after {
    height: calc(100% - 8px);
    -webkit-transition: .15s ease-in;
    transition: .15s ease-in;
    width: calc(100% - 8px)
}

.button-medium-solid-turanza:disabled {
    background-color: #777;
    border: 2px solid #777;
    color: #bbb
}

.button-medium-solid-turanza:disabled:after {
    background-color: #777
}

@media (max-width: 768px) {
    .button-medium-solid-turanza {
        white-space:initial
    }
}

.button-large-solid-turanza {
    background-color: transparent;
    border: 2px solid #144ddf;
    position: relative;
    text-align: center;
    padding: 1rem;
    z-index: 3;
    color: #f0f0f0;
    padding: 1.375rem;
    white-space: nowrap;
    font-weight: bold;
    min-width: 200px
}

.button-large-solid-turanza:after {
    background-color: #144ddf;
    bottom: 0;
    content: '';
    height: 100%;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: .3s ease-in;
    transition: .3s ease-in;
    width: 100%;
    z-index: -1
}

.button-large-solid-turanza:hover:after {
    height: calc(100% - 8px);
    -webkit-transition: .15s ease-in;
    transition: .15s ease-in;
    width: calc(100% - 8px)
}

.button-large-solid-turanza:disabled {
    background-color: #777;
    border: 2px solid #777;
    color: #bbb
}

.button-large-solid-turanza:disabled:after {
    background-color: #777
}

@media (max-width: 768px) {
    .button-large-solid-turanza {
        white-space:initial
    }
}

.button-small-transparent-turanza {
    background-color: transparent;
    border: 2px solid #144ddf;
    color: #144ddf;
    text-align: center;
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out;
    padding: .75rem;
    white-space: nowrap;
    font-weight: bold;
    font-size: 1rem;
    min-width: 100px
}

.button-small-transparent-turanza:hover {
    -webkit-box-shadow: inset 0 0 0 3px #144ddf;
    box-shadow: inset 0 0 0 3px #144ddf;
    -webkit-transition: .1s ease-in;
    transition: .1s ease-in
}

.button-small-transparent-turanza:disabled {
    border-color: #777;
    color: #bbb
}

@media (max-width: 768px) {
    .button-small-transparent-turanza {
        white-space:initial
    }
}

.button-medium-transparent-turanza {
    background-color: transparent;
    border: 2px solid #144ddf;
    color: #144ddf;
    text-align: center;
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out;
    padding: 1rem;
    white-space: nowrap;
    font-weight: bold;
    min-width: 150px
}

.button-medium-transparent-turanza:hover {
    -webkit-box-shadow: inset 0 0 0 3px #144ddf;
    box-shadow: inset 0 0 0 3px #144ddf;
    -webkit-transition: .1s ease-in;
    transition: .1s ease-in
}

.button-medium-transparent-turanza:disabled {
    border-color: #777;
    color: #bbb
}

@media (max-width: 768px) {
    .button-medium-transparent-turanza {
        white-space:initial
    }
}

.button-large-transparent-turanza {
    background-color: transparent;
    border: 2px solid #144ddf;
    color: #144ddf;
    text-align: center;
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out;
    padding: 1.25rem;
    white-space: nowrap;
    font-weight: bold;
    min-width: 200px
}

.button-large-transparent-turanza:hover {
    -webkit-box-shadow: inset 0 0 0 3px #144ddf;
    box-shadow: inset 0 0 0 3px #144ddf;
    -webkit-transition: .1s ease-in;
    transition: .1s ease-in
}

.button-large-transparent-turanza:disabled {
    border-color: #777;
    color: #bbb
}

@media (max-width: 768px) {
    .button-large-transparent-turanza {
        white-space:initial
    }
}

.button-small-solid-ecopia {
    background-color: transparent;
    border: 2px solid #5ca311;
    position: relative;
    text-align: center;
    padding: 1rem;
    z-index: 3;
    color: #f0f0f0;
    padding: .875rem;
    white-space: nowrap;
    font-weight: bold;
    font-size: 1rem;
    min-width: 100px
}

.button-small-solid-ecopia:after {
    background-color: #5ca311;
    bottom: 0;
    content: '';
    height: 100%;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: .3s ease-in;
    transition: .3s ease-in;
    width: 100%;
    z-index: -1
}

.button-small-solid-ecopia:hover:after {
    height: calc(100% - 8px);
    -webkit-transition: .15s ease-in;
    transition: .15s ease-in;
    width: calc(100% - 8px)
}

.button-small-solid-ecopia:disabled {
    background-color: #777;
    border: 2px solid #777;
    color: #bbb
}

.button-small-solid-ecopia:disabled:after {
    background-color: #777
}

@media (max-width: 768px) {
    .button-small-solid-ecopia {
        white-space:initial
    }
}

.button-medium-solid-ecopia {
    background-color: transparent;
    border: 2px solid #5ca311;
    position: relative;
    text-align: center;
    padding: 1rem;
    z-index: 3;
    color: #f0f0f0;
    padding: 1.125rem;
    white-space: nowrap;
    font-weight: bold;
    min-width: 150px
}

.button-medium-solid-ecopia:after {
    background-color: #5ca311;
    bottom: 0;
    content: '';
    height: 100%;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: .3s ease-in;
    transition: .3s ease-in;
    width: 100%;
    z-index: -1
}

.button-medium-solid-ecopia:hover:after {
    height: calc(100% - 8px);
    -webkit-transition: .15s ease-in;
    transition: .15s ease-in;
    width: calc(100% - 8px)
}

.button-medium-solid-ecopia:disabled {
    background-color: #777;
    border: 2px solid #777;
    color: #bbb
}

.button-medium-solid-ecopia:disabled:after {
    background-color: #777
}

@media (max-width: 768px) {
    .button-medium-solid-ecopia {
        white-space:initial
    }
}

.button-large-solid-ecopia {
    background-color: transparent;
    border: 2px solid #5ca311;
    position: relative;
    text-align: center;
    padding: 1rem;
    z-index: 3;
    color: #f0f0f0;
    padding: 1.375rem;
    white-space: nowrap;
    font-weight: bold;
    min-width: 200px
}

.button-large-solid-ecopia:after {
    background-color: #5ca311;
    bottom: 0;
    content: '';
    height: 100%;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: .3s ease-in;
    transition: .3s ease-in;
    width: 100%;
    z-index: -1
}

.button-large-solid-ecopia:hover:after {
    height: calc(100% - 8px);
    -webkit-transition: .15s ease-in;
    transition: .15s ease-in;
    width: calc(100% - 8px)
}

.button-large-solid-ecopia:disabled {
    background-color: #777;
    border: 2px solid #777;
    color: #bbb
}

.button-large-solid-ecopia:disabled:after {
    background-color: #777
}

@media (max-width: 768px) {
    .button-large-solid-ecopia {
        white-space:initial
    }
}

.button-small-transparent-ecopia {
    background-color: transparent;
    border: 2px solid #5ca311;
    color: #5ca311;
    text-align: center;
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out;
    padding: .75rem;
    white-space: nowrap;
    font-weight: bold;
    font-size: 1rem;
    min-width: 100px
}

.button-small-transparent-ecopia:hover {
    -webkit-box-shadow: inset 0 0 0 3px #5ca311;
    box-shadow: inset 0 0 0 3px #5ca311;
    -webkit-transition: .1s ease-in;
    transition: .1s ease-in
}

.button-small-transparent-ecopia:disabled {
    border-color: #777;
    color: #bbb
}

@media (max-width: 768px) {
    .button-small-transparent-ecopia {
        white-space:initial
    }
}

.button-medium-transparent-ecopia {
    background-color: transparent;
    border: 2px solid #5ca311;
    color: #5ca311;
    text-align: center;
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out;
    padding: 1rem;
    white-space: nowrap;
    font-weight: bold;
    min-width: 150px
}

.button-medium-transparent-ecopia:hover {
    -webkit-box-shadow: inset 0 0 0 3px #5ca311;
    box-shadow: inset 0 0 0 3px #5ca311;
    -webkit-transition: .1s ease-in;
    transition: .1s ease-in
}

.button-medium-transparent-ecopia:disabled {
    border-color: #777;
    color: #bbb
}

@media (max-width: 768px) {
    .button-medium-transparent-ecopia {
        white-space:initial
    }
}

.button-large-transparent-ecopia {
    background-color: transparent;
    border: 2px solid #5ca311;
    color: #5ca311;
    text-align: center;
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out;
    padding: 1.25rem;
    white-space: nowrap;
    font-weight: bold;
    min-width: 200px
}

.button-large-transparent-ecopia:hover {
    -webkit-box-shadow: inset 0 0 0 3px #5ca311;
    box-shadow: inset 0 0 0 3px #5ca311;
    -webkit-transition: .1s ease-in;
    transition: .1s ease-in
}

.button-large-transparent-ecopia:disabled {
    border-color: #777;
    color: #bbb
}

@media (max-width: 768px) {
    .button-large-transparent-ecopia {
        white-space:initial
    }
}

.button-small-solid-dueler {
    background-color: transparent;
    border: 2px solid #f5d900;
    position: relative;
    text-align: center;
    padding: 1rem;
    z-index: 3;
    color: #f0f0f0;
    padding: .875rem;
    white-space: nowrap;
    font-weight: bold;
    font-size: 1rem;
    min-width: 100px
}

.button-small-solid-dueler:after {
    background-color: #f5d900;
    bottom: 0;
    content: '';
    height: 100%;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: .3s ease-in;
    transition: .3s ease-in;
    width: 100%;
    z-index: -1
}

.button-small-solid-dueler:hover:after {
    height: calc(100% - 8px);
    -webkit-transition: .15s ease-in;
    transition: .15s ease-in;
    width: calc(100% - 8px)
}

.button-small-solid-dueler:disabled {
    background-color: #777;
    border: 2px solid #777;
    color: #bbb
}

.button-small-solid-dueler:disabled:after {
    background-color: #777
}

@media (max-width: 768px) {
    .button-small-solid-dueler {
        white-space:initial
    }
}

.button-medium-solid-dueler {
    background-color: transparent;
    border: 2px solid #f5d900;
    position: relative;
    text-align: center;
    padding: 1rem;
    z-index: 3;
    color: #f0f0f0;
    padding: 1.125rem;
    white-space: nowrap;
    font-weight: bold;
    min-width: 150px
}

.button-medium-solid-dueler:after {
    background-color: #f5d900;
    bottom: 0;
    content: '';
    height: 100%;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: .3s ease-in;
    transition: .3s ease-in;
    width: 100%;
    z-index: -1
}

.button-medium-solid-dueler:hover:after {
    height: calc(100% - 8px);
    -webkit-transition: .15s ease-in;
    transition: .15s ease-in;
    width: calc(100% - 8px)
}

.button-medium-solid-dueler:disabled {
    background-color: #777;
    border: 2px solid #777;
    color: #bbb
}

.button-medium-solid-dueler:disabled:after {
    background-color: #777
}

@media (max-width: 768px) {
    .button-medium-solid-dueler {
        white-space:initial
    }
}

.button-large-solid-dueler {
    background-color: transparent;
    border: 2px solid #f5d900;
    position: relative;
    text-align: center;
    padding: 1rem;
    z-index: 3;
    color: #f0f0f0;
    padding: 1.375rem;
    white-space: nowrap;
    font-weight: bold;
    min-width: 200px
}

.button-large-solid-dueler:after {
    background-color: #f5d900;
    bottom: 0;
    content: '';
    height: 100%;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: .3s ease-in;
    transition: .3s ease-in;
    width: 100%;
    z-index: -1
}

.button-large-solid-dueler:hover:after {
    height: calc(100% - 8px);
    -webkit-transition: .15s ease-in;
    transition: .15s ease-in;
    width: calc(100% - 8px)
}

.button-large-solid-dueler:disabled {
    background-color: #777;
    border: 2px solid #777;
    color: #bbb
}

.button-large-solid-dueler:disabled:after {
    background-color: #777
}

@media (max-width: 768px) {
    .button-large-solid-dueler {
        white-space:initial
    }
}

.button-small-transparent-dueler {
    background-color: transparent;
    border: 2px solid #f5d900;
    color: #f5d900;
    text-align: center;
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out;
    padding: .75rem;
    white-space: nowrap;
    font-weight: bold;
    font-size: 1rem;
    min-width: 100px
}

.button-small-transparent-dueler:hover {
    -webkit-box-shadow: inset 0 0 0 3px #f5d900;
    box-shadow: inset 0 0 0 3px #f5d900;
    -webkit-transition: .1s ease-in;
    transition: .1s ease-in
}

.button-small-transparent-dueler:disabled {
    border-color: #777;
    color: #bbb
}

@media (max-width: 768px) {
    .button-small-transparent-dueler {
        white-space:initial
    }
}

.button-medium-transparent-dueler {
    background-color: transparent;
    border: 2px solid #f5d900;
    color: #f5d900;
    text-align: center;
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out;
    padding: 1rem;
    white-space: nowrap;
    font-weight: bold;
    min-width: 150px
}

.button-medium-transparent-dueler:hover {
    -webkit-box-shadow: inset 0 0 0 3px #f5d900;
    box-shadow: inset 0 0 0 3px #f5d900;
    -webkit-transition: .1s ease-in;
    transition: .1s ease-in
}

.button-medium-transparent-dueler:disabled {
    border-color: #777;
    color: #bbb
}

@media (max-width: 768px) {
    .button-medium-transparent-dueler {
        white-space:initial
    }
}

.button-large-transparent-dueler {
    background-color: transparent;
    border: 2px solid #f5d900;
    color: #f5d900;
    text-align: center;
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out;
    padding: 1.25rem;
    white-space: nowrap;
    font-weight: bold;
    min-width: 200px
}

.button-large-transparent-dueler:hover {
    -webkit-box-shadow: inset 0 0 0 3px #f5d900;
    box-shadow: inset 0 0 0 3px #f5d900;
    -webkit-transition: .1s ease-in;
    transition: .1s ease-in
}

.button-large-transparent-dueler:disabled {
    border-color: #777;
    color: #bbb
}

@media (max-width: 768px) {
    .button-large-transparent-dueler {
        white-space:initial
    }
}

.button-small-solid-blizzak {
    background-color: transparent;
    border: 2px solid #565656;
    position: relative;
    text-align: center;
    padding: 1rem;
    z-index: 3;
    color: #f0f0f0;
    padding: .875rem;
    white-space: nowrap;
    font-weight: bold;
    font-size: 1rem;
    min-width: 100px
}

.button-small-solid-blizzak:after {
    background-color: #565656;
    bottom: 0;
    content: '';
    height: 100%;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: .3s ease-in;
    transition: .3s ease-in;
    width: 100%;
    z-index: -1
}

.button-small-solid-blizzak:hover:after {
    height: calc(100% - 8px);
    -webkit-transition: .15s ease-in;
    transition: .15s ease-in;
    width: calc(100% - 8px)
}

.button-small-solid-blizzak:disabled {
    background-color: #777;
    border: 2px solid #777;
    color: #bbb
}

.button-small-solid-blizzak:disabled:after {
    background-color: #777
}

@media (max-width: 768px) {
    .button-small-solid-blizzak {
        white-space:initial
    }
}

.button-medium-solid-blizzak {
    background-color: transparent;
    border: 2px solid #565656;
    position: relative;
    text-align: center;
    padding: 1rem;
    z-index: 3;
    color: #f0f0f0;
    padding: 1.125rem;
    white-space: nowrap;
    font-weight: bold;
    min-width: 150px
}

.button-medium-solid-blizzak:after {
    background-color: #565656;
    bottom: 0;
    content: '';
    height: 100%;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: .3s ease-in;
    transition: .3s ease-in;
    width: 100%;
    z-index: -1
}

.button-medium-solid-blizzak:hover:after {
    height: calc(100% - 8px);
    -webkit-transition: .15s ease-in;
    transition: .15s ease-in;
    width: calc(100% - 8px)
}

.button-medium-solid-blizzak:disabled {
    background-color: #777;
    border: 2px solid #777;
    color: #bbb
}

.button-medium-solid-blizzak:disabled:after {
    background-color: #777
}

@media (max-width: 768px) {
    .button-medium-solid-blizzak {
        white-space:initial
    }
}

.button-large-solid-blizzak {
    background-color: transparent;
    border: 2px solid #565656;
    position: relative;
    text-align: center;
    padding: 1rem;
    z-index: 3;
    color: #f0f0f0;
    padding: 1.375rem;
    white-space: nowrap;
    font-weight: bold;
    min-width: 200px
}

.button-large-solid-blizzak:after {
    background-color: #565656;
    bottom: 0;
    content: '';
    height: 100%;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: .3s ease-in;
    transition: .3s ease-in;
    width: 100%;
    z-index: -1
}

.button-large-solid-blizzak:hover:after {
    height: calc(100% - 8px);
    -webkit-transition: .15s ease-in;
    transition: .15s ease-in;
    width: calc(100% - 8px)
}

.button-large-solid-blizzak:disabled {
    background-color: #777;
    border: 2px solid #777;
    color: #bbb
}

.button-large-solid-blizzak:disabled:after {
    background-color: #777
}

@media (max-width: 768px) {
    .button-large-solid-blizzak {
        white-space:initial
    }
}

.button-small-transparent-blizzak {
    background-color: transparent;
    border: 2px solid #565656;
    color: #565656;
    text-align: center;
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out;
    padding: .75rem;
    white-space: nowrap;
    font-weight: bold;
    font-size: 1rem;
    min-width: 100px
}

.button-small-transparent-blizzak:hover {
    -webkit-box-shadow: inset 0 0 0 3px #565656;
    box-shadow: inset 0 0 0 3px #565656;
    -webkit-transition: .1s ease-in;
    transition: .1s ease-in
}

.button-small-transparent-blizzak:disabled {
    border-color: #777;
    color: #bbb
}

@media (max-width: 768px) {
    .button-small-transparent-blizzak {
        white-space:initial
    }
}

.button-medium-transparent-blizzak {
    background-color: transparent;
    border: 2px solid #565656;
    color: #565656;
    text-align: center;
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out;
    padding: 1rem;
    white-space: nowrap;
    font-weight: bold;
    min-width: 150px
}

.button-medium-transparent-blizzak:hover {
    -webkit-box-shadow: inset 0 0 0 3px #565656;
    box-shadow: inset 0 0 0 3px #565656;
    -webkit-transition: .1s ease-in;
    transition: .1s ease-in
}

.button-medium-transparent-blizzak:disabled {
    border-color: #777;
    color: #bbb
}

@media (max-width: 768px) {
    .button-medium-transparent-blizzak {
        white-space:initial
    }
}

.button-large-transparent-blizzak {
    background-color: transparent;
    border: 2px solid #565656;
    color: #565656;
    text-align: center;
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out;
    padding: 1.25rem;
    white-space: nowrap;
    font-weight: bold;
    min-width: 200px
}

.button-large-transparent-blizzak:hover {
    -webkit-box-shadow: inset 0 0 0 3px #565656;
    box-shadow: inset 0 0 0 3px #565656;
    -webkit-transition: .1s ease-in;
    transition: .1s ease-in
}

.button-large-transparent-blizzak:disabled {
    border-color: #777;
    color: #bbb
}

@media (max-width: 768px) {
    .button-large-transparent-blizzak {
        white-space:initial
    }
}

a {
    color: #2776e3
}

.foundation--bst-red {
    background-color: #e42300
}

.foundation--lightGrey1 {
    background-color: #fcfcfc
}

.foundation--lightGrey2 {
    background-color: #f3f3f3
}

.foundation--mediumGrey1 {
    background-color: #dfdfe0
}

.foundation--mediumGrey2 {
    background-color: #cecece
}

.foundation--mediumGrey3 {
    background-color: #e5e5e5
}

.text--headline {
    color: #343434
}

.text--subhead {
    color: #5a5a5a
}

.text--copy {
    color: #8d8d8d
}

.text--copyLight {
    color: #f0f0f0
}

.sub-brand--potenza {
    background-color: #000
}

.sub-brand--turanza {
    background-color: #039
}

.sub-brand--ecopia {
    background-color: #64a70b
}

.sub-brand--dueler {
    background-color: #008675
}

.sub-brand--firestone {
    background-color: red
}

.sub-brand--alenza {
    background-color: #5c3d31
}

.sub-brand--leo {
    background-color: #009fdf
}

.sub-brand--duravis {
    background-color: #ff671f
}

.sub-brand--driveguard {
    background-color: #e87722
}

.sub-brand--playz {
    background-color: #8d80bb
}

.sub-brand--techno {
    background-color: #c6007e
}

.sub-brand--dayton {
    background-color: #f1b434
}

.sub-brand--motorcycle {
    background-color: #000
}

.sub-brand--run-flat {
    background-color: #000
}

.sub-brand--trucks-and-buses {
    background-color: #0d5257
}

.sub-brand--light-trucks-and-vans {
    background-color: #e35205
}

.sub-brand--b-series {
    background-color: red
}

.sub-brand--blizzak {
    background-color: red
}

.ui--cta-blue {
    background-color: #d10014
}

.ui--cta-green {
    background-color: #68a412
}

.ui--cta-red {
    background-color: #e42300
}

.data--star-yellow {
    background-color: #dfcb00
}

.data--graph-red {
    background-color: #ed1b24
}

.data--graph-blue {
    background-color: #4baae4
}

.data--graph-green {
    background-color: #66bb6a
}

.nav--bst-blue {
    background-color: #3172cc
}

.text-color--bst-white {
    color: #f0f0f0
}

.text-color--bst-black {
    color: #000
}

.text-color--bst-blue {
    color: #3d8fff
}

.text-color--bst-green {
    color: #68a412
}

.text-color--bst-red {
    color: #e42300
}

.text-color--potenza {
    color: #f00000
}

.text-color--driveguard {
    color: #ff7e1c
}

.text-color--turanza {
    color: #144ddf
}

.text-color--ecopia {
    color: #5ca311
}

.text-color--dueler {
    color: #f5d900
}

.text-color--blizzak {
    color: #565656
}

table {
    width: 100%;
    border: 1px solid #999
}

th {
    font-weight: 700;
    text-transform: uppercase;
    text-align: center
}

th,td {
    border-left: 1px solid #999;
    padding: .5rem;
    text-align: left;
    font-size: 1rem;
    line-height: 1.6;
    opacity: 0.75
}

th:first-child,td:first-child {
    border-left: none
}

.dryPerformance [data-tire-graph] {
    background-color: #00a99d
}

.dryPerformance svg {
    fill: #00a99d
}

[data-category='dryPerformance'].is-preferred {
    background-color: #00a99d
}

[data-category='dryPerformance'].is-preferred:after {
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

[data-category='dryPerformance'].is-preferred svg {
    fill: #fff
}

.fuelEfficiency [data-tire-graph] {
    background-color: #00a651
}

.fuelEfficiency svg {
    fill: #00a651
}

[data-category='fuelEfficiency'].is-preferred {
    background-color: #00a651
}

[data-category='fuelEfficiency'].is-preferred:after {
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

[data-category='fuelEfficiency'].is-preferred svg {
    fill: #fff
}

.icePerformance [data-tire-graph] {
    background-color: #a0410d
}

.icePerformance svg {
    fill: #a0410d
}

[data-category='icePerformance'].is-preferred {
    background-color: #a0410d
}

[data-category='icePerformance'].is-preferred:after {
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

[data-category='icePerformance'].is-preferred svg {
    fill: #fff
}

.offRoadPerformance [data-tire-graph] {
    background-color: #4ba9e4
}

.offRoadPerformance svg {
    fill: #4ba9e4
}

[data-category='offRoadPerformance'].is-preferred {
    background-color: #4ba9e4
}

[data-category='offRoadPerformance'].is-preferred:after {
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

[data-category='offRoadPerformance'].is-preferred svg {
    fill: #fff
}

.quietRide [data-tire-graph] {
    background-color: #39b54a
}

.quietRide svg {
    fill: #39b54a
}

[data-category='quietRide'].is-preferred {
    background-color: #39b54a
}

[data-category='quietRide'].is-preferred:after {
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

[data-category='quietRide'].is-preferred svg {
    fill: #fff
}

.rideComfort [data-tire-graph] {
    background-color: #007b8b
}

.rideComfort svg {
    fill: #007b8b
}

[data-category='rideComfort'].is-preferred {
    background-color: #007b8b
}

[data-category='rideComfort'].is-preferred:after {
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

[data-category='rideComfort'].is-preferred svg {
    fill: #fff
}

.wearLife [data-tire-graph] {
    background-color: #ff7f34
}

.wearLife svg {
    fill: #ff7f34
}

[data-category='wearLife'].is-preferred {
    background-color: #ff7f34
}

[data-category='wearLife'].is-preferred:after {
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

[data-category='wearLife'].is-preferred svg {
    fill: #fff
}

.wetPerformance [data-tire-graph] {
    background-color: #4ba9e4
}

.wetPerformance svg {
    fill: #4ba9e4
}

[data-category='wetPerformance'].is-preferred {
    background-color: #4ba9e4
}

[data-category='wetPerformance'].is-preferred:after {
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

[data-category='wetPerformance'].is-preferred svg {
    fill: #fff
}

.winterPerformance [data-tire-graph] {
    background-color: #067e8e
}

.winterPerformance svg {
    fill: #067e8e
}

[data-category='winterPerformance'].is-preferred {
    background-color: #067e8e
}

[data-category='winterPerformance'].is-preferred:after {
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

[data-category='winterPerformance'].is-preferred svg {
    fill: #fff
}

.snowPerformance [data-tire-graph] {
    background-color: #440e62
}

.snowPerformance svg {
    fill: #440e62
}

[data-category='snowPerformance'].is-preferred {
    background-color: #440e62
}

[data-category='snowPerformance'].is-preferred:after {
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

[data-category='snowPerformance'].is-preferred svg {
    fill: #fff
}

.loadCapacity [data-tire-graph] {
    background-color: #2f4f4f
}

.loadCapacity svg {
    fill: #2f4f4f
}

[data-category='loadCapacity'].is-preferred {
    background-color: #2f4f4f
}

[data-category='loadCapacity'].is-preferred:after {
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

[data-category='loadCapacity'].is-preferred svg {
    fill: #fff
}

.drivingStability [data-tire-graph] {
    background-color: navy
}

.drivingStability svg {
    fill: navy
}

[data-category='drivingStability'].is-preferred {
    background-color: navy
}

[data-category='drivingStability'].is-preferred:after {
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

[data-category='drivingStability'].is-preferred svg {
    fill: #fff
}

@media (max-width: 885px) {
    .pinned {
        position:absolute;
        left: 0;
        top: 0;
        background: #fff;
        width: 35%;
        overflow: hidden;
        overflow-x: scroll;
        border-right: 1px solid #ccc;
        border-left: 1px solid #ccc
    }

    .pinned table {
        border-right: none;
        border-left: none;
        width: 100%
    }

    .pinned table th,.pinned table td {
        white-space: nowrap
    }

    .pinned td:last-child {
        border-bottom: none
    }

    div.table-wrapper {
        position: relative;
        overflow: hidden;
        border-right: 1px solid #ccc
    }

    div.table-wrapper div.scrollable {
        margin-left: 35%;
        overflow: scroll;
        overflow-y: hidden
    }

    table.responsive {
        margin-bottom: 0
    }

    table.responsive.pinned td {
        display: none
    }

    table.responsive td {
        overflow: hidden;
        position: relative;
        white-space: nowrap
    }

    table.responsive td:first-child {
        display: none
    }

    table.responsive th {
        overflow: hidden;
        position: relative;
        white-space: nowrap
    }

    table.responsive th:first-child {
        display: none
    }
}

#overlay {
    background-color: rgba(0,0,0,0.5);
    bottom: 0;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 100
}

#overlay.is-hidden {
    display: none
}

#overlay.is-visible {
    display: block
}

.eyebrow-white {
    color: #f0f0f0
}

.eyebrow-bst-red {
    color: #e42300
}

.caret-left-top {
    position: relative
}

.caret-left-top:before {
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    left: 25%;
    bottom: 100%;
    border-width: 0 50px 25px;
    border-bottom-color: inherit;
    border-right-color: transparent;
    border-top-color: transparent;
    border-left-color: transparent
}

.caret-left-bottom {
    position: relative
}

.caret-left-bottom:before {
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    left: 25%;
    top: 100%;
    border-width: 25px 50px 0;
    border-top-color: inherit;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent
}

.caret-center-top {
    position: relative
}

.caret-center-top:before {
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    left: 50%;
    bottom: 100%;
    border-width: 0 50px 25px;
    border-bottom-color: inherit;
    border-right-color: transparent;
    border-top-color: transparent;
    border-left-color: transparent
}

.caret-center-bottom {
    position: relative
}

.caret-center-bottom:before {
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    left: 50%;
    top: 100%;
    border-width: 25px 50px 0;
    border-top-color: inherit;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent
}

.caret-right-top {
    position: relative
}

.caret-right-top:before {
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    left: 75%;
    bottom: 100%;
    border-width: 0 50px 25px;
    border-bottom-color: inherit;
    border-right-color: transparent;
    border-top-color: transparent;
    border-left-color: transparent
}

.caret-right-bottom {
    position: relative
}

.caret-right-bottom:before {
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    left: 75%;
    top: 100%;
    border-width: 25px 50px 0;
    border-top-color: inherit;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent
}

/*! jQuery UI - v1.12.1 - 2018-08-31
* http://jqueryui.com
* Includes: core.css, datepicker.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */
.ui-helper-hidden {
    display: none
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none
}

.ui-helper-clearfix:before {
    content: "";
    display: table;
    border-collapse: collapse
}

.ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse;
    clear: both
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0)
}

.ui-front {
    z-index: 100
}

.ui-state-disabled {
    cursor: default !important;
    pointer-events: none
}

.ui-icon {
    display: inline-block;
    vertical-align: middle;
    margin-top: -.25em;
    position: relative;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat
}

.ui-widget-icon-block {
    left: 50%;
    margin-left: -8px;
    display: block
}

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ui-datepicker {
    width: 90%;
    padding: .2em .2em 0;
    display: none
}

@media (min-width: 768px) {
    .ui-datepicker {
        width:24em
    }
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0
}

.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em
}

.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover {
    top: 1px
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px
}

.ui-datepicker .ui-datepicker-next {
    right: 2px
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 1px
}

.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0
}

.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year {
    width: 45%
}

.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em
}

.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: bold;
    border: 0
}

.ui-datepicker td {
    border: 0;
    padding: 1px
}

.ui-datepicker td span,.ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left
}

.ui-datepicker.ui-datepicker-multi {
    width: auto
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left
}

.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0
}

.ui-datepicker-rtl {
    direction: rtl
}

.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: right
}

.ui-datepicker-rtl .ui-datepicker-group {
    float: right
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px
}

.ui-datepicker .ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    left: .5em;
    top: .3em
}

.ui-widget {
    font-family: 'BridgestoneType', 'NotoSans';
    font-size: 1em
}

.ui-widget .ui-widget {
    font-size: 1em
}

.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button {
    font-family: 'BridgestoneType', 'NotoSans';
    font-size: 1em
}

.ui-widget.ui-widget-content {
    border: 1px solid #c5c5c5;
    z-index: 10 !important
}

.ui-widget-content {
    border: 1px solid #dddddd;
    background: #ffffff;
    color: #333333
}

.ui-widget-content a {
    color: #333333
}

.ui-widget-header {
    border: 1px solid #dddddd;
    background: #e9e9e9;
    color: #333333;
    font-weight: bold
}

.ui-widget-header a {
    color: #333333
}

.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button {
    border: 1px solid #c5c5c5;
    background: #f6f6f6;
    font-weight: normal;
    color: #454545
}

html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active {
    border: 1px solid #c5c5c5;
    background: #f6f6f6;
    font-weight: normal;
    color: #454545
}

.ui-state-default a {
    color: #454545;
    text-decoration: none
}

.ui-state-default a:link,.ui-state-default a:visited {
    color: #454545;
    text-decoration: none
}

a.ui-button,a:link.ui-button,a:visited.ui-button {
    color: #454545;
    text-decoration: none
}

.ui-button {
    color: #454545;
    text-decoration: none
}

.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus {
    border: 1px solid #cccccc;
    background: #ededed;
    font-weight: normal;
    color: #2b2b2b
}

.ui-button:hover,.ui-button:focus {
    border: 1px solid #cccccc;
    background: #ededed;
    font-weight: normal;
    color: #2b2b2b
}

.ui-state-hover a {
    color: #2b2b2b;
    text-decoration: none
}

.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited {
    color: #2b2b2b;
    text-decoration: none
}

.ui-state-focus a {
    color: #2b2b2b;
    text-decoration: none
}

.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited {
    color: #2b2b2b;
    text-decoration: none
}

a.ui-button:hover,a.ui-button:focus {
    color: #2b2b2b;
    text-decoration: none
}

.ui-visual-focus {
    -webkit-box-shadow: 0 0 3px 1px #5e9ed6;
    box-shadow: 0 0 3px 1px #5e9ed6
}

.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active {
    border: 1px solid #003eff;
    background: #007fff;
    font-weight: normal;
    color: #ffffff
}

.ui-button:active,.ui-button.ui-state-active:hover {
    border: 1px solid #003eff;
    background: #007fff;
    font-weight: normal;
    color: #ffffff
}

.ui-icon-background {
    border: #003eff;
    background-color: #ffffff
}

.ui-state-active .ui-icon-background {
    border: #003eff;
    background-color: #ffffff
}

.ui-state-active a {
    color: #ffffff;
    text-decoration: none
}

.ui-state-active a:link,.ui-state-active a:visited {
    color: #ffffff;
    text-decoration: none
}

.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight {
    border: 1px solid #dad55e;
    background: #fffa90;
    color: #777620
}

.ui-state-checked {
    border: 1px solid #dad55e;
    background: #fffa90
}

.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a {
    color: #777620
}

.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error {
    border: 1px solid #f1a899;
    background: #fddfdf;
    color: #5f3f3f
}

.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a,.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text {
    color: #5f3f3f
}

.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary {
    font-weight: bold
}

.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: normal
}

.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none
}

.ui-state-disabled .ui-icon {
    filter: Alpha(Opacity=35)
}

.ui-icon {
    width: 16px;
    height: 16px;
    background-image: url("../images/jquery-ui/ui-icons_444444_256x240.png")
}

.ui-widget-content .ui-icon,.ui-widget-header .ui-icon {
    background-image: url("../images/jquery-ui/ui-icons_444444_256x240.png")
}

.ui-state-hover .ui-icon,.ui-state-focus .ui-icon {
    background-image: url("../images/jquery-ui/ui-icons_555555_256x240.png")
}

.ui-button:hover .ui-icon,.ui-button:focus .ui-icon {
    background-image: url("../images/jquery-ui/ui-icons_555555_256x240.png")
}

.ui-state-active .ui-icon,.ui-button:active .ui-icon {
    background-image: url("../images/jquery-ui/ui-icons_ffffff_256x240.png")
}

.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon {
    background-image: url("../images/jquery-ui/ui-icons_777620_256x240.png")
}

.ui-state-error .ui-icon,.ui-state-error-text .ui-icon {
    background-image: url("../images/jquery-ui/ui-icons_cc0000_256x240.png")
}

.ui-button .ui-icon {
    background-image: url("../images/jquery-ui/ui-icons_777777_256x240.png")
}

.ui-icon-blank {
    background-position: 16px 16px
}

.ui-icon-caret-1-n {
    background-position: 0 0
}

.ui-icon-caret-1-ne {
    background-position: -16px 0
}

.ui-icon-caret-1-e {
    background-position: -32px 0
}

.ui-icon-caret-1-se {
    background-position: -48px 0
}

.ui-icon-caret-1-s {
    background-position: -65px 0
}

.ui-icon-caret-1-sw {
    background-position: -80px 0
}

.ui-icon-caret-1-w {
    background-position: -96px 0
}

.ui-icon-caret-1-nw {
    background-position: -112px 0
}

.ui-icon-caret-2-n-s {
    background-position: -128px 0
}

.ui-icon-caret-2-e-w {
    background-position: -144px 0
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px
}

.ui-icon-triangle-1-s {
    background-position: -65px -16px
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px
}

.ui-icon-arrow-1-s {
    background-position: -65px -32px
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px
}

.ui-icon-arrowthick-1-n {
    background-position: 1px -48px
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px
}

.ui-icon-arrow-4 {
    background-position: 0 -80px
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px
}

.ui-icon-extlink {
    background-position: -32px -80px
}

.ui-icon-newwin {
    background-position: -48px -80px
}

.ui-icon-refresh {
    background-position: -64px -80px
}

.ui-icon-shuffle {
    background-position: -80px -80px
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px
}

.ui-icon-folder-open {
    background-position: -16px -96px
}

.ui-icon-document {
    background-position: -32px -96px
}

.ui-icon-document-b {
    background-position: -48px -96px
}

.ui-icon-note {
    background-position: -64px -96px
}

.ui-icon-mail-closed {
    background-position: -80px -96px
}

.ui-icon-mail-open {
    background-position: -96px -96px
}

.ui-icon-suitcase {
    background-position: -112px -96px
}

.ui-icon-comment {
    background-position: -128px -96px
}

.ui-icon-person {
    background-position: -144px -96px
}

.ui-icon-print {
    background-position: -160px -96px
}

.ui-icon-trash {
    background-position: -176px -96px
}

.ui-icon-locked {
    background-position: -192px -96px
}

.ui-icon-unlocked {
    background-position: -208px -96px
}

.ui-icon-bookmark {
    background-position: -224px -96px
}

.ui-icon-tag {
    background-position: -240px -96px
}

.ui-icon-home {
    background-position: 0 -112px
}

.ui-icon-flag {
    background-position: -16px -112px
}

.ui-icon-calendar {
    background-position: -32px -112px
}

.ui-icon-cart {
    background-position: -48px -112px
}

.ui-icon-pencil {
    background-position: -64px -112px
}

.ui-icon-clock {
    background-position: -80px -112px
}

.ui-icon-disk {
    background-position: -96px -112px
}

.ui-icon-calculator {
    background-position: -112px -112px
}

.ui-icon-zoomin {
    background-position: -128px -112px
}

.ui-icon-zoomout {
    background-position: -144px -112px
}

.ui-icon-search {
    background-position: -160px -112px
}

.ui-icon-wrench {
    background-position: -176px -112px
}

.ui-icon-gear {
    background-position: -192px -112px
}

.ui-icon-heart {
    background-position: -208px -112px
}

.ui-icon-star {
    background-position: -224px -112px
}

.ui-icon-link {
    background-position: -240px -112px
}

.ui-icon-cancel {
    background-position: 0 -128px
}

.ui-icon-plus {
    background-position: -16px -128px
}

.ui-icon-plusthick {
    background-position: -32px -128px
}

.ui-icon-minus {
    background-position: -48px -128px
}

.ui-icon-minusthick {
    background-position: -64px -128px
}

.ui-icon-close {
    background-position: -80px -128px
}

.ui-icon-closethick {
    background-position: -96px -128px
}

.ui-icon-key {
    background-position: -112px -128px
}

.ui-icon-lightbulb {
    background-position: -128px -128px
}

.ui-icon-scissors {
    background-position: -144px -128px
}

.ui-icon-clipboard {
    background-position: -160px -128px
}

.ui-icon-copy {
    background-position: -176px -128px
}

.ui-icon-contact {
    background-position: -192px -128px
}

.ui-icon-image {
    background-position: -208px -128px
}

.ui-icon-video {
    background-position: -224px -128px
}

.ui-icon-script {
    background-position: -240px -128px
}

.ui-icon-alert {
    background-position: 0 -144px
}

.ui-icon-info {
    background-position: -16px -144px
}

.ui-icon-notice {
    background-position: -32px -144px
}

.ui-icon-help {
    background-position: -48px -144px
}

.ui-icon-check {
    background-position: -64px -144px
}

.ui-icon-bullet {
    background-position: -80px -144px
}

.ui-icon-radio-on {
    background-position: -96px -144px
}

.ui-icon-radio-off {
    background-position: -112px -144px
}

.ui-icon-pin-w {
    background-position: -128px -144px
}

.ui-icon-pin-s {
    background-position: -144px -144px
}

.ui-icon-play {
    background-position: 0 -160px
}

.ui-icon-pause {
    background-position: -16px -160px
}

.ui-icon-seek-next {
    background-position: -32px -160px
}

.ui-icon-seek-prev {
    background-position: -48px -160px
}

.ui-icon-seek-end {
    background-position: -64px -160px
}

.ui-icon-seek-start,.ui-icon-seek-first {
    background-position: -80px -160px
}

.ui-icon-stop {
    background-position: -96px -160px
}

.ui-icon-eject {
    background-position: -112px -160px
}

.ui-icon-volume-off {
    background-position: -128px -160px
}

.ui-icon-volume-on {
    background-position: -144px -160px
}

.ui-icon-power {
    background-position: 0 -176px
}

.ui-icon-signal-diag {
    background-position: -16px -176px
}

.ui-icon-signal {
    background-position: -32px -176px
}

.ui-icon-battery-0 {
    background-position: -48px -176px
}

.ui-icon-battery-1 {
    background-position: -64px -176px
}

.ui-icon-battery-2 {
    background-position: -80px -176px
}

.ui-icon-battery-3 {
    background-position: -96px -176px
}

.ui-icon-circle-plus {
    background-position: 0 -192px
}

.ui-icon-circle-minus {
    background-position: -16px -192px
}

.ui-icon-circle-close {
    background-position: -32px -192px
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px
}

.ui-icon-circle-check {
    background-position: -208px -192px
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px
}

.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl {
    border-top-left-radius: 3px
}

.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr {
    border-top-right-radius: 3px
}

.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl {
    border-bottom-left-radius: 3px
}

.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br {
    border-bottom-right-radius: 3px
}

.ui-widget-overlay {
    background: #aaaaaa;
    opacity: .3;
    filter: Alpha(Opacity=30)
}

.ui-widget-shadow {
    -webkit-box-shadow: 0px 0px 5px #666666;
    box-shadow: 0px 0px 5px #666666
}

@-webkit-keyframes scale {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    45% {
        -webkit-transform: scale(0.1);
        transform: scale(0.1);
        opacity: 0.7
    }

    80% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes scale {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    45% {
        -webkit-transform: scale(0.1);
        transform: scale(0.1);
        opacity: 0.7
    }

    80% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.ball-pulse>div:nth-child(0) {
    -webkit-animation: scale 0.75s -0.36s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
    animation: scale 0.75s -0.36s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08)
}

.ball-pulse>div:nth-child(1) {
    -webkit-animation: scale 0.75s -0.24s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
    animation: scale 0.75s -0.24s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08)
}

.ball-pulse>div:nth-child(2) {
    -webkit-animation: scale 0.75s -0.12s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
    animation: scale 0.75s -0.12s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08)
}

.ball-pulse>div:nth-child(3) {
    -webkit-animation: scale 0.75s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
    animation: scale 0.75s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08)
}

.ball-pulse>div {
    background-color: #fff;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin: 2px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    display: inline-block
}

@-webkit-keyframes ball-pulse-sync {
    33% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }

    66% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes ball-pulse-sync {
    33% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }

    66% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.ball-pulse-sync>div:nth-child(0) {
    -webkit-animation: ball-pulse-sync 0.6s -0.21s infinite ease-in-out;
    animation: ball-pulse-sync 0.6s -0.21s infinite ease-in-out
}

.ball-pulse-sync>div:nth-child(1) {
    -webkit-animation: ball-pulse-sync 0.6s -0.14s infinite ease-in-out;
    animation: ball-pulse-sync 0.6s -0.14s infinite ease-in-out
}

.ball-pulse-sync>div:nth-child(2) {
    -webkit-animation: ball-pulse-sync 0.6s -0.07s infinite ease-in-out;
    animation: ball-pulse-sync 0.6s -0.07s infinite ease-in-out
}

.ball-pulse-sync>div:nth-child(3) {
    -webkit-animation: ball-pulse-sync 0.6s 0s infinite ease-in-out;
    animation: ball-pulse-sync 0.6s 0s infinite ease-in-out
}

.ball-pulse-sync>div {
    background-color: #fff;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin: 2px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    display: inline-block
}

@-webkit-keyframes ball-scale {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

@keyframes ball-scale {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

.ball-scale>div {
    background-color: #fff;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin: 2px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    display: inline-block;
    height: 60px;
    width: 60px;
    -webkit-animation: ball-scale 1s 0s ease-in-out infinite;
    animation: ball-scale 1s 0s ease-in-out infinite
}

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

    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

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

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

    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

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

.ball-rotate {
    position: relative
}

.ball-rotate>div {
    background-color: #fff;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin: 2px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    position: relative
}

.ball-rotate>div:first-child {
    -webkit-animation: rotate 1s 0s cubic-bezier(0.7, -0.13, 0.22, 0.86) infinite;
    animation: rotate 1s 0s cubic-bezier(0.7, -0.13, 0.22, 0.86) infinite
}

.ball-rotate>div:before,.ball-rotate>div:after {
    background-color: #fff;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin: 2px;
    content: '';
    position: absolute;
    opacity: 0.8
}

.ball-rotate>div:before {
    top: 0px;
    left: -28px
}

.ball-rotate>div:after {
    top: 0px;
    left: 25px
}

@keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg) scale(1);
        transform: rotate(0deg) scale(1)
    }

    50% {
        -webkit-transform: rotate(180deg) scale(0.6);
        transform: rotate(180deg) scale(0.6)
    }

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

.ball-clip-rotate>div {
    background-color: #fff;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin: 2px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    border: 2px solid #fff;
    border-bottom-color: transparent;
    height: 25px;
    width: 25px;
    background: transparent !important;
    display: inline-block;
    -webkit-animation: rotate 0.75s 0s linear infinite;
    animation: rotate 0.75s 0s linear infinite
}

@keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg) scale(1);
        transform: rotate(0deg) scale(1)
    }

    50% {
        -webkit-transform: rotate(180deg) scale(0.6);
        transform: rotate(180deg) scale(0.6)
    }

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

@keyframes scale {
    30% {
        -webkit-transform: scale(0.3);
        transform: scale(0.3)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.ball-clip-rotate-pulse {
    position: relative;
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px)
}

.ball-clip-rotate-pulse>div {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    position: absolute;
    top: 0px;
    left: 0px;
    border-radius: 100%
}

.ball-clip-rotate-pulse>div:first-child {
    background: #fff;
    height: 16px;
    width: 16px;
    top: 7px;
    left: -7px;
    -webkit-animation: scale 1s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
    animation: scale 1s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite
}

.ball-clip-rotate-pulse>div:last-child {
    position: absolute;
    border: 2px solid #fff;
    width: 30px;
    height: 30px;
    left: -16px;
    top: -2px;
    background: transparent;
    border: 2px solid;
    border-color: #fff transparent #fff transparent;
    -webkit-animation: rotate 1s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
    animation: rotate 1s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
    -webkit-animation-duration: 1s;
    animation-duration: 1s
}

@keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg) scale(1);
        transform: rotate(0deg) scale(1)
    }

    50% {
        -webkit-transform: rotate(180deg) scale(0.6);
        transform: rotate(180deg) scale(0.6)
    }

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

.ball-clip-rotate-multiple {
    position: relative
}

.ball-clip-rotate-multiple>div {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    position: absolute;
    left: -20px;
    top: -20px;
    border: 2px solid #fff;
    border-bottom-color: transparent;
    border-top-color: transparent;
    border-radius: 100%;
    height: 35px;
    width: 35px;
    -webkit-animation: rotate 1s 0s ease-in-out infinite;
    animation: rotate 1s 0s ease-in-out infinite
}

.ball-clip-rotate-multiple>div:last-child {
    display: inline-block;
    top: -10px;
    left: -10px;
    width: 15px;
    height: 15px;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    border-color: #fff transparent #fff transparent;
    -webkit-animation-direction: reverse;
    animation-direction: reverse
}

@-webkit-keyframes ball-scale-ripple {
    0% {
        -webkit-transform: scale(0.1);
        transform: scale(0.1);
        opacity: 1
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0.7
    }

    100% {
        opacity: 0
    }
}

@keyframes ball-scale-ripple {
    0% {
        -webkit-transform: scale(0.1);
        transform: scale(0.1);
        opacity: 1
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0.7
    }

    100% {
        opacity: 0
    }
}

.ball-scale-ripple>div {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    height: 50px;
    width: 50px;
    border-radius: 100%;
    border: 2px solid #fff;
    -webkit-animation: ball-scale-ripple 1s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8);
    animation: ball-scale-ripple 1s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8)
}

@-webkit-keyframes ball-scale-ripple-multiple {
    0% {
        -webkit-transform: scale(0.1);
        transform: scale(0.1);
        opacity: 1
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0.7
    }

    100% {
        opacity: 0
    }
}

@keyframes ball-scale-ripple-multiple {
    0% {
        -webkit-transform: scale(0.1);
        transform: scale(0.1);
        opacity: 1
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0.7
    }

    100% {
        opacity: 0
    }
}

.ball-scale-ripple-multiple {
    position: relative;
    -webkit-transform: translateY(-25px);
    transform: translateY(-25px)
}

.ball-scale-ripple-multiple>div:nth-child(0) {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s
}

.ball-scale-ripple-multiple>div:nth-child(1) {
    -webkit-animation-delay: -0.6s;
    animation-delay: -0.6s
}

.ball-scale-ripple-multiple>div:nth-child(2) {
    -webkit-animation-delay: -0.4s;
    animation-delay: -0.4s
}

.ball-scale-ripple-multiple>div:nth-child(3) {
    -webkit-animation-delay: -0.2s;
    animation-delay: -0.2s
}

.ball-scale-ripple-multiple>div {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    position: absolute;
    top: -2px;
    left: -26px;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    border: 2px solid #fff;
    -webkit-animation: ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8);
    animation: ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8)
}

@-webkit-keyframes ball-beat {
    50% {
        opacity: 0.2;
        -webkit-transform: scale(0.75);
        transform: scale(0.75)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes ball-beat {
    50% {
        opacity: 0.2;
        -webkit-transform: scale(0.75);
        transform: scale(0.75)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.ball-beat>div {
    background-color: #fff;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin: 2px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    display: inline-block;
    -webkit-animation: ball-beat 0.7s 0s infinite linear;
    animation: ball-beat 0.7s 0s infinite linear
}

.ball-beat>div:nth-child(2n-1) {
    -webkit-animation-delay: -0.35s !important;
    animation-delay: -0.35s !important
}

@-webkit-keyframes ball-scale-multiple {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }

    5% {
        opacity: 1
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

@keyframes ball-scale-multiple {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }

    5% {
        opacity: 1
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

.ball-scale-multiple {
    position: relative;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px)
}

.ball-scale-multiple>div:nth-child(2) {
    -webkit-animation-delay: -0.4s;
    animation-delay: -0.4s
}

.ball-scale-multiple>div:nth-child(3) {
    -webkit-animation-delay: -0.2s;
    animation-delay: -0.2s
}

.ball-scale-multiple>div {
    background-color: #fff;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin: 2px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    position: absolute;
    left: -30px;
    top: 0px;
    opacity: 0;
    margin: 0;
    width: 60px;
    height: 60px;
    -webkit-animation: ball-scale-multiple 1s 0s linear infinite;
    animation: ball-scale-multiple 1s 0s linear infinite
}

@-webkit-keyframes ball-triangle-path-1 {
    33% {
        -webkit-transform: translate(25px, -50px);
        transform: translate(25px, -50px)
    }

    66% {
        -webkit-transform: translate(50px, 0px);
        transform: translate(50px, 0px)
    }

    100% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px)
    }
}

@keyframes ball-triangle-path-1 {
    33% {
        -webkit-transform: translate(25px, -50px);
        transform: translate(25px, -50px)
    }

    66% {
        -webkit-transform: translate(50px, 0px);
        transform: translate(50px, 0px)
    }

    100% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px)
    }
}

@-webkit-keyframes ball-triangle-path-2 {
    33% {
        -webkit-transform: translate(25px, 50px);
        transform: translate(25px, 50px)
    }

    66% {
        -webkit-transform: translate(-25px, 50px);
        transform: translate(-25px, 50px)
    }

    100% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px)
    }
}

@keyframes ball-triangle-path-2 {
    33% {
        -webkit-transform: translate(25px, 50px);
        transform: translate(25px, 50px)
    }

    66% {
        -webkit-transform: translate(-25px, 50px);
        transform: translate(-25px, 50px)
    }

    100% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px)
    }
}

@-webkit-keyframes ball-triangle-path-3 {
    33% {
        -webkit-transform: translate(-50px, 0px);
        transform: translate(-50px, 0px)
    }

    66% {
        -webkit-transform: translate(-25px, -50px);
        transform: translate(-25px, -50px)
    }

    100% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px)
    }
}

@keyframes ball-triangle-path-3 {
    33% {
        -webkit-transform: translate(-50px, 0px);
        transform: translate(-50px, 0px)
    }

    66% {
        -webkit-transform: translate(-25px, -50px);
        transform: translate(-25px, -50px)
    }

    100% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px)
    }
}

.ball-triangle-path {
    position: absolute;
    -webkit-transform: translate(-29.994px, -37.50938px);
    transform: translate(-29.994px, -37.50938px)
}

.ball-triangle-path>div:nth-child(1) {
    -webkit-animation-name: ball-triangle-path-1;
    animation-name: ball-triangle-path-1;
    -webkit-animation-delay: 0;
    animation-delay: 0;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.ball-triangle-path>div:nth-child(2) {
    -webkit-animation-name: ball-triangle-path-2;
    animation-name: ball-triangle-path-2;
    -webkit-animation-delay: 0;
    animation-delay: 0;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.ball-triangle-path>div:nth-child(3) {
    -webkit-animation-name: ball-triangle-path-3;
    animation-name: ball-triangle-path-3;
    -webkit-animation-delay: 0;
    animation-delay: 0;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.ball-triangle-path>div {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    border: 1px solid #fff
}

.ball-triangle-path>div:nth-of-type(1) {
    top: 50px
}

.ball-triangle-path>div:nth-of-type(2) {
    left: 25px
}

.ball-triangle-path>div:nth-of-type(3) {
    top: 50px;
    left: 50px
}

@-webkit-keyframes ball-pulse-rise-even {
    0% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    25% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }

    50% {
        -webkit-transform: scale(0.4);
        transform: scale(0.4)
    }

    75% {
        -webkit-transform: translateY(30px);
        transform: translateY(30px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes ball-pulse-rise-even {
    0% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    25% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }

    50% {
        -webkit-transform: scale(0.4);
        transform: scale(0.4)
    }

    75% {
        -webkit-transform: translateY(30px);
        transform: translateY(30px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes ball-pulse-rise-odd {
    0% {
        -webkit-transform: scale(0.4);
        transform: scale(0.4)
    }

    25% {
        -webkit-transform: translateY(30px);
        transform: translateY(30px)
    }

    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    75% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-transform: scale(0.75);
        transform: scale(0.75)
    }
}

@keyframes ball-pulse-rise-odd {
    0% {
        -webkit-transform: scale(0.4);
        transform: scale(0.4)
    }

    25% {
        -webkit-transform: translateY(30px);
        transform: translateY(30px)
    }

    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    75% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-transform: scale(0.75);
        transform: scale(0.75)
    }
}

.ball-pulse-rise>div {
    background-color: #fff;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin: 2px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    display: inline-block;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: cubic-bezier(0.15, 0.46, 0.9, 0.6);
    animation-timing-function: cubic-bezier(0.15, 0.46, 0.9, 0.6);
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-delay: 0;
    animation-delay: 0
}

.ball-pulse-rise>div:nth-child(2n) {
    -webkit-animation-name: ball-pulse-rise-even;
    animation-name: ball-pulse-rise-even
}

.ball-pulse-rise>div:nth-child(2n-1) {
    -webkit-animation-name: ball-pulse-rise-odd;
    animation-name: ball-pulse-rise-odd
}

@-webkit-keyframes ball-grid-beat {
    50% {
        opacity: 0.7
    }

    100% {
        opacity: 1
    }
}

@keyframes ball-grid-beat {
    50% {
        opacity: 0.7
    }

    100% {
        opacity: 1
    }
}

.ball-grid-beat {
    width: 57px
}

.ball-grid-beat>div:nth-child(1) {
    -webkit-animation-delay: -0.07s;
    animation-delay: -0.07s;
    -webkit-animation-duration: 1.53s;
    animation-duration: 1.53s
}

.ball-grid-beat>div:nth-child(2) {
    -webkit-animation-delay: 0.72s;
    animation-delay: 0.72s;
    -webkit-animation-duration: 0.94s;
    animation-duration: 0.94s
}

.ball-grid-beat>div:nth-child(3) {
    -webkit-animation-delay: 0.11s;
    animation-delay: 0.11s;
    -webkit-animation-duration: 1.25s;
    animation-duration: 1.25s
}

.ball-grid-beat>div:nth-child(4) {
    -webkit-animation-delay: 0.13s;
    animation-delay: 0.13s;
    -webkit-animation-duration: 1.01s;
    animation-duration: 1.01s
}

.ball-grid-beat>div:nth-child(5) {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s
}

.ball-grid-beat>div:nth-child(6) {
    -webkit-animation-delay: 0.18s;
    animation-delay: 0.18s;
    -webkit-animation-duration: 0.97s;
    animation-duration: 0.97s
}

.ball-grid-beat>div:nth-child(7) {
    -webkit-animation-delay: -0.09s;
    animation-delay: -0.09s;
    -webkit-animation-duration: 0.67s;
    animation-duration: 0.67s
}

.ball-grid-beat>div:nth-child(8) {
    -webkit-animation-delay: 0.42s;
    animation-delay: 0.42s;
    -webkit-animation-duration: 0.92s;
    animation-duration: 0.92s
}

.ball-grid-beat>div:nth-child(9) {
    -webkit-animation-delay: 0.52s;
    animation-delay: 0.52s;
    -webkit-animation-duration: 1.43s;
    animation-duration: 1.43s
}

.ball-grid-beat>div {
    background-color: #fff;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin: 2px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    display: inline-block;
    float: left;
    -webkit-animation-name: ball-grid-beat;
    animation-name: ball-grid-beat;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-delay: 0;
    animation-delay: 0
}

@-webkit-keyframes ball-grid-pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        opacity: 0.7
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes ball-grid-pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        opacity: 0.7
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.ball-grid-pulse {
    width: 57px
}

.ball-grid-pulse>div:nth-child(1) {
    -webkit-animation-delay: 0.73s;
    animation-delay: 0.73s;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s
}

.ball-grid-pulse>div:nth-child(2) {
    -webkit-animation-delay: 0.32s;
    animation-delay: 0.32s;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s
}

.ball-grid-pulse>div:nth-child(3) {
    -webkit-animation-delay: 0.71s;
    animation-delay: 0.71s;
    -webkit-animation-duration: 0.88s;
    animation-duration: 0.88s
}

.ball-grid-pulse>div:nth-child(4) {
    -webkit-animation-delay: 0.62s;
    animation-delay: 0.62s;
    -webkit-animation-duration: 1.06s;
    animation-duration: 1.06s
}

.ball-grid-pulse>div:nth-child(5) {
    -webkit-animation-delay: 0.31s;
    animation-delay: 0.31s;
    -webkit-animation-duration: 0.62s;
    animation-duration: 0.62s
}

.ball-grid-pulse>div:nth-child(6) {
    -webkit-animation-delay: -0.14s;
    animation-delay: -0.14s;
    -webkit-animation-duration: 1.48s;
    animation-duration: 1.48s
}

.ball-grid-pulse>div:nth-child(7) {
    -webkit-animation-delay: -0.1s;
    animation-delay: -0.1s;
    -webkit-animation-duration: 1.47s;
    animation-duration: 1.47s
}

.ball-grid-pulse>div:nth-child(8) {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
    -webkit-animation-duration: 1.49s;
    animation-duration: 1.49s
}

.ball-grid-pulse>div:nth-child(9) {
    -webkit-animation-delay: 0.73s;
    animation-delay: 0.73s;
    -webkit-animation-duration: 0.7s;
    animation-duration: 0.7s
}

.ball-grid-pulse>div {
    background-color: #fff;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin: 2px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    display: inline-block;
    float: left;
    -webkit-animation-name: ball-grid-pulse;
    animation-name: ball-grid-pulse;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-delay: 0;
    animation-delay: 0
}

@-webkit-keyframes ball-spin-fade-loader {
    50% {
        opacity: 0.3;
        -webkit-transform: scale(0.4);
        transform: scale(0.4)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes ball-spin-fade-loader {
    50% {
        opacity: 0.3;
        -webkit-transform: scale(0.4);
        transform: scale(0.4)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.ball-spin-fade-loader {
    position: relative;
    top: -10px;
    left: -10px
}

.ball-spin-fade-loader>div:nth-child(1) {
    top: 25px;
    left: 0;
    -webkit-animation: ball-spin-fade-loader 1s -0.96s infinite linear;
    animation: ball-spin-fade-loader 1s -0.96s infinite linear
}

.ball-spin-fade-loader>div:nth-child(2) {
    top: 17.04545px;
    left: 17.04545px;
    -webkit-animation: ball-spin-fade-loader 1s -0.84s infinite linear;
    animation: ball-spin-fade-loader 1s -0.84s infinite linear
}

.ball-spin-fade-loader>div:nth-child(3) {
    top: 0;
    left: 25px;
    -webkit-animation: ball-spin-fade-loader 1s -0.72s infinite linear;
    animation: ball-spin-fade-loader 1s -0.72s infinite linear
}

.ball-spin-fade-loader>div:nth-child(4) {
    top: -17.04545px;
    left: 17.04545px;
    -webkit-animation: ball-spin-fade-loader 1s -0.6s infinite linear;
    animation: ball-spin-fade-loader 1s -0.6s infinite linear
}

.ball-spin-fade-loader>div:nth-child(5) {
    top: -25px;
    left: 0;
    -webkit-animation: ball-spin-fade-loader 1s -0.48s infinite linear;
    animation: ball-spin-fade-loader 1s -0.48s infinite linear
}

.ball-spin-fade-loader>div:nth-child(6) {
    top: -17.04545px;
    left: -17.04545px;
    -webkit-animation: ball-spin-fade-loader 1s -0.36s infinite linear;
    animation: ball-spin-fade-loader 1s -0.36s infinite linear
}

.ball-spin-fade-loader>div:nth-child(7) {
    top: 0;
    left: -25px;
    -webkit-animation: ball-spin-fade-loader 1s -0.24s infinite linear;
    animation: ball-spin-fade-loader 1s -0.24s infinite linear
}

.ball-spin-fade-loader>div:nth-child(8) {
    top: 17.04545px;
    left: -17.04545px;
    -webkit-animation: ball-spin-fade-loader 1s -0.12s infinite linear;
    animation: ball-spin-fade-loader 1s -0.12s infinite linear
}

.ball-spin-fade-loader>div {
    background-color: #fff;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin: 2px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    position: absolute
}

@-webkit-keyframes ball-spin-loader {
    75% {
        opacity: 0.2
    }

    100% {
        opacity: 1
    }
}

@keyframes ball-spin-loader {
    75% {
        opacity: 0.2
    }

    100% {
        opacity: 1
    }
}

.ball-spin-loader {
    position: relative
}

.ball-spin-loader>span:nth-child(1) {
    top: 45px;
    left: 0;
    -webkit-animation: ball-spin-loader 2s 0.9s infinite linear;
    animation: ball-spin-loader 2s 0.9s infinite linear
}

.ball-spin-loader>span:nth-child(2) {
    top: 30.68182px;
    left: 30.68182px;
    -webkit-animation: ball-spin-loader 2s 1.8s infinite linear;
    animation: ball-spin-loader 2s 1.8s infinite linear
}

.ball-spin-loader>span:nth-child(3) {
    top: 0;
    left: 45px;
    -webkit-animation: ball-spin-loader 2s 2.7s infinite linear;
    animation: ball-spin-loader 2s 2.7s infinite linear
}

.ball-spin-loader>span:nth-child(4) {
    top: -30.68182px;
    left: 30.68182px;
    -webkit-animation: ball-spin-loader 2s 3.6s infinite linear;
    animation: ball-spin-loader 2s 3.6s infinite linear
}

.ball-spin-loader>span:nth-child(5) {
    top: -45px;
    left: 0;
    -webkit-animation: ball-spin-loader 2s 4.5s infinite linear;
    animation: ball-spin-loader 2s 4.5s infinite linear
}

.ball-spin-loader>span:nth-child(6) {
    top: -30.68182px;
    left: -30.68182px;
    -webkit-animation: ball-spin-loader 2s 5.4s infinite linear;
    animation: ball-spin-loader 2s 5.4s infinite linear
}

.ball-spin-loader>span:nth-child(7) {
    top: 0;
    left: -45px;
    -webkit-animation: ball-spin-loader 2s 6.3s infinite linear;
    animation: ball-spin-loader 2s 6.3s infinite linear
}

.ball-spin-loader>span:nth-child(8) {
    top: 30.68182px;
    left: -30.68182px;
    -webkit-animation: ball-spin-loader 2s 7.2s infinite linear;
    animation: ball-spin-loader 2s 7.2s infinite linear
}

.ball-spin-loader>div {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    background: green
}

@-webkit-keyframes ball-zig {
    33% {
        -webkit-transform: translate(-15px, -30px);
        transform: translate(-15px, -30px)
    }

    66% {
        -webkit-transform: translate(15px, -30px);
        transform: translate(15px, -30px)
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@keyframes ball-zig {
    33% {
        -webkit-transform: translate(-15px, -30px);
        transform: translate(-15px, -30px)
    }

    66% {
        -webkit-transform: translate(15px, -30px);
        transform: translate(15px, -30px)
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@-webkit-keyframes ball-zag {
    33% {
        -webkit-transform: translate(15px, 30px);
        transform: translate(15px, 30px)
    }

    66% {
        -webkit-transform: translate(-15px, 30px);
        transform: translate(-15px, 30px)
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@keyframes ball-zag {
    33% {
        -webkit-transform: translate(15px, 30px);
        transform: translate(15px, 30px)
    }

    66% {
        -webkit-transform: translate(-15px, 30px);
        transform: translate(-15px, 30px)
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

.ball-zig-zag {
    position: relative;
    -webkit-transform: translate(-15px, -15px);
    transform: translate(-15px, -15px)
}

.ball-zig-zag>div {
    background-color: #fff;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin: 2px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    position: absolute;
    margin-left: 15px;
    top: 4px;
    left: -7px
}

.ball-zig-zag>div:first-child {
    -webkit-animation: ball-zig 0.7s 0s infinite linear;
    animation: ball-zig 0.7s 0s infinite linear
}

.ball-zig-zag>div:last-child {
    -webkit-animation: ball-zag 0.7s 0s infinite linear;
    animation: ball-zag 0.7s 0s infinite linear
}

@-webkit-keyframes ball-zig-deflect {
    17% {
        -webkit-transform: translate(-15px, -30px);
        transform: translate(-15px, -30px)
    }

    34% {
        -webkit-transform: translate(15px, -30px);
        transform: translate(15px, -30px)
    }

    50% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    67% {
        -webkit-transform: translate(15px, -30px);
        transform: translate(15px, -30px)
    }

    84% {
        -webkit-transform: translate(-15px, -30px);
        transform: translate(-15px, -30px)
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@keyframes ball-zig-deflect {
    17% {
        -webkit-transform: translate(-15px, -30px);
        transform: translate(-15px, -30px)
    }

    34% {
        -webkit-transform: translate(15px, -30px);
        transform: translate(15px, -30px)
    }

    50% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    67% {
        -webkit-transform: translate(15px, -30px);
        transform: translate(15px, -30px)
    }

    84% {
        -webkit-transform: translate(-15px, -30px);
        transform: translate(-15px, -30px)
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@-webkit-keyframes ball-zag-deflect {
    17% {
        -webkit-transform: translate(15px, 30px);
        transform: translate(15px, 30px)
    }

    34% {
        -webkit-transform: translate(-15px, 30px);
        transform: translate(-15px, 30px)
    }

    50% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    67% {
        -webkit-transform: translate(-15px, 30px);
        transform: translate(-15px, 30px)
    }

    84% {
        -webkit-transform: translate(15px, 30px);
        transform: translate(15px, 30px)
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@keyframes ball-zag-deflect {
    17% {
        -webkit-transform: translate(15px, 30px);
        transform: translate(15px, 30px)
    }

    34% {
        -webkit-transform: translate(-15px, 30px);
        transform: translate(-15px, 30px)
    }

    50% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    67% {
        -webkit-transform: translate(-15px, 30px);
        transform: translate(-15px, 30px)
    }

    84% {
        -webkit-transform: translate(15px, 30px);
        transform: translate(15px, 30px)
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

.ball-zig-zag-deflect {
    position: relative;
    -webkit-transform: translate(-15px, -15px);
    transform: translate(-15px, -15px)
}

.ball-zig-zag-deflect>div {
    background-color: #fff;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin: 2px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    position: absolute;
    margin-left: 15px;
    top: 4px;
    left: -7px
}

.ball-zig-zag-deflect>div:first-child {
    -webkit-animation: ball-zig-deflect 1.5s 0s infinite linear;
    animation: ball-zig-deflect 1.5s 0s infinite linear
}

.ball-zig-zag-deflect>div:last-child {
    -webkit-animation: ball-zag-deflect 1.5s 0s infinite linear;
    animation: ball-zag-deflect 1.5s 0s infinite linear
}

@-webkit-keyframes line-scale {
    0% {
        -webkit-transform: scaley(1);
        transform: scaley(1)
    }

    50% {
        -webkit-transform: scaley(0.4);
        transform: scaley(0.4)
    }

    100% {
        -webkit-transform: scaley(1);
        transform: scaley(1)
    }
}

@keyframes line-scale {
    0% {
        -webkit-transform: scaley(1);
        transform: scaley(1)
    }

    50% {
        -webkit-transform: scaley(0.4);
        transform: scaley(0.4)
    }

    100% {
        -webkit-transform: scaley(1);
        transform: scaley(1)
    }
}

.line-scale>div:nth-child(1) {
    -webkit-animation: line-scale 1s -0.4s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
    animation: line-scale 1s -0.4s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08)
}

.line-scale>div:nth-child(2) {
    -webkit-animation: line-scale 1s -0.3s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
    animation: line-scale 1s -0.3s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08)
}

.line-scale>div:nth-child(3) {
    -webkit-animation: line-scale 1s -0.2s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
    animation: line-scale 1s -0.2s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08)
}

.line-scale>div:nth-child(4) {
    -webkit-animation: line-scale 1s -0.1s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
    animation: line-scale 1s -0.1s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08)
}

.line-scale>div:nth-child(5) {
    -webkit-animation: line-scale 1s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
    animation: line-scale 1s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08)
}

.line-scale>div {
    background-color: #fff;
    width: 4px;
    height: 35px;
    border-radius: 2px;
    margin: 2px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    display: inline-block
}

@-webkit-keyframes line-scale-party {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes line-scale-party {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.line-scale-party>div:nth-child(1) {
    -webkit-animation-delay: 0.23s;
    animation-delay: 0.23s;
    -webkit-animation-duration: 1.1s;
    animation-duration: 1.1s
}

.line-scale-party>div:nth-child(2) {
    -webkit-animation-delay: 0.09s;
    animation-delay: 0.09s;
    -webkit-animation-duration: 1s;
    animation-duration: 1s
}

.line-scale-party>div:nth-child(3) {
    -webkit-animation-delay: 0.44s;
    animation-delay: 0.44s;
    -webkit-animation-duration: 0.65s;
    animation-duration: 0.65s
}

.line-scale-party>div:nth-child(4) {
    -webkit-animation-delay: -0.12s;
    animation-delay: -0.12s;
    -webkit-animation-duration: 1.01s;
    animation-duration: 1.01s
}

.line-scale-party>div {
    background-color: #fff;
    width: 4px;
    height: 35px;
    border-radius: 2px;
    margin: 2px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    display: inline-block;
    -webkit-animation-name: line-scale-party;
    animation-name: line-scale-party;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-delay: 0;
    animation-delay: 0
}

@-webkit-keyframes line-scale-pulse-out {
    0% {
        -webkit-transform: scaley(1);
        transform: scaley(1)
    }

    50% {
        -webkit-transform: scaley(0.4);
        transform: scaley(0.4)
    }

    100% {
        -webkit-transform: scaley(1);
        transform: scaley(1)
    }
}

@keyframes line-scale-pulse-out {
    0% {
        -webkit-transform: scaley(1);
        transform: scaley(1)
    }

    50% {
        -webkit-transform: scaley(0.4);
        transform: scaley(0.4)
    }

    100% {
        -webkit-transform: scaley(1);
        transform: scaley(1)
    }
}

.line-scale-pulse-out>div {
    background-color: #fff;
    width: 4px;
    height: 35px;
    border-radius: 2px;
    margin: 2px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    display: inline-block;
    -webkit-animation: line-scale-pulse-out 0.9s -0.6s infinite cubic-bezier(0.85, 0.25, 0.37, 0.85);
    animation: line-scale-pulse-out 0.9s -0.6s infinite cubic-bezier(0.85, 0.25, 0.37, 0.85)
}

.line-scale-pulse-out>div:nth-child(2),.line-scale-pulse-out>div:nth-child(4) {
    -webkit-animation-delay: -0.4s !important;
    animation-delay: -0.4s !important
}

.line-scale-pulse-out>div:nth-child(1),.line-scale-pulse-out>div:nth-child(5) {
    -webkit-animation-delay: -0.2s !important;
    animation-delay: -0.2s !important
}

@-webkit-keyframes line-scale-pulse-out-rapid {
    0% {
        -webkit-transform: scaley(1);
        transform: scaley(1)
    }

    80% {
        -webkit-transform: scaley(0.3);
        transform: scaley(0.3)
    }

    90% {
        -webkit-transform: scaley(1);
        transform: scaley(1)
    }
}

@keyframes line-scale-pulse-out-rapid {
    0% {
        -webkit-transform: scaley(1);
        transform: scaley(1)
    }

    80% {
        -webkit-transform: scaley(0.3);
        transform: scaley(0.3)
    }

    90% {
        -webkit-transform: scaley(1);
        transform: scaley(1)
    }
}

.line-scale-pulse-out-rapid>div {
    background-color: #fff;
    width: 4px;
    height: 35px;
    border-radius: 2px;
    margin: 2px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    display: inline-block;
    -webkit-animation: line-scale-pulse-out-rapid 0.9s -0.5s infinite cubic-bezier(0.11, 0.49, 0.38, 0.78);
    animation: line-scale-pulse-out-rapid 0.9s -0.5s infinite cubic-bezier(0.11, 0.49, 0.38, 0.78)
}

.line-scale-pulse-out-rapid>div:nth-child(2),.line-scale-pulse-out-rapid>div:nth-child(4) {
    -webkit-animation-delay: -0.25s !important;
    animation-delay: -0.25s !important
}

.line-scale-pulse-out-rapid>div:nth-child(1),.line-scale-pulse-out-rapid>div:nth-child(5) {
    -webkit-animation-delay: 0s !important;
    animation-delay: 0s !important
}

@-webkit-keyframes line-spin-fade-loader {
    50% {
        opacity: 0.3
    }

    100% {
        opacity: 1
    }
}

@keyframes line-spin-fade-loader {
    50% {
        opacity: 0.3
    }

    100% {
        opacity: 1
    }
}

.line-spin-fade-loader {
    position: relative;
    top: -10px;
    left: -4px
}

.line-spin-fade-loader>div:nth-child(1) {
    top: 20px;
    left: 0;
    -webkit-animation: line-spin-fade-loader 1.2s -0.84s infinite ease-in-out;
    animation: line-spin-fade-loader 1.2s -0.84s infinite ease-in-out
}

.line-spin-fade-loader>div:nth-child(2) {
    top: 13.63636px;
    left: 13.63636px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-animation: line-spin-fade-loader 1.2s -0.72s infinite ease-in-out;
    animation: line-spin-fade-loader 1.2s -0.72s infinite ease-in-out
}

.line-spin-fade-loader>div:nth-child(3) {
    top: 0;
    left: 20px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-animation: line-spin-fade-loader 1.2s -0.6s infinite ease-in-out;
    animation: line-spin-fade-loader 1.2s -0.6s infinite ease-in-out
}

.line-spin-fade-loader>div:nth-child(4) {
    top: -13.63636px;
    left: 13.63636px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-animation: line-spin-fade-loader 1.2s -0.48s infinite ease-in-out;
    animation: line-spin-fade-loader 1.2s -0.48s infinite ease-in-out
}

.line-spin-fade-loader>div:nth-child(5) {
    top: -20px;
    left: 0;
    -webkit-animation: line-spin-fade-loader 1.2s -0.36s infinite ease-in-out;
    animation: line-spin-fade-loader 1.2s -0.36s infinite ease-in-out
}

.line-spin-fade-loader>div:nth-child(6) {
    top: -13.63636px;
    left: -13.63636px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-animation: line-spin-fade-loader 1.2s -0.24s infinite ease-in-out;
    animation: line-spin-fade-loader 1.2s -0.24s infinite ease-in-out
}

.line-spin-fade-loader>div:nth-child(7) {
    top: 0;
    left: -20px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-animation: line-spin-fade-loader 1.2s -0.12s infinite ease-in-out;
    animation: line-spin-fade-loader 1.2s -0.12s infinite ease-in-out
}

.line-spin-fade-loader>div:nth-child(8) {
    top: 13.63636px;
    left: -13.63636px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-animation: line-spin-fade-loader 1.2s 0s infinite ease-in-out;
    animation: line-spin-fade-loader 1.2s 0s infinite ease-in-out
}

.line-spin-fade-loader>div {
    background-color: #fff;
    width: 4px;
    height: 35px;
    border-radius: 2px;
    margin: 2px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    position: absolute;
    width: 5px;
    height: 15px
}

@-webkit-keyframes triangle-skew-spin {
    25% {
        -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);
        transform: perspective(100px) rotateX(180deg) rotateY(0)
    }

    50% {
        -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
        transform: perspective(100px) rotateX(180deg) rotateY(180deg)
    }

    75% {
        -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);
        transform: perspective(100px) rotateX(0) rotateY(180deg)
    }

    100% {
        -webkit-transform: perspective(100px) rotateX(0) rotateY(0);
        transform: perspective(100px) rotateX(0) rotateY(0)
    }
}

@keyframes triangle-skew-spin {
    25% {
        -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);
        transform: perspective(100px) rotateX(180deg) rotateY(0)
    }

    50% {
        -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
        transform: perspective(100px) rotateX(180deg) rotateY(180deg)
    }

    75% {
        -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);
        transform: perspective(100px) rotateX(0) rotateY(180deg)
    }

    100% {
        -webkit-transform: perspective(100px) rotateX(0) rotateY(0);
        transform: perspective(100px) rotateX(0) rotateY(0)
    }
}

.triangle-skew-spin>div {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 20px solid #fff;
    -webkit-animation: triangle-skew-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
    animation: triangle-skew-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite
}

@-webkit-keyframes square-spin {
    25% {
        -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);
        transform: perspective(100px) rotateX(180deg) rotateY(0)
    }

    50% {
        -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
        transform: perspective(100px) rotateX(180deg) rotateY(180deg)
    }

    75% {
        -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);
        transform: perspective(100px) rotateX(0) rotateY(180deg)
    }

    100% {
        -webkit-transform: perspective(100px) rotateX(0) rotateY(0);
        transform: perspective(100px) rotateX(0) rotateY(0)
    }
}

@keyframes square-spin {
    25% {
        -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);
        transform: perspective(100px) rotateX(180deg) rotateY(0)
    }

    50% {
        -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
        transform: perspective(100px) rotateX(180deg) rotateY(180deg)
    }

    75% {
        -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);
        transform: perspective(100px) rotateX(0) rotateY(180deg)
    }

    100% {
        -webkit-transform: perspective(100px) rotateX(0) rotateY(0);
        transform: perspective(100px) rotateX(0) rotateY(0)
    }
}

.square-spin>div {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    width: 50px;
    height: 50px;
    background: #fff;
    border: 1px solid red;
    -webkit-animation: square-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
    animation: square-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite
}

@-webkit-keyframes rotate_pacman_half_up {
    0% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg)
    }

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

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

@keyframes rotate_pacman_half_up {
    0% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg)
    }

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

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

@-webkit-keyframes rotate_pacman_half_down {
    0% {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    50% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

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

@keyframes rotate_pacman_half_down {
    0% {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    50% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

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

@-webkit-keyframes pacman-balls {
    75% {
        opacity: 0.7
    }

    100% {
        -webkit-transform: translate(-100px, -6.25px);
        transform: translate(-100px, -6.25px)
    }
}

@keyframes pacman-balls {
    75% {
        opacity: 0.7
    }

    100% {
        -webkit-transform: translate(-100px, -6.25px);
        transform: translate(-100px, -6.25px)
    }
}

.pacman {
    position: relative
}

.pacman>div:nth-child(2) {
    -webkit-animation: pacman-balls 1s -0.99s infinite linear;
    animation: pacman-balls 1s -0.99s infinite linear
}

.pacman>div:nth-child(3) {
    -webkit-animation: pacman-balls 1s -0.66s infinite linear;
    animation: pacman-balls 1s -0.66s infinite linear
}

.pacman>div:nth-child(4) {
    -webkit-animation: pacman-balls 1s -0.33s infinite linear;
    animation: pacman-balls 1s -0.33s infinite linear
}

.pacman>div:nth-child(5) {
    -webkit-animation: pacman-balls 1s 0s infinite linear;
    animation: pacman-balls 1s 0s infinite linear
}

.pacman>div:first-of-type {
    width: 0px;
    height: 0px;
    border-right: 25px solid transparent;
    border-top: 25px solid #fff;
    border-left: 25px solid #fff;
    border-bottom: 25px solid #fff;
    border-radius: 25px;
    -webkit-animation: rotate_pacman_half_up 0.5s 0s infinite;
    animation: rotate_pacman_half_up 0.5s 0s infinite;
    position: relative;
    left: -30px
}

.pacman>div:nth-child(2) {
    width: 0px;
    height: 0px;
    border-right: 25px solid transparent;
    border-top: 25px solid #fff;
    border-left: 25px solid #fff;
    border-bottom: 25px solid #fff;
    border-radius: 25px;
    -webkit-animation: rotate_pacman_half_down 0.5s 0s infinite;
    animation: rotate_pacman_half_down 0.5s 0s infinite;
    margin-top: -50px;
    position: relative;
    left: -30px
}

.pacman>div:nth-child(3),.pacman>div:nth-child(4),.pacman>div:nth-child(5),.pacman>div:nth-child(6) {
    background-color: #fff;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin: 2px;
    width: 10px;
    height: 10px;
    position: absolute;
    -webkit-transform: translate(0, -6.25px);
    transform: translate(0, -6.25px);
    top: 25px;
    left: 70px
}

@-webkit-keyframes cube-transition {
    25% {
        -webkit-transform: translateX(50px) scale(0.5) rotate(-90deg);
        transform: translateX(50px) scale(0.5) rotate(-90deg)
    }

    50% {
        -webkit-transform: translate(50px, 50px) rotate(-180deg);
        transform: translate(50px, 50px) rotate(-180deg)
    }

    75% {
        -webkit-transform: translateY(50px) scale(0.5) rotate(-270deg);
        transform: translateY(50px) scale(0.5) rotate(-270deg)
    }

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

@keyframes cube-transition {
    25% {
        -webkit-transform: translateX(50px) scale(0.5) rotate(-90deg);
        transform: translateX(50px) scale(0.5) rotate(-90deg)
    }

    50% {
        -webkit-transform: translate(50px, 50px) rotate(-180deg);
        transform: translate(50px, 50px) rotate(-180deg)
    }

    75% {
        -webkit-transform: translateY(50px) scale(0.5) rotate(-270deg);
        transform: translateY(50px) scale(0.5) rotate(-270deg)
    }

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

.cube-transition {
    position: relative;
    -webkit-transform: translate(-25px, -25px);
    transform: translate(-25px, -25px)
}

.cube-transition>div {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    width: 10px;
    height: 10px;
    position: absolute;
    top: -5px;
    left: -5px;
    background-color: #fff;
    -webkit-animation: cube-transition 1.6s 0s infinite ease-in-out;
    animation: cube-transition 1.6s 0s infinite ease-in-out
}

.cube-transition>div:last-child {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s
}

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

    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

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

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

    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

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

.semi-circle-spin {
    position: relative;
    width: 35px;
    height: 35px;
    overflow: hidden
}

.semi-circle-spin>div {
    position: absolute;
    border-width: 0px;
    border-radius: 100%;
    -webkit-animation: spin-rotate 0.6s 0s infinite linear;
    animation: spin-rotate 0.6s 0s infinite linear;
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(70%, transparent), color-stop(30%, #fff), to(#fff));
    background-image: linear-gradient(transparent 0%, transparent 70%, #fff 30%, #fff 100%);
    width: 100%;
    height: 100%
}

.slick-loading .slick-list {
    background: #fff url("../styles/ajax-loader.gif") center center no-repeat
}

@font-face {
    font-family: "slick";
    src: url("../styles/fonts/slick.eot");
    src: url("../styles/fonts/slick.eot?#iefix") format("embedded-opentype"),url("../styles/fonts/slick.woff") format("woff"),url("../styles/fonts/slick.ttf") format("truetype"),url("../styles/fonts/slick.svg#slick") format("svg");
    font-weight: normal;
    font-style: normal
}

.slick-prev,.slick-next {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0px;
    font-size: 0px;
    cursor: pointer;
    background: transparent;
    color: transparent;
    top: 40%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding: 0;
    border: none;
    outline: none
}

.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent
}

.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before {
    opacity: 1
}

.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before {
    opacity: .25
}

.slick-prev:before,.slick-next:before {
    font-family: "slick";
    font-size: 35px;
    line-height: 1;
    color: #fff;
    opacity: .75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

@media (min-width: 768px) {
    .slick-prev:before,.slick-next:before {
        font-size:100px
    }
}

.slick-prev {
    left: 10px;
    z-index: 1
}

[dir="rtl"] .slick-prev {
    left: auto;
    right: 10px
}

@media (min-width: 768px) {
    .slick-prev {
        left:26px
    }

    [dir="rtl"] .slick-prev {
        left: auto;
        right: 56px
    }
}

.slick-prev:before {
    /* content: "<" */
    color: #005492;
    font-size: 56px;
    font-weight: 700;
    /* padding-right:20px; */
}

[dir="rtl"] .slick-prev:before {
    content: ">"
}

.slick-next {
    right: 20px
}

[dir="rtl"] .slick-next {
    left: 10px;
    right: auto
}

@media (min-width: 768px) {
    .slick-next {
        right:56px
    }

    [dir="rtl"] .slick-next {
        left: 26px;
        right: auto
    }
}
/* Media query cho thiết bị di động */
@media (max-width: 768px) { /* Bạn có thể điều chỉnh kích thước theo nhu cầu */
    .slick-next {
        margin-right: 29px; /* Khoảng cách bên phải cho mobile */
    }
}

.slick-next:before {
    /* content: ">" */
    color: #005492;
    font-size: 56px;
    font-weight: 700;
    /* padding-left: 12px; */
}

[dir="rtl"] .slick-next:before {
    content: "<"
}

.slick-dotted.slick-slider {
    margin-bottom: 30px
}

.slick-dots,.slick-dots-dark {
    position: absolute;
    bottom: -25px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%
}

.slick-dots li,.slick-dots-dark li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer
}

.slick-dots li button,.slick-dots-dark li button {
    border: 0;
    background: transparent;
    display: block;
    height: 20px;
    width: 20px;
    outline: none;
    line-height: 0px;
    font-size: 0px;
    color: transparent;
    padding: 5px;
    cursor: pointer
}

.slick-dots li button:hover,.slick-dots li button:focus,.slick-dots-dark li button:hover,.slick-dots-dark li button:focus {
    outline: none
}

.slick-dots li button:hover:before,.slick-dots li button:focus:before,.slick-dots-dark li button:hover:before,.slick-dots-dark li button:focus:before {
    opacity: 1
}

.slick-dots li button:before,.slick-dots-dark li button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "•";
    width: 20px;
    height: 20px;
    font-family: "slick";
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    opacity: .25;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before,.slick-dots-dark li.slick-active button:before {
    opacity: .75
}

.slick-dots li button:before {
    color: #4d4d4d
}

.slick-dots li.slick-active button:before {
    color: #4d4d4d
}

.slick-dots-dark li button:before {
    color: #fff
}

.slick-dots-dark li.slick-active button:before {
    color: #fff
}

@media print {
    html,body {
        height: auto
    }
}

.wrapper {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    min-height: 100%;
    overflow-x: hidden;
    height: 100%
}

@media (min-width: 768px) {
    .wrapper {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        height: auto
    }
}

.cq-wcm-edit .wrapper {
    display: block
}

.main {
    height: auto;
    min-height: 1px
}

@media (min-width: 768px) {
    .main .section:first-child .marketing__headline,.main .section:first-child .media-image__headline,.main .section:first-child .media-video__headline,.main>.component:first-of-type .marketing__headline,.main>.component:first-of-type .media-image__headline,.main>.component:first-of-type .media-video__headline {
        font-size:3.5rem;
        margin: 0 0 1rem
    }
}

@media (max-width: 768px) {
    .main .section:first-child .marketing__headline,.main .section:first-child .media-image__headline,.main .section:first-child .media-video__headline,.main>.component:first-of-type .marketing__headline,.main>.component:first-of-type .media-image__headline,.main>.component:first-of-type .media-video__headline {
        font-size:3.5rem !important
    }
}

[lang='fr'] .main .section:first-child .marketing__headline,[lang='fr'] .main .section:first-child .media-image__headline,[lang='fr'] .main .section:first-child .media-video__headline,[lang='fr'] .main>.component:first-of-type .marketing__headline,[lang='fr'] .main>.component:first-of-type .media-image__headline,[lang='fr'] .main>.component:first-of-type .media-video__headline {
    font-size: 3.25rem
}

@media (min-width: 768px) {
    [lang='fr'] .main .section:first-child .marketing__headline,[lang='fr'] .main .section:first-child .media-image__headline,[lang='fr'] .main .section:first-child .media-video__headline,[lang='fr'] .main>.component:first-of-type .marketing__headline,[lang='fr'] .main>.component:first-of-type .media-image__headline,[lang='fr'] .main>.component:first-of-type .media-video__headline {
        font-size:4.5rem
    }
}

.main .mediaImage .media-image .component__container .media-image__content h2.media-image__headline.h1 {
    font-size: 2.78rem !important
}

@media (max-width: 768px) {
    .main .mediaImage .media-image .component__container .media-image__content h2.media-image__headline.h1 {
        font-size:1.8rem !important
    }
}

.navigation-container {
    -webkit-box-flex: 0;
    -webkit-flex: 0 80px;
    -ms-flex: 0 80px;
    flex: 0 80px;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    height: 80px;
    max-height: 80px;
    width: 100%;
    position: relative
}

@media (max-width: 767px) {
    .navigation-container ul {
        -webkit-box-align:center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .navigation-container ul li {
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%
    }
}

@media (min-width: 768px) {
    .navigation-container {
        -webkit-box-flex:0;
        -webkit-flex: 0 0 82px;
        -ms-flex: 0 0 82px;
        flex: 0 0 82px;
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        height: 100%;
        max-width: 82px;
        position: relative;
        width: 82px;
        z-index: 20
    }
}

.content-container {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    height: 100%;
    z-index: 10;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
}

@media (max-width: 768px) {
    .ie9 .content-container {
        -webkit-box-flex:1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media (min-width: 768px) {
    .content-container {
        display:inline-block;
        width: 100%;
        padding-top: 4.7rem;
        overflow-y: visible;
        margin-top: 0;
        -webkit-transition: margin-top .5s;
        transition: margin-top .5s
    }

    .show-global-nav .content-container {
        margin-top: 50px
    }
}

@media (min-width: 992px) {
    .content-container {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        display: block
    }

    .show-global-nav .content-container {
        margin-top: 30px
    }

    .expand-nav .content-container {
        margin-top: 50px
    }
}

.brand-item-potenza {
    border-right: 5px solid red;
    padding-right: 0 !important;
    background: url("../images/nav-images/potenza.png") no-repeat right top;
    background-size: 70px;
    padding-right: 0 !important;
    padding-right: 0 !important;
    padding-right: 0 !important;
    padding-right: 0 !important
}

.brand-item-potenza a::before {
    background-image: url("../images/nav-images/logo-potenza.svg")
}

.brand-item-potenza a h3 {
    display: none
}

.brand-item-potenza a p {
    margin-top: 1.8rem
}

.footer-component:not(.footer-commerce) .brand-item-footer-potenza {
    background: url("../images/footer-images/potenza.png") no-repeat left -50%;
    background-size: 130px 140px
}

.footer-component:not(.footer-commerce) .brand-item-footer-potenza a::after {
    background-image: url("../images/nav-images/logo-potenza.svg")
}

.footer-component:not(.footer-commerce) .brand-item-footer-potenza a+.apac-title {
    display: none
}

.footer-component:not(.footer-commerce) .brand-item-footer-potenza a ~ span.tire-category {
    margin-top: 1.8rem
}

@media screen and (max-width: 768px) {
    .footer-component:not(.footer-commerce) .footer-component__list-item.is-open {
        height:auto;
        margin-bottom: 0px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .footer-component:not(.footer-commerce) .footer-component__list-item.is-open .mobile-specific-footer.footer-component__list-item.brand-item-footer-potenza {
        background-color: #fff;
        border-bottom: 1px solid #f2f2f2;
        background-size: 0
    }

    .footer-component:not(.footer-commerce) .footer-component__list-item.is-open .mobile-specific-footer.footer-component__list-item.brand-item-footer-potenza a {
        border-top: 0;
        background-color: #fff
    }

    .footer-component:not(.footer-commerce) .footer-component__list-item.is-open .mobile-specific-footer.footer-component__list-item.brand-item-footer-potenza a::after {
        background-image: url("../images/nav-images/logo-potenza.svg")
    }

    .footer-component:not(.footer-commerce) .footer-component__list-item.is-open .mobile-specific-footer.footer-component__list-item.brand-item-footer-potenza a ~ h3.non-brand-tyre {
        display: none
    }

    .footer-component:not(.footer-commerce) .footer-component__list-item.is-open .mobile-specific-footer.footer-component__list-item.brand-item-footer-potenza h3.non-brand-tyre {
        display: none
    }

    .footer-component:not(.footer-commerce) .footer-component__list-item .mobile-specific-footer.footer-component__list-item.brand-item-footer-potenza {
        background-size: 0
    }

    .footer-component:not(.footer-commerce) .footer-component__list-item .mobile-specific-footer.footer-component__list-item.brand-item-footer-potenza a {
        display: block;
        background-color: #fff;
        height: 100%
    }

    .footer-component:not(.footer-commerce) .footer-component__list-item .mobile-specific-footer.footer-component__list-item.brand-item-footer-potenza h3.non-brand-tyre {
        display: none;
        background-color: transparent;
        height: 100%
    }
}

.brand-item-footer-potenza a {
    border-top: 5px solid red
}

.brand-item-footer-potenza a {
    border-left: 1px solid #fcfcfc
}

.brand-item-product-potenza {
    border-top: 5px solid red
}

.brand-item-alenza {
    border-right: 5px solid brown;
    padding-right: 0 !important;
    background: url("../images/nav-images/alenza.png") no-repeat right top;
    background-size: 70px;
    padding-right: 0 !important;
    padding-right: 0 !important;
    padding-right: 0 !important;
    padding-right: 0 !important
}

.brand-item-alenza a::before {
    background-image: url("../images/nav-images/logo-alenza.svg")
}

.brand-item-alenza a h3 {
    display: none
}

.brand-item-alenza a p {
    margin-top: 1.8rem
}

.footer-component:not(.footer-commerce) .brand-item-footer-alenza {
    background: url("../images/footer-images/alenza.png") no-repeat left -50%;
    background-size: 130px 140px
}

.footer-component:not(.footer-commerce) .brand-item-footer-alenza a::after {
    background-image: url("../images/nav-images/logo-alenza.svg")
}

.footer-component:not(.footer-commerce) .brand-item-footer-alenza a+.apac-title {
    display: none
}

.footer-component:not(.footer-commerce) .brand-item-footer-alenza a ~ span.tire-category {
    margin-top: 1.8rem
}

@media screen and (max-width: 768px) {
    .footer-component:not(.footer-commerce) .footer-component__list-item.is-open {
        height:auto;
        margin-bottom: 0px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .footer-component:not(.footer-commerce) .footer-component__list-item.is-open .mobile-specific-footer.footer-component__list-item.brand-item-footer-alenza {
        background-color: #fff;
        border-bottom: 1px solid #f2f2f2;
        background-size: 0
    }

    .footer-component:not(.footer-commerce) .footer-component__list-item.is-open .mobile-specific-footer.footer-component__list-item.brand-item-footer-alenza a {
        border-top: 0;
        background-color: #fff
    }

    .footer-component:not(.footer-commerce) .footer-component__list-item.is-open .mobile-specific-footer.footer-component__list-item.brand-item-footer-alenza a::after {
        background-image: url("../images/nav-images/logo-alenza.svg")
    }

    .footer-component:not(.footer-commerce) .footer-component__list-item.is-open .mobile-specific-footer.footer-component__list-item.brand-item-footer-alenza a ~ h3.non-brand-tyre {
        display: none
    }

    .footer-component:not(.footer-commerce) .footer-component__list-item.is-open .mobile-specific-footer.footer-component__list-item.brand-item-footer-alenza h3.non-brand-tyre {
        display: none
    }

    .footer-component:not(.footer-commerce) .footer-component__list-item .mobile-specific-footer.footer-component__list-item.brand-item-footer-alenza {
        background-size: 0
    }

    .footer-component:not(.footer-commerce) .footer-component__list-item .mobile-specific-footer.footer-component__list-item.brand-item-footer-alenza a {
        display: block;
        background-color: #fff;
        height: 100%
    }

    .footer-component:not(.footer-commerce) .footer-component__list-item .mobile-specific-footer.footer-component__list-item.brand-item-footer-alenza h3.non-brand-tyre {
        display: none;
        background-color: transparent;
        height: 100%
    }
}

.brand-item-footer-alenza a {
    border-top: 5px solid brown
}

.brand-item-footer-alenza a {
    border-left: 1px solid #fcfcfc
}

.brand-item-product-alenza {
    border-top: 5px solid brown
}

.brand-item-driveguard {
    border-right: 5px solid #ff7e1c;
    padding-right: 0 !important;
    background: url("../images/nav-images/driveguard.png") no-repeat right top;
    background-size: 70px;
    padding-right: 0 !important;
    padding-right: 0 !important;
    padding-right: 0 !important;
    padding-right: 0 !important
}

.brand-item-driveguard a::before {
    background-image: url("../images/nav-images/logo-driveguard.svg")
}

.brand-item-driveguard a h3 {
    display: none
}

.brand-item-driveguard a p {
    margin-top: 1.8rem
}

.footer-component:not(.footer-commerce) .brand-item-footer-driveguard {
    background: url("../images/footer-images/driveguard.png") no-repeat left -50%;
    background-size: 130px 140px
}

.footer-component:not(.footer-commerce) .brand-item-footer-driveguard a::after {
    background-image: url("../images/nav-images/logo-driveguard.svg")
}

.footer-component:not(.footer-commerce) .brand-item-footer-driveguard a+.apac-title {
    display: none
}

.footer-component:not(.footer-commerce) .brand-item-footer-driveguard a ~ span.tire-category {
    margin-top: 1.8rem
}

@media screen and (max-width: 768px) {
    .footer-component:not(.footer-commerce) .footer-component__list-item.is-open {
        height:auto;
        margin-bottom: 0px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .footer-component:not(.footer-commerce) .footer-component__list-item.is-open .mobile-specific-footer.footer-component__list-item.brand-item-footer-driveguard {
        background-color: #fff;
        border-bottom: 1px solid #f2f2f2;
        background-size: 0
    }

    .footer-component:not(.footer-commerce) .footer-component__list-item.is-open .mobile-specific-footer.footer-component__list-item.brand-item-footer-driveguard a {
        border-top: 0;
        background-color: #fff
    }

    .footer-component:not(.footer-commerce) .footer-component__list-item.is-open .mobile-specific-footer.footer-component__list-item.brand-item-footer-driveguard a::after {
        background-image: url("../images/nav-images/logo-driveguard.svg")
    }

    .footer-component:not(.footer-commerce) .footer-component__list-item.is-open .mobile-specific-footer.footer-component__list-item.brand-item-footer-driveguard a ~ h3.non-brand-tyre {
        display: none
    }

    .footer-component:not(.footer-commerce) .footer-component__list-item.is-open .mobile-specific-footer.footer-component__list-item.brand-item-footer-driveguard h3.non-brand-tyre {
        display: none
    }

    .footer-component:not(.footer-commerce) .footer-component__list-item .mobile-specific-footer.footer-component__list-item.brand-item-footer-driveguard {
        background-size: 0
    }

    .footer-component:not(.footer-commerce) .footer-component__list-item .mobile-specific-footer.footer-component__list-item.brand-item-footer-driveguard a {
        display: block;
        background-color: #fff;
        height: 100%
    }

    .footer-component:not(.footer-commerce) .footer-component__list-item .mobile-specific-footer.footer-component__list-item.brand-item-footer-driveguard h3.non-brand-tyre {
        display: none;
        background-color: transparent;
        height: 100%
    }
}

.brand-item-footer-driveguard a {
    border-top: 5px solid #ff7e1c
}

.brand-item-footer-driveguard a {
    border-left: 1px solid #fcfcfc
}

.brand-item-product-driveguard {
    border-top: 5px solid #ff7e1c
}

.brand-item-turanza {
    border-right: 5px solid #144ddf;
    padding-right: 0 !important;
    background: url("../images/nav-images/turanza.png") no-repeat right top;
    background-size: 70px;
    padding-right: 0 !important;
    padding-right: 0 !important;
    padding-right: 0 !important;
    padding-right: 0 !important
}

.brand-item-turanza a::before {
    background-image: url("../images/nav-images/logo-turanza.svg")
}

.brand-item-turanza a h3 {
    display: none
}

.brand-item-turanza a p {
    margin-top: 1.8rem
}

.footer-component:not(.footer-commerce) .brand-item-footer-turanza {
    background: url("../images/footer-images/turanza.png") no-repeat left -50%;
    background-size: 130px 140px
}

.footer-component:not(.footer-commerce) .brand-item-footer-turanza a::after {
    background-image: url("../images/nav-images/logo-turanza.svg")
}

.footer-component:not(.footer-commerce) .brand-item-footer-turanza a+.apac-title {
    display: none
}

.footer-component:not(.footer-commerce) .brand-item-footer-turanza a ~ span.tire-category {
    margin-top: 1.8rem
}

@media screen and (max-width: 768px) {
    .footer-component:not(.footer-commerce) .footer-component__list-item.is-open {
        height:auto;
        margin-bottom: 0px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .footer-component:not(.footer-commerce) .footer-component__list-item.is-open .mobile-specific-footer.footer-component__list-item.brand-item-footer-turanza {
        background-color: #fff;
        border-bottom: 1px solid #f2f2f2;
        background-size: 0
    }

    .footer-component:not(.footer-commerce) .footer-component__list-item.is-open .mobile-specific-footer.footer-component__list-item.brand-item-footer-turanza a {
        border-top: 0;
        background-color: #fff
    }

    .footer-component:not(.footer-commerce) .footer-component__list-item.is-open .mobile-specific-footer.footer-component__list-item.brand-item-footer-turanza a::after {
        background-image: url("../images/nav-images/logo-turanza.svg")
    }

    .footer-component:not(.footer-commerce) .footer-component__list-item.is-open .mobile-specific-footer.footer-component__list-item.brand-item-footer-turanza a ~ h3.non-brand-tyre {
        display: none
    }

    .footer-component:not(.footer-commerce) .footer-component__list-item.is-open .mobile-specific-footer.footer-component__list-item.brand-item-footer-turanza h3.non-brand-tyre {
        display: none
    }

    .footer-component:not(.footer-commerce) .footer-component__list-item .mobile-specific-footer.footer-component__list-item.brand-item-footer-turanza {
        background-size: 0
    }

    .footer-component:not(.footer-commerce) .footer-component__list-item .mobile-specific-footer.footer-component__list-item.brand-item-footer-turanza a {
        display: block;
        background-color: #fff;
        height: 100%
    }

    .footer-component:not(.footer-commerce) .footer-component__list-item .mobile-specific-footer.footer-component__list-item.brand-item-footer-turanza h3.non-brand-tyre {
        display: none;
        background-color: transparent;
        height: 100%
    }
}

.brand-item-footer-turanza a {
    border-top: 5px solid #144ddf
}

.brand-item-footer-turanza a {
    border-left: 1px solid #fcfcfc
}

.brand-item-product-turanza {
    border-top: 5px solid #144ddf
}

.brand-item-ecopia {
    border-right: 5px solid #5ca311;
    padding-right: 0 !important;
    background: url("../images/nav-images/ecopia.png") no-repeat right top;
    background-size: 70px;
    padding-right: 0 !important;
    padding-right: 0 !important;
    padding-right: 0 !important;
    padding-right: 0 !important
}

.brand-item-ecopia a::before {
    background-image: url("../images/nav-images/logo-ecopia.svg")
}

.brand-item-ecopia a h3 {
    display: none
}

.brand-item-ecopia a p {
    margin-top: 1.8rem
}

.footer-component:not(.footer-commerce) .brand-item-footer-ecopia {
    background: url("../images/footer-images/ecopia.png") no-repeat left -50%;
    background-size: 130px 140px
}

.footer-component:not(.footer-commerce) .brand-item-footer-ecopia a::after {
    background-image: url("../images/nav-images/logo-ecopia.svg")
}

.footer-component:not(.footer-commerce) .brand-item-footer-ecopia a+.apac-title {
    display: none
}

.footer-component:not(.footer-commerce) .brand-item-footer-ecopia a ~ span.tire-category {
    margin-top: 1.8rem
}

@media screen and (max-width: 768px) {
    .footer-component:not(.footer-commerce) .footer-component__list-item.is-open {
        height:auto;
        margin-bottom: 0px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .footer-component:not(.footer-commerce) .footer-component__list-item.is-open .mobile-specific-footer.footer-component__list-item.brand-item-footer-ecopia {
        background-color: #fff;
        border-bottom: 1px solid #f2f2f2;
        background-size: 0
    }

    .footer-component:not(.footer-commerce) .footer-component__list-item.is-open .mobile-specific-footer.footer-component__list-item.brand-item-footer-ecopia a {
        border-top: 0;
        background-color: #fff
    }

    .footer-component:not(.footer-commerce) .footer-component__list-item.is-open .mobile-specific-footer.footer-component__list-item.brand-item-footer-ecopia a::after {
        background-image: url("../images/nav-images/logo-ecopia.svg")
    }

    .footer-component:not(.footer-commerce) .footer-component__list-item.is-open .mobile-specific-footer.footer-component__list-item.brand-item-footer-ecopia a ~ h3.non-brand-tyre {
        display: none
    }

    .footer-component:not(.footer-commerce) .footer-component__list-item.is-open .mobile-specific-footer.footer-component__list-item.brand-item-footer-ecopia h3.non-brand-tyre {
        display: none
    }

    .footer-component:not(.footer-commerce) .footer-component__list-item .mobile-specific-footer.footer-component__list-item.brand-item-footer-ecopia {
        background-size: 0
    }

    .footer-component:not(.footer-commerce) .footer-component__list-item .mobile-specific-footer.footer-component__list-item.brand-item-footer-ecopia a {
        display: block;
        background-color: #fff;
        height: 100%
    }

    .footer-component:not(.footer-commerce) .footer-component__list-item .mobile-specific-footer.footer-component__list-item.brand-item-footer-ecopia h3.non-brand-tyre {
        display: none;
        background-color: transparent;
        height: 100%
    }
}

.brand-item-footer-ecopia a {
    border-top: 5px solid #5ca311
}

.brand-item-footer-ecopia a {
    border-left: 1px solid #fcfcfc
}

.brand-item-product-ecopia {
    border-top: 5px solid #5ca311
}

.brand-item-dueler {
    border-right: 5px solid #f5d900;
    padding-right: 0 !important;
    background: url("../images/nav-images/dueler.png") no-repeat right top;
    background-size: 70px;
    padding-right: 0 !important;
    padding-right: 0 !important;
    padding-right: 0 !important;
    padding-right: 0 !important
}

.brand-item-dueler a::before {
    background-image: url("../images/nav-images/logo-dueler.svg")
}

.brand-item-dueler a h3 {
    display: none
}

.brand-item-dueler a p {
    margin-top: 1.8rem
}

.footer-component:not(.footer-commerce) .brand-item-footer-dueler {
    background: url("../images/footer-images/dueler.png") no-repeat left -50%;
    background-size: 130px 140px
}

.footer-component:not(.footer-commerce) .brand-item-footer-dueler a::after {
    background-image: url("../images/nav-images/logo-dueler.svg")
}

.footer-component:not(.footer-commerce) .brand-item-footer-dueler a+.apac-title {
    display: none
}

.footer-component:not(.footer-commerce) .brand-item-footer-dueler a ~ span.tire-category {
    margin-top: 1.8rem
}

@media screen and (max-width: 768px) {
    .footer-component:not(.footer-commerce) .footer-component__list-item.is-open {
        height:auto;
        margin-bottom: 0px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .footer-component:not(.footer-commerce) .footer-component__list-item.is-open .mobile-specific-footer.footer-component__list-item.brand-item-footer-dueler {
        background-color: #fff;
        border-bottom: 1px solid #f2f2f2;
        background-size: 0
    }

    .footer-component:not(.footer-commerce) .footer-component__list-item.is-open .mobile-specific-footer.footer-component__list-item.brand-item-footer-dueler a {
        border-top: 0;
        background-color: #fff
    }

    .footer-component:not(.footer-commerce) .footer-component__list-item.is-open .mobile-specific-footer.footer-component__list-item.brand-item-footer-dueler a::after {
        background-image: url("../images/nav-images/logo-dueler.svg")
    }

    .footer-component:not(.footer-commerce) .footer-component__list-item.is-open .mobile-specific-footer.footer-component__list-item.brand-item-footer-dueler a ~ h3.non-brand-tyre {
        display: none
    }

    .footer-component:not(.footer-commerce) .footer-component__list-item.is-open .mobile-specific-footer.footer-component__list-item.brand-item-footer-dueler h3.non-brand-tyre {
        display: none
    }

    .footer-component:not(.footer-commerce) .footer-component__list-item .mobile-specific-footer.footer-component__list-item.brand-item-footer-dueler {
        background-size: 0
    }

    .footer-component:not(.footer-commerce) .footer-component__list-item .mobile-specific-footer.footer-component__list-item.brand-item-footer-dueler a {
        display: block;
        background-color: #fff;
        height: 100%
    }

    .footer-component:not(.footer-commerce) .footer-component__list-item .mobile-specific-footer.footer-component__list-item.brand-item-footer-dueler h3.non-brand-tyre {
        display: none;
        background-color: transparent;
        height: 100%
    }
}

.brand-item-footer-dueler a {
    border-top: 5px solid #f5d900
}

.brand-item-footer-dueler a {
    border-left: 1px solid #fcfcfc
}

.brand-item-product-dueler {
    border-top: 5px solid #f5d900
}

.brand-item-blizzak {
    border-right: 5px solid #565656;
    padding-right: 0 !important;
    background: url("../images/nav-images/blizzak.png") no-repeat right top;
    background-size: 70px;
    padding-right: 0 !important;
    padding-right: 0 !important;
    padding-right: 0 !important;
    padding-right: 0 !important
}

.brand-item-blizzak a::before {
    background-image: url("../images/nav-images/logo-blizzak.svg")
}

.brand-item-blizzak a h3 {
    display: none
}

.brand-item-blizzak a p {
    margin-top: 1.8rem
}

.footer-component:not(.footer-commerce) .brand-item-footer-blizzak {
    background: url("../images/footer-images/blizzak.png") no-repeat left -50%;
    background-size: 130px 140px
}

.footer-component:not(.footer-commerce) .brand-item-footer-blizzak a::after {
    background-image: url("../images/nav-images/logo-blizzak.svg")
}

.footer-component:not(.footer-commerce) .brand-item-footer-blizzak a+.apac-title {
    display: none
}

.footer-component:not(.footer-commerce) .brand-item-footer-blizzak a ~ span.tire-category {
    margin-top: 1.8rem
}

@media screen and (max-width: 768px) {
    .footer-component:not(.footer-commerce) .footer-component__list-item.is-open {
        height:auto;
        margin-bottom: 0px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .footer-component:not(.footer-commerce) .footer-component__list-item.is-open .mobile-specific-footer.footer-component__list-item.brand-item-footer-blizzak {
        background-color: #fff;
        border-bottom: 1px solid #f2f2f2;
        background-size: 0
    }

    .footer-component:not(.footer-commerce) .footer-component__list-item.is-open .mobile-specific-footer.footer-component__list-item.brand-item-footer-blizzak a {
        border-top: 0;
        background-color: #fff
    }

    .footer-component:not(.footer-commerce) .footer-component__list-item.is-open .mobile-specific-footer.footer-component__list-item.brand-item-footer-blizzak a::after {
        background-image: url("../images/nav-images/logo-blizzak.svg")
    }

    .footer-component:not(.footer-commerce) .footer-component__list-item.is-open .mobile-specific-footer.footer-component__list-item.brand-item-footer-blizzak a ~ h3.non-brand-tyre {
        display: none
    }

    .footer-component:not(.footer-commerce) .footer-component__list-item.is-open .mobile-specific-footer.footer-component__list-item.brand-item-footer-blizzak h3.non-brand-tyre {
        display: none
    }

    .footer-component:not(.footer-commerce) .footer-component__list-item .mobile-specific-footer.footer-component__list-item.brand-item-footer-blizzak {
        background-size: 0
    }

    .footer-component:not(.footer-commerce) .footer-component__list-item .mobile-specific-footer.footer-component__list-item.brand-item-footer-blizzak a {
        display: block;
        background-color: #fff;
        height: 100%
    }

    .footer-component:not(.footer-commerce) .footer-component__list-item .mobile-specific-footer.footer-component__list-item.brand-item-footer-blizzak h3.non-brand-tyre {
        display: none;
        background-color: transparent;
        height: 100%
    }
}

.brand-item-footer-blizzak a {
    border-top: 5px solid #565656
}

.brand-item-footer-blizzak a {
    border-left: 1px solid #fcfcfc
}

.brand-item-product-blizzak {
    border-top: 5px solid #565656
}

.brand-item-battlax {
    border-right: 5px solid #f00e1d;
    padding-right: 0 !important;
    background: url("../images/nav-images/battlax.png") no-repeat right top;
    background-size: 70px;
    padding-right: 0 !important;
    padding-right: 0 !important
}

.brand-item-battlax a::before {
    background-image: url("../images/nav-images/logo-battlax.svg")
}

.brand-item-battlax a h3 {
    display: none
}

.brand-item-battlax a p {
    margin-top: 1.8rem
}

.footer-component:not(.footer-commerce) .brand-item-footer-battlax a::after {
    background-image: url("../images/nav-images/logo-battlax.svg")
}

.footer-component:not(.footer-commerce) .brand-item-footer-battlax a+.apac-title {
    display: none
}

.footer-component:not(.footer-commerce) .brand-item-footer-battlax a ~ span.tire-category {
    margin-top: 1.8rem
}

@media screen and (max-width: 768px) {
    .footer-component:not(.footer-commerce) .footer-component__list-item.is-open {
        height:auto;
        margin-bottom: 0px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .footer-component:not(.footer-commerce) .footer-component__list-item.is-open .mobile-specific-footer.footer-component__list-item.brand-item-footer-battlax {
        background-color: #fff;
        border-bottom: 1px solid #f2f2f2
    }

    .footer-component:not(.footer-commerce) .footer-component__list-item.is-open .mobile-specific-footer.footer-component__list-item.brand-item-footer-battlax a {
        border-top: 0;
        background-color: #fff
    }

    .footer-component:not(.footer-commerce) .footer-component__list-item.is-open .mobile-specific-footer.footer-component__list-item.brand-item-footer-battlax a::after {
        background-image: url("../images/nav-images/logo-battlax.svg")
    }

    .footer-component:not(.footer-commerce) .footer-component__list-item.is-open .mobile-specific-footer.footer-component__list-item.brand-item-footer-battlax a ~ h3.non-brand-tyre {
        display: none
    }

    .footer-component:not(.footer-commerce) .footer-component__list-item.is-open .mobile-specific-footer.footer-component__list-item.brand-item-footer-battlax h3.non-brand-tyre {
        display: none
    }

    .footer-component:not(.footer-commerce) .footer-component__list-item .mobile-specific-footer.footer-component__list-item.brand-item-footer-battlax a {
        display: block;
        background-color: #fff;
        height: 100%
    }

    .footer-component:not(.footer-commerce) .footer-component__list-item .mobile-specific-footer.footer-component__list-item.brand-item-footer-battlax h3.non-brand-tyre {
        display: none;
        background-color: transparent;
        height: 100%
    }
}

.brand-item-footer-battlax a {
    border-top: 5px solid #f00e1d
}

.brand-item-footer-battlax a {
    border-left: 1px solid #fcfcfc
}

.brand-item-product-battlax {
    border-top: 5px solid #f00e1d
}

.brand-item-firestone {
    border-right: 5px solid red;
    padding-right: 0 !important;
    background: url("../images/nav-images/firestone_my.png") no-repeat right top;
    background-size: 70px;
    padding-right: 0 !important;
    padding-right: 0 !important;
    padding-right: 0 !important
}

.brand-item-firestone a::before {
    background-image: url("../images/nav-images/logo-firestone.svg")
}

.brand-item-firestone a h3 {
    display: none
}

.brand-item-firestone a p {
    margin-top: 1.8rem
}

.footer-component:not(.footer-commerce) .brand-item-footer-firestone {
    background: url("../images/footer-images/firestone_my.png") no-repeat left -50%;
    background-size: 130px 140px
}

.footer-component:not(.footer-commerce) .brand-item-footer-firestone a::after {
    background-image: url("../images/nav-images/logo-firestone.svg")
}

.footer-component:not(.footer-commerce) .brand-item-footer-firestone a+.apac-title {
    display: none
}

.footer-component:not(.footer-commerce) .brand-item-footer-firestone a ~ span.tire-category {
    margin-top: 1.8rem
}

@media screen and (max-width: 768px) {
    .footer-component:not(.footer-commerce) .footer-component__list-item.is-open {
        height:auto;
        margin-bottom: 0px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .footer-component:not(.footer-commerce) .footer-component__list-item.is-open .mobile-specific-footer.footer-component__list-item.brand-item-footer-firestone {
        background-color: #fff;
        border-bottom: 1px solid #f2f2f2;
        background-size: 0
    }

    .footer-component:not(.footer-commerce) .footer-component__list-item.is-open .mobile-specific-footer.footer-component__list-item.brand-item-footer-firestone a {
        border-top: 0;
        background-color: #fff
    }

    .footer-component:not(.footer-commerce) .footer-component__list-item.is-open .mobile-specific-footer.footer-component__list-item.brand-item-footer-firestone a::after {
        background-image: url("../images/nav-images/logo-firestone.svg")
    }

    .footer-component:not(.footer-commerce) .footer-component__list-item.is-open .mobile-specific-footer.footer-component__list-item.brand-item-footer-firestone a ~ h3.non-brand-tyre {
        display: none
    }

    .footer-component:not(.footer-commerce) .footer-component__list-item.is-open .mobile-specific-footer.footer-component__list-item.brand-item-footer-firestone h3.non-brand-tyre {
        display: none
    }

    .footer-component:not(.footer-commerce) .footer-component__list-item .mobile-specific-footer.footer-component__list-item.brand-item-footer-firestone {
        background-size: 0
    }

    .footer-component:not(.footer-commerce) .footer-component__list-item .mobile-specific-footer.footer-component__list-item.brand-item-footer-firestone a {
        display: block;
        background-color: #fff;
        height: 100%
    }

    .footer-component:not(.footer-commerce) .footer-component__list-item .mobile-specific-footer.footer-component__list-item.brand-item-footer-firestone h3.non-brand-tyre {
        display: none;
        background-color: transparent;
        height: 100%
    }
}

.brand-item-footer-firestone a {
    border-top: 5px solid red
}

.brand-item-footer-firestone a {
    border-left: 1px solid #fcfcfc
}

.brand-item-product-firestone {
    border-top: 5px solid red
}

.brand-item-duravis {
    padding-right: 0 !important
}

.brand-item-duravis a::before {
    background-image: url("../images/nav-images/logo-duravis.svg")
}

.brand-item-duravis a h3 {
    display: none
}

.brand-item-duravis a p {
    margin-top: 1.8rem
}

.footer-component:not(.footer-commerce) .brand-item-footer-duravis a::after {
    background-image: url("../images/nav-images/logo-duravis.svg")
}

.footer-component:not(.footer-commerce) .brand-item-footer-duravis a+.apac-title {
    display: none
}

.footer-component:not(.footer-commerce) .brand-item-footer-duravis a ~ span.tire-category {
    margin-top: 1.8rem
}

@media screen and (max-width: 768px) {
    .footer-component:not(.footer-commerce) .footer-component__list-item.is-open {
        height:auto;
        margin-bottom: 0px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .footer-component:not(.footer-commerce) .footer-component__list-item.is-open .mobile-specific-footer.footer-component__list-item.brand-item-footer-duravis {
        background-color: #fff;
        border-bottom: 1px solid #f2f2f2
    }

    .footer-component:not(.footer-commerce) .footer-component__list-item.is-open .mobile-specific-footer.footer-component__list-item.brand-item-footer-duravis a {
        border-top: 0;
        background-color: #fff
    }

    .footer-component:not(.footer-commerce) .footer-component__list-item.is-open .mobile-specific-footer.footer-component__list-item.brand-item-footer-duravis a::after {
        background-image: url("../images/nav-images/logo-duravis.svg")
    }

    .footer-component:not(.footer-commerce) .footer-component__list-item.is-open .mobile-specific-footer.footer-component__list-item.brand-item-footer-duravis a ~ h3.non-brand-tyre {
        display: none
    }

    .footer-component:not(.footer-commerce) .footer-component__list-item.is-open .mobile-specific-footer.footer-component__list-item.brand-item-footer-duravis h3.non-brand-tyre {
        display: none
    }

    .footer-component:not(.footer-commerce) .footer-component__list-item .mobile-specific-footer.footer-component__list-item.brand-item-footer-duravis a {
        display: block;
        background-color: #fff;
        height: 100%
    }

    .footer-component:not(.footer-commerce) .footer-component__list-item .mobile-specific-footer.footer-component__list-item.brand-item-footer-duravis h3.non-brand-tyre {
        display: none;
        background-color: transparent;
        height: 100%
    }
}

.brand-item-footer-duravis a {
    border-left: 1px solid #fcfcfc
}

.brand-item-techno {
    padding-right: 0 !important
}

.brand-item-techno a::before {
    background-image: url("../images/nav-images/logo-techno.svg")
}

.brand-item-techno a h3 {
    display: none
}

.brand-item-techno a p {
    margin-top: 1.8rem
}

.footer-component:not(.footer-commerce) .brand-item-footer-techno a::after {
    background-image: url("../images/nav-images/logo-techno.svg")
}

.footer-component:not(.footer-commerce) .brand-item-footer-techno a+.apac-title {
    display: none
}

.footer-component:not(.footer-commerce) .brand-item-footer-techno a ~ span.tire-category {
    margin-top: 1.8rem
}

@media screen and (max-width: 768px) {
    .footer-component:not(.footer-commerce) .footer-component__list-item.is-open {
        height:auto;
        margin-bottom: 0px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .footer-component:not(.footer-commerce) .footer-component__list-item.is-open .mobile-specific-footer.footer-component__list-item.brand-item-footer-techno {
        background-color: #fff;
        border-bottom: 1px solid #f2f2f2
    }

    .footer-component:not(.footer-commerce) .footer-component__list-item.is-open .mobile-specific-footer.footer-component__list-item.brand-item-footer-techno a {
        border-top: 0;
        background-color: #fff
    }

    .footer-component:not(.footer-commerce) .footer-component__list-item.is-open .mobile-specific-footer.footer-component__list-item.brand-item-footer-techno a::after {
        background-image: url("../images/nav-images/logo-techno.svg")
    }

    .footer-component:not(.footer-commerce) .footer-component__list-item.is-open .mobile-specific-footer.footer-component__list-item.brand-item-footer-techno a ~ h3.non-brand-tyre {
        display: none
    }

    .footer-component:not(.footer-commerce) .footer-component__list-item.is-open .mobile-specific-footer.footer-component__list-item.brand-item-footer-techno h3.non-brand-tyre {
        display: none
    }

    .footer-component:not(.footer-commerce) .footer-component__list-item .mobile-specific-footer.footer-component__list-item.brand-item-footer-techno a {
        display: block;
        background-color: #fff;
        height: 100%
    }

    .footer-component:not(.footer-commerce) .footer-component__list-item .mobile-specific-footer.footer-component__list-item.brand-item-footer-techno h3.non-brand-tyre {
        display: none;
        background-color: transparent;
        height: 100%
    }
}

.brand-item-footer-techno a {
    border-left: 1px solid #fcfcfc
}

.brand-item-motorcycle {
    padding-right: 0 !important
}

.brand-item-motorcycle a::before {
    background-image: url("../images/nav-images/logo-battlax.svg")
}

.brand-item-motorcycle a h3 {
    display: none
}

.brand-item-motorcycle a p {
    margin-top: 1.8rem
}

.footer-component:not(.footer-commerce) .brand-item-footer-motorcycle a::after {
    background-image: url("../images/nav-images/logo-battlax.svg")
}

.footer-component:not(.footer-commerce) .brand-item-footer-motorcycle a+.apac-title {
    display: none
}

.footer-component:not(.footer-commerce) .brand-item-footer-motorcycle a ~ span.tire-category {
    margin-top: 1.8rem
}

@media screen and (max-width: 768px) {
    .footer-component:not(.footer-commerce) .footer-component__list-item.is-open {
        height:auto;
        margin-bottom: 0px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .footer-component:not(.footer-commerce) .footer-component__list-item.is-open .mobile-specific-footer.footer-component__list-item.brand-item-footer-motorcycle {
        background-color: #fff;
        border-bottom: 1px solid #f2f2f2
    }

    .footer-component:not(.footer-commerce) .footer-component__list-item.is-open .mobile-specific-footer.footer-component__list-item.brand-item-footer-motorcycle a {
        border-top: 0;
        background-color: #fff
    }

    .footer-component:not(.footer-commerce) .footer-component__list-item.is-open .mobile-specific-footer.footer-component__list-item.brand-item-footer-motorcycle a::after {
        background-image: url("../images/nav-images/logo-battlax.svg")
    }

    .footer-component:not(.footer-commerce) .footer-component__list-item.is-open .mobile-specific-footer.footer-component__list-item.brand-item-footer-motorcycle a ~ h3.non-brand-tyre {
        display: none
    }

    .footer-component:not(.footer-commerce) .footer-component__list-item.is-open .mobile-specific-footer.footer-component__list-item.brand-item-footer-motorcycle h3.non-brand-tyre {
        display: none
    }

    .footer-component:not(.footer-commerce) .footer-component__list-item .mobile-specific-footer.footer-component__list-item.brand-item-footer-motorcycle a {
        display: block;
        background-color: #fff;
        height: 100%
    }

    .footer-component:not(.footer-commerce) .footer-component__list-item .mobile-specific-footer.footer-component__list-item.brand-item-footer-motorcycle h3.non-brand-tyre {
        display: none;
        background-color: transparent;
        height: 100%
    }
}

.brand-item-footer-motorcycle a {
    border-left: 1px solid #fcfcfc
}

.brand-item-run-flat {
    padding-right: 0 !important
}

.brand-item-run-flat a::before {
    background-image: url("../images/nav-images/logo-rft.svg")
}

.brand-item-run-flat a h3 {
    display: none
}

.brand-item-run-flat a p {
    margin-top: 1.8rem
}

.footer-component:not(.footer-commerce) .brand-item-footer-run-flat a::after {
    background-image: url("../images/nav-images/logo-rft.svg")
}

.footer-component:not(.footer-commerce) .brand-item-footer-run-flat a+.apac-title {
    display: none
}

.footer-component:not(.footer-commerce) .brand-item-footer-run-flat a ~ span.tire-category {
    margin-top: 1.8rem
}

@media screen and (max-width: 768px) {
    .footer-component:not(.footer-commerce) .footer-component__list-item.is-open {
        height:auto;
        margin-bottom: 0px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .footer-component:not(.footer-commerce) .footer-component__list-item.is-open .mobile-specific-footer.footer-component__list-item.brand-item-footer-run-flat {
        background-color: #fff;
        border-bottom: 1px solid #f2f2f2
    }

    .footer-component:not(.footer-commerce) .footer-component__list-item.is-open .mobile-specific-footer.footer-component__list-item.brand-item-footer-run-flat a {
        border-top: 0;
        background-color: #fff
    }

    .footer-component:not(.footer-commerce) .footer-component__list-item.is-open .mobile-specific-footer.footer-component__list-item.brand-item-footer-run-flat a::after {
        background-image: url("../images/nav-images/logo-rft.svg")
    }

    .footer-component:not(.footer-commerce) .footer-component__list-item.is-open .mobile-specific-footer.footer-component__list-item.brand-item-footer-run-flat a ~ h3.non-brand-tyre {
        display: none
    }

    .footer-component:not(.footer-commerce) .footer-component__list-item.is-open .mobile-specific-footer.footer-component__list-item.brand-item-footer-run-flat h3.non-brand-tyre {
        display: none
    }

    .footer-component:not(.footer-commerce) .footer-component__list-item .mobile-specific-footer.footer-component__list-item.brand-item-footer-run-flat a {
        display: block;
        background-color: #fff;
        height: 100%
    }

    .footer-component:not(.footer-commerce) .footer-component__list-item .mobile-specific-footer.footer-component__list-item.brand-item-footer-run-flat h3.non-brand-tyre {
        display: none;
        background-color: transparent;
        height: 100%
    }
}

.brand-item-footer-run-flat a {
    border-left: 1px solid #fcfcfc
}

.brand-item-playz {
    padding-right: 0 !important
}

.brand-item-playz a::before {
    background-image: url("../images/nav-images/logo-playz.svg")
}

.brand-item-playz a h3 {
    display: none
}

.brand-item-playz a p {
    margin-top: 1.8rem
}

.footer-component:not(.footer-commerce) .brand-item-footer-playz a::after {
    background-image: url("../images/nav-images/logo-playz.svg")
}

.footer-component:not(.footer-commerce) .brand-item-footer-playz a+.apac-title {
    display: none
}

.footer-component:not(.footer-commerce) .brand-item-footer-playz a ~ span.tire-category {
    margin-top: 1.8rem
}

@media screen and (max-width: 768px) {
    .footer-component:not(.footer-commerce) .footer-component__list-item.is-open {
        height:auto;
        margin-bottom: 0px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .footer-component:not(.footer-commerce) .footer-component__list-item.is-open .mobile-specific-footer.footer-component__list-item.brand-item-footer-playz {
        background-color: #fff;
        border-bottom: 1px solid #f2f2f2
    }

    .footer-component:not(.footer-commerce) .footer-component__list-item.is-open .mobile-specific-footer.footer-component__list-item.brand-item-footer-playz a {
        border-top: 0;
        background-color: #fff
    }

    .footer-component:not(.footer-commerce) .footer-component__list-item.is-open .mobile-specific-footer.footer-component__list-item.brand-item-footer-playz a::after {
        background-image: url("../images/nav-images/logo-playz.svg")
    }

    .footer-component:not(.footer-commerce) .footer-component__list-item.is-open .mobile-specific-footer.footer-component__list-item.brand-item-footer-playz a ~ h3.non-brand-tyre {
        display: none
    }

    .footer-component:not(.footer-commerce) .footer-component__list-item.is-open .mobile-specific-footer.footer-component__list-item.brand-item-footer-playz h3.non-brand-tyre {
        display: none
    }

    .footer-component:not(.footer-commerce) .footer-component__list-item .mobile-specific-footer.footer-component__list-item.brand-item-footer-playz a {
        display: block;
        background-color: #fff;
        height: 100%
    }

    .footer-component:not(.footer-commerce) .footer-component__list-item .mobile-specific-footer.footer-component__list-item.brand-item-footer-playz h3.non-brand-tyre {
        display: none;
        background-color: transparent;
        height: 100%
    }
}

.brand-item-footer-playz a {
    border-left: 1px solid #fcfcfc
}

.browser-check {
    background: #fff;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1000
}

.browser-check .container {
    background: #2776e3;
    color: #fff;
    left: 50%;
    margin-left: -300px;
    padding: 80px;
    position: absolute;
    text-align: center;
    top: 100px;
    width: 600px
}

.browser-check .container h1,.browser-check .container .vsHeader .vs-headline,.vsHeader .browser-check .container .vs-headline {
    color: #fff;
    display: block;
    font-size: 90px
}

.browser-check .container a {
    display: block;
    margin-top: 35px;
    text-decoration: none;
    font-size: 30px
}

.map-component {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 400px;
    position: relative
}

.map-component .MicrosoftMap .OverlaysTL {
    right: 349px;
    left: auto
}

.map-component .MicrosoftMap .NavBar_MapTypeButtonContainerWrapper,.map-component .MicrosoftMap .bm_LocateMeControl {
    display: none
}

.map-component .map {
    height: 100%;
    width: 100%;
    pointer-events: inherit
}

.map-component .map .MapPushpinBase {
    cursor: pointer !important;
    pointer-events: all
}

.map-component .map svg.pin {
    height: 2.25rem;
    width: 1.625rem
}

.map-component .map svg.pin+span {
    position: absolute;
    text-align: center;
    height: 100%;
    width: 100%;
    font-weight: bold;
    font-style: normal;
    font-variant: normal;
    font-stretch: normal;
    font-size: 10pt;
    line-height: normal;
    font-family: 'BridgestoneType', 'NotoSans';
    color: #fff;
    left: 0;
    padding-top: 5px
}

.map-component .loader-inner {
    display: none;
    z-index: 101
}

.map-component .loader-inner>div {
    background: rgba(39,118,227,0.5)
}

.map-component--locked .map {
    pointer-events: none
}

.map-component--loading .map {
    opacity: 0.5;
    pointer-events: none
}

.map-component--loading .loader-inner {
    display: block
}

.map-component__modal {
    display: none;
    visibility: hidden
}

.map-component .custom-info-window p {
    margin: 0
}

.map-component .custom-info-window .title {
    font-size: 14px;
    font-weight: 500
}

.map-component .custom-info-window .address {
    font-size: 12px
}

.modal {
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    background-color: #fff;
    left: 50%;
    margin: auto;
    min-width: 200px;
    position: fixed;
    top: 50%;
    width: 80%;
    z-index: 1000
}

@media (max-width: 768px) {
    .modal {
        max-width:80% !important;
        max-height: 80vh;
        overflow: auto
    }
}

.modal.is-hidden {
    display: none
}

.modal.is-visible {
    display: block
}

.modal-container {
    height: 100%;
    width: 100%
}

.modal-close {
    background: none;
    border: none;
    cursor: pointer;
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 1
}

.modal-close__svg {
    height: 25px;
    padding: 5px;
    width: 25px
}

.modal-close__svg svg {
    height: 100%;
    width: 100%;
    pointer-events: none
}

.modal-header {
    margin: 50px 50px 25px
}

.modal-header__svg {
    display: inline-block;
    height: 32px;
    width: 32px;
    margin: 8px
}

.modal-header__svg svg {
    height: 100%;
    width: 100%
}

.modal-header h1,.modal-header .vsHeader .vs-headline,.vsHeader .modal-header .vs-headline,.modal-header h2.h1 {
    display: inline
}

.modal-header .close-modal {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    background-color: transparent;
    border: none;
    cursor: pointer;
    display: inline;
    outline: none
}

.modal-header .close-modal svg {
    height: 15px;
    width: 15px
}

.modal-body {
    margin: 25px 50px 50px
}

.modal-body .button-container {
    margin-top: 20px
}

.modal-body .button-container button {
    outline: none
}

.modal-body .button-container button:last-child {
    margin-top: 20px
}

@media (min-width: 768px) {
    .modal-body .button-container button:last-child {
        margin-left:15px;
        margin-top: 0
    }
}

.modal-body__grid {
    display: inline-table;
    float: left;
    margin-bottom: 1rem;
    width: 100%
}

@media (min-width: 768px) {
    .modal-body__grid {
        width:50%
    }
}

.modal-body__grid p {
    display: table-cell;
    font-weight: 300;
    line-height: 1.4;
    padding: 0 1rem;
    vertical-align: middle
}

.modal-body__svg {
    display: table-cell;
    width: 3.75rem;
    height: 3.75rem
}

.modal-body__svg svg {
    height: 100%;
    width: 100%
}

.modal-footer {
    background-color: #eee;
    color: #444;
    padding: 25px 50px 10px;
    width: 100%
}

.modal-footer__grid {
    display: inline-table;
    float: left;
    margin-bottom: 1rem;
    width: 50%
}

.modal-footer h2 {
    color: #444;
    font-size: 1.3rem;
    font-weight: bold;
    text-transform: none
}

.modal-footer p {
    font-weight: 300;
    line-height: 1.4
}

.modal input[type='button'] {
    margin-right: 1.5rem
}

.modal .scrollable-container {
    height: 75vh;
    overflow: hidden;
    position: relative;
    width: 100%
}

.modal .scrollable {
    height: 100%;
    overflow: scroll;
    position: absolute;
    width: 100%
}

.footer-component__social {
    background-color: #fff
}

.footer-component__social-item {
    width: 25%;
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.footer-component__social-item:after {
    content: '';
    width: 1px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background-color: #ccc
}

.footer-component__social-item:last-child:after {
    width: 0
}

.footer-component__social-svg {
    height: 50px;
    width: 100%;
    padding: 12px
}

.footer-component__social-svg svg {
    height: 100%;
    width: 100%;
    fill: #484849
}

.footer-component__nav {
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 90%;
    padding: 3.75rem 0
}

.footer-component__capstone {
    background-color: #005492;
    position: relative
}

.footer-component__capstone .component__flexie {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.footer-component__capstone .capstone {
    height: 25px;
    width: 100%
}

.footer-component__capstone .capstone svg {
    height: 100%;
    width: 100%;
    fill: #fff
}

.footer-component__capstone .copy-info {
    bottom: 10px;
    display: block;
    position: absolute;
    text-align: center;
    width: 100%
}

@media (max-width: 1024px) {
    .footer-component__capstone .copy-info {
        position:relative;
        bottom: 20px;
        padding: 0 8px
    }
}

.footer-component__capstone p {
    color: #ffffff;
    padding: 0;
    margin: 0;
    font-size: 10.5px;
    letter-spacing: 0.02rem
}

.super-search {
    background: #fff;
    display: table-cell;
    position: relative;
    width: 100%
}

.super-search__form {
    display: table
}

.super-search__container {
    display: table-cell;
    vertical-align: middle
}

.super-search__container-category {
    height: 80px;
    width: 120px
}

.super-search__container-input {
    width: 100%
}

.super-search__container-submit {
    width: 100px;
    padding: 0 1rem
}

.super-search__category {
    width: 80px
}

.super-search__input {
    display: inline-block;
    height: 100%;
    width: 100%
}

.super-search__submit {
    cursor: pointer;
    font-size: 1rem
}

.super-search__submit span {
    padding: 0.875rem
}

.super-search__category-list {
    display: inline-block;
    margin: 0 1.25rem;
    position: relative
}

.super-search__category {
    display: none
}

.super-search__category-button {
    background: #fff;
    border-right: 1px solid #6b6b6b;
    cursor: pointer;
    display: block;
    padding: 10px 30px 10px 20px;
    position: relative;
    width: 5rem;
    z-index: 20
}

.super-search__category-button--selected {
    background: #f7f7f7
}

.super-search__category-button:after {
    border-color: #2776e3 transparent transparent;
    border-style: solid;
    border-width: 5px 5px 0;
    content: '';
    height: 0;
    position: absolute;
    right: 1.25rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 0
}

.super-search__category-svg {
    display: inline-block;
    height: 1.25rem;
    margin: auto;
    vertical-align: middle;
    width: 1.25rem
}

.super-search__category-svg svg {
    fill: #2776e3;
    height: 100%;
    width: 100%
}

.super-search .category {
    background: #f7f7f7;
    left: 0;
    padding: 10px 0;
    position: absolute;
    top: 100%;
    width: 250px;
    z-index: 10
}

.super-search .category__list-item {
    display: block;
    padding: 15px 20px;
    cursor: pointer
}

.super-search .category__list-item:hover,.super-search .category__list-item:focus {
    background: #f0f0f0;
    outline: none
}

.super-search .category__svg-container {
    display: inline-block;
    height: 1.25rem;
    margin-right: 15px;
    vertical-align: middle;
    width: 1.25rem
}

.super-search .category__svg-container svg {
    fill: #2776e3;
    height: 100%;
    width: 100%
}

.super-search .category__text {
    color: #444;
    display: inline-block;
    font-weight: 700;
    vertical-align: middle
}

.super-search .category--show {
    display: inline-block
}

.super-search .category--hidden {
    display: none
}

.super-search__form {
    background: #fff;
    position: relative;
    z-index: 20
}

.super-search__container-input #search-box {
    height: 50px;
    padding: .5rem;
    background: #fff;
    border: none;
    -webkit-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
    font-size: 1rem
}

.super-search__container-input #search-box:focus {
    outline: none
}

.previous-search {
    color: #444
}

.previous-search__container {
    display: block;
    position: relative;
    padding: 0 0 1.75rem
}

.previous-search__header {
    background: #eee;
    font-size: 1rem;
    padding: .75rem 2.5rem;
    text-transform: none
}

.previous-search__vehicle,.previous-search__location {
    display: block;
    font-size: .875rem;
    position: relative
}

.previous-search__vehicle--no-vehicle,.previous-search__vehicle--no-location,.previous-search__location--no-vehicle,.previous-search__location--no-location {
    padding: .625rem 2.5rem
}

.previous-search__vehicle-icon,.previous-search__location-icon {
    display: inline-block;
    height: 1.5625rem;
    vertical-align: middle;
    width: 1.5625rem
}

.previous-search__vehicle-icon svg,.previous-search__location-icon svg {
    fill: #2776e3;
    height: 100%;
    width: 100%
}

.previous-search__vehicle-text,.previous-search__location-text {
    display: inline-block;
    vertical-align: middle;
    margin-left: 1rem
}

.previous-search__history-button {
    background: none;
    border: none;
    color: #444;
    cursor: pointer;
    display: block;
    font-size: 1rem;
    padding: .625rem 5rem;
    text-align: left;
    width: 100%
}

.previous-search__history-button:hover,.previous-search__history-button:focus {
    outline: none;
    background: #f0f0f0
}

.previous-search__location-geolocate {
    background: none;
    border: none;
    color: #2776e3;
    display: inline-block;
    font-size: inherit;
    vertical-align: middle
}

.previous-search__location-geolocate:hover,.previous-search__location-geolocate:focus {
    cursor: pointer;
    outline: none;
    text-decoration: underline
}

.previous-search__state-icon {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    display: block;
    height: 10px;
    padding: .25rem;
    width: 10px
}

.previous-search__state-icon svg {
    display: block;
    fill: #444;
    height: 100%;
    width: 100%
}

.previous-search__state--clear {
    background: none;
    border: none;
    cursor: pointer;
    position: absolute;
    right: 1.25rem;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.previous-search__state--clear:hover,.previous-search__state--clear:focus {
    background: #dedddd;
    outline: none
}

.super-search .results {
    background: #f7f7f7;
    color: #444;
    display: none;
    left: 0;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 10
}

.super-search .results.suggestions--show-result {
    display: block
}

.super-search .results__layer {
    padding: 0 0 1.75rem
}

.super-search .results__layer .header-question {
    background: #eee;
    font-size: 1rem;
    font-weight: 100;
    padding: .75rem 2.5rem;
    text-transform: none
}

.super-search .results__layer .header-question--no-header {
    height: 1.75rem
}

.super-search .results__layer .results-list {
    display: table;
    width: 100%
}

.super-search .results__layer .results-list__item {
    display: table-row;
    width: 100%
}

.super-search .results__layer .results-button {
    background: none;
    border: none;
    cursor: pointer;
    display: table;
    padding: 0 2.5rem 0 5rem;
    width: 100%
}

.super-search .results__layer .results-button:hover,.super-search .results__layer .results-button:focus {
    background-color: #f0f0f0;
    outline: none
}

.super-search .results__layer .results-text {
    display: table-cell;
    font-size: 1rem;
    font-weight: 100;
    text-align: left;
    padding: .5rem 0
}

.super-search .results__layer .results-text b {
    font-weight: 700;
    font-style: normal
}

.super-search .results__layer .null-result__header {
    font-size: 1rem;
    margin: 0 2.5rem;
    font-weight: 700
}

.super-search .results__layer .null-result__description {
    font-size: 1rem;
    font-weight: 100;
    margin: 0 2.5rem
}

.super-search .results__layer .null-result__description a {
    display: inline;
    color: #2776e3
}

.super-search .results__layer .button-trim-help,.super-search .results__layer .button-tire-size-help {
    display: block
}

.super-search .results__layer .button-trim-help:before,.super-search .results__layer .button-tire-size-help:before {
    content: '';
    display: block;
    border-top: 2px solid #eee;
    height: 0;
    margin: 0 2rem
}

.super-search .results__layer .button-trim-help button,.super-search .results__layer .button-tire-size-help button {
    background: none;
    border: none;
    color: #2776e3;
    text-align: left;
    font-size: 1rem;
    font-weight: 100;
    cursor: pointer;
    display: block;
    padding: .5rem 2.5rem .5rem 5rem;
    width: 100%
}

.super-search .results__layer .button-trim-help button:hover,.super-search .results__layer .button-trim-help button:focus,.super-search .results__layer .button-tire-size-help button:hover,.super-search .results__layer .button-tire-size-help button:focus {
    background: #f0f0f0;
    outline: none
}

.super-search .button-location {
    display: block
}

.super-search .button-location:before {
    content: '';
    display: block;
    border-top: 2px solid #eee;
    height: 0;
    margin: 0 2rem
}

.super-search .button-location__around-me,.super-search .button-location__around-query {
    background: none;
    border: none;
    color: #2776e3;
    text-align: left;
    font-size: 1rem;
    font-weight: 100;
    cursor: pointer;
    display: block;
    padding: .5rem 2.5rem .5rem 5rem;
    width: 100%
}

.super-search .button-location__around-me:hover,.super-search .button-location__around-me:focus,.super-search .button-location__around-query:hover,.super-search .button-location__around-query:focus {
    background: #f0f0f0;
    outline: none
}

.super-search .suggestions {
    background: #f7f7f7;
    color: #444;
    display: none;
    left: 0;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 10
}

.super-search .suggestions.suggestions--show-result {
    display: block
}

.super-search .suggestions__layer {
    padding: 0 0 1.75rem
}

.super-search .suggestions__layer .header-question {
    background: #eee;
    font-size: 1rem;
    padding: .75rem 2.5rem;
    text-transform: none
}

.super-search .suggestions__layer .suggestions-list {
    display: table;
    width: 100%
}

.super-search .suggestions__layer .suggestions-list__item {
    display: table-row;
    width: 100%
}

.super-search .suggestions__layer .suggestions-button {
    background: none;
    border: none;
    cursor: pointer;
    display: table;
    text-align: left;
    width: 100%
}

.super-search .suggestions__layer .suggestions-button:hover,.super-search .suggestions__layer .suggestions-button:focus {
    background-color: #f0f0f0;
    outline: none
}

.super-search .suggestions__layer .suggestions-icon {
    vertical-align: middle;
    display: inline-block
}

.super-search .suggestions__layer .suggestions-icon .svg-container {
    height: 1.5625rem;
    margin: 0 1rem 0 2.5rem;
    width: 1.5625rem
}

.super-search .suggestions__layer .suggestions-icon svg {
    fill: #2776e3;
    height: 100%;
    width: 100%
}

.super-search .suggestions__layer .suggestions-text {
    display: inline-block;
    font-size: .75rem;
    text-align: left;
    vertical-align: middle
}

.super-search .suggestions__layer .suggestions-text__header {
    line-height: 1;
    margin: 0;
    padding: .5rem 0;
    color: #444
}

.super-search .suggestions__layer .suggestions-text__description {
    margin: 0;
    width: 100%;
    line-height: 1;
    padding-bottom: .5rem
}

.super-search .suggestions__layer .suggestions-text__category {
    text-transform: capitalize
}

.super-search .map-component {
    display: none
}

.tire-image-zoom {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    margin: 0 4rem 0 0;
    max-width: 21.5rem
}

@media (min-width: 768px) {
    .tire-image-zoom {
        margin:2rem 4rem 0 0
    }
}

.tire-image-zoom__figure {
    position: relative;
    width: 100%
}

.tire-image-zoom__preview {
    display: none
}

@media (min-width: 768px) {
    .tire-image-zoom__preview {
        background-color:transparent;
        border: none;
        cursor: -webkit-zoom-in;
        cursor: zoom-in;
        display: block;
        position: relative
    }

    .multiple .tire-image-zoom__preview {
        border-bottom: 4px solid #ccc
    }
}

.tire-image-zoom__preview-image {
    max-width: 100%;
    width: 100%;
    display: block
}

.tire-image-zoom__preview__triangle {
    display: none;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 7px solid #ccc;
    bottom: -10px;
    content: '';
    height: 0;
    margin-left: -15px;
    position: absolute;
    width: 0
}

.tire-image-zoom__preview__triangle:nth-of-type(2) {
    left: 18%
}

.multiple .tire-image-zoom__preview__triangle:nth-of-type(2) {
    display: block
}

.tire-image-zoom__preview__triangle:nth-of-type(3) {
    left: 50%
}

.tire-image-zoom__preview__triangle:nth-of-type(4) {
    left: 84%
}

.tire-image-zoom__glass {
    background: #f1f0f0;
    border: none;
    height: 2rem;
    position: absolute;
    right: 0;
    top: 0;
    width: 2rem;
    z-index: 20
}

.tire-image-zoom__glass svg {
    pointer-events: none;
    fill: #a4a4a4;
    height: 100%;
    width: 100%
}

.tire-image-zoom__selection {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media (min-width: 768px) {
    .tire-image-zoom__selection {
        display:none
    }

    .multiple .tire-image-zoom__selection {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

.tire-image-zoom__selection-item {
    background-color: transparent;
    border: 2px solid #d7d7d7;
    cursor: pointer;
    display: inline-block;
    height: auto;
    margin: 20px 5%;
    max-width: 5rem;
    position: relative
}

.tire-image-zoom__selection-image {
    height: 100%;
    width: 100%;
    display: block
}

.tire-image-zoom__modal-zoom {
    display: none;
    visibility: hidden
}

.tire-image-zoom__modal .ball-pulse>div {
    background-color: #343434
}

.tire-image-zoom__modal .scrollable__image {
    visibility: hidden;
    width: 400px
}

@media (min-width: 768px) {
    .tire-image-zoom__modal .scrollable__image {
        width:auto
    }
}

.tire-reviews-mini {
    font-size: .875rem;
    padding-left: 2rem
}

.tire-reviews-mini__heading {
    color: #777;
    font-size: inherit
}

.tire-reviews-mini .stars-display {
    display: inline-block
}

.tire-reviews-mini .stars-item {
    display: inline-block;
    height: 1rem;
    width: 1rem
}

@media (max-width: 600px) {
    .tire-reviews-mini .stars-item {
        height:1.5rem;
        width: 1.5rem
    }
}

.tire-reviews-mini .stars-shape {
    display: inline-block
}

.tire-reviews-mini .stars svg {
    fill: #dfcb00;
    height: 100%;
    width: 100%
}

.tire-reviews-mini .stars .see-reviews {
    color: #838383;
    display: inline-block;
    font-size: inherit;
    margin-left: .5rem;
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px)
}

.tire-reviews-mini p {
    margin: .25rem 0;
    font-size: inherit
}

@media (max-width: 600px) {
    .tire-reviews-mini p {
        font-size:1.1rem
    }
}

.tire-reviews-mini a {
    color: #6c98d9
}

.tire-special-offers {
    position: relative;
    width: 100%;
    display: block;
    margin-top: 1rem
}

@media (min-width: 768px) {
    .tire-special-offers {
        -webkit-box-flex:1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
        margin-top: 0;
        width: auto
    }
}

.tire-special-offers__list-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.tire-special-offers__list-item:nth-child(even) {
    margin: 1em 0
}

.tire-special-offers__svg-container {
    height: 2.25rem;
    width: 2.25rem
}

.tire-special-offers__svg-container svg {
    height: 100%;
    width: 100%
}

.tire-special-offers__slash.tire-summary__svg-slash {
    display: none
}

@media (min-width: 768px) {
    .tire-special-offers__slash.tire-summary__svg-slash {
        display:inline-block
    }
}

.tire-special-offers__offer {
    color: #4d4d4d;
    font-size: .625rem;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0 0 0 .5rem;
    line-height: 1
}

.tire-special-offers__link {
    color: gray;
    display: block
}

.tire-specs {
    background: #eee
}

@media (max-width: 600px) {
    .tire-specs .tire-rating .component__container {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        padding: 1.2rem 0
    }
}

@media (min-width: 768px) {
    .tire-specs .tire-rating .component__container {
        padding-left:5rem;
        padding-right: 5rem
    }
}

@media (min-width: 992px) {
    .tire-specs .tire-rating .component__container {
        padding-left:10rem;
        padding-right: 10rem
    }
}

.tire-specs .tire-rating__bar-list {
    border-right: 1px solid #ccc;
    display: table;
    padding-bottom: .5rem;
    padding-right: 2rem;
    padding-top: .5rem;
    width: 50%
}

@media (max-width: 600px) {
    .tire-specs .tire-rating__bar-list {
        border-bottom:1px solid #ccc;
        border-right: none;
        margin-bottom: 1rem;
        margin-right: 0;
        padding-bottom: 1rem;
        padding-right: 0;
        width: 100%
    }
}

.tire-specs .tire-rating__bar-text {
    color: #777;
    display: inline-block;
    font-size: .875rem;
    line-height: 1;
    margin: 0;
    max-width: 40%;
    vertical-align: middle;
    width: 100%
}

@media (max-width: 600px) {
    .tire-specs .tire-rating__bar-text {
        font-size:1.1rem;
        max-width: 50%
    }
}

.tire-specs .tire-rating__bar-icon {
    display: inline-block;
    height: .875rem;
    max-width: 10%;
    vertical-align: middle;
    width: .875rem
}

@media (max-width: 600px) {
    .tire-specs .tire-rating__bar-icon {
        height:1.4rem;
        width: 1.4rem
    }
}

.tire-specs .tire-rating__bar-icon svg {
    display: block;
    height: 100%;
    width: 100%
}

.tire-specs .tire-rating__hide-icon {
    display: none
}

.tire-specs .tire-rating__bar-item {
    height: .75rem;
    background-color: #d7d7d7;
    display: inline-block;
    max-width: 40%;
    vertical-align: middle;
    width: 100%
}

@media (max-width: 600px) {
    .tire-specs .tire-rating__bar-item {
        height:1.3rem
    }
}

.tire-specs .tire-rating__bar-graph {
    height: 100%
}

.tire-specs .tire-rating__reviews {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.tire-specs .tire-rating__bar-list-item {
    display: inline-block;
    margin: 0 0 .5rem;
    max-width: 100%;
    min-width: 100%;
    width: 100%
}

@media (max-width: 600px) {
    .tire-specs .tire-rating {
        margin:0 0 .3rem
    }
}

.tire-specs .tire-rating .tire-reviews-mini {
    display: inline-block;
    width: 50%
}

@media (max-width: 600px) {
    .tire-specs .tire-rating .tire-reviews-mini {
        padding-left:0;
        width: 100%
    }
}

.tire-specs__performance__p {
    color: #777;
    font-size: .9rem
}

@media (min-width: 768px) {
    .tire-specs__performance__p {
        display:none
    }
}

.tire-specs .tire-specifications-header {
    background-color: #ccc;
    font-size: 1rem;
    padding: 1.4rem 0
}

.tire-specs .tire-specifications-header__cta {
    font-size: 1.2rem;
    text-transform: uppercase;
    display: none
}

.tire-specs .tire-specifications-header__cta.is-active {
    display: inline;
    font-size: 1.2rem
}

.tire-specs .tire-specifications-header__button {
    margin-left: auto;
    margin-right: auto;
    background: none;
    border: none;
    color: #8d8d8d;
    cursor: pointer;
    display: block;
    -webkit-transition: color .2s ease-in;
    transition: color .2s ease-in
}

.tire-specs .tire-specifications-header__button .svg-container {
    display: inline-block;
    height: 1.5rem;
    margin-left: 2rem;
    padding: .25rem 0;
    width: 1rem
}

.tire-specs .tire-specifications-header__button .svg-container svg {
    fill: #8d8d8d;
    height: .8rem;
    -webkit-transition: fill .2s ease-in;
    transition: fill .2s ease-in;
    width: .8rem
}

.tire-specs .tire-specifications-header__button:hover {
    color: #747373
}

.tire-specs .tire-specifications-header__button:hover svg {
    fill: #747373
}

.tire-specs .tire-specifications {
    height: 0;
    overflow: hidden;
    visibility: hidden
}

.tire-specs .tire-specifications .component__container {
    padding: 2rem 0
}

.tire-specs .tire-specifications__header {
    color: #000;
    font-size: 1.5rem;
    font-weight: 600;
    margin: 1rem 0;
    text-transform: uppercase
}

.tire-specs .tire-specifications__section {
    color: #777;
    padding: 1rem 0 2rem
}

.tire-specs .tire-specifications__section td,.tire-specs .tire-specifications__section th {
    text-align: center
}

.tire-specs .tire-specifications__section table.responsive th {
    font-family: 'BridgestoneType-Cd', 'NotoSans' !important;
    font-size: 1.1rem;
    font-weight: 600;
    color: #5a5a5a
}

.tire-specs .tire-specifications__section table.responsive td {
    font-size: 0.9rem !important;
    letter-spacing: 0
}

.tire-specs .tire-specifications__section p,.tire-specs .tire-specifications__section h6,.tire-specs .tire-specifications__section a {
    font-size: .8rem;
    margin-bottom: 1em;
    margin-top: 0
}

.tire-specs .tire-specifications__section p {
    font-size: 0.9rem !important
}

.tire-specs .tire-specifications__section a {
    margin-bottom: 1em;
    display: block
}

@media (max-width: 768px) {
    .tire-specs .tire-specifications__section {
        border:none;
        padding: 2em 0
    }
}

.tire-specs .tire-specifications__section ul li h6 {
    font-size: 1.1rem
}

.tire-specs .tire-specifications__section .richText.section i {
    font-size: 0.8rem
}

.tire-specs .tire-specifications__list {
    display: block
}

@media (min-width: 768px) {
    .tire-specs .tire-specifications__list {
        border:none;
        padding: 0;
        margin: 0
    }
}

.tire-specs .tire-specifications__list-item {
    display: inline-block;
    margin-bottom: 1em;
    width: 100%;
    vertical-align: top
}

.tire-specs .tire-specifications__list-item:last-child {
    margin-bottom: 0
}

@media (min-width: 768px) {
    .tire-specs .tire-specifications__list-item {
        width:45%;
        margin-right: 8%
    }

    .tire-specs .tire-specifications__list-item:last-child:nth-child(odd) {
        width: 100%;
        margin-bottom: 0
    }

    .tire-specs .tire-specifications__list-item:nth-child(even),.tire-specs .tire-specifications__list-item:last-child {
        margin-right: 0
    }
}

.tire-specs .tire-specifications__list h6 {
    font-weight: 600;
    text-transform: uppercase
}

.tire-specs .tire-specifications .tire-rating__bar-list {
    border: none;
    display: table;
    margin: 0 0 1rem;
    padding: 0;
    width: 100%
}

@media (min-width: 768px) {
    .tire-specs .tire-specifications .tire-rating__bar-list-item {
        max-width:45%;
        min-width: 45%;
        margin-right: 5%
    }
}

@media (min-width: 992px) {
    .tire-specs .tire-specifications .tire-rating__bar-list-item {
        max-width:30%;
        min-width: 30%;
        margin-right: 3%
    }
}

.ie9 .tire-specs .tire-specifications .tire-rating__bar-list-item {
    float: left;
    margin-right: 5%;
    width: 45%
}

.tire-specs .tire-footer__collapse {
    background-color: #ccc;
    border: none;
    cursor: pointer;
    display: block;
    height: 20px;
    position: relative;
    width: 100%
}

.tire-specs .tire-footer__collapse:before {
    position: absolute;
    left: 50%;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    bottom: 100%;
    border-color: transparent transparent #ccc;
    border-style: solid;
    border-width: 0 40px 15px;
    content: '';
    display: block;
    height: 0;
    width: 0
}

.tire {
    overflow: auto;
    width: 100%
}

.tire.filtered {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-flex: 1;
    -webkit-flex: 1 100%;
    -ms-flex: 1 100%;
    flex: 1 100%
}

.tire.filtered-first .priority__best-match {
    display: inline-block
}

.tire__container {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 100%;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    overflow: hidden;
    max-width: 900px
}

@media (max-width: 595px) {
    .tire__container {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap
    }
}

.tire-flags {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    z-index: 100
}

.tire-image {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100px;
    -ms-flex: 0 0 100px;
    flex: 0 0 100px;
    min-width: 100px;
    z-index: 10;
    position: relative;
    width: 100px
}

@media (max-width: 595px) {
    .tire-image {
        -webkit-box-flex:0;
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        min-width: 50%;
        width: 50%
    }
}

.tire-stuff {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-flex: 1;
    -webkit-flex: 1 auto;
    -ms-flex: 1 auto;
    flex: 1 auto;
    padding: 1.2rem;
    position: relative;
    width: auto;
    z-index: 40
}

@media (max-width: 595px) {
    .tire-stuff {
        padding:0 0 5%;
        margin: 0 5%;
        display: block;
        width: 90%
    }
}

.tire-content,.tire-facts-cta {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 50%;
    -ms-flex: 0 1 50%;
    flex: 0 1 50%;
    position: relative;
    z-index: 20
}

@media (max-width: 1027px) {
    .tire-content,.tire-facts-cta {
        -webkit-box-flex:1;
        -webkit-flex: 1 100%;
        -ms-flex: 1 100%;
        flex: 1 100%
    }
}

.tire-content {
    margin-bottom: 1.2rem
}

.tire-facts-cta {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width: 595px) {
    .tire-facts-cta {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.dynamic-associated-product .tire-stuff {
    z-index: 18
}

.tire-cta {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 115px;
    -ms-flex: 0 0 115px;
    flex: 0 0 115px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap
}

@media (max-width: 595px) {
    .tire-cta {
        -webkit-box-flex:0;
        -webkit-flex: 0 0 130px;
        -ms-flex: 0 0 130px;
        flex: 0 0 130px;
        margin: 25px 0
    }
}

.tire-cta__container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 100%
}

@media (max-width: 595px) {
    .tire-cta__container {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .tire-cta__container .button-medium-solid-bst-blue {
        font-family: 'BridgestoneType-Cd', 'NotoSans' !important;
        background-color: #3d8fff
    }

    .tire-cta__container .button-medium-solid-bst-blue::after {
        display: none
    }

    .tire-cta__container .button-medium-solid-bst-green {
        background-color: #68a412
    }

    .tire-cta__container .button-medium-solid-bst-green::after {
        display: none
    }
}

.tire-cta__container+.tire-cta__container {
    display: none;
    visibility: hidden
}

.tire-cta__button {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    font-size: 1rem;
    margin: 6px 0;
    padding: 10px 15px;
    min-width: 100%;
    width: 115px;
    letter-spacing: 0.2px
}

@media (max-width: 1027px) {
    .tire-cta__button {
        margin:10px 0 0;
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start
    }
}

@media (max-width: 595px) {
    .tire-cta__button {
        width:100%;
        margin: 10px 0 0;
        font-size: 1.2rem
    }
}

.tire-cta__button:first-child {
    margin-top: 0
}

.tire-details {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.tire-details__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.tire-details__front,.tire-details__rear {
    margin: 10px 0
}

.tire-details__front {
    margin-top: 0
}

.tire-details__info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

.tire-details__info>* {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.tire-details__info>*:nth-child(1) {
    padding-right: 12px
}

.tire-details__info>*:nth-child(2) {
    padding: 0 12px
}

.tire-details__info>*:nth-child(3) {
    padding-left: 12px
}

.tire-details__info>*:nth-child(2),.tire-details__info>*:nth-child(3) {
    position: relative
}

.tire-details__info>*:nth-child(2):before,.tire-details__info>*:nth-child(3):before {
    content: '';
    width: 1px;
    background: #ccc;
    display: block;
    height: 33px;
    position: absolute;
    top: 0;
    left: 0
}

.tire-facts {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding-right: 20px
}

@media (max-width: 595px) {
    .tire-facts {
        margin-top:0
    }
}

.tire-facts__headline {
    color: #5a5a5a;
    font-size: 1rem;
    font-weight: 700;
    margin: 0 0 6px;
    line-height: 1;
    letter-spacing: -0.01em
}

@media (max-width: 595px) {
    .tire-facts__headline {
        font-size:1.2rem
    }
}

.tire-facts__list {
    font-size: 12px
}

@media (max-width: 595px) {
    .tire-facts__list {
        font-size:.875rem
    }
}

.tire-facts__list-item {
    font-size: 11px;
    color: #666;
    line-height: 1.3;
    margin-bottom: 4px;
    position: relative;
    padding-left: 7px
}

.tire-facts__list-item:before {
    content: '\00B7';
    margin-right: 5px;
    position: absolute;
    height: 5px;
    width: 5px;
    top: 0;
    left: 0
}

.tire {
    border-top: 2px solid #ccc
}

.tire-priority {
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 7px;
    width: 50%;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    pointer-events: none;
    text-align: center;
    text-transform: uppercase;
    z-index: 30
}

@media (max-width: 1027px) {
    .tire-priority {
        -webkit-box-pack:end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-transform: translateX(-1.2rem);
        transform: translateX(-1.2rem)
    }
}

@media (max-width: 595px) {
    .tire-priority {
        position:relative
    }
}

.tire-priority:first-child {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 100px;
    -ms-flex: 0 1 100px;
    flex: 0 1 100px;
    min-width: 100px;
    width: 100px
}

.tire-priority__featured,.tire-priority__best-match {
    color: #fff;
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 40px;
    -ms-flex: 0 1 40px;
    flex: 0 1 40px;
    font-size: inherit;
    padding: .5em 0;
    position: relative;
    width: 40px
}

@media (max-width: 595px) {
    .tire-priority__featured,.tire-priority__best-match {
        -webkit-box-flex:0;
        -webkit-flex: 0 1 67px;
        -ms-flex: 0 1 67px;
        flex: 0 1 67px;
        font-size: 1.5em;
        position: absolute;
        right: 15%;
        top: 0;
        width: 67px
    }
}

.tire-priority__featured:before,.tire-priority__featured:after,.tire-priority__best-match:before,.tire-priority__best-match:after {
    content: '';
    border-style: solid;
    height: 0;
    position: absolute;
    top: calc(100% - 1px);
    width: 0
}

.tire-priority__featured:before,.tire-priority__best-match:before {
    border-width: 10px 22px 0 0;
    border-color: inherit transparent transparent;
    left: 0
}

@media (max-width: 595px) {
    .tire-priority__featured:before,.tire-priority__best-match:before {
        border-width:16.75px 33.5px 0 0
    }
}

.tire-priority__featured:after,.tire-priority__best-match:after {
    border-width: 0 22px 10px 0;
    border-color: transparent inherit transparent transparent;
    right: 0
}

@media (max-width: 595px) {
    .tire-priority__featured:after,.tire-priority__best-match:after {
        border-width:0 33.5px 16.76px 0
    }
}

.tire-priority__featured-icon,.tire-priority__best-match-icon {
    display: block;
    height: 10px;
    width: 10px;
    margin: 2px auto
}

.tire-priority__featured-icon svg,.tire-priority__best-match-icon svg {
    height: 100%;
    width: 100%;
    fill: #fff
}

.tire-priority__best-match {
    background: #faa61a;
    display: none;
    visibility: hidden
}

.tire-priority__best-match:before {
    border-color: #faa61a transparent transparent
}

.tire-priority__best-match:after {
    border-color: transparent #faa61a transparent transparent
}

.filtered-first .tire-priority__best-match {
    display: block;
    visibility: visible
}

[data-state='COLD'] .filtered-first .tire-priority__best-match {
    display: none;
    visibility: hidden
}

.tire-priority__featured {
    background: #00a99d
}

.tire-priority__featured:before {
    border-color: #00a99d transparent transparent
}

.tire-priority__featured:after {
    border-color: transparent #00a99d transparent transparent
}

.filtered-first .tire-priority__featured {
    display: none;
    visibility: hidden
}

[data-state='COLD'] .filtered-first .tire-priority__featured {
    display: block;
    visibility: visible
}

.tire-heading {
    margin: 0 0 15px;
    -webkit-box-flex: 1;
    -webkit-flex: 1 100%;
    -ms-flex: 1 100%;
    flex: 1 100%
}

.tire-heading h1,.tire-heading .vsHeader .vs-headline,.vsHeader .tire-heading .vs-headline,.tire-heading .h1 {
    font-size: 1rem;
    text-transform: uppercase
}

@media (max-width: 595px) {
    .tire-heading h1,.tire-heading .vsHeader .vs-headline,.vsHeader .tire-heading .vs-headline,.tire-heading .h1 {
        font-size:1.75rem
    }
}

.tire-heading h2 {
    color: #a3a3a3;
    font-size: 13px;
    line-height: 1;
    text-transform: capitalize
}

@media (max-width: 595px) {
    .tire-heading h2 {
        font-size:1rem
    }
}

.tire-heading h2 span.tire-heading__type {
    font-family: 'BridgestoneType-Cd', 'NotoSans' !important
}

.tire-heading__subbrand {
    font-size: 1.2rem
}

.tire-heading__subbrand-Potenza {
    color: #000
}

.tire-heading__subbrand-DriveGuard {
    color: #e87722
}

.tire-heading__subbrand-Blizzak {
    color: red
}

.tire-heading__subbrand-Ecopia {
    color: #64a70b
}

.tire-heading__subbrand-Turanza {
    color: #039
}

.tire-heading__subbrand-Dueler {
    color: #008675
}

.tire-heading__model {
    margin-left: .25em;
    display: inline-block;
    font-size: 1.2rem
}

.tire-heading__type,.tire-heading__driving {
    color: inherit;
    font-size: inherit;
    overflow: hidden
}

.tire-heading__separator {
    display: inline-block;
    height: 1em;
    width: 1px;
    margin: 0 .5em;
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
    border-right: 1px solid #f0f0f0
}

.tire-image-figure {
    height: 200px;
    position: relative;
    width: 200px
}

@media (max-width: 595px) {
    .tire-image-figure {
        width:100%
    }
}

.tire-image-figure img {
    bottom: 0;
    height: auto;
    max-width: 100%;
    position: absolute;
    right: 65px
}

@media (max-width: 595px) {
    .tire-image-figure img {
        max-width:initial;
        right: initial;
        -webkit-transform: translateX(-110px);
        transform: translateX(-110px);
        width: 350px
    }
}

.tire-image__container {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transform: translateY(-40%);
    transform: translateY(-40%)
}

@media (max-width: 595px) {
    .tire-image__container {
        -webkit-transform:translateY(0);
        transform: translateY(0)
    }
}

.tire-price {
    font-size: 10px
}

.tire-price__title {
    color: #a3a3a3;
    font-size: inherit;
    line-height: 1;
    margin: 0 0 2px;
    text-transform: capitalize
}

.tire-price__meta {
    color: #191919;
    display: block;
    font-size: 25px;
    line-height: 1
}

.tire-price__meta span {
    font-size: 1.3rem
}

.tire-price button {
    background: #fff;
    border: none;
    display: inherit
}

.tire-price__symbol {
    margin-right: .1em
}

.tire-price__symbol--ca {
    font-size: 65%
}

.tire-price__cents {
    margin-left: .1em
}

.tire-price__promotion {
    margin: 5px 0 0;
    line-height: 1rem;
    min-width: 60px
}

.tire-price__promotion span {
    font-size: 8px;
    line-height: 1rem;
    text-transform: uppercase;
    display: block;
    text-align: center
}

.tire-price__promotion span:first-child {
    background: #68a412;
    position: relative;
    color: #fff
}

.tire-price__promotion span:first-child:before,.tire-price__promotion span:first-child:after {
    content: '';
    display: block;
    height: 0;
    width: 0;
    position: absolute;
    border-style: solid
}

.tire-price__promotion span:first-child:before {
    border-width: 1em 0 1em .8em;
    top: 0;
    left: 0;
    border-color: transparent transparent transparent #fff
}

.tire-price__promotion span:first-child:after {
    border-width: 1em .8em 1em 0;
    top: 0;
    right: 0;
    border-color: transparent #fff transparent transparent
}

.tire-price__promotion span:last-child {
    color: #68a412;
    font-weight: bold
}

.tire-price__promotion--is-hidden {
    display: none;
    visibility: hidden
}

.tire-size {
    font-size: 10px
}

.tire-size__title {
    color: #a3a3a3;
    font-size: inherit;
    line-height: 1;
    margin: 0 0 2px;
    text-transform: capitalize
}

.tire-size__meta {
    line-height: 1;
    font-size: 1.2rem;
    color: #222
}

.tire-review__stars {
    font-size: .875rem;
    margin: 0 auto;
    padding-left: 0
}

@media (max-width: 595px) {
    .tire-review__stars {
        margin:0 10%
    }
}

.tire-review__stars-shape {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.tire-review__stars-item {
    height: 12px;
    margin-right: 2px;
    width: 12px
}

@media (max-width: 595px) {
    .tire-review__stars-item {
        height:15px;
        margin-right: 3px;
        width: 15px
    }
}

.tire-review__stars-count {
    color: #2776e3;
    font-size: 9px;
    line-height: 1
}

@media (max-width: 595px) {
    .tire-review__stars-count {
        font-size:12px
    }
}

.tire-review__stars p {
    font-size: .8rem;
    margin: .25rem 0;
    text-align: center
}

@media (min-width: 500px) {
    .tire-review__stars p {
        font-size:inherit
    }
}

.tire-review__stars svg {
    fill: #008675;
    height: 100%;
    vertical-align: top;
    width: 100%
}

.tire-warranty {
    font-size: 10px
}

.tire-warranty__title {
    color: #a3a3a3;
    font-size: inherit;
    line-height: 1;
    margin: 0 0 2px;
    text-transform: capitalize
}

.tire-warranty__meta {
    color: #191919;
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1
}

.associated-product__header {
    background-color: #f7f7f7;
    padding: 1.875rem 0;
    text-align: center
}

.associated-product__header h1,.associated-product__header .vsHeader .vs-headline,.vsHeader .associated-product__header .vs-headline {
    color: #000;
    font-size: 2.65rem;
    text-transform: uppercase;
    margin-bottom: 1rem
}

.associated-product__header p {
    color: #5a5a5a;
    display: block;
    margin: 0 auto;
    max-width: 64rem;
    width: 90%
}

.associated-product__modal-tpms,.associated-product__modal-msrp {
    display: none;
    visibility: hidden
}

.article-list__header {
    text-align: center;
    background-color: #f7f7f7;
    padding: 2rem 1rem;
    margin-top: 3.75rem
}

.article-list__header h2 {
    color: #343434
}

.article-list__list-item {
    margin-bottom: 2rem
}

@media (min-width: 768px) {
    .article-list__list-item {
        display:table
    }
}

.article-list__list-item:last-child {
    margin-bottom: 0
}

.article-list__image {
    background: no-repeat 50% 50%;
    background-size: cover;
    display: block;
    height: 14rem;
    margin-bottom: 1.6rem;
    position: relative;
    width: 100%
}

@media (min-width: 768px) {
    .article-list__image {
        margin-bottom:0;
        margin-right: 2rem;
        width: 12rem;
        height: 8rem
    }
}

.article-list__image:after {
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    border-color: transparent transparent #fff;
    border-style: solid;
    border-width: 0 25px 12.5px;
    bottom: 0;
    content: '';
    display: block;
    height: 0;
    left: 50%;
    position: absolute;
    width: 0;
    z-index: 30
}

@media (min-width: 768px) {
    .article-list__image:after {
        display:none
    }
}

.article-list__text {
    width: 100%;
    display: block
}

@media (min-width: 768px) {
    .article-list__text {
        width:auto;
        display: table-cell;
        vertical-align: top
    }
}

.article-list__text h4 {
    color: #343434
}

.article-list__text a {
    font-weight: bold
}

.breadcrumb {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: none
}

@media (min-width: 768px) {
    .breadcrumb {
        display:block
    }
}

.breadcrumb__list {
    color: #666;
    display: inline-block;
    font-size: .9rem;
    height: 30px;
    margin-left: 5%;
    margin-top: 1em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 300px
}

.breadcrumb__list-item {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: inline
}

.breadcrumb__list-item:last-child a {
    text-decoration: none;
    color: #444;
    cursor: default;
    pointer-events: none
}

.breadcrumb__list-link {
    color: #246bce;
    text-decoration: none
}

.breadcrumb__list-link:hover {
    text-decoration: underline
}

.breadcrumb__list-divider {
    display: inline-block;
    margin: 0 .5rem
}

.breadcrumbMMY {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.breadcrumbMMY__title {
    font-size: 2.25rem;
    line-height: 2.75rem;
    font-weight: bold;
    text-transform: capitalize;
    display: inline;
    float: left;
    margin: 0 18px 0 0
}

@media (max-width: 768px) {
    .breadcrumbMMY__title {
        margin-bottom:0
    }
}

.breadcrumbMMY__list {
    color: #666;
    display: inline-block;
    font-size: .9rem;
    margin-top: 10px;
    line-height: 2.75rem;
    float: left
}

@media (max-width: 768px) {
    .breadcrumbMMY__list {
        margin-top:0;
        width: 100%
    }
}

.breadcrumbMMY__list-item {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: inline
}

.breadcrumbMMY__list-link {
    color: #246bce;
    font-weight: bold;
    text-decoration: underline;
    text-transform: capitalize
}

.breadcrumbMMY__list-link:hover {
    text-decoration: none
}

.breadcrumbMMY__list-starter {
    display: inline;
    padding-right: 8px
}

.breadcrumbMMY__list-divider {
    display: inline-block;
    margin: 0 .5rem
}

.breadcrumb__current {
    color: #666;
    text-decoration: none;
    pointer-events: none;
    cursor: default;
    font-weight: normal
}

.empty-breadcrumb {
    display: none
}

[data-page-name="vehicles"] .breadcrumbMMY .component__container {
    padding-bottom: 0;
    margin-top: 3.75rem;
    overflow: hidden;
    padding: 0
}

.breadcrumb-social {
    display: table;
    width: 90%;
    max-width: 64rem;
    margin: 0 auto
}

.breadcrumb-social .breadcrumb,.breadcrumb-social .send-to {
    margin: 0 auto;
    width: 100%
}

@media (min-width: 768px) {
    .breadcrumb-social .breadcrumb,.breadcrumb-social .send-to {
        display:table-cell;
        margin: 0;
        vertical-align: middle;
        width: 50%
    }
}

.breadcrumb-social .breadcrumb__list {
    margin-left: 0
}

.breadcrumb-social .send-to__contains {
    display: inline-block;
    width: 100%
}

.breadcrumb-social .send-to__container {
    width: 25px
}

.button-array__headline {
    background-color: #f7f7f7;
    color: #343434;
    text-align: center;
    padding: 2rem;
    margin-bottom: 1rem;
    font-size: 1.3rem
}

.button-array__list-item {
    float: none;
    width: 100%;
    margin-top: 2.5%
}

@media (min-width: 475px) {
    .button-array__list-item {
        float:left;
        width: 47.5%
    }

    .button-array__list-item:nth-child(odd) {
        margin-right: 2.5%
    }

    .button-array__list-item:nth-child(even) {
        margin-left: 2.5%
    }
}

.button-array__list-link {
    font-size: 1.4rem;
    text-decoration: none;
    display: block;
    width: 100%;
    overflow-wrap: break-word;
    font-weight: bold
}

.button-array__list-link span {
    font-size: 70%
}

.button-array.horizontal .button-array__list {
    text-align: center
}

.button-array.horizontal .button-array__list-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: auto;
    display: inline-block !important;
    float: none;
    margin: 10px
}

.button-array.light .button-array__headline {
    font-size: 350%;
    background: none;
    padding: 0;
    color: #000
}

.button-array.light .button-array__list-link {
    color: #000;
    padding: 0.5rem;
    border: 2px solid #000;
    line-height: 0.7;
    position: relative;
    text-align: center;
    z-index: 3;
    white-space: nowrap;
    min-width: 200px
}

.button-array.light .button-array__list-link:hover {
    -webkit-box-shadow: inset 0 0 0 1px #000;
    box-shadow: inset 0 0 0 1px #000;
    -webkit-transition: .1s ease-in;
    transition: .1s ease-in
}

.button-array.light .button-array__list-link:after {
    background-color: #fff !important
}

.vsHeader {
    clear: both
}

[data-page-name="vehicles"] .component__container {
    padding: 1.2rem 0
}

.vehicles-service-button-group {
    background-color: #f7f7f7
}

.vehicles-service-button-group__subheading {
    text-align: center
}

.vehicles-service-button-group__headline {
    color: #343434;
    text-align: center;
    margin-bottom: 1rem;
    font-size: 1.6rem
}

.vehicles-service-button-group__list-item {
    float: none;
    width: 100%;
    margin-top: 2.5%;
    margin-right: 2.5%
}

@media (min-width: 768px) {
    .vehicles-service-button-group__list-item {
        width:48.75%;
        float: left
    }

    .vehicles-service-button-group__list-item:nth-child(2n) {
        margin-right: 0
    }
}

.vehicles-service-button-group__list-item a:hover,.vehicles-service-button-group__list-item a:focus {
    color: #164199
}

.vehicles-service-button-group__list-link {
    font-size: 1.8rem;
    text-decoration: none;
    display: block;
    width: 100%;
    white-space: initial
}

@media (min-width: 768px) {
    .vehicles-service-button-group__list-link {
        white-space:nowrap
    }
}

body .modal.vehicle-service__modal .button-medium-solid-bst-blue {
    font-family: 'BridgestoneType-Cd', 'NotoSans' !important;
    padding: 18px
}

@-moz-document url-prefix() {
    body .modal.vehicle-service__modal .button-medium-solid-bst-blue:after {
        top: -1px
    }
}

@media (max-width: 768px) {
    body .modal.vehicle-service__modal .tpmsOr,body .modal.vehicle-service__modal .tpmsOr+a {
        display:none
    }
}

.contact-form {
    background: #eee;
    text-align: left
}

.contact-form .component__flexie {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%
}

.contact-form .component__flexie__row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.contact-form .is-selected {
    font-weight: bolder
}

@media (min-width: 768px) {
    .contact-form__faq {
        margin-right:3%;
        vertical-align: top
    }
}

@media (min-width: 768px) {
    .contact-form__faq,.contact-form__user-input {
        display:inline-block;
        width: 48%
    }
}

.contact-form .component__flex-item__grow {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-right: 10px
}

@media (min-width: 768px) {
    .contact-form .component__flex-item__grow {
        -webkit-box-flex:0;
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        min-width: 250px;
        margin-bottom: 20px
    }
}

@media (min-width: 768px) {
    .contact-form .component__flex-item__grow__tablet {
        -webkit-flex-basis:0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }
}

.contact-form .hidden {
    display: none
}

.contact-form .show {
    display: block;
    word-break: break-all
}

.contact-form a {
    display: block;
    font-size: 1rem;
    margin-top: 1em;
    text-decoration: none
}

.contact-form p a {
    display: inline-block;
    font-weight: normal;
    margin: 0;
    text-decoration: underline;
    word-wrap: break-word
}

.contact-form .success-message a {
    display: inline-block
}

.contact-form p {
    color: #666;
    font-size: 1rem;
    margin: 0
}

.contact-form .attachment-box {
    margin: 10px 0
}

.contact-form .error-box p {
    margin: 0;
    font-size: .8rem;
    padding: 0 0 0 12px;
    color: #e42300
}

.contact-form .upload-input {
    margin-bottom: 0
}

.contact-form .upload-input.validate-error {
    color: #000;
    border-color: #e42300
}

.contact-form .placeholder {
    font-style: italic;
    line-height: 1.3rem;
    margin-top: 1rem;
    font-size: .8rem;
    padding-top: 1rem
}

@media (min-width: 768px) {
    .contact-form .placeholder {
        padding-top:0
    }
}

.contact-form h2 {
    color: #343434;
    font-size: 1.75rem;
    margin-top: 40px
}

.contact-form h2.h1 {
    font-size: 2.8125rem !important
}

.contact-form h3 {
    color: #343434;
    font-size: 1.2rem;
    margin: 20px 0 15px;
    text-transform: uppercase
}

.contact-form h3.required {
    font-size: 0.8rem;
    margin: 0 auto 1rem;
    text-transform: capitalize
}

.contact-form input {
    border: 1px solid #ccc;
    font-size: 1rem;
    margin-bottom: 10px;
    padding: 12px 0 12px 10px;
    width: 100%
}

.contact-form input::-webkit-input-placeholder {
    color: #666
}

.contact-form select::-ms-expand {
    display: block;
    background: #fff;
    border: none
}

.contact-form select {
    background: #fff;
    border: 1px solid #ccc;
    color: #343434;
    font-family: "BridgestoneType","NotoSans",Arial;
    font-size: 1.25rem;
    height: 53px;
    margin-top: 0;
    text-transform: uppercase;
    width: 100%
}

.contact-form textarea {
    border: 1px solid #ccc;
    font-size: 1rem;
    min-height: 150px;
    padding: 12px 0 12px 10px;
    width: 100%
}

.contact-form textarea::-webkit-input-placeholder {
    color: #666
}

.contact-form button {
    margin-bottom: 40px;
    margin-top: 1rem
}

.contact-form .validate-error {
    color: #e42300
}

.contact-form .validate-errors-list {
    color: #e42300;
    font-size: .77rem;
    padding: 10px 0 10px 12px;
    width: 100%
}

@media (max-width: 768px) {
    .contact-form .validate-errors-list {
        padding:0 0 0 12px
    }
}

.contact-form .validate-errors-list::-webkit-input-placeholder {
    color: #e42300
}

.contact-form .reason-section {
    display: table;
    margin: 2rem 0;
    width: 100%
}

.contact-form .reason-section__ul {
    background: #fff;
    padding: 0 .75rem 1rem
}

@media (min-width: 768px) {
    .contact-form .reason-section__ul {
        min-height:585px;
        padding: .25rem 1rem
    }
}

@media (min-width: 768px) {
    .contact-form .reason-section h3 {
        width:330px;
        display: table-cell
    }
}

@media (min-width: 768px) {
    .contact-form .reason-section section,.contact-form .reason-section main {
        display:table-cell
    }
}

.contact-form .reason-for-contacting+.validate-errors-list {
    margin-top: 0
}

@media (min-width: 768px) {
    .contact-form .max-width {
        max-width:250px
    }
}

.contact-form__container {
    margin-left: auto;
    margin-right: auto;
    width: 90%
}

@media (min-width: 768px) {
    .contact-form__container {
        margin:0 auto;
        max-width: 64rem
    }
}

.contact-form__container__form__select-container {
    background: #fff;
    height: 53px;
    margin: 0 0 10px
}

.contactFormEnhanced .contact-form__container__form__select-container {
    background: transparent
}

.contact-form .success-message {
    display: none;
    opacity: 0;
    text-align: center;
    padding: 6rem 0
}

.contact-form .form-field__select {
    border: 1px solid #ccc;
    font-size: 1rem;
    padding: 0 10px
}

.contact-form .productAndTechnicalEnquiry {
    height: 120px
}

@media (max-width: 768px) {
    .contact-form .productAndTechnicalEnquiry {
        height:auto;
        padding-bottom: 10px
    }
}

.contact-form .tire-search__form li.select {
    vertical-align: middle
}

@media (max-width: 768px) {
    .contact-form .tire-search__form li.select {
        margin-bottom:20px
    }
}

.contact-form .tire-search__form--active {
    text-align: left
}

.contact-form .select select {
    z-index: 1
}

.contact-form .select button {
    margin: 0;
    pointer-events: auto
}

.contact-form .select .icon-arrow {
    pointer-events: none
}

.contact-us-bar .component__container {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 1.375rem 0
}

@media (min-width: 768px) {
    .contact-us-bar .component__container {
        height:90px;
        width: 620px
    }
}

.contact-us-bar .help-bar {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1rem;
    width: 100%;
    margin-top: .8rem
}

@media (min-width: 768px) {
    .contact-us-bar .help-bar {
        -webkit-box-flex:1;
        -webkit-flex: 1 1 0;
        -ms-flex: 1 1 0px;
        flex: 1 1 0;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        margin: 0
    }
}

.contact-us-bar .help-bar__cta {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    text-align: center
}

@media (min-width: 768px) {
    .contact-us-bar .help-bar__cta {
        -webkit-box-flex:1;
        -webkit-flex: 1 1 100px;
        -ms-flex: 1 1 100px;
        flex: 1 1 100px;
        margin: 1rem 0
    }
}

.contact-us-bar .help-bar__cta-containers {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    width: 100%;
    margin-top: 1rem
}

@media (min-width: 768px) {
    .contact-us-bar .help-bar__cta-containers {
        -webkit-box-flex:3;
        -webkit-flex: 3 3 auto;
        -ms-flex: 3 3 auto;
        flex: 3 3 auto;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        width: auto;
        padding: 0;
        margin-top: 0
    }
}

.contact-us-bar .help-bar__phone,.contact-us-bar .help-bar__email,.contact-us-bar .help-bar__click-chat {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 1px;
    -ms-flex: 1 1 1px;
    flex: 1 1 1px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: auto
}

@media (min-width: 768px) {
    .contact-us-bar .help-bar__email {
        display:-webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

.contact-us-bar.light {
    background: #f0f0f0
}

.contact-us-bar.light .help-bar__cta p {
    color: #222326
}

.contact-us-bar.light .help-bar__phone a,.contact-us-bar.light .help-bar__email a,.contact-us-bar.light .help-bar__click-chat a {
    color: #222326
}

.contact-us-bar.light .svg-container svg {
    fill: #222326
}

.contact-us-bar.dark {
    background: #222326
}

.contact-us-bar.dark .help-bar__cta p {
    color: #c6c6c6
}

.contact-us-bar.dark .help-bar__phone a,.contact-us-bar.dark .help-bar__email a,.contact-us-bar.dark .help-bar__click-chat a {
    color: #c6c6c6
}

.contact-us-bar.dark .svg-container svg {
    fill: #c6c6c6
}

.customer-testimonials .container {
    margin-left: auto;
    margin-right: auto;
    width: 90%;
    max-width: 64rem;
    padding: 3.75rem 0;
    text-align: left
}

.customer-testimonials .cs-button-box {
    margin: 4em auto;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.customer-testimonials__header {
    text-align: center;
    background-color: transparent;
    padding: 2rem 1rem;
    margin-top: 0
}

.customer-testimonials__header h2 {
    color: #fff
}

.customer-testimonials_copy,.customer-testimonials_secondary_copy {
    color: #fff;
    text-align: center
}

.customer-testimonials .bv-curations-cleanslate .fm-gridhub-load-more {
    background: #3d8fff !important;
    background-image: none !important;
    border: none !important
}

.dynamic-associated-product .tire-priority {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

@media (max-width: 648px) {
    .dynamic-associated-product .tire-priority {
        -webkit-box-pack:end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-transform: translateX(-1.2rem);
        transform: translateX(-1.2rem)
    }
}

@media (max-width: 648px) {
    .dynamic-associated-product .tire-stuff {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-flow: column wrap;
        -ms-flex-flow: column wrap;
        flex-flow: column wrap;
        width: 90%
    }
}

.dynamic-associated-product .tire-stuff .tire-heading__model {
    color: #343434
}

.dynamic-associated-product .tire-content,.dynamic-associated-product .tire-facts-cta {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 50%;
    -ms-flex: 0 1 50%;
    flex: 0 1 50%;
    margin: 0;
    position: relative;
    z-index: 20
}

@media (max-width: 648px) {
    .dynamic-associated-product .tire-facts-cta {
        margin-top:1.2rem
    }
}

.dynamic-associated-product__header {
    background-color: #f1f1f1;
    padding: 1.875rem 0;
    text-align: center
}

.dynamic-associated-product__header h1,.dynamic-associated-product__header .vsHeader .vs-headline,.vsHeader .dynamic-associated-product__header .vs-headline {
    color: #000;
    font-size: 1.5rem;
    text-transform: uppercase
}

.dynamic-associated-product__header h2 {
    font-size: 1rem;
    padding: 10px 0 0
}

.dynamic-associated-product__header h2.h1 {
    color: #000;
    font-size: 1.4rem;
    text-transform: uppercase
}

.dynamic-coupon-detail-component {
    width: 100%
}

@media (min-width: 768px) {
    .dynamic-coupon-detail-component {
        width:90%
    }
}

@media (min-width: 992px) {
    .dynamic-coupon-detail-component {
        width:100%
    }
}

.dynamic-coupon-detail-component .dynamic-coupon-detail {
    width: 100%
}

@media (min-width: 768px) {
    .dynamic-coupon-detail-component .dynamic-coupon-detail {
        width:62%
    }
}

.dynamic-coupon-detail-component .dynamic-coupon-detail h1,.dynamic-coupon-detail-component .dynamic-coupon-detail .vsHeader .vs-headline,.vsHeader .dynamic-coupon-detail-component .dynamic-coupon-detail .vs-headline {
    padding-bottom: 1.7rem;
    padding-top: .4rem
}

.dynamic-coupon-detail-component .dynamic-coupon-detail .dynamic-coupon-detail__coupon-image {
    display: block;
    width: 100%
}

.dynamic-coupon-detail-component .dynamic-coupon-detail .dynamic-coupon-detail__coupon-description * {
    color: inherit !important;
    font-size: inherit !important;
    font-style: inherit !important;
    font-weight: inherit !important;
    margin: 0 !important;
    padding: 0 !important
}

.dynamic-coupon-detail-component .dynamic-coupon-error {
    padding: 3.75rem 0;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
    max-width: 64rem
}

@media (min-width: 768px) {
    .dynamic-coupon-detail-component .dynamic-coupon-error {
        width:90%
    }
}

@media (min-width: 992px) {
    .dynamic-coupon-detail-component .dynamic-coupon-error {
        width:100%
    }
}

.dynamic-coupon-detail-component .dynamic-coupon-error_detail {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-ordinal-group: 21;
    -webkit-order: 20;
    -ms-flex-order: 20;
    order: 20;
    margin: 1.5rem 0;
    text-align: center
}

.dynamic-coupon-detail-component .dynamic-coupon-error_detail .dynamic-coupon-error__headline {
    margin: 0 0 1rem;
    font-size: 4.5rem
}

.dynamic-coupons-component {
    width: 100%
}

@media (min-width: 768px) {
    .dynamic-coupons-component {
        width:90%
    }
}

@media (min-width: 992px) {
    .dynamic-coupons-component {
        width:100%
    }
}

.dynamic-coupons-component h1,.dynamic-coupons-component .vsHeader .vs-headline,.vsHeader .dynamic-coupons-component .vs-headline {
    padding-bottom: 1.7rem;
    padding-top: .4rem;
    position: relative;
    text-align: center
}

.dynamic-coupons-component .dynamic-coupons__coupon-list {
    width: 100%
}

.dynamic-coupons-component .dynamic-coupons__coupon-list .dynamic-coupons__coupon-list-item {
    width: 100%;
    display: block;
    overflow: hidden;
    margin-bottom: 2rem;
    background-color: #eee;
    position: relative
}

.dynamic-coupons-component .dynamic-coupons__coupon-list .dynamic-coupons__coupon-list-item .dynamic-coupons__coupon-illustration {
    width: 30%;
    display: none
}

.dynamic-coupons-component .dynamic-coupons__coupon-list .dynamic-coupons__coupon-list-item .dynamic-coupons__coupon-illustration img {
    width: 100%;
    display: block
}

@media (min-width: 992px) {
    .dynamic-coupons-component .dynamic-coupons__coupon-list .dynamic-coupons__coupon-list-item .dynamic-coupons__coupon-illustration {
        display:block;
        position: absolute;
        bottom: 0;
        left: 0
    }
}

@media (min-width: 992px) {
    .dynamic-coupons-component .dynamic-coupons__coupon-list .dynamic-coupons__coupon-list-item .dynamic-coupons__coupon-illustration+.dynamic-coupons__coupon-details {
        width:70%;
        margin-left: 30%
    }
}

.dynamic-coupons-component .dynamic-coupons__coupon-list .dynamic-coupons__coupon-list-item .dynamic-coupons__coupon-details {
    width: 100%;
    padding: 2rem
}

.dynamic-coupons-component .dynamic-coupons__coupon-list .dynamic-coupons__coupon-list-item .dynamic-coupons__coupon-details .dynamic-coupons__coupon-headline {
    color: #000
}

.dynamic-coupons-component .dynamic-coupons__coupon-list .dynamic-coupons__coupon-list-item .dynamic-coupons__coupon-details .dynamic-coupons__coupon-description {
    color: #5a5a5a
}

.dynamic-coupons-component .dynamic-coupons__coupon-list .dynamic-coupons__coupon-list-item .dynamic-coupons__coupon-details .dynamic-coupons__coupon-expiration {
    color: #5a5a5a;
    font-size: .9rem;
    font-weight: bold
}

.dynamic-coupons-component .dynamic-coupons__coupon-list .dynamic-coupons__coupon-list-item .dynamic-coupons__coupon-details a.button-large-solid-bst-blue {
    display: inline-block
}

.footer-component {
    background-color: #eee
}

.footer-component__section {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.footer-component__section--hide-desktop {
    display: none
}

.footer-component__section .component__flexie {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

@media (min-width: 768px) {
    .footer-component__section .component__flexie {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        margin-left: auto;
        margin-right: auto;
        width: 90%
    }
}

.footer-component__section .component__container {
    margin: 0;
    width: 100%;
    padding: 0
}

@media (min-width: 768px) {
    .footer-component__section .component__container {
        margin-left:auto;
        margin-right: auto;
        width: 90%;
        padding: 4.375rem 0
    }
}

.footer-component .footer-item-image-wrap {
    height: 128px;
    border-left: 1px solid #ccc;
    overflow: hidden
}

.footer-component .footer-item-image-wrap img {
    width: 130px;
    height: 140px;
    margin-top: -30px;
    opacity: 1
}

.footer-component .footer-item-image-wrap img[data-src] {
    opacity: 0
}

.footer-component .highlight {
    display: none
}

.footer-component .highlight .component__container {
    padding: 0
}

@media (min-width: 768px) {
    .footer-component .highlight {
        display:block
    }

    .footer-component .highlight .component__flex-item {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .footer-component .highlight .component__flex-item a {
        border-left-color: #ccc
    }

    .footer-component .highlight .footer-component__header {
        color: #fcfcfc;
        font-size: 1.4rem !important;
        text-align: center;
        text-transform: uppercase;
        margin: 0
    }

    .footer-component .highlight .footer-component__header-wrapper {
        background-color: #2f2f2f
    }

    .footer-component .highlight .footer-component__header-wrapper .component__container {
        padding: 2rem 0
    }

    .footer-component .highlight .footer-component__list {
        background-color: #fff;
        padding: 0 0 1rem
    }

    .footer-component .highlight .footer-component__list .component__flexie {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .footer-component .highlight .footer-component__list-item {
        color: #a3a3a3;
        text-align: left
    }

    .footer-component .highlight .footer-component__list a {
        display: block;
        border-left: 0;
        padding: 0
    }

    .footer-component .highlight .footer-component__list h2,.footer-component .highlight .footer-component__list .apac-title {
        color: #343434;
        font-size: 1.5rem;
        margin-top: 0.5rem;
        text-align: inherit
    }

    .footer-component .highlight .footer-component__list span {
        font-size: 0.8rem;
        display: block;
        padding-right: 5px;
        line-height: 1.8
    }

    .footer-component .highlight .footer-component__list span.tire-category {
        color: black;
        font-style: italic
    }
}

.footer-component__list {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    border-top: 1px solid #fff
}

.footer-component__list:first-child {
    border-top: none
}

@media (min-width: 768px) {
    .footer-component__list {
        -webkit-box-flex:1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        border-top: none
    }
}

.footer-component__list .component__flexie {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.footer-component__list-item {
    height: 0;
    overflow: hidden
}

@media (min-width: 768px) {
    .footer-component__list-item {
        height:auto !important
    }
}

.footer-component__list-item li {
    background-color: #fff;
    border-bottom: 1px solid #f2f2f2
}

@media screen and (max-width: 768px) {
    .footer-component__list-item li {
        min-height:30px;
        background-color: #fff;
        border-bottom: 1px solid #f2f2f2
    }
}

@media (max-width: 768px) {
    .footer-component__list-item li {
        height:auto
    }
}

.footer-component__list-item li:last-child {
    border-bottom: none
}

.footer-component__list-item li:hover {
    background-color: #fafafa
}

@media (min-width: 768px) {
    .footer-component__list-item li {
        margin:.25rem 0;
        background-color: inherit;
        border: none
    }

    .footer-component__list-item li:hover {
        background-color: inherit
    }
}

.footer-component__list-item a {
    color: #999;
    display: block;
    padding: .8rem 5%;
    font-size: 1.05rem;
    text-decoration: none
}

@media screen and (max-width: 768px) {
    .footer-component__list-item a {
        border-top:0 !important;
        background-color: #fff
    }
}

@media (min-width: 768px) {
    .footer-component__list-item a {
        display:inline;
        padding: 0;
        font-size: .75rem;
        line-height: 1.8;
        letter-spacing: 0.02rem
    }
}

@media screen and (max-width: 768px) {
    .footer-component__list-item h3.non-brand-tyre {
        display:block;
        min-height: 40px;
        padding-left: 5%;
        color: #343434;
        font-size: 1rem;
        background-color: #fff;
        margin: -8px 0
    }

    .footer-component__list-item h3.non-brand-tyre::after {
        border-bottom: 1px solid #f2f2f2
    }
}

@media (max-width: 768px) {
    .footer-component__list-item a[title='Click to Chat'] {
        display:none
    }
}

.footer-component__list-item--hide-mobile {
    display: none;
    list-style: none
}

@media (min-width: 768px) {
    .footer-component__list-item--hide-mobile {
        display:list-item
    }
}

.footer-component__list-item--hide-mobile.footer-component__list-item--hide-desktop {
    display: none
}

.footer-component__list-item--hide-desktop {
    display: list-item
}

@media (min-width: 768px) {
    .footer-component__list-item--hide-desktop {
        display:none
    }
}

.footer-component__list-item--hide-desktop.footer-component__list-item--hide-mobile {
    display: none
}

.footer-component__list.is-mobile {
    display: block
}

@media (min-width: 768px) {
    .footer-component__list.is-mobile {
        display:none
    }
}

.footer-component__list h2.footer-component__header {
    font-size: 1rem !important;
    font-weight: 100;
    letter-spacing: -0.02em
}

@media (max-width: 768px) {
    .footer-component__list h2.footer-component__header {
        font-size:1.3rem;
        letter-spacing: 0
    }
}

.footer-component__header {
    font-size: 1rem;
    padding: 0.5rem;
    text-transform: uppercase
}

.footer-component__header .svg-container.is-open {
    -webkit-transition: .3s ease-in;
    transition: .3s ease-in;
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    top: 38%
}

.footer-component__header .svg-container.is-open svg {
    fill: #e42300
}

h2.footer-component__header {
    display: none
}

button.footer-component__header {
    background-color: #d7d7d7;
    border: none;
    color: #383b40;
    cursor: pointer;
    display: block;
    font-size: 1.3rem;
    /* padding: 1.14rem 5%; */
    position: relative;
    text-align: left;
    text-transform: uppercase;
    width: 100%
}

button.footer-component__header .svg-container {
    position: absolute;
    top: 50%;
    right: 5%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
    height: 1rem;
    width: 1rem
}

button.footer-component__header .svg-container svg {
    height: 100%;
    width: 100%;
    fill: #383b40;
    position: absolute
}

@media (min-width: 768px) {
    .footer-component__header {
        font-size:0.85rem;
        margin-bottom: 1rem;
        padding: 0;
        color: #343434
    }

    h2.footer-component__header {
        display: block
    }

    button.footer-component__header {
        display: none
    }
}

@media screen and (max-width: 768px) {
    .footer-component .footer-component__list-item.is-open-ul li,.footer-component .footer-component__list-item.is-open-ul.is-open li {
        position:relative;
        z-index: 10
    }
}

.footer-component:not(.footer-commerce) .highlight a {
    padding: 7.7rem .1rem 0;
    border-left: 1px solid #ccc;
    position: relative
}

.footer-component:not(.footer-commerce) .highlight a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -25px;
    width: 85%;
    min-height: 12px;
    background-repeat: no-repeat;
    background-size: contain
}

@media screen and (min-width: 875px) {
    .footer-component:not(.footer-commerce) .highlight a {
        padding:7.7rem 1rem 0
    }
}

.footer-component:not(.footer-commerce) .highlight a .footer-component__list-item {
    background-position: left -49%
}

@media screen and (max-width: 768px) {
    .footer-component:not(.footer-commerce) .mobile-specific-footer a::after {
        content:"";
        position: absolute;
        width: 85%;
        min-height: 8px;
        background-repeat: no-repeat;
        background-size: contain
    }
}

.fuel-calculator-component {
    color: #000;
    text-align: center;
    width: 100%
}

.fuel-calculator-component h1,.fuel-calculator-component .vsHeader .vs-headline,.vsHeader .fuel-calculator-component .vs-headline,.fuel-calculator-component h3 {
    color: #000;
    font-weight: bold;
    letter-spacing: 1px;
    text-transform: uppercase
}

.fuel-calculator-component h1,.fuel-calculator-component .vsHeader .vs-headline,.vsHeader .fuel-calculator-component .vs-headline {
    font-size: 2.65rem
}

@media (max-width: 768px) {
    .fuel-calculator-component h1,.fuel-calculator-component .vsHeader .vs-headline,.vsHeader .fuel-calculator-component .vs-headline {
        font-size:1.8rem
    }
}

.fuel-calculator-component h3 {
    font-size: 1.25rem
}

@media (max-width: 768px) {
    .fuel-calculator-component h3 {
        margin-bottom:.44rem
    }
}

.fuel-calculator-component p {
    color: #5a5a5a
}

.fuel-calculator-component__results {
    background-color: #fff
}

@media (min-width: 768px) {
    .fuel-calculator-component__results .component__container {
        padding:3rem 0 3.6rem;
        width: 40rem
    }
}

.fuel-calculator-component__results h1,.fuel-calculator-component__results .vsHeader .vs-headline,.vsHeader .fuel-calculator-component__results .vs-headline {
    line-height: 1.2
}

.fuel-calculator-component__results .fc-results {
    width: 100%;
    margin-top: 2rem;
    text-align: center
}

.fuel-calculator-component__results .fc-results--primary {
    border-bottom: 2px solid #d7d7d7;
    padding-bottom: 1rem
}

.fuel-calculator-component__results .fc-results--primary svg {
    max-height: 200px;
    vertical-align: top
}

.fuel-calculator-component__results .fc-results--secondary svg {
    vertical-align: middle;
    height: 5rem
}

.fuel-calculator-component__results .fc-results--secondary p {
    margin-bottom: 0
}

.fuel-calculator-component__results .fc-results--secondary .fc-results--text {
    vertical-align: middle
}

.fuel-calculator-component__results .fc-results--text {
    display: inline-block;
    margin-top: 50px;
    text-align: left;
    vertical-align: top;
    width: 50%
}

.fuel-calculator-component__results .fc-results--text-head {
    color: #6ea727
}

.fuel-calculator-component__results .fc-results--saving {
    margin: 0 auto;
    max-width: 16rem;
    text-align: left;
    vertical-align: top;
    width: 90%
}

.fuel-calculator-component__results .fc-results--saving h2 {
    font-size: 5rem;
    line-height: .8;
    letter-spacing: 1px
}

.fuel-calculator-component__results .fc-results--saving sup {
    top: -.45em;
    font-size: 60%
}

.fuel-calculator-component__results .fc-results--saving p {
    font-size: 1.2rem;
    margin-left: 1.6rem
}

.fuel-calculator-component__results .fc-results--co2,.fuel-calculator-component__results .fc-results--gas {
    max-width: 100%;
    width: 16rem;
    margin: 0 auto 1.4rem
}

@media (min-width: 768px) {
    .fuel-calculator-component__results .fc-results--co2,.fuel-calculator-component__results .fc-results--gas {
        width:48%;
        display: inline-block;
        margin: 0
    }
}

.fuel-calculator-component__results .fc-results h3 {
    color: #5a5a5a;
    font-size: 1.6rem;
    margin-bottom: 2rem
}

.fuel-calculator-component__results .fc-results p {
    margin-top: 0;
    line-height: 1.4rem
}

.fuel-calculator-component__results .fc-results span {
    color: #6ea727
}

.fuel-calculator-component__results .fc-results svg {
    display: inline-block;
    width: 25%;
    margin-right: 10%
}

.fuel-calculator-component__no-results {
    background-color: #fff
}

@media (min-width: 768px) {
    .fuel-calculator-component__no-results .component__container {
        padding:3rem 0 3.6rem;
        width: 40rem
    }
}

.fuel-calculator-component__no-results h1,.fuel-calculator-component__no-results .vsHeader .vs-headline,.vsHeader .fuel-calculator-component__no-results .vs-headline {
    line-height: 1.2
}

.fuel-calculator-component__no-results p {
    margin-bottom: 4rem
}

.fuel-calculator-component__no-results .text-link {
    display: block;
    margin-top: 2rem;
    font-size: 1rem
}

.fuel-calculator-component__form {
    background-color: #f3f3f3
}

.fuel-calculator-component__form .component__container {
    padding: 1.25rem 0 3.75rem;
    width: 44rem
}

@media (max-width: 768px) {
    .fuel-calculator-component__form .component__container {
        padding:1.4rem 2rem 2.625rem;
        width: 100%
    }
}

.fuel-calculator-component__form__indicator {
    text-align: center
}

@media (max-width: 768px) {
    .fuel-calculator-component__form__indicator {
        margin-bottom:1rem
    }
}

.fuel-calculator-component__form p {
    margin: 1rem 2.5rem 2.5rem
}

@media (max-width: 768px) {
    .fuel-calculator-component__form p {
        font-size:1.16rem;
        font-weight: lighter;
        line-height: 1.85rem;
        margin: 1rem 0 2.375rem
    }
}

.fuel-calculator-component__form .fc-form__group {
    margin-bottom: 3.25rem
}

@media (min-width: 768px) {
    .fuel-calculator-component__form .fc-form__group {
        margin-bottom:.5rem
    }
}

.fuel-calculator-component__form .fc-form__group label {
    margin: 0;
    padding: 1rem 0 0;
    width: 100%;
    opacity: 1;
    position: relative;
    display: inline-block;
    line-height: 1
}

@media (min-width: 768px) {
    .fuel-calculator-component__form .fc-form__group label {
        margin-left:-4px;
        opacity: 1;
        padding: 1rem;
        width: 25%
    }

    .fuel-calculator-component__form .fc-form__group label button,.fuel-calculator-component__form .fc-form__group label input,.fuel-calculator-component__form .fc-form__group label select,.fuel-calculator-component__form .fc-form__group label textarea {
        pointer-events: none
    }
}

.fuel-calculator-component__form .fc-form__group label .select {
    height: 3.75rem;
    background-color: #fff;
    min-width: 100%
}

@media (min-width: 768px) {
    .fuel-calculator-component__form .fc-form__group label .select {
        height:3.125rem
    }
}

.fuel-calculator-component__form .fc-form__group label .select select {
    font-size: 1.16rem
}

@media (min-width: 768px) {
    .fuel-calculator-component__form .fc-form__group label .select select {
        font-size:1.1rem
    }
}

.fuel-calculator-component__form .fc-form__group label .icon-arrow {
    display: none
}

.fuel-calculator-component__form .fc-form__group label .icon-close {
    display: block;
    pointer-events: auto
}

.fuel-calculator-component__form .fc-form__group label.active button,.fuel-calculator-component__form .fc-form__group label.active input,.fuel-calculator-component__form .fc-form__group label.active select,.fuel-calculator-component__form .fc-form__group label.active textarea {
    pointer-events: auto
}

.fuel-calculator-component__form .fc-form__group label.active ~ label {
    opacity: .5
}

.fuel-calculator-component__form .fc-form__group label.active .icon-arrow,.fuel-calculator-component__form .fc-form__group label.active ~ label .icon-arrow {
    display: block
}

.fuel-calculator-component__form .fc-form__group label.active .icon-close,.fuel-calculator-component__form .fc-form__group label.active ~ label .icon-close {
    display: none
}

.fuel-calculator-component__form .fc-form__group .button-holder {
    width: 100%;
    text-align: center
}

@media (min-width: 768px) {
    .fuel-calculator-component__form .fc-form__group .button-holder {
        text-align:right
    }
}

.fuel-calculator-component__form .fc-form__group__help {
    font-size: 1.16rem;
    line-height: 1;
    color: #246bce;
    background: none;
    border: none;
    text-align: center;
    cursor: pointer;
    padding: .5rem 0
}

.fuel-calculator-component__form .fc-form__group__help[disabled] {
    opacity: .5;
    cursor: default
}

@media (min-width: 768px) {
    .fuel-calculator-component__form .fc-form__group__help {
        font-size:.66rem;
        padding: 0 1.5rem 0 0
    }
}

@media (max-width: 768px) {
    .fuel-calculator-component__form .fc-form__group--2 {
        margin-bottom:1.25rem
    }
}

.fuel-calculator-component__form .fc-form__group--2 label {
    margin-bottom: 1.25rem;
    width: 100%
}

@media (min-width: 768px) {
    .fuel-calculator-component__form .fc-form__group--2 label {
        width:auto
    }

    .fuel-calculator-component__form .fc-form__group--2 label button,.fuel-calculator-component__form .fc-form__group--2 label input,.fuel-calculator-component__form .fc-form__group--2 label select,.fuel-calculator-component__form .fc-form__group--2 label textarea {
        pointer-events: auto
    }
}

.fuel-calculator-component__form .fc-form__group--2 label h3 {
    margin-bottom: 1.375rem
}

@media (min-width: 768px) {
    .fuel-calculator-component__form .fc-form__group--2 label h3 {
        margin-bottom:.75rem
    }
}

.fuel-calculator-component__form .fc-form__group--2 label input {
    font-size: 1.16rem;
    height: 3.75rem;
    padding-left: 1rem;
    width: 100%
}

@media (min-width: 768px) {
    .fuel-calculator-component__form .fc-form__group--2 label input {
        font-size:1rem;
        font-weight: lighter;
        height: 2rem;
        padding-left: .75rem;
        width: 11rem
    }
}

.fuel-calculator-component__form .fc-form__controls {
    margin-top: 0
}

@media (min-width: 768px) {
    .fuel-calculator-component__form .fc-form__controls {
        margin-top:1.5rem
    }
}

.fuel-calculator-component__form .fc-form__controls button {
    letter-spacing: 1px;
    font-size: 1.25rem;
    height: 3.75rem;
    width: 100%
}

.fuel-calculator-component__form .fc-form__controls button:disabled {
    cursor: default
}

@media (min-width: 768px) {
    .fuel-calculator-component__form .fc-form__controls button {
        font-size:1rem;
        width: 10rem
    }
}

.fuel-calculator-tire .associated-product {
    margin: 0 auto;
    max-width: 64rem;
    width: 90%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.fuel-calculator-tire .associated-product li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.fuel-calculator-tire .associated-product__list-item {
    border: none
}

@media (min-width: 768px) {
    .fuel-calculator-tire .associated-product__list-item {
        position:relative
    }
}

.fuel-calculator-tire .associated-product__header {
    background-color: #fff
}

.fuel-calculator-tire .associated-product__header h1,.fuel-calculator-tire .associated-product__header .vsHeader .vs-headline,.vsHeader .fuel-calculator-tire .associated-product__header .vs-headline {
    color: #64a70b;
    font-size: 1.8rem;
    line-height: 1.2
}

@media (min-width: 768px) {
    .fuel-calculator-tire .associated-product__header h1,.fuel-calculator-tire .associated-product__header .vsHeader .vs-headline,.vsHeader .fuel-calculator-tire .associated-product__header .vs-headline {
        color:#000;
        font-size: 2.65rem;
        margin-bottom: 1rem
    }
}

.fuel-calculator-tire .associated-product__header p {
    color: #5a5a5a;
    display: block;
    margin: 0 auto;
    max-width: 64rem;
    width: 90%
}

.fuel-calculator-tire .associated-product .product__subbrand {
    color: #64a70b
}

@media (min-width: 768px) {
    .fuel-calculator-tire .associated-product .product-attributes {
        margin-bottom:2rem
    }
}

.fuel-calculator-tire .associated-product h3 {
    border-right: 1px solid #a3a3a3;
    color: #a3a3a3;
    display: inline-block;
    font-size: 1.5em;
    margin-right: 1em;
    padding-right: 1em
}

.fuel-calculator-tire .associated-product h3:last-child {
    border: none
}

.fuel-calculator-tire .associated-product p {
    color: #a3a3a3;
    text-transform: capitalize
}

.fuel-calculator-tire .associated-product .product__container {
    margin: 1.875rem 0
}

@media (min-width: 768px) {
    .fuel-calculator-tire .associated-product .product__container {
        display:inline-block;
        margin-right: 3%;
        vertical-align: top;
        width: 55%
    }
}

.fuel-calculator-tire .associated-product .product a {
    position: relative;
    margin: 0
}

.fuel-calculator-tire .associated-product a p {
    display: inline-block;
    margin: 0
}

.fuel-calculator-tire .associated-product a span {
    color: #a3a3a3;
    display: inline-block;
    font-size: 1rem
}

@media (min-width: 768px) {
    .fuel-calculator-tire .associated-product img {
        display:inline-block;
        width: 30%
    }
}

.fuel-calculator-tire .associated-product .solo__price-button-container {
    margin-top: 20px
}

.fuel-calculator-tire .associated-product .solo__price-button-container .solo__price-container {
    display: inline-block;
    width: calc(100% - 110px)
}

.fuel-calculator-tire .associated-product .solo__price-button-container .reviews-container {
    display: inline-block;
    width: 100px;
    vertical-align: top
}

@media (min-width: 768px) {
    .fuel-calculator-tire .associated-product .solo__price-button-container .reviews-container {
        position:absolute;
        right: 0
    }
}

.fuel-calculator-tire .associated-product .solo .solo__svg-product-container {
    max-width: 100%;
    width: 100%
}

.fuel-calculator-tire .associated-product .solo .solo__svg-product-container .svg-container {
    width: 5%
}

.fuel-calculator-tire .associated-product .solo .product-attributes__bar-item {
    max-width: 100%;
    width: 91%
}

.fuel-calculator-tire .product .solo-button-container {
    position: relative
}

@media (min-width: 768px) {
    .fuel-calculator-tire .product .solo-button-container {
        bottom:50px;
        position: absolute;
        right: 0
    }
}

@media (min-width: 768px) {
    .fuel-calculator-tire .product .solo-button-container a {
        width:100%
    }
}

.fuel-calculator-tire .product .solo-button-container a.button-medium-solid-bst-blue {
    font-family: 'BridgestoneType-Cd', 'NotoSans' !important;
    margin-bottom: 50px;
    width: 100%;
    margin-top: 30px
}

@media (min-width: 768px) {
    .fuel-calculator-tire .product .solo-button-container a.button-medium-solid-bst-blue {
        margin-bottom:0;
        margin-top: 50px;
        width: auto
    }
}

.fuel-calculator-tire .brand-item-product-ecopia {
    border-top: none
}

.navigation-container {
    background: #222326;
    min-height: 80px;
    top: 0px;
    -webkit-transition: top .5s;
    transition: top .5s
}

@media (min-width: 768px) {
    .show-global-nav .navigation-container {
        top:50px
    }
}

@media (min-width: 992px) {
    .show-global-nav .navigation-container {
        top:30px
    }

    .expand-nav .navigation-container {
        top: 50px
    }
}

.commerce-navigation {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    background-color: #222326;
    position: relative;
    z-index: 1000;
    width: 100%
}

@media (min-width: 768px) {
    .commerce-navigation {
        min-height:100%;
        height: 100vh;
        position: fixed;
        width: 82px;
        top: 0;
        -webkit-transition: top .5s;
        transition: top .5s
    }

    .show-global-nav .commerce-navigation {
        top: 50px
    }
}

@media (min-width: 992px) {
    .show-global-nav .commerce-navigation {
        top:30px
    }

    .expand-nav .commerce-navigation {
        top: 50px
    }
}

.commerce-navigation__skip {
    left: -9999em;
    position: absolute
}

.commerce-navigation__header {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: #222326;
    height: 85px;
    position: fixed;
    width: 100%;
    z-index: 20
}

@media (min-width: 768px) {
    .commerce-navigation__header {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        height: 80px;
        position: relative;
        top: 0
    }
}

.commerce-navigation__header__logo {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    background-color: #e42300;
    min-width: 88.5px;
    overflow: hidden;
    padding: .5rem;
    width: 88.5px
}

@media (min-width: 768px) {
    .commerce-navigation__header__logo {
        min-width:80px;
        width: 80px
    }
}

.commerce-navigation__header__logo-anchor {
    display: inline-block;
    height: auto;
    width: 100%
}

.commerce-navigation__header__logo svg {
    fill: #fff;
    height: auto;
    width: 100%
}

@media (min-width: 768px) {
    .commerce-navigation__header__logo {
        -webkit-box-ordinal-group:2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        height: 100%;
        max-width: 100%;
        width: 100%
    }
}

.commerce-navigation__header__display-option {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 33%;
    -ms-flex: 0 1 33%;
    flex: 0 1 33%;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    background-color: #222326;
    height: 85px;
    position: relative
}

@media (min-width: 768px) {
    .commerce-navigation__header__display-option {
        -webkit-box-ordinal-group:3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
        display: none
    }
}

.commerce-navigation__header__display-option-item {
    height: 85px
}

.commerce-navigation__header__display-option-item button {
    background-color: inherit;
    border: none;
    height: 100%;
    padding: .5rem;
    width: 100%
}

.commerce-navigation__header__display-option-item svg {
    fill: #fff;
    height: 50%;
    width: 50%
}

.commerce-navigation__header__display-option--open {
    display: block
}

@media (min-width: 768px) {
    .commerce-navigation__header__display-option--open {
        display:none
    }
}

.commerce-navigation__header__display-option--close {
    display: none
}

@media (min-width: 768px) {
    .commerce-navigation__header__display-option--close {
        display:none
    }
}

.commerce-navigation__header__find-tire {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
    -webkit-flex: 0 1 33%;
    -ms-flex: 0 1 33%;
    flex: 0 1 33%;
    border-left: 3.5px solid #2c2c2c
}

@media (min-width: 768px) {
    .commerce-navigation__header__find-tire {
        display:none;
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }
}

.commerce-navigation__header__find-tire a {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    font-size: 17px;
    line-height: 1.2;
    height: 100%;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase
}

@media (min-width: 375px) {
    .commerce-navigation__header__find-tire a {
        font-size:20px
    }
}

@media (min-width: 768px) {
    .commerce-navigation__header__find-tire a {
        font-size:1.5rem;
        line-height: 23.045px
    }
}

.commerce-navigation__header__find-tire a svg {
    display: none;
    fill: #fff
}

.commerce-navigation__header__find-tire--active {
    background-color: #3172cc
}

.commerce-navigation__header__find-tire--active a span {
    display: none
}

.commerce-navigation__header__find-tire--active a svg {
    height: 35px;
    display: block
}

.commerce-navigation__menu {
    -webkit-overflow-scrolling: touch;
    background-color: #222326;
    max-width: 30rem;
    min-width: 17rem;
    overflow-y: scroll;
    position: fixed;
    top: 85px;
    width: 75%;
    z-index: 10
}

@media (min-width: 768px) {
    .commerce-navigation__menu {
        max-width:inherit;
        min-width: 100%;
        overflow: visible;
        position: relative;
        top: 0;
        -webkit-transform: translate3d(0, 0, 0) !important;
        transform: translate3d(0, 0, 0) !important;
        width: 100%
    }
}

.commerce-navigation__menu ul {
    display: block;
    width: 100%
}

.commerce-navigation__menu.commerce-navigation__menu--small {
    display: none;
    height: 2000px;
    width: 100%
}

@media (min-width: 768px) {
    .commerce-navigation__menu.commerce-navigation__menu--small {
        display:none
    }
}

.commerce-navigation__menu.commerce-navigation__menu--large {
    display: none
}

@media (min-width: 768px) {
    .commerce-navigation__menu.commerce-navigation__menu--large {
        display:-webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

.commerce-navigation__menu-item {
    position: relative;
    z-index: 20;
    font-size: .7rem
}

@media (min-width: 768px) {
    .commerce-navigation__menu-item {
        position:static
    }

    .commerce-navigation__menu-item:last-child {
        border-bottom: 1px solid #383b40
    }
}

.commerce-navigation__menu-item.nav--blue .commerce-navigation__menu-item-link {
    border-top: 1px solid #164199
}

.commerce-navigation__menu-item.nav--blue .commerce-navigation__menu-item-link:hover {
    background-color: #275ba3
}

.commerce-navigation__menu-item.nav--blue .commerce-navigation__menu-item-link:hover h3 {
    color: #fff
}

.commerce-navigation__menu-item.nav--blue .commerce-navigation__menu-item-link:hover svg {
    fill: #fff
}

.commerce-navigation__menu-item-link {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    border-top: 1px solid #000;
    color: #dfdfe0;
    min-height: 71px;
    padding: 15px;
    text-decoration: none
}

@media (min-width: 768px) {
    .commerce-navigation__menu-item-link {
        -webkit-box-align:center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        border-top: 1px solid #383b40;
        min-height: 81px;
        padding: 15px 5px;
        text-align: center;
        text-transform: uppercase
    }
}

.commerce-navigation__menu-item-link .svg-contains {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    height: 30px;
    margin-left: 10px;
    margin-right: 1.5rem;
    max-width: 30px;
    pointer-events: none;
    width: 30px
}

@media (min-width: 768px) {
    .commerce-navigation__menu-item-link .svg-contains {
        margin-left:auto;
        margin-right: auto;
        width: 50%;
        height: 30px
    }
}

.commerce-navigation__menu-item-link .svg-contains svg {
    fill: #dfdfe0;
    height: 100%;
    pointer-events: none;
    width: 100%
}

@media (min-width: 768px) {
    .commerce-navigation__menu-item-link .svg-contains svg {
        height:100%;
        width: 100%
    }
}

.commerce-navigation__menu-item-link .commerce-navigation__menu-item__name {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    color: #dfdfe0;
    font-size: 2em;
    pointer-events: none;
    text-transform: uppercase;
    width: 100%
}

@media (min-width: 768px) {
    .commerce-navigation__menu-item-link .commerce-navigation__menu-item__name {
        font-size:.8rem;
        margin-top: 1em
    }
}

.commerce-navigation__menu-item-link .commerce-navigation__menu-item__indicator {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
    height: 50%
}

.commerce-navigation__menu-item-link .commerce-navigation__menu-item__indicator .svg-container {
    height: 1rem;
    width: 1rem;
    margin: 0
}

.commerce-navigation__menu-item-link .commerce-navigation__menu-item__indicator svg {
    height: 100%;
    width: 100%;
    fill: #c6c6c6
}

.commerce-navigation__menu-item-link:hover {
    background-color: #222326
}

.commerce-navigation__menu-item-link:hover svg {
    fill: #c6c6c6
}

.commerce-navigation__menu-item-link:hover .commerce-navigation__menu-item__name {
    color: #c6c6c6
}

@media (min-width: 768px) {
    .commerce-navigation__menu-item-link:hover {
        background-color:#343434
    }
}

.commerce-navigation__menu-item-link.is-active {
    background-color: #222326
}

.commerce-navigation__menu-item-link.is-active svg {
    fill: #c6c6c6
}

.commerce-navigation__menu-item-link.is-active .commerce-navigation__menu-item__name {
    color: #c6c6c6
}

@media (min-width: 768px) {
    .commerce-navigation__menu-item-link.is-active {
        background-color:#f7f7f7;
        z-index: 10
    }

    .commerce-navigation__menu-item-link.is-active svg {
        fill: #000
    }

    .commerce-navigation__menu-item-link.is-active .commerce-navigation__menu-item__name {
        color: #5a5a5a
    }
}

.commerce-navigation__menu-item--hide-mobile {
    display: none
}

@media (min-width: 768px) {
    .commerce-navigation__menu-item--hide-mobile {
        display:-webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

.commerce-navigation__menu-item--hide-mobile.commerce-navigation__menu-item--hide-desktop {
    display: none
}

.commerce-navigation__menu-item--hide-desktop {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media (min-width: 768px) {
    .commerce-navigation__menu-item--hide-desktop {
        display:none
    }
}

.commerce-navigation__menu-item--hide-desktop.commerce-navigation__menu-item--hide-mobile {
    display: none
}

@media (min-width: 768px) {
    .commerce-navigation__menu {
        position:relative
    }
}

.commerce-navigation__subsection {
    background-color: #f7f7f7;
    height: 0;
    overflow: hidden
}

@media (min-width: 768px) {
    .commerce-navigation__subsection {
        -webkit-transform:translate3d(82px, 0, 0);
        transform: translate3d(82px, 0, 0);
        background-color: #f7f7f7;
        height: auto;
        overflow: hidden;
        position: absolute;
        top: 0;
        width: 0;
        visibility: hidden;
        z-index: 10
    }

    .commerce-navigation__subsection.is-active {
        visibility: visible
    }
}

@media (min-width: 768px) {
    .commerce-navigation__subsection-item {
        padding:0 1.5rem
    }

    .commerce-navigation__subsection-item:hover {
        background-color: #efefef
    }
}

.commerce-navigation__subsection-item:last-child a {
    border-bottom: none
}

.commerce-navigation__subsection-item .svg-contains {
    display: inline-block;
    height: 25px;
    max-width: 80px;
    vertical-align: middle;
    width: 50%
}

@media (min-width: 768px) {
    .commerce-navigation__subsection-item .svg-contains {
        margin-left:auto;
        margin-right: auto;
        width: 35%;
        height: 35%
    }
}

.commerce-navigation__subsection-item .svg-contains svg {
    fill: #dfdfe0;
    height: 100%;
    pointer-events: none;
    width: 50%
}

@media (min-width: 768px) {
    .commerce-navigation__subsection-item .svg-contains svg {
        height:100%;
        width: 100%
    }
}

.commerce-navigation__subsection-item__name {
    font-size: 2em;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    text-transform: uppercase
}

.commerce-navigation__subsection-item__meta {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3
}

[class*='brand-item'] .commerce-navigation__subsection-item__meta {
    width: 70%
}

.commerce-navigation__subsection h2 {
    display: none;
    font-weight: bold
}

@media (min-width: 768px) {
    .commerce-navigation__subsection h2 {
        background:#e6e6e6;
        display: block;
        font-size: 1.75rem;
        max-width: 100%;
        min-width: 290px;
        padding: 1.5rem;
        margin-bottom: 0;
        text-transform: uppercase
    }
}

@media (min-width: 768px) {
    .commerce-navigation__subsection ul {
        min-width:290px;
        max-width: 100%
    }
}

.commerce-navigation__subsection a {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #e6e6e6;
    padding: 1.5rem;
    width: 100%;
    text-decoration: none
}

@media (min-width: 768px) {
    .commerce-navigation__subsection a {
        padding:1rem 0 1rem 2px
    }
}

.commerce-navigation__subsection h3 {
    font-size: 1rem;
    font-weight: 400;
    pointer-events: none;
    text-transform: uppercase
}

.commerce-navigation__subsection p {
    color: #343434;
    font-size: .8rem;
    font-weight: 100;
    margin: .5em 0 0;
    width: 100%
}

@media (min-width: 768px) {
    .commerce-navigation .viewport__small {
        display:none
    }
}

.commerce-navigation .lang-links .commerce-navigation__subsection-link {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

@media screen and (max-width: 768px) {
    .commerce-navigation__menu h3 {
        margin-bottom:0px
    }
}

.commerce-navigation__subsection-item {
    cursor: pointer
}

.commerce-navigation__menu-item-link:hover {
    background-color: #246bce !important
}

.commerce-navigation__menu--large .commerce-navigation__subsection-item {
    padding-top: 5px !important
}

.commerce-navigation__menu--large .commerce-navigation__subsection-item a {
    padding: 5px 0 8px 2px !important
}

.commerce-navigation .appt-button-container.appt-button-container-mobile {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    border-left: 3.5px solid #2c2c2c;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 33%;
    -ms-flex: 0 1 33%;
    flex: 0 1 33%
}

.commerce-navigation .appt-button-container.appt-button-container-mobile .headerScheduleAppointmentBtn {
    font-family: 'BridgestoneType', 'NotoSans';
    font-weight: 400;
    color: #fff;
    font-size: 17px;
    line-height: 1.2;
    height: 100%;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    text-transform: uppercase
}

@media (min-width: 375px) {
    .commerce-navigation .appt-button-container.appt-button-container-mobile .headerScheduleAppointmentBtn {
        font-size:20px
    }
}

@media (min-width: 768px) {
    .commerce-navigation .appt-button-container.appt-button-container-mobile .headerScheduleAppointmentBtn {
        font-size:1.5rem;
        line-height: 23.045px
    }
}

@media screen and (min-width: 768px) {
    .commerce-navigation .appt-button-container.appt-button-container-mobile {
        display:none
    }
}

@media screen and (max-width: 768px) {
    .commerce-navigation__header__logo {
        -webkit-box-ordinal-group:2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

    .anchors-panel {
        display: none
    }
}

.search-large__modal-tpms,.search-large__modal-trim,.search-large__modal-tire-size,.search-large__modal-cookies {
    display: none;
    visibility: hidden
}

.search-large__modal-tpms--mobile .button-container,.search-large__modal-trim--mobile .button-container,.search-large__modal-tire-size--mobile .button-container,.search-large__modal-cookies--mobile .button-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.search-large__modal-tpms--mobile .button-container button,.search-large__modal-trim--mobile .button-container button,.search-large__modal-tire-size--mobile .button-container button,.search-large__modal-cookies--mobile .button-container button {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-width: 0
}

.size ol {
    list-style: decimal;
    list-style-position: inside
}

.cookies .cookies-more-info {
    padding: 1rem;
    display: inline-block;
    margin-left: 0;
    margin-top: 20px
}

@media (min-width: 768px) {
    .cookies .cookies-more-info {
        margin-left:20px;
        margin-top: 0
    }
}

.primary-header {
    width: 100%;
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.3);
    box-shadow: 0 0 5px rgba(0,0,0,0.3)
}

@media (min-width: 768px) {
    .primary-header {
        position:fixed;
        top: 0;
        z-index: 1002;
        -webkit-transition: top 0.5s;
        transition: top 0.5s
    }

    .show-global-nav .primary-header {
        top: 50px
    }
}

@media (min-width: 992px) {
    .show-global-nav .primary-header {
        top:30px
    }

    .expand-nav .primary-header {
        top: 50px
    }
}

.header-nav {
    width: 100%;
    z-index: 200;
    position: relative;
    overflow: hidden
}

@media (min-width: 768px) {
    .header-nav {
        padding-right:80px;
        overflow: visible
    }
}

.overflow-show {
    overflow: visible
}

.anchors-panel {
    background: #2b2c30;
    border-top: 1px solid #09090a;
    border-bottom: 1px solid #09090a;
    display: none;
    padding: 1.5rem 2rem
}

.anchors-panel--show {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.anchors-panel__link {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #f7f7f7;
    color: #2b2c30;
    font-size: 1.25rem;
    margin-right: 1.5rem;
    min-height: 3rem;
    padding: .5rem 1rem;
    text-align: center;
    text-decoration: none
}

.anchors-panel__link:last-child {
    margin-right: 0
}

.header-large {
    display: none;
    height: 5rem;
    width: 100%
}

@media (min-width: 768px) {
    .header-large {
        display:flex
    }
}

.header-large .search-large {
    display: table-cell;
    background-color: #fff;
    height: 100%;
    position: relative;
    width: 100%
}

.header-large .search-large .suggestions {
    background-color: #f7f7f7;
    color: #000;
    display: none;
    left: 0;
    position: absolute;
    top: 5rem;
    visibility: hidden;
    width: 100%;
    z-index: 50
}

.header-large .search-large .suggestions div {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 100%;
    margin: 0;
    width: 100%
}

.header-large .search-large .suggestions div.pointer:before {
    border-color: #fff transparent transparent;
    border-style: solid;
    border-width: 20px 37.5px 0;
    content: '';
    height: 0;
    position: absolute;
    width: 0;
    z-index: 10
}

.header-large .search-large .suggestions div .suggestions__layer {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    max-height: 485px;
    overflow: auto;
    width: 100%
}

.header-large .search-large .suggestions div .suggestions__layer ul .button-trim-help,.header-large .search-large .suggestions div .suggestions__layer ul .button-previous-clear-all {
    background-color: #eee
}

.header-large .search-large .suggestions div .suggestions__layer ul .button-trim-help button,.header-large .search-large .suggestions div .suggestions__layer ul .button-previous-clear-all button {
    color: #2776e3;
    font-size: 1.1rem;
    font-weight: 100;
    height: 5rem;
    margin: 0;
    outline: none;
    width: 100%
}

.header-large .search-large .suggestions ul {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.header-large .search-large .suggestions li {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border-radius: 5px;
    outline-color: none;
    text-align: left;
    width: 100%
}

.header-large .search-large .suggestions li span {
    color: #fff;
    display: inline-block;
    font-size: 1rem;
    font-weight: 100;
    min-height: 5.5rem;
    padding: 1rem .75rem;
    text-transform: capitalize
}

.header-large .search-large .suggestions li.result {
    background-color: rgba(26,111,227,0.85)
}

.header-large .search-large .suggestions li:last-child .search-input :after {
    border-bottom: none;
    padding-bottom: 3rem
}

.header-large .search-large .suggestions header {
    color: #a7a7a7;
    cursor: default;
    font-size: 1rem;
    font-weight: 300;
    margin: 25px 0 5px;
    padding: 0 4rem;
    position: relative;
    text-align: left
}

.header-large .search-large .suggestions header.null-header {
    color: #000;
    font-weight: 300
}

.header-large .search-large .suggestions header.null-header b {
    font-weight: 600
}

.header-large .search-large .suggestions button {
    background-color: transparent;
    border: none;
    cursor: pointer;
    font-size: 1rem;
    font-weight: 300;
    margin: 25px 0 5px;
    padding: 0 4rem;
    position: relative;
    text-align: left;
    color: #000
}

.header-large .search-large .suggestions button svg {
    fill: #fff;
    height: 100%;
    width: 100%
}

.header-large .search-large .suggestions button.make,.header-large .search-large .suggestions button.model,.header-large .search-large .suggestions button.trim,.header-large .search-large .suggestions button.year {
    -webkit-box-flex: 2;
    -webkit-flex: 2 2 auto;
    -ms-flex: 2 2 auto;
    flex: 2 2 auto;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    display: inline-block
}

.header-large .search-large .suggestions button.disable {
    -webkit-box-flex: 2;
    -webkit-flex: 2 2 auto;
    -ms-flex: 2 2 auto;
    flex: 2 2 auto;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    color: transparent;
    cursor: default;
    pointer-events: none;
    position: relative
}

.header-large .search-large .suggestions button.disable b {
    color: transparent
}

.header-large .search-large .suggestions button.disable:hover {
    background-color: transparent;
    cursor: default
}

.header-large .search-large .suggestions button.disable:after {
    border: none
}

.header-large .search-large .suggestions button.button-submit {
    min-height: 45px;
    position: relative;
    width: 100%
}

.header-large .search-large .suggestions button.header-question {
    color: #8d8d8d;
    font-size: .9rem;
    min-height: 42px;
    outline: none;
    pointer-events: none;
    position: relative;
    width: 100%
}

.header-large .search-large .suggestions button.search-input {
    color: #a3a3a3;
    font-size: 1.1rem;
    margin: 0;
    min-height: 42px;
    position: relative;
    width: 100%
}

.header-large .search-large .suggestions button.search-input:hover {
    background-color: #eee
}

.header-large .search-large .suggestions button.search-input:focus {
    outline: none
}

.header-large .search-large .suggestions button.suggestion,.header-large .search-large .suggestions button.previous-search {
    color: #666;
    font-weight: 400
}

.header-large .search-large .suggestions button b {
    color: #666;
    font-weight: 500;
    pointer-events: none
}

.header-large .search-large .suggestions button em {
    color: #8d8d8d;
    font-style: normal;
    font-weight: 300;
    pointer-events: none
}

.header-large .search-large .suggestions .submit.result {
    background-color: transparent;
    border-radius: 0;
    border: 3px solid #fff;
    margin-top: 5.4rem;
    text-align: center
}

.header-large .search-large .suggestions .submit.result .button-submit {
    padding: .5rem;
    text-align: center
}

.header-large .search-large .suggestions .submit.result .suggestion--close {
    display: none
}

.header-large .search-large .suggestions .suggestion--close {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    height: 1rem;
    margin-left: .5rem;
    margin-right: .5rem;
    max-width: .75rem;
    padding: 0;
    width: .75rem
}

.header-large .search-large .suggestions .suggestion--close .button-delete {
    background-color: transparent;
    border: none;
    cursor: pointer;
    display: inline;
    height: 100%;
    padding: 0;
    width: 100%
}

.header-large .search-large .suggestions .suggestion--close .button-delete svg {
    fill: #fff;
    height: 100%;
    width: 100%
}

.header-large .search-large .suggestions .close__container {
    height: 1.5rem;
    margin: 0;
    max-width: 1.5rem;
    position: absolute;
    right: 100px;
    text-align: center;
    top: 1rem;
    width: 1.5rem
}

.header-large .search-large .suggestions .close__container .close-suggestions {
    background-color: transparent;
    border: none;
    cursor: pointer;
    height: 100%;
    padding: 0;
    width: 100%
}

.header-large .search-large .suggestions .close__container .close-suggestions .svg-contains {
    height: 35px;
    margin: 0;
    width: 35px
}

.header-large .search-large .suggestions .close__container .close-suggestions .svg-contains svg {
    fill: #fff;
    height: 100%;
    width: 100%
}

.header-large .search-large form {
    background-color: #fff;
    height: 80px;
    max-width: 100%;
    width: 100%;
    display: table;
    position: relative;
    z-index: 100
}

.header-large .search-large form .button-container {
    display: table-cell;
    vertical-align: top;
    width: 100px
}

.header-large .search-large form .button-container [type='submit'] {
    margin: 1rem;
    width: 100px
}

.header-large .search-large form label {
    display: table-cell;
    vertical-align: top;
    width: 80px;
    cursor: pointer
}

.header-large .search-large form label .svg-contains {
    pointer-events: none;
    background: inherit;
    display: block;
    height: 80px;
    width: 80px;
    padding: 1.5rem;
    position: relative;
    text-align: center;
    z-index: 100
}

.header-large .search-large form label .svg-contains svg {
    fill: #3d8fff;
    height: 100%;
    width: 100%;
    margin: 0 auto;
    pointer-events: none
}

.header-large .search-large form .search-input-container {
    display: table-cell;
    vertical-align: top;
    height: 80px
}

.header-large .search-large form .search-input-container input {
    border: none;
    color: #666;
    font-size: 1rem;
    height: 100%;
    line-height: 1.25rem;
    outline: none;
    position: relative;
    width: 100%;
    z-index: 100
}

.header-large .search-large form .search-input-container input::-ms-clear {
    display: none
}

.header-large .search-large form .search-input-container input::-webkit-input-placeholder {
    color: #a3a3a3;
    font-weight: 300
}

.header-large .search-large form ::-webkit-input-placeholder {
    color: #444;
    font-size: 1rem
}

.header-large .search-large form :-moz-input-placeholder {
    color: #444;
    font-size: 1rem
}

.header-large .search-large form ::-moz-input-placeholder {
    color: #444;
    font-size: 1rem
}

.header-large .search-large form ::-ms-input-placeholder {
    color: #444;
    font-size: 1rem
}

.header-large .search-large form .query ul li {
    border-bottom: 1px solid #ccc;
    text-align: left;
    width: 100%
}

.header-large .search-large form .query ul li:first-child {
    border-bottom: none
}

.header-large .search-large form .query ul li button {
    background-color: transparent;
    border: none;
    color: #fff;
    padding: 20px;
    width: 100%
}

.header-large .search-large form div {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.header-large .search-large .loader-inner {
    position: absolute;
    height: 30px;
    width: 30px;
    top: 26px;
    right: 130px;
    -webkit-transform: translate(0, -50%, 0);
    transform: translate(0, -50%, 0)
}

.header-large .search-large .loader-inner>div:first-child {
    border-left-color: #ccc;
    border-right-color: #ccc;
    border-top-color: #ccc
}

.tab-container {
    display: table-cell;
    vertical-align: top;
    min-width: 200px;
    width: 200px;
    z-index: 100
}

@media (min-width: 768px) {
    .tab-container {
        min-width:20%;
        width: 20%
    }
}

.tab-container .svg-contains {
    height: 20px;
    width: 20px;
    display: block;
    margin: auto
}

.tab-container .svg-contains svg {
    height: 100%;
    width: 100%
}

.tab-container .tab {
    display: table-cell;
    vertical-align: top;
    background-color: #2776e3;
    border-right: 1px solid #246bce;
    width: 75px;
    max-width: 75px
}

.tab-container .tab button {
    text-transform: uppercase
}

.tab-container .tab.is-active {
    background-color: #f7f7f7
}

.tab-container .tab.is-active>button {
    color: #343434
}

.tab-container .tab.is-active>button:focus,.tab-container .tab.is-active>button:hover {
    background-color: #f7f7f7
}

.tab-container .tab-list {
    display: table;
    /* min-width: 18.1vw; */
    width: 100%;
    /* max-width: 20.1vw; */
}

.tab-container .tab-item {
    background-color: #f7f7f7;
    display: inline-block;
    height: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 80px;
    visibility: hidden;
    width: 100%
}

@media (min-width: 768px) {
    .tab-container .tab-item {
        min-width:276px;
        max-width: 355px;
        padding-right: 80px
    }
}

.tab-container .tab-item-container {
    padding: 1.5rem
}

.tab-container .tab label {
    display: block;
    font-size: 1.5rem
}

.tab-container .tab p {
    text-transform: uppercase
}

.tab-container .tab>button {
    background-color: transparent;
    border: none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 1rem;
    height: 80px;
    outline-width: 0;
    padding: 6px;
    text-align: center;
    vertical-align: middle;
    width: 100%
}

.tab-container .tab>button:hover,.tab-container .tab>button:focus {
    background-color: #5493e9
}

.tab-container .tab-installer {
    text-align: left
}

.tab-container .tab-installer label {
    color: #5a5a5a;
    font-size: 1.2rem
}

.tab-container .tab-installer input {
    border: 1px solid #ccc;
    font-size: 1rem;
    padding: 12px 0 12px 10px;
    width: 100%;
    margin: 10px 0 0;
    -webkit-transition: border-color .1s ease-in;
    transition: border-color .1s ease-in
}

.tab-container .tab-installer input:focus {
    border-color: #2776e3;
    outline: 0
}

.tab-container .tab-installer input::-webkit-input-placeholder {
    color: #b0b0b0
}

.tab-container .tab-installer span {
    display: inline-block;
    font-size: 1rem;
    margin-top: 1rem
}

.tab-container .tab-installer button {
    width: 100%
}

.tab-container .tab-installer button[type='submit'] {
    margin-top: 1rem
}

.tab-container .tab-installer .my-location {
    -moz-appearance: none;
    -webkit-appearance: none;
    background: none;
    border: none;
    cursor: pointer;
    color: #779bdc;
    font-size: .8rem
}

.tab-container .tab-call p {
    color: #5a5a5a;
    font-size: 1.2rem;
    margin: 0 0 10px
}

.tab-container .tab-call a {
    font-size: 1.25rem;
    color: #8d8d8d;
    text-decoration: none
}

.tab-container .tab-call button {
    padding: 0.5rem
}

.tab-container .tab-chat {
    display: none
}

@media (min-width: 768px) {
    .tab-container .tab-chat {
        display:inherit
    }
}

.tab-container .tab-chat p {
    color: #5a5a5a;
    font-size: 1.2rem;
    margin: 0 0 1rem
}

.tab-container .tab-chat a {
    color: #fff;
    width: 100%;
    display: block
}

.tab-container .tab-language {
    background-color: #246bce;
    max-width: 50px
}

.tab-container .tab-language .flex-container {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.tab-container .tab-language .flex-container span {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2
}

.tab-container .tab-language p {
    color: #5a5a5a;
    font-size: 1rem;
    margin: 0 0 10px;
    letter-spacing: -0.06em
}

.tab-container .tab-language svg {
    pointer-events: none
}

.tab-container .tab-language ul {
    height: 100%;
    width: 100%
}

.tab-container .tab-language ul li {
    width: 100%;
    margin: .5rem 0
}

.tab-container .tab-language ul a {
    text-decoration: none
}

.tab-container .tab-language ul .svg-contains {
    display: inline-block;
    height: 1.25rem;
    margin-right: 1.5rem;
    max-width: 1.25rem;
    vertical-align: middle;
    width: 1.25rem
}

.tab-container .tab-language ul span {
    color: #8d8d8d;
    display: inline-block;
    font-size: 1rem;
    vertical-align: middle
}

.header-small {
    height: 80px;
    position: absolute;
    width: 80%;
    min-width: 360px;
    right: 0;
    top: 80px;
    visibility: hidden
}

.header-small .tab-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    min-width: initial;
    width: initial
}

.header-small .tab-container div {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    text-align: center
}

.header-small .tab-container .tab-logo {
    background-color: #e42300
}

.header-small .tab-container .tab-search {
    z-index: 900
}

.header-small .tab-container .tab-search .tab-h3 {
    color: #fff;
    font-size: 1.2rem;
    font-weight: 100;
    margin: 18px
}

.header-small .tab-container .tab-blue {
    background-color: #3172cc
}

@media (min-width: 768px) {
    .header-small {
        display:none
    }
}

.helpBar {
    width: 100%
}

.help-bar {
    font-size: 1.25rem;
    margin-top: 1em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media (min-width: 768px) {
    .help-bar {
        display:inline-block;
        width: 100%
    }
}

.help-bar__cta {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 100px;
    -ms-flex: 0 1 100px;
    flex: 0 1 100px
}

.ie10 .help-bar__cta {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 100px;
    -ms-flex: 0 1 100px;
    flex: 0 1 100px
}

@media (min-width: 768px) {
    .help-bar__cta {
        display:inline-block;
        margin-bottom: 1rem;
        width: 100%
    }
}

.help-bar__cta p {
    color: #4d4d4d;
    font-size: 0.8em;
    font-weight: 700;
    margin: 0;
    text-transform: uppercase
}

.help-bar__cta-containers {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 3;
    -webkit-flex: 3 3 0;
    -ms-flex: 3 3 0px;
    flex: 3 3 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    line-height: .7em
}

@media (min-width: 768px) {
    .help-bar__cta-containers {
        -webkit-box-flex:3;
        -webkit-flex: 3 3 auto;
        -ms-flex: 3 3 auto;
        flex: 3 3 auto;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

.help-bar__phone,.help-bar__click-chat,.help-bar__email {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 2;
    -webkit-flex: 2 2 auto;
    -ms-flex: 2 2 auto;
    flex: 2 2 auto;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    height: 2em
}

@media (min-width: 768px) {
    .help-bar__phone,.help-bar__click-chat,.help-bar__email {
        -webkit-box-flex:2;
        -webkit-flex: 2 2 0;
        -ms-flex: 2 2 0px;
        flex: 2 2 0;
        height: 1em
    }
}

.help-bar__phone .svg-container,.help-bar__click-chat .svg-container,.help-bar__email .svg-container {
    height: 1rem;
    width: 1rem;
    display: inline-block;
    margin-right: .5em
}

.help-bar__phone .svg-container svg,.help-bar__click-chat .svg-container svg,.help-bar__email .svg-container svg {
    float: left;
    height: 100%;
    width: 100%;
    fill: #666
}

.help-bar__phone a,.help-bar__click-chat a,.help-bar__email a {
    color: #378bff;
    font-size: .6em;
    text-decoration: none
}

.help-bar__click-chat {
    display: none
}

@media (min-width: 768px) {
    .help-bar__click-chat {
        display:-webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

.help-bar__email {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.hero-button-bar {
    background-position: center top;
    background-size: 742px 402px;
    background-repeat: no-repeat;
    position: relative
}

@media (min-width: 768px) {
    .hero-button-bar {
        background-position:center center;
        background-size: cover;
        margin-bottom: 50px
    }
}

.hero-button-bar.dark h1,.hero-button-bar.dark .vsHeader .vs-headline,.vsHeader .hero-button-bar.dark .vs-headline,.hero-button-bar.dark p {
    color: #343434
}

.hero-button-bar.dark .hero-button-bar__buttons-text p {
    color: #fff
}

.hero-button-bar__intro {
    padding: 40px 5%;
    position: relative
}

.hero-button-bar__intro img {
    display: block;
    margin: 0 auto 2rem;
    max-width: 100%
}

.hero-button-bar__intro h1,.hero-button-bar__intro .vsHeader .vs-headline,.vsHeader .hero-button-bar__intro .vs-headline {
    color: #fff;
    font-size: 3.75rem;
    text-align: center
}

@media (min-width: 768px) {
    .hero-button-bar__intro h1,.hero-button-bar__intro .vsHeader .vs-headline,.vsHeader .hero-button-bar__intro .vs-headline {
        font-size:4.5rem;
        margin: 0 0 1rem
    }
}

.hero-button-bar__intro p {
    color: #fff;
    margin: 0 auto;
    padding-bottom: 30px;
    text-align: center;
    width: 100%
}

@media (min-width: 768px) {
    .hero-button-bar__intro p {
        width:40%
    }
}

@media (min-width: 768px) {
    .hero-button-bar__intro {
        padding:80px 5%
    }
}

@media (min-width: 768px) {
    .hero-button-bar__buttons-list {
        bottom:-30px;
        left: 0;
        margin: 0 auto;
        max-width: 64rem;
        position: absolute;
        right: 0;
        width: 90%
    }
}

@media (min-width: 768px) {
    .hero-button-bar__buttons-item {
        float:left;
        font-size: 0;
        min-height: 65px;
        margin: 0 auto;
        overflow: hidden;
        width: 33.333%
    }
}

.hero-button-bar__buttons-item a {
    background: #2776e3;
    border-bottom: 1px solid #246bce;
    display: inline-block;
    height: 95px;
    padding: 15px 20px;
    text-decoration: none;
    width: 100%
}

@media (min-width: 768px) {
    .hero-button-bar__buttons-item a {
        border-bottom:none;
        padding: 8px;
        border-right: 1px solid #246bce
    }
}

@media (min-width: 992px) {
    .hero-button-bar__buttons-item a {
        padding:15px 20px
    }
}

.hero-button-bar__buttons-item svg {
    display: inline-block;
    fill: #fff;
    max-height: 100%;
    margin-right: 20px;
    vertical-align: middle;
    width: 20px
}

.hero-button-bar__buttons-item h2 {
    color: #fff;
    font-size: 1.2rem
}

.hero-button-bar__buttons-item p {
    color: #fff;
    margin: 0 auto
}

.hero-button-bar__buttons-text {
    display: inline-block;
    vertical-align: middle;
    width: 75%
}

.hero-button-bar__buttons-text p {
    color: #fff;
    font-size: .8rem
}

.image-grid {
    background-size: cover;
    background-position: top center;
    position: relative
}

.image-grid .component__container {
    position: relative;
    max-width: 100%
}

@media (min-width: 768px) {
    .image-grid .component__container {
        max-width:100%
    }
}

.image-grid .video {
    position: absolute;
    z-index: 0
}

.image-grid__header {
    text-align: center;
    background-color: transparent;
    padding: 1rem;
    margin-top: 0
}

.image-grid__header h2 {
    color: #fff;
    font-size: 3.4375rem
}

.image-grid_copy,.image-grid_secondary_copy {
    text-align: center;
    color: #fff;
    margin-bottom: 0.5rem;
    margin-top: 0.5rem
}

.image-grid__header,.image-grid_copy,.image-grid_secondary_copy {
    max-width: 64rem;
    margin-left: auto;
    margin-right: auto
}

.image-grid_buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 2rem 0;
    padding: 1rem 0
}

.image-grid_buttons .cs-button-box {
    margin-right: 1rem
}

.image-grid_buttons--template {
    padding: 0
}

.image-grid_buttons--template .cs-button-box {
    margin-left: 10px;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.image-grid_buttons--template .cs-button-box:first-child {
    margin-right: 0;
    text-align: center
}

.image-grid_buttons--template .cs-button-box:first-child:nth-last-child(1)>a {
    max-width: calc(50% - 10px)
}

.image-grid_buttons--template .cs-button-box:first-child:nth-last-child(2)>a,.image-grid_buttons--template .cs-button-box:first-child:nth-last-child(2) ~ .cs-button-box>a {
    max-width: 100%
}

.image-grid_buttons--template .cs-button-box>a {
    display: inline-block;
    width: 100%
}

.image-grid_items_list {
    max-width: 800px;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 auto;
    padding-top: 1%
}

@media (min-width: 768px) {
    .image-grid_items_list {
        max-width:100%;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.image-grid_items_list li {
    display: block;
    width: calc(50% - 12px);
    margin-bottom: 2rem
}

.image-grid_items_list li:nth-child(even) {
    margin-left: 12px
}

.image-grid_items_list li:nth-last-child(1):nth-child(odd) {
    margin-right: calc(50% - 12px)
}

@media (min-width: 992px) {
    .image-grid_items_list li {
        width:15.889830508475%;
        margin-left: 10px
    }

    .image-grid_items_list li:nth-last-child(1):nth-child(odd) {
        margin-right: 0
    }
}

.image-grid_items_list li figure {
    position: relative
}

.image-grid_items_list li img {
    width: 100%;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transition-duration: 350ms;
    transition-duration: 350ms
}

.image-grid_items_list li img.hover-image {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0
}

.image-grid_items_list li img.hover-image:hover {
    opacity: 1
}

.image-grid_items_list li img:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.image-grid_items_list li figcaption {
    color: #fff;
    font-size: 1rem;
    text-align: center
}

.image-grid_items_list li figcaption p {
    margin: 0;
    padding: 0;
    line-height: 1.2
}

.image-grid_items_list li figcaption p.image-grid-item_caption_name {
    font-size: 1.125rem;
    font-weight: bold
}

.image-grid_items_list li figcaption p.image-grid-item_caption_sport {
    font-size: 0.9rem;
    color: #eee
}

@media (min-width: 992px) {
    .image-grid_items_list.img-sizeIncrement li {
        width:19.66667271%
    }
}

.image-grid.dark h2 {
    color: #343434
}

.image-grid.dark .image-grid_copy,.image-grid.dark .image-grid_secondary_copy {
    color: #343434
}

.image-grid.dark .image-grid-item_caption_name,.image-grid.dark .image-grid-item_caption_sport {
    color: #343434
}

.list-items {
    padding: 3.75rem 0
}

.list-items__container {
    margin-left: auto;
    margin-right: auto;
    width: 90%;
    max-width: 64rem
}

.list-items__bullet {
    display: inline-block;
    width: 100%
}

.list-items__group {
    float: right;
    width: 95%
}

.list-items__group::before {
    content: '\25A0';
    font-size: 20px;
    line-height: 18px;
    vertical-align: super
}

.list-items__group p {
    margin: .5rem 0 2rem 28px
}

.list-items h1,.list-items .vsHeader .vs-headline,.vsHeader .list-items .vs-headline,.list-items h2,.list-items p {
    color: #000
}

.list-items h2 {
    display: inline;
    font-size: 1.5rem;
    margin-left: 10px;
    font-weight: 100;
    text-transform: uppercase
}

.list-items ul {
    margin-top: 2rem
}

.listTires-component {
    background-color: #eee
}

.listTires-component__section {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.listTires-component__section .component__flexie {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

@media (min-width: 768px) {
    .listTires-component__section .component__flexie {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        margin-left: auto;
        margin-right: auto;
        width: 90%
    }
}

.listTires-component__section .component__container {
    margin: 0;
    width: 100%;
    padding: 0
}

@media (min-width: 768px) {
    .listTires-component__section .component__container {
        margin-left:auto;
        margin-right: auto;
        width: 90%;
        padding: 4.375rem 0
    }
}

.listTires-component .highlight {
    display: none
}

.listTires-component .highlight .component__container {
    padding: 0
}

@media (min-width: 768px) {
    .listTires-component .highlight {
        display:block
    }

    .listTires-component .highlight .component__flex-item {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .listTires-component .highlight .component__flex-item a {
        border-left-color: #ccc
    }

    .listTires-component .highlight .listTires-component__header {
        color: #fcfcfc;
        font-size: 1.5rem;
        text-align: center;
        text-transform: uppercase;
        margin: 0
    }

    .listTires-component .highlight .listTires-component__header-wrapper {
        background-color: #2f2f2f
    }

    .listTires-component .highlight .listTires-component__header-wrapper .component__container {
        padding: 2rem 0
    }

    .listTires-component .highlight .listTires-component__list {
        background-color: #fff;
        padding: 0 0 1rem
    }

    .listTires-component .highlight .listTires-component__list .component__flexie {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .listTires-component .highlight .listTires-component__list-item {
        color: #a3a3a3;
        text-align: left
    }

    .listTires-component .highlight .listTires-component__list a {
        display: block;
        padding: 7.7rem .1rem 0
    }
}

@media screen and (min-width: 768px) and (min-width: 875px) {
    .listTires-component .highlight .listTires-component__list a {
        padding:7.7rem 1rem 0
    }
}

@media (min-width: 768px) {
    .listTires-component .highlight .listTires-component__list h1,.listTires-component .highlight .listTires-component__list .vsHeader .vs-headline,.vsHeader .listTires-component .highlight .listTires-component__list .vs-headline {
        color:#343434;
        font-size: 1.5rem;
        margin-top: 1.2rem;
        text-align: inherit
    }

    .listTires-component .highlight .listTires-component__list span {
        font-size: 1rem
    }
}

.listTires-component__list {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    border-top: 1px solid #fff
}

.listTires-component__list:first-child {
    border-top: none
}

@media (min-width: 768px) {
    .listTires-component__list {
        -webkit-box-flex:1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        border-top: none
    }
}

.listTires-component__list .component__flexie {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.listTires-component__list-item {
    height: 0;
    overflow: hidden
}

@media (min-width: 768px) {
    .listTires-component__list-item {
        height:auto !important
    }
}

.listTires-component__list-item li {
    background-color: #fff;
    border-bottom: 1px solid #f2f2f2
}

.listTires-component__list-item li:last-child {
    border-bottom: none
}

.listTires-component__list-item li:hover {
    background-color: #fafafa
}

@media (min-width: 768px) {
    .listTires-component__list-item li {
        margin:.25rem 0;
        background-color: inherit;
        border: none
    }

    .listTires-component__list-item li:hover {
        background-color: inherit
    }
}

.listTires-component__list-item a {
    color: #999;
    display: block;
    padding: .5rem 5%;
    font-size: 1rem;
    text-decoration: none
}

@media (min-width: 768px) {
    .listTires-component__list-item a {
        display:inline;
        padding: 0;
        font-size: .75rem
    }
}

@media (max-width: 768px) {
    .listTires-component__list-item a[title='Click to Chat'] {
        display:none
    }
}

.listTires-component__list-item--hide-mobile {
    display: none;
    list-style: none
}

@media (min-width: 768px) {
    .listTires-component__list-item--hide-mobile {
        display:list-item
    }
}

.listTires-component__list-item--hide-mobile.footer-component__list-item--hide-desktop {
    display: none
}

.listTires-component__list-item--hide-desktop {
    display: list-item
}

@media (min-width: 768px) {
    .listTires-component__list-item--hide-desktop {
        display:none
    }
}

.listTires-component__list-item--hide-desktop.footer-component__list-item--hide-mobile {
    display: none
}

.listTires-component__list.is-mobile {
    display: block
}

@media (min-width: 768px) {
    .listTires-component__list.is-mobile {
        display:none
    }
}

.listTires-component__header {
    font-size: 1rem;
    padding: 1rem
}

h1.listTires-component__header,.vsHeader .listTires-component__header.vs-headline {
    display: none
}

button.listTires-component__header {
    background-color: #d7d7d7;
    border: none;
    color: #383b40;
    cursor: pointer;
    display: block;
    font-size: 1.5rem;
    padding: 1rem 5%;
    position: relative;
    text-align: left;
    text-transform: uppercase;
    width: 100%
}

button.listTires-component__header .svg-container {
    position: absolute;
    top: 50%;
    right: 5%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
    height: 1rem;
    width: 1rem
}

button.listTires-component__header .svg-container svg {
    height: 100%;
    width: 100%;
    fill: #383b40;
    position: absolute
}

@media (min-width: 768px) {
    .listTires-component__header {
        font-size:1rem;
        margin-bottom: 1rem;
        padding: 0
    }

    h1.listTires-component__header,.vsHeader .listTires-component__header.vs-headline {
        display: block
    }

    button.listTires-component__header {
        display: none
    }
}

.marketing {
    background-color: #fcfcfc;
    background-size: cover;
    background-position: center center;
    border-color: #fff;
    border-width: 0;
    color: #8d8d8d;
    position: relative;
    width: 100%
}

.marketing .component__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-color: inherit
}

.marketing .component__container.nonePadding {
    padding: 0 0
}

.marketing .component__container.bigPadding {
    padding: 3.75rem 0
}

.marketing .component__container.smallPadding {
    padding: 1rem 0
}

.marketing .component__container.fullPadding {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    aspect-ratio: 16/8;
    padding: 0;
    min-width: 100%;
    max-width: 100%
}

.marketing .component__container .marketing__content h1.marketing__headline.vietnam-arial-headline.component__flex-item,.marketing .component__container .marketing__content .vsHeader .marketing__headline.vietnam-arial-headline.component__flex-item.vs-headline,.vsHeader .marketing .component__container .marketing__content .marketing__headline.vietnam-arial-headline.component__flex-item.vs-headline {
    font-size: 4.05rem
}

.marketing__brand {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
    -ms-flex-order: 10;
    order: 10
}

.marketing__brand__item ~ .marketing__brand__item {
    margin-top: .5rem
}

.marketing__brand img {
    width: 100%
}

@media (min-width: 480px) {
    .marketing__brand img {
        width:auto
    }
}

.marketing__content {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-ordinal-group: 21;
    -webkit-order: 20;
    -ms-flex-order: 20;
    order: 20;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem
}

.component--align-center .marketing__content {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.component--align-left .marketing__content {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.component--align-right .marketing__content {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.marketing__headline,.marketing__subheadline {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    margin: 0 0 .5rem;
    text-transform: uppercase
}

.dark .marketing__headline,.dark .marketing__subheadline {
    color: #343434
}

.light .marketing__headline,.light .marketing__subheadline {
    color: #fff
}

.marketing__headline+.marketing__body,.marketing__subheadline+.marketing__body {
    margin: 0
}

.marketing__body {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 50%;
    -ms-flex: 0 1 50%;
    flex: 0 1 50%;
    margin: 1.5rem 0 0
}

.ie9 .marketing__body {
    margin-left: auto;
    margin-right: auto;
    width: 50%
}

@media (max-width: 768px) {
    .marketing__body {
        -webkit-box-flex:0;
        -webkit-flex: 0 1 80%;
        -ms-flex: 0 1 80%;
        flex: 0 1 80%
    }
}

.marketing__body.moreWidth {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 80%;
    -ms-flex: 0 1 80%;
    flex: 0 1 80%
}

.dark .marketing__body {
    color: #343434
}

.light .marketing__body {
    color: #fff
}

.marketing__body p {
    margin: 0;
    line-height: 1.8;
    font-size: 0.9rem
}

.marketing__body p+.marketing__body p {
    margin-top: 1.5rem
}

.marketing__body h1,.marketing__body .vsHeader .vs-headline,.vsHeader .marketing__body .vs-headline {
    font-size: 3.6rem
}

.marketing__cta-container {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-box-ordinal-group: 31;
    -webkit-order: 30;
    -ms-flex-order: 30;
    order: 30;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.marketing__cta-container a {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    margin: 1.5rem 0 0
}

.marketing__cta-container.bigPadding a {
    margin-top: 3rem
}

.marketing__cta-container.smallPadding a {
    margin-top: 0
}

.marketing__cta-container .button-medium-solid-bst-potenza-red {
    background-color: transparent;
    border: 2px solid #D92100;
    position: relative;
    text-align: center;
    padding: 1rem;
    z-index: 3;
    color: #f0f0f0
}

.marketing__cta-container .button-medium-solid-bst-potenza-red:after {
    background-color: #D92100;
    bottom: 0;
    content: '';
    height: 100%;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: .3s ease-in;
    transition: .3s ease-in;
    width: 100%;
    z-index: -1
}

.marketing__cta-container .button-medium-solid-bst-potenza-red:hover:after {
    height: calc(100% - 8px);
    -webkit-transition: .15s ease-in;
    transition: .15s ease-in;
    width: calc(100% - 8px)
}

.marketing__cta-container .button-medium-solid-bst-potenza-red:disabled {
    background-color: #777;
    border: 2px solid #777;
    color: #bbb
}

.marketing__cta-container .button-medium-solid-bst-potenza-red:disabled:after {
    background-color: #777
}

.marketing__cta-container .button-medium-solid-bst-driveguard-orange {
    background-color: transparent;
    border: 2px solid #FF7E1C;
    position: relative;
    text-align: center;
    padding: 1rem;
    z-index: 3;
    color: #f0f0f0
}

.marketing__cta-container .button-medium-solid-bst-driveguard-orange:after {
    background-color: #FF7E1C;
    bottom: 0;
    content: '';
    height: 100%;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: .3s ease-in;
    transition: .3s ease-in;
    width: 100%;
    z-index: -1
}

.marketing__cta-container .button-medium-solid-bst-driveguard-orange:hover:after {
    height: calc(100% - 8px);
    -webkit-transition: .15s ease-in;
    transition: .15s ease-in;
    width: calc(100% - 8px)
}

.marketing__cta-container .button-medium-solid-bst-driveguard-orange:disabled {
    background-color: #777;
    border: 2px solid #777;
    color: #bbb
}

.marketing__cta-container .button-medium-solid-bst-driveguard-orange:disabled:after {
    background-color: #777
}

.marketing__cta-container .button-medium-solid-bst-turanza-blue {
    background-color: transparent;
    border: 2px solid #144DDF;
    position: relative;
    text-align: center;
    padding: 1rem;
    z-index: 3;
    color: #f0f0f0
}

.marketing__cta-container .button-medium-solid-bst-turanza-blue:after {
    background-color: #144DDF;
    bottom: 0;
    content: '';
    height: 100%;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: .3s ease-in;
    transition: .3s ease-in;
    width: 100%;
    z-index: -1
}

.marketing__cta-container .button-medium-solid-bst-turanza-blue:hover:after {
    height: calc(100% - 8px);
    -webkit-transition: .15s ease-in;
    transition: .15s ease-in;
    width: calc(100% - 8px)
}

.marketing__cta-container .button-medium-solid-bst-turanza-blue:disabled {
    background-color: #777;
    border: 2px solid #777;
    color: #bbb
}

.marketing__cta-container .button-medium-solid-bst-turanza-blue:disabled:after {
    background-color: #777
}

.marketing__cta-container .button-medium-solid-bst-ecopia-green {
    background-color: transparent;
    border: 2px solid #5CA311;
    position: relative;
    text-align: center;
    padding: 1rem;
    z-index: 3;
    color: #f0f0f0
}

.marketing__cta-container .button-medium-solid-bst-ecopia-green:after {
    background-color: #5CA311;
    bottom: 0;
    content: '';
    height: 100%;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: .3s ease-in;
    transition: .3s ease-in;
    width: 100%;
    z-index: -1
}

.marketing__cta-container .button-medium-solid-bst-ecopia-green:hover:after {
    height: calc(100% - 8px);
    -webkit-transition: .15s ease-in;
    transition: .15s ease-in;
    width: calc(100% - 8px)
}

.marketing__cta-container .button-medium-solid-bst-ecopia-green:disabled {
    background-color: #777;
    border: 2px solid #777;
    color: #bbb
}

.marketing__cta-container .button-medium-solid-bst-ecopia-green:disabled:after {
    background-color: #777
}

.marketing__cta-container .button-medium-solid-bst-dueler-yellow {
    background-color: transparent;
    border: 2px solid #F5D900;
    position: relative;
    text-align: center;
    padding: 1rem;
    z-index: 3;
    color: #f0f0f0
}

.marketing__cta-container .button-medium-solid-bst-dueler-yellow:after {
    background-color: #F5D900;
    bottom: 0;
    content: '';
    height: 100%;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: .3s ease-in;
    transition: .3s ease-in;
    width: 100%;
    z-index: -1
}

.marketing__cta-container .button-medium-solid-bst-dueler-yellow:hover:after {
    height: calc(100% - 8px);
    -webkit-transition: .15s ease-in;
    transition: .15s ease-in;
    width: calc(100% - 8px)
}

.marketing__cta-container .button-medium-solid-bst-dueler-yellow:disabled {
    background-color: #777;
    border: 2px solid #777;
    color: #bbb
}

.marketing__cta-container .button-medium-solid-bst-dueler-yellow:disabled:after {
    background-color: #777
}

.marketing__cta-container .button-medium-solid-bst-dueler-yellow-gray {
    background-color: transparent;
    border: 2px solid #F5D900;
    position: relative;
    text-align: center;
    padding: 1rem;
    z-index: 3;
    color: #f0f0f0;
    color: #565656
}

.marketing__cta-container .button-medium-solid-bst-dueler-yellow-gray:after {
    background-color: #F5D900;
    bottom: 0;
    content: '';
    height: 100%;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: .3s ease-in;
    transition: .3s ease-in;
    width: 100%;
    z-index: -1
}

.marketing__cta-container .button-medium-solid-bst-dueler-yellow-gray:hover:after {
    height: calc(100% - 8px);
    -webkit-transition: .15s ease-in;
    transition: .15s ease-in;
    width: calc(100% - 8px)
}

.marketing__cta-container .button-medium-solid-bst-dueler-yellow-gray:disabled {
    background-color: #777;
    border: 2px solid #777;
    color: #bbb
}

.marketing__cta-container .button-medium-solid-bst-dueler-yellow-gray:disabled:after {
    background-color: #777
}

.marketing__cta-container .button-medium-solid-bst-blizzak-grey {
    background-color: transparent;
    border: 2px solid #565656;
    position: relative;
    text-align: center;
    padding: 1rem;
    z-index: 3;
    color: #f0f0f0
}

.marketing__cta-container .button-medium-solid-bst-blizzak-grey:after {
    background-color: #565656;
    bottom: 0;
    content: '';
    height: 100%;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: .3s ease-in;
    transition: .3s ease-in;
    width: 100%;
    z-index: -1
}

.marketing__cta-container .button-medium-solid-bst-blizzak-grey:hover:after {
    height: calc(100% - 8px);
    -webkit-transition: .15s ease-in;
    transition: .15s ease-in;
    width: calc(100% - 8px)
}

.marketing__cta-container .button-medium-solid-bst-blizzak-grey:disabled {
    background-color: #777;
    border: 2px solid #777;
    color: #bbb
}

.marketing__cta-container .button-medium-solid-bst-blizzak-grey:disabled:after {
    background-color: #777
}

.component--align-center .marketing__cta-container {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.component--align-center .marketing__cta-container a:first-child {
    margin-left: 0;
    margin-right: 1.5rem
}

@media (max-width: 474px) {
    .component--align-center .marketing__cta-container a:first-child {
        margin-right:0
    }
}

.component--align-center .marketing__cta-container a:last-child {
    margin-right: 0
}

.component--align-left .marketing__cta-container {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.component--align-left .marketing__cta-container a:first-child {
    margin-right: 1.5rem;
    margin-left: 0
}

@media (max-width: 474px) {
    .component--align-left .marketing__cta-container a:first-child {
        margin-right:0
    }
}

.component--align-left .marketing__cta-container a:last-child {
    margin-right: 0
}

.component--align-right .marketing__cta-container {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.component--align-right .marketing__cta-container a:last-child {
    margin: 1.5rem 0 0 1.5rem
}

.marketing .expired-promotion-banner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    z-index: 10
}

.marketing .expired-promotion-banner h3 {
    font-size: 4rem;
    color: white;
    text-transform: capitalize
}

@media only screen and (max-width: 768px) and (min-device-width: 320px) and (max-device-width: 768px) {
    .marketing .expired-promotion-banner h3 {
        font-size:2.5rem
    }
}

@media only screen and (device-pixel-ratio: 3) {
    .marketing .expired-promotion-banner h3 {
        font-size:2.5rem
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .marketing .expired-promotion-banner h3 {
        font-size:3rem
    }
}

.marketing.component--align-2-col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

@media (min-width: 768px) {
    .marketing.component--align-2-col {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

.marketing--two-column {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    background-color: #fcfcfc;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 5rem 0
}

.marketing--two-column-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    max-width: 32rem;
    margin: 0 auto;
    width: 90%
}

.marketing--two-column .marketing__body {
    -webkit-box-flex: initial;
    -webkit-flex: initial;
    -ms-flex: initial;
    flex: initial
}

.marketing--two-column .marketing__cta-container {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.ie9 .marketing--two-column .marketing__cta-container {
    -webkit-box-pack: initial;
    -webkit-justify-content: initial;
    -ms-flex-pack: initial;
    justify-content: initial
}

.ie9 .marketing--two-column .marketing__cta-container a {
    -webkit-box-flex: initial;
    -webkit-flex: initial;
    -ms-flex: initial;
    flex: initial;
    display: inline-block;
    margin: 1.5rem auto 0
}

@media (min-width: 768px) {
    .marketing__column-one-container {
        float:right;
        margin-left: 0;
        margin-right: 1rem
    }
}

@media (min-width: 768px) {
    .marketing__column-two-container {
        float:left;
        margin-left: 1rem;
        margin-right: 0
    }
}

.media-image {
    background-color: #fcfcfc;
    background-size: cover;
    background-position: center bottom;
    border-color: #fff;
    border-width: 0;
    color: #8d8d8d;
    position: relative;
    width: 100%
}

.media-image .component__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    border-color: inherit
}

@media (min-width: 768px) {
    .media-image .component__container {
        -webkit-box-align:start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

.media-image__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-ordinal-group: 21;
    -webkit-order: 20;
    -ms-flex-order: 20;
    order: 20;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

@media (min-width: 768px) {
    .media-image__content {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-ordinal-group: 21;
        -webkit-order: 20;
        -ms-flex-order: 20;
        order: 20
    }
}

.component--align-left .media-image__content {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.component--align-right .media-image__content {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.media--left .media-image__content {
    -webkit-box-ordinal-group: 31;
    -webkit-order: 30;
    -ms-flex-order: 30;
    order: 30
}

.media--right .media-image__content {
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
    -ms-flex-order: 10;
    order: 10
}

@media (min-width: 768px) {
    .large-image .media-image__content {
        -webkit-box-flex:1;
        -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
        flex: 1 1 60%
    }
}

@media (min-width: 768px) {
    .small-image .media-image__content {
        -webkit-box-flex:1;
        -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
        flex: 1 1 80%
    }
}

.media-image__headline {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-ordinal-group: 21;
    -webkit-order: 20;
    -ms-flex-order: 20;
    order: 20;
    margin: 0;
    padding-bottom: 15px;
    text-transform: uppercase;
    width: 100%;
    font-weight: bold
}

.dark .media-image__headline {
    color: #343434
}

.light .media-image__headline {
    color: #fff
}

.media-image__body {
    -webkit-box-ordinal-group: 31;
    -webkit-order: 30;
    -ms-flex-order: 30;
    order: 30;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.dark .media-image__body {
    color: #343434
}

.light .media-image__body {
    color: #fff
}

.large-image .media-image__body {
    max-width: 500px
}

.media-image__body p {
    margin: 0;
    padding-bottom: 20px;
    line-height: 1.8
}

.media-image__body p+.media-image__body p {
    margin-top: 1.5rem
}

.media-image__body h2 {
    font-size: 2.09rem
}

.media-image__brand {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
    -ms-flex-order: 10;
    order: 10
}

.media-image__brand__item ~ .media-image__brand__item {
    margin-top: .5rem
}

.media-image__brand__item {
    padding-bottom: 10px
}

.media-image__brand img {
    width: 100%
}

@media (min-width: 992px) {
    .media-image__brand img {
        width:auto
    }
}

.media-image__cta-container {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-ordinal-group: 31;
    -webkit-order: 30;
    -ms-flex-order: 30;
    order: 30
}

.media-image__cta-container a {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    margin-top: 1rem
}

.component--align-left .media-image__cta-container {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.component--align-left .media-image__cta-container a {
    font-weight: bold
}

.component--align-left .media-image__cta-container a:first-child {
    margin-right: 1.5rem
}

@media (max-width: 474px) {
    .component--align-left .media-image__cta-container a:first-child {
        margin-right:0
    }
}

.component--align-left .media-image__cta-container a:last-child {
    margin-right: 0;
    font-weight: bold
}

.component--align-right .media-image__cta-container {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.component--align-right .media-image__cta-container a {
    font-weight: bold
}

.component--align-right .media-image__cta-container a:first-child {
    margin-right: 1.5rem
}

@media (max-width: 474px) {
    .component--align-right .media-image__cta-container a:first-child {
        margin-right:0
    }
}

.component--align-right .media-image__cta-container a:last-child {
    margin-right: 0
}

.media-image__image {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-ordinal-group: 21;
    -webkit-order: 20;
    -ms-flex-order: 20;
    order: 20
}

@media (min-width: 768px) {
    .media-image__image {
        text-align:center
    }

    .fullBleed .media-image__image {
        max-height: 100%;
        overflow: hidden;
        padding: 0
    }
}

.media--right .media-image__image {
    margin-top: 1.5rem
}

@media (min-width: 768px) {
    .media--right .media-image__image {
        margin-left:3.125rem;
        margin-top: 0
    }
}

.media--left .media-image__image {
    margin-bottom: 1.5rem
}

@media (min-width: 768px) {
    .media--left .media-image__image {
        margin-right:3.125rem;
        margin-bottom: 0
    }
}

@media (min-width: 768px) {
    .large-image .media-image__image {
        -webkit-box-flex:1;
        -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
        flex: 1 1 40%;
        /* max-width: 40% */
    }
}

@media (min-width: 768px) {
    .small-image .media-image__image {
        -webkit-box-flex:1;
        -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
        flex: 1 1 20%;
        max-width: 20%
    }
}

.media-image__image img {
    max-height: 350px;
    height: auto;
    max-width: 100%;
    display: block;
    margin: 0 auto
}

@media (min-width: 768px) {
    .media-image__image img {
        display:inline
    }
}

.fullBleed .media-image__image img {
    height: 100%;
    max-height: 100%;
    vertical-align: bottom
}

.media-video {
    background-color: #fcfcfc;
    background-size: cover;
    background-position: center bottom;
    border-color: #fff;
    border-width: 0;
    color: #8d8d8d;
    position: relative;
    width: 100%
}

.media-video .component__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    border-color: inherit
}

@media (min-width: 768px) {
    .media-video .component__container {
        -webkit-box-align:start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

.media-video__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-ordinal-group: 21;
    -webkit-order: 20;
    -ms-flex-order: 20;
    order: 20;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

@media (min-width: 768px) {
    .media-video__content {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-ordinal-group: 21;
        -webkit-order: 20;
        -ms-flex-order: 20;
        order: 20;
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        display: inline
    }
}

.component--align-left .media-video__content {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.component--align-right .media-video__content {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.media--left .media-video__content {
    -webkit-box-ordinal-group: 31;
    -webkit-order: 30;
    -ms-flex-order: 30;
    order: 30
}

.media--right .media-video__content {
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
    -ms-flex-order: 10;
    order: 10
}

.media-video__headline {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-ordinal-group: 21;
    -webkit-order: 20;
    -ms-flex-order: 20;
    order: 20;
    margin: 0 0 .5rem;
    padding-bottom: 15px;
    text-transform: uppercase;
    font-size: 2.5rem !important;
    font-weight: 100
}

.dark .media-video__headline {
    color: #343434
}

.light .media-video__headline {
    color: #fff
}

.media-video__body {
    -webkit-box-ordinal-group: 31;
    -webkit-order: 30;
    -ms-flex-order: 30;
    order: 30;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    max-width: 500px
}

.dark .media-video__body {
    color: #343434
}

.light .media-video__body {
    color: #fff
}

.media-video__body p {
    margin: 0;
    padding-bottom: 20px;
    line-height: 1.8
}

.media-video__body p+.media-video__body p {
    margin-top: 1.5rem
}

.media-video__brand {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
    -ms-flex-order: 10;
    order: 10
}

.media-video__brand__item ~ .media-video__brand__item {
    margin-top: .5rem
}

.media-video__brand__item {
    padding-bottom: 10px
}

.media-video__cta-container {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-ordinal-group: 31;
    -webkit-order: 30;
    -ms-flex-order: 30;
    order: 30
}

.media-video__cta-container a {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    margin-top: 1rem
}

.component--align-left .media-video__cta-container {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.component--align-left .media-video__cta-container a {
    font-weight: bold
}

.component--align-left .media-video__cta-container a:first-child {
    margin-right: 1.5rem
}

@media (max-width: 474px) {
    .component--align-left .media-video__cta-container a:first-child {
        margin-right:0
    }
}

.component--align-right .media-video__cta-container {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.component--align-right .media-video__cta-container a {
    font-weight: bold
}

.component--align-right .media-video__cta-container a:first-child {
    margin-right: 1.5rem
}

@media (max-width: 474px) {
    .component--align-right .media-video__cta-container a:first-child {
        margin-right:0
    }
}

.media-video__video-container {
    -webkit-box-ordinal-group: 21;
    -webkit-order: 20;
    -ms-flex-order: 20;
    order: 20
}

@media (min-width: 768px) {
    .media-video__video-container {
        min-width:50%
    }

    .media--right .media-video__video-container {
        padding-left: 2rem
    }

    .media--left .media-video__video-container {
        padding-right: 2rem
    }
}

@media (max-width: 768px) {
    .media--right .media-video__video-container {
        margin-top:1.5rem
    }

    .media--left .media-video__video-container {
        margin-bottom: 1.5rem
    }
}

.media-video__video-container iframe,.media-video__video-container object {
    width: 100%;
    height: auto;
    min-height: 350px
}

.media-video__video-container-wide {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%
}

.media-video__video-container-wide iframe {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.mobile-search-overlay {
    background: rgba(0,0,0,0.5);
    bottom: 0;
    display: none;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 90
}

@media (min-width: 768px) {
    .mobile-search-overlay {
        display:none
    }
}

.mobile-search-overlay.is-visible {
    display: block
}

.mobile-search {
    background-color: #fff;
    color: #222326;
    display: none;
    height: calc(100vh - 80px);
    max-width: 30rem;
    min-height: calc(100vh - 80px);
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    position: fixed;
    right: 0;
    top: 80px;
    width: 100%;
    z-index: 100
}

@media (min-width: 768px) {
    .mobile-search {
        opacity:0;
        display: none
    }
}

@media (max-width: 768px) {
    .mobile-search {
        text-transform:uppercase
    }
}

.mobile-search__header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    height: 5rem
}

.mobile-search__header__tab {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 33%;
    -ms-flex: 1 1 33%;
    flex: 1 1 33%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #fff;
    border-right: 1px solid #e0e0e0;
    color: #3172cc;
    cursor: pointer;
    font-size: 1rem;
    text-align: center
}

.mobile-search__header__tab:last-child {
    border-right: none
}

.mobile-search__header__tab--active {
    background-color: #3172cc;
    color: #fff
}

@media (max-width: 768px) {
    .mobile-search__header__tab {
        font-size:0.8rem
    }
}

.mobile-search__body {
    background-color: #e0e0e0;
    min-height: calc(100% - 5rem);
    padding: 2.7rem 2.2rem
}

.mobile-search__form {
    display: none
}

.mobile-search__form--active {
    display: block
}

.mobile-search__form__title {
    font-size: 1.3rem;
    margin-bottom: .8rem
}

@media (max-width: 768px) {
    .mobile-search__form__title {
        font-size:1.1rem
    }
}

.mobile-search__form ul li {
    display: block;
    margin: .5rem 0;
    min-height: 4rem;
    opacity: 1;
    position: relative;
    text-align: left
}

.mobile-search__form ul li button,.mobile-search__form ul li input,.mobile-search__form ul li select,.mobile-search__form ul li textarea {
    pointer-events: none
}

.mobile-search__form ul li.active button,.mobile-search__form ul li.active input,.mobile-search__form ul li.active select,.mobile-search__form ul li.active textarea {
    pointer-events: auto
}

.mobile-search__form ul li.active ~ li:not(.checkbox) {
    opacity: .5
}

.mobile-search__form ul li.select {
    background-color: #fff;
    height: 4rem
}

.mobile-search__form ul li.select select {
    color: #222326
}

@media (max-width: 768px) {
    .mobile-search__form ul li.select select {
        text-transform:uppercase;
        font-size: 1rem
    }
}

.mobile-search__form ul li.select .icon-arrow {
    display: none
}

.mobile-search__form ul li.select .icon-close {
    display: block;
    pointer-events: auto
}

.mobile-search__form ul li.select.active .icon-arrow,.mobile-search__form ul li.select.active ~ li .icon-arrow {
    display: block
}

.mobile-search__form ul li.select.active .icon-close,.mobile-search__form ul li.select.active ~ li .icon-close {
    display: none
}

.mobile-search__form ul li.checkbox {
    text-transform: none
}

.mobile-search__form ul li.checkbox button,.mobile-search__form ul li.checkbox input,.mobile-search__form ul li.checkbox select,.mobile-search__form ul li.checkbox textarea {
    pointer-events: auto
}

.mobile-search__form ul li.checkbox input {
    margin-right: .4rem
}

.mobile-search__form ul li.checkbox button {
    -moz-appearance: none;
    -webkit-appearance: none;
    background: none;
    border: none;
    cursor: pointer;
    display: block;
    font-size: 1rem;
    margin-left: 1.25rem;
    margin-top: .65rem;
    text-decoration: underline
}

.mobile-search__form ul li.hidden {
    display: none
}

.mobile-search__form ul .tpms {
    background-color: #fff;
    display: none;
    padding: 10%
}

.mobile-search__form ul .tpms .tpms-button-container {
    background-color: #fff;
    margin: 10% 0
}

.mobile-search__form ul .tpms .tpms-button-container button {
    background-color: #fff;
    border: 3px solid #000;
    display: inline-block;
    font-size: 1.35rem;
    height: 80px;
    width: 43%
}

.mobile-search__form ul .tpms .tpms-button-container .button-yes {
    margin-right: 10%
}

.mobile-search__form ul .tpms h3 {
    font-size: 1.35rem;
    color: #222326
}

.mobile-search__form ul .tpms p {
    color: #666;
    display: inline;
    font-size: 1rem;
    line-height: 1.4rem;
    margin: 20px 0 0
}

.mobile-search__form ul .tpms p b {
    font-weight: bold
}

.mobile-search__form ul .find-trim {
    display: none;
    padding: 2rem;
    background-color: #fff
}

.mobile-search__form ul .find-trim__svg-container {
    height: 80px;
    max-width: 80px;
    min-width: 80px;
    width: 80px
}

.mobile-search__form ul .find-trim__svg-container__exception-svg {
    padding: 15px
}

.mobile-search__form ul .find-trim ul li {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border-bottom: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 0 0 1.5em;
    position: relative
}

.mobile-search__form ul .find-trim ul li svg {
    background: #e6e6e6;
    border: 1px solid #8d8d8d;
    height: 100%;
    width: 100%
}

.mobile-search__form ul .find-trim ul li p {
    color: #666;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin: 0 0 0 1em
}

.mobile-search__form ul .find-trim ul li a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    color: #246bce
}

.mobile-search__form ul .find-trim .submit {
    background-color: #fff;
    display: block;
    margin-top: 10%
}

.mobile-search__form ul .find-trim .submit__trim {
    background-color: #3d8fff
}

.mobile-search__form ul .find-trim .submit__trim h3 {
    color: #fff
}

.mobile-search .submit__mobile,.mobile-search .submit__trim {
    -moz-appearance: none;
    -webkit-appearance: none;
    background: none;
    border: none;
    cursor: pointer;
    font-size: 1.1rem;
    height: 4rem;
    padding: 1rem;
    width: 100%
}

.mobile-search .submit__mobile {
    text-transform: uppercase
}

.mobile-search__footer button,.mobile-search__footer input,.mobile-search__footer select,.mobile-search__footer textarea {
    pointer-events: none
}

.mobile-search__footer .submit__mobile {
    background-color: #000;
    color: #fff;
    margin: 1.625rem 0 6rem;
    opacity: .1;
    text-transform: uppercase
}

.mobile-search__footer--active button,.mobile-search__footer--active input,.mobile-search__footer--active select,.mobile-search__footer--active textarea,.mobile-search__footer--active-important button,.mobile-search__footer--active-important input,.mobile-search__footer--active-important select,.mobile-search__footer--active-important textarea {
    pointer-events: auto
}

.mobile-search__footer--active .submit__mobile,.mobile-search__footer--active-important .submit__mobile {
    background-color: #e42300;
    opacity: 1;
    text-transform: uppercase
}

.navigation-container {
    background: #222326;
    min-height: 80px;
    top: 0px;
    -webkit-transition: top 0.5s;
    transition: top 0.5s
}

@media (min-width: 768px) {
    .show-global-nav .navigation-container {
        top:50px
    }
}

@media (min-width: 992px) {
    .show-global-nav .navigation-container {
        top:30px
    }

    .expand-nav .navigation-container {
        top: 50px
    }
}

.navigation {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    background-color: #222326;
    position: relative;
    z-index: 1000;
    width: 100%;
    font-family: 'BridgestoneType-CdRg', 'BridgestoneType', 'NotoSans', Arial
}

@media (min-width: 768px) {
    .navigation {
        min-height:100%;
        height: 100vh;
        position: fixed;
        width: 82px;
        top: 0;
        -webkit-transition: top 0.5s;
        transition: top 0.5s
    }

    .show-global-nav .navigation {
        top: 50px
    }
}

@media (min-width: 992px) {
    .show-global-nav .navigation {
        top:30px
    }

    .expand-nav .navigation {
        top: 50px
    }
}

.navigation__skip {
    left: -9999em;
    position: absolute
}

.navigation__header {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: #1f5593;
    height: 80px;
    position: fixed;
    width: 100%;
    z-index: 20
}

@media (min-width: 768px) {
    .navigation__header {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        height: 80px;
        position: relative;
        top: 0
    }
}

.navigation__header__logo {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    background-color: #e42300;
    max-width: 80px;
    overflow: hidden;
    /* padding: 0.5rem; */
    width: 80px
}

.navigation__header__logo-anchor {
    display: inline-block;
    height: auto;
    width: 100%
}

.navigation__header__logo svg {
    fill: #fff;
    height: auto;
    width: 100%
}

@media (min-width: 768px) {
    .navigation__header__logo {
        -webkit-box-ordinal-group:2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        height: 100%;
        max-width: 100%;
        width: 100%
    }
}

.navigation__header__display-option {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    background-color: #222326;
    height: 80px;
    position: relative;
    width: 80px
}

@media (min-width: 768px) {
    .navigation__header__display-option {
        -webkit-box-ordinal-group:3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
        display: none
    }
}

.navigation__header__display-option-item {
    height: 80px;
    width: 82px
}

.navigation__header__display-option-item button {
    background-color: #1f5593;
    border: none;
    height: 100%;
    padding: 1rem;
    width: 100%
}

.navigation__header__display-option-item svg {
    fill: #fff;
    height: 50%;
    width: 50%
}

.navigation__header__display-option--open {
    display: block
}

@media (min-width: 768px) {
    .navigation__header__display-option--open {
        display:none
    }
}

.navigation__header__display-option--close {
    display: none
}

@media (min-width: 768px) {
    .navigation__header__display-option--close {
        display:none
    }
}

.navigation__header__find-tire {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
    max-width: 80px;
    min-width: 80px;
    position: relative
}

@media (min-width: 768px) {
    .navigation__header__find-tire {
        display:none;
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }
}

.navigation__header__find-tire a {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    color: #fff;
    font-size: 0.9rem;
    height: 100%;
    left: 0;
    padding: 5px;
    position: absolute;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    top: 0;
    letter-spacing: -0.06em
}

.navigation__header__find-tire--active {
    background-color: #3172cc
}

.navigation__menu {
    -webkit-overflow-scrolling: touch;
    background-color: #222326;
    max-width: 30rem;
    min-width: 17rem;
    overflow-y: scroll;
    position: fixed;
    top: 80px;
    width: 75%;
    z-index: 10
}

@media (min-width: 768px) {
    .navigation__menu {
        max-width:inherit;
        min-width: 100%;
        overflow: visible;
        position: relative;
        top: 0;
        -webkit-transform: translate3d(0, 0, 0) !important;
        transform: translate3d(0, 0, 0) !important;
        width: 100%
    }
}

.navigation__menu ul {
    display: block;
    width: 100%
}

.navigation__menu.navigation__menu--small {
    display: none;
    height: 2000px;
    width: 100%
}

@media (min-width: 768px) {
    .navigation__menu.navigation__menu--small {
        display:none
    }
}

.navigation__menu.navigation__menu--large {
    display: none
}

@media (min-width: 768px) {
    .navigation__menu.navigation__menu--large {
        display:-webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

.navigation__menu-item {
    position: relative;
    z-index: 20;
    font-size: 0.7rem
}

@media (min-width: 768px) {
    .navigation__menu-item {
        position:static
    }

    .navigation__menu-item:last-child {
        border-bottom: 1px solid #383b40
    }
}

.navigation__menu-item.nav--blue .navigation__menu-item-link {
    border-top: 1px solid #164199
}

.navigation__menu-item.nav--blue .navigation__menu-item-link:hover {
    background-color: #275ba3
}

.navigation__menu-item.nav--blue .navigation__menu-item-link:hover h3 {
    color: #fff
}

.navigation__menu-item.nav--blue .navigation__menu-item-link:hover svg {
    fill: #fff
}

.navigation__menu-item-link {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    border-top: 1px solid #000;
    color: #dfdfe0;
    min-height: 71px;
    padding: 15px;
    text-decoration: none
}

@media (min-width: 768px) {
    .navigation__menu-item-link {
        -webkit-box-align:center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        border-top: 1px solid #383b40;
        min-height: 75px;
        padding: 15px 5px;
        text-align: center;
        text-transform: uppercase
    }
}

.navigation__menu-item-link .svg-contains {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    height: 30px;
    margin-left: 10px;
    margin-right: 1.5rem;
    max-width: 30px;
    pointer-events: none;
    width: 30px
}

@media (min-width: 768px) {
    .navigation__menu-item-link .svg-contains {
        margin-left:auto;
        margin-right: auto;
        width: 50%;
        height: 22px
    }
}

.navigation__menu-item-link .svg-contains svg {
    fill: #dfdfe0;
    height: 100%;
    pointer-events: none;
    width: 100%
}

@media (min-width: 768px) {
    .navigation__menu-item-link .svg-contains svg {
        height:100%;
        width: 100%
    }
}

.navigation__menu-item-link .navigation__menu-item__name {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    color: #dfdfe0;
    font-size: 1.5em;
    pointer-events: none;
    text-transform: uppercase;
    width: 100%;
    letter-spacing: -0.02em;
    font-weight: 400
}

@media (min-width: 768px) {
    .navigation__menu-item-link .navigation__menu-item__name {
        font-size:0.70rem;
        margin-top: 0.7em
    }
}

.navigation__menu-item-link .navigation__menu-item__indicator {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
    height: 50%
}

.navigation__menu-item-link .navigation__menu-item__indicator .svg-container {
    height: 1rem;
    width: 1rem;
    margin: 0
}

.navigation__menu-item-link .navigation__menu-item__indicator svg {
    height: 100%;
    width: 100%;
    fill: #c6c6c6
}

.navigation__menu-item-link:hover {
    background-color: #222326
}

.navigation__menu-item-link:hover svg {
    fill: #c6c6c6
}

.navigation__menu-item-link:hover .navigation__menu-item__name {
    color: #c6c6c6
}

@media (min-width: 768px) {
    .navigation__menu-item-link:hover {
        background-color:#343434
    }
}

.navigation__menu-item-link.is-active {
    background-color: #222326
}

.navigation__menu-item-link.is-active svg {
    fill: #c6c6c6
}

.navigation__menu-item-link.is-active .navigation__menu-item__name {
    color: #c6c6c6
}

@media (min-width: 768px) {
    .navigation__menu-item-link.is-active {
        background-color:#005492;
        z-index: 10
    }

    .navigation__menu-item-link.is-active svg {
        fill: #000
    }

    .navigation__menu-item-link.is-active .navigation__menu-item__name {
        color: #f7f7f7
    }
}

.navigation__menu-item--hide-mobile {
    display: none
}

@media (min-width: 768px) {
    .navigation__menu-item--hide-mobile {
        display:-webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

.navigation__menu-item--hide-mobile.navigation__menu-item--hide-desktop {
    display: none
}

.navigation__menu-item--hide-desktop {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media (min-width: 768px) {
    .navigation__menu-item--hide-desktop {
        display:none
    }
}

.navigation__menu-item--hide-desktop.navigation__menu-item--hide-mobile {
    display: none
}

@media (min-width: 768px) {
    .navigation__menu {
        position:relative
    }
}

.navigation__subsection {
    background-color: #f7f7f7;
    height: 0;
    overflow: hidden
}

@media (min-width: 768px) {
    .navigation__subsection {
        -webkit-transform:translate3d(82px, 0, 0);
        transform: translate3d(82px, 0, 0);
        background-color: #f7f7f7;
        height: auto;
        overflow: hidden;
        position: absolute;
        top: 0;
        width: 0;
        visibility: hidden;
        z-index: 10
    }

    .navigation__subsection.is-active {
        visibility: visible;
        overflow-y: auto;
    }
}

@media (min-width: 768px) {
    .navigation__subsection-item {
        padding:0 1.5rem
    }

    .navigation__subsection-item:hover {
        background-color: #efefef
    }
}

.navigation__subsection-item:last-child a {
    border-bottom: none
}

.navigation__subsection-item .svg-contains {
    display: inline-block;
    height: 25px;
    max-width: 80px;
    vertical-align: middle;
    width: 50%
}

@media (min-width: 768px) {
    .navigation__subsection-item .svg-contains {
        margin-left:auto;
        margin-right: auto;
        width: 35%;
        height: 35%
    }
}

.navigation__subsection-item .svg-contains svg {
    fill: #dfdfe0;
    height: 100%;
    pointer-events: none;
    width: 50%
}

@media (min-width: 768px) {
    .navigation__subsection-item .svg-contains svg {
        height:100%;
        width: 100%
    }
}

.navigation__subsection-item__name {
    font-size: 2em;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    text-transform: uppercase
}

.navigation__subsection-item__meta {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3
}

[class*="brand-item"] .navigation__subsection-item__meta {
    width: 70%
}

.navigation__subsection h2 {
    display: none;
    font-weight: bold
}

@media (min-width: 768px) {
    .navigation__subsection h2 {
        background:#e6e6e6;
        display: block;
        font-size: 1.25rem;
        max-width: 100%;
        min-width: 290px;
        padding: 1.5rem;
        margin-bottom: 0;
        text-transform: uppercase
    }
}

@media (min-width: 768px) {
    .navigation__subsection ul {
        min-width:290px;
        max-width: 100%;
    }
}

.navigation__subsection a {
    position: relative;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #e6e6e6;
    padding: 1.5rem;
    width: 100%;
    text-decoration: none
}

@media (min-width: 768px) {
    .navigation__subsection a {
        padding:0rem 0 1rem 2px
    }
}

.navigation__subsection a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 25px;
    width: 55%;
    min-height: 13px;
    background-repeat: no-repeat;
    background-size: contain
}

.navigation__subsection h3 {
    font-size: 0.9rem;
    font-weight: 400;
    pointer-events: none;
    text-transform: uppercase
}

.navigation__subsection p {
    color: #343434;
    font-size: 0.75rem;
    font-weight: 100;
    margin: 0.5em 0 0;
    width: 100%;
    line-height: 1.8;
    opacity: 0.8
}

@media (min-width: 768px) {
    .navigation .viewport__small {
        display:none
    }
}

.navigation .lang-links .navigation__subsection-link {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

@media (min-width: 768px) {
    .motor-sport .navigation__menu-item-link .svg-contains {
        height:30px
    }
}

.newsletter {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

.newsletter .component__container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap
}

@media (min-width: 768px) {
    .newsletter .component__container {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap
    }
}

@media (min-width: 768px) {
    .newsletter__intro,.newsletter__success,.newsletter__error,.newsletter__form {
        -webkit-box-flex:1;
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        vertical-align: top
    }
}

.newsletter__intro p,.newsletter__success p,.newsletter__error p,.newsletter__form p {
    max-width: 100%
}

.newsletter__input-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.newsletter__input-list-item {
    width: 100%;
    margin-bottom: 20px
}

@media (min-width: 768px) {
    .newsletter__input-list-item {
        -webkit-box-flex:1;
        -webkit-flex: 1 1 48%;
        -ms-flex: 1 1 48%;
        flex: 1 1 48%;
        max-width: 48%
    }
}

.newsletter__confirmation-checkbox {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%
}

.newsletter__confirmation-checkbox input {
    display: inline-block;
    margin-right: .6rem
}

@media (min-width: 768px) {
    .newsletter__intro {
        padding:0 50px 0 0
    }
}

.newsletter h2 {
    font-size: 1.5rem;
    text-align: center
}

.newsletter h2 span {
    color: #e42300
}

@media (min-width: 768px) {
    .newsletter h2 {
        font-size:2.5rem;
        text-align: left
    }
}

.newsletter p {
    text-align: center
}

@media (min-width: 768px) {
    .newsletter p {
        text-align:left
    }
}

.newsletter__input:not(.globalBtn) {
    border: 1px solid #ccc;
    font-size: 1rem;
    padding: 12px 0 12px 10px;
    width: 100%
}

.newsletter__input:not(.globalBtn)::-webkit-input-placeholder {
    color: #666
}

@media (min-width: 768px) {
    .newsletter__input:not(.globalBtn) {
        padding:6px 0 6px 10px
    }
}

.newsletter .globalBtn {
    margin-top: 20px
}

.newsletter .globalBtn:disabled {
    background-color: #777;
    color: #bbb
}

.newsletter .validate-error {
    color: #e42300
}

.newsletter .validate-error::-webkit-input-placeholder {
    color: #e42300
}

.newsletter .validate-errors-list {
    color: #e42300;
    font-size: .8rem
}

.newsletter .validate-errors-list li {
    margin-top: .2rem
}

.newsletter__success,.newsletter__error {
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column wrap;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 2rem 0 0;
    border-top: 2px solid
}

@media (min-width: 768px) {
    .newsletter__success,.newsletter__error {
        padding:0 0 0 2rem;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        border-top: none;
        border-left: 2px solid
    }
}

.newsletter.light label,.newsletter.light h2,.newsletter.light p,.newsletter.light .newsletter__success,.newsletter.light .newsletter__error {
    color: #fff
}

.newsletter.dark label,.newsletter.dark h2,.newsletter.dark p,.newsletter.dark .newsletter__success,.newsletter.dark .newsletter__error {
    color: #343434
}

.newsletter__unsubscribe {
    display: inline
}

.newsletter__unsubscribe--link {
    color: #e42300;
    font-size: 1rem
}

.newsletter__unsubscribe--link:hover {
    text-decoration: underline
}

.news-unsub {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

.news-unsub .component__container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap
}

@media (min-width: 768px) {
    .news-unsub .component__container {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap
    }
}

@media (min-width: 768px) {
    .news-unsub__intro,.news-unsub__error,.news-unsub__form,.news-unsub__unsubscribe {
        -webkit-box-flex:1;
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        vertical-align: top
    }
}

.news-unsub__intro p,.news-unsub__error p,.news-unsub__form p,.news-unsub__unsubscribe p {
    max-width: 100%
}

.news-unsub__input-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.news-unsub__input-list-item {
    width: 100%;
    margin-bottom: 20px
}

@media (min-width: 768px) {
    .news-unsub__input-list-item {
        -webkit-box-flex:1;
        -webkit-flex: 1 1 48%;
        -ms-flex: 1 1 48%;
        flex: 1 1 48%;
        max-width: 48%
    }
}

.news-unsub__confirmation-checkbox {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%
}

.news-unsub__confirmation-checkbox input {
    display: inline-block;
    margin-right: .6rem
}

@media (min-width: 768px) {
    .news-unsub__intro {
        padding:0 50px 0 0
    }
}

.news-unsub h2 {
    font-size: 1.5rem;
    text-align: center
}

.news-unsub h2 span {
    color: #e42300
}

@media (min-width: 768px) {
    .news-unsub h2 {
        font-size:2.5rem;
        text-align: left
    }
}

.news-unsub p {
    text-align: center
}

@media (min-width: 768px) {
    .news-unsub p {
        text-align:left
    }
}

.news-unsub__input {
    border: 1px solid #ccc;
    font-size: 1rem;
    padding: 12px 0 12px 10px;
    width: 100%
}

.news-unsub__input::-webkit-input-placeholder {
    color: #666
}

@media (min-width: 768px) {
    .news-unsub__input {
        padding:6px 0 6px 10px
    }
}

.news-unsub .globalBtn {
    background: #e42300;
    border: none;
    color: #fff;
    margin-top: 20px;
    max-width: 120px;
    padding: .6rem 1rem;
    text-transform: capitalize
}

.news-unsub .globalBtn:disabled {
    background-color: #777 0.1;
    color: #bbb
}

.news-unsub .validate-error {
    color: #e42300
}

.news-unsub .validate-error::-webkit-input-placeholder {
    color: #e42300
}

.news-unsub .validate-errors-list {
    color: #e42300;
    font-size: .8rem
}

.news-unsub .validate-errors-list li {
    margin-top: .2rem
}

.news-unsub__error,.news-unsub__unsubscribe {
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column wrap;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 2rem 0 0;
    border-top: 2px solid
}

@media (min-width: 768px) {
    .news-unsub__error,.news-unsub__unsubscribe {
        padding:0 0 0 2rem;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        border-top: none;
        border-left: 2px solid
    }
}

.news-unsub.light label,.news-unsub.light h2,.news-unsub.light p,.news-unsub.light .news-unsub__unsubscribe,.news-unsub.light .news-unsub__error {
    color: #fff
}

.news-unsub.dark label,.news-unsub.dark h2,.news-unsub.dark p,.news-unsub.dark .news-unsub__unsubscribe,.news-unsub.dark .news-unsub__error {
    color: #343434
}

.tire-comparison[data-component=productComparison] {
    width: 80%;
    margin: 0 auto
}

.tire-comparison[data-component=productComparison] .hide-section {
    visibility: hidden !important
}

.tire-comparison[data-component=productComparison] .cmprs-top-utility {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 25px 0
}

.tire-comparison[data-component=productComparison] .cmprs-top-utility .cmprs-title {
    font-size: 2rem;
    text-transform: uppercase
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .tire-comparison[data-component=productComparison] .cmprs-top-utility .cmprs-title {
        font-size:1.5rem
    }
}

.tire-comparison[data-component=productComparison] .cmprs-top-utility .back-to-results,.tire-comparison[data-component=productComparison] .cmprs-top-utility .share-comparison {
    height: 37px;
    width: auto;
    font-size: 17px;
    min-width: auto;
    padding: 0 10px
}

.tire-comparison[data-component=productComparison] .cmprs-top-utility .back-to-results svg,.tire-comparison[data-component=productComparison] .cmprs-top-utility .share-comparison svg {
    fill: #fff;
    pointer-events: none;
    height: 12px;
    width: 13px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    margin-right: 3px
}

.tire-comparison[data-component=productComparison] .cmprs-top-utility .back-to-results {
    visibility: hidden
}

.tire-comparison[data-component=productComparison] .cmprs-top-utility .back-to-results.show-back-to-results {
    visibility: visible
}

.tire-comparison[data-component=productComparison] .cmprs-tire-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap
}

.tire-comparison[data-component=productComparison] .cmprs-tire-row .cmprs-tire-column {
    width: 33.3333333%;
    line-height: normal;
    padding-right: 1%;
    padding-left: 1%
}

.tire-comparison[data-component=productComparison] .cmprs-tire-row .cmprs-tire-column:nth-child(3n+1) {
    padding-left: 0
}

.tire-comparison[data-component=productComparison] .cmprs-tire-row .cmprs-tire-column:nth-child(3n+3) {
    padding-right: 0
}

.tire-comparison[data-component=productComparison] .cmprs-tire-row .cmprs-tire-column .column-wrapper {
    position: relative;
    height: 100%;
    background: white;
    -webkit-box-shadow: 0 0 1px 2px #e9e9e9;
    box-shadow: 0 0 1px 2px #e9e9e9
}

.tire-comparison[data-component=productComparison] .cmprs-tire-row .cmprs-tire-column.reason-to-buy-item:nth-child(3n+1) {
    padding-left: 1%
}

.tire-comparison[data-component=productComparison] .cmprs-tire-row .cmprs-tire-column.reason-to-buy-item:nth-child(3n+3) {
    padding-right: 1%
}

.tire-comparison[data-component=productComparison] .cmprs-tire-row .cmprs-tire-column.reason-to-buy-item .column-wrapper {
    -webkit-box-shadow: none;
    box-shadow: none
}

.tire-comparison[data-component=productComparison] .comparison-container {
    width: 100%
}

.tire-comparison[data-component=productComparison] .comparison-container .cmprs-tire .column-wrapper {
    padding: 8px;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.tire-comparison[data-component=productComparison] .comparison-container .cmprs-tire .tire-introduction {
    width: 100%
}

.tire-comparison[data-component=productComparison] .comparison-container .cmprs-tire .tire-heading {
    margin: 0
}

.tire-comparison[data-component=productComparison] .comparison-container .cmprs-tire .tire-heading__model {
    margin-left: 0;
    font-size: 29px
}

.tire-comparison[data-component=productComparison] .comparison-container .cmprs-tire .tire-heading>h1,.tire-comparison[data-component=productComparison] .comparison-container .cmprs-tire .vsHeader .tire-heading>.vs-headline,.vsHeader .tire-comparison[data-component=productComparison] .comparison-container .cmprs-tire .tire-heading>.vs-headline {
    font-size: 2rem
}

.tire-comparison[data-component=productComparison] .comparison-container .cmprs-tire .removeZIndex {
    z-index: 0 !important
}

.tire-comparison[data-component=productComparison] .comparison-container .cmprs-tire .remove-tire-btn {
    width: 30px;
    height: 30px;
    background-color: #2776e3;
    text-align: center;
    line-height: 30px;
    cursor: pointer;
    color: white;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 96;
    font-size: 28px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: none
}

.tire-comparison[data-component=productComparison] .comparison-container .cmprs-tire .remove-tire-btn svg {
    fill: #fff;
    height: 10px;
    width: 10px
}

.tire-comparison[data-component=productComparison] .comparison-container .cmprs-tire .remove-tire-btn[disabled] {
    opacity: .5
}

.tire-comparison[data-component=productComparison] .comparison-container .cmprs-tire .tire-image {
    width: 100%;
    min-width: auto;
    -webkit-box-flex: inherit;
    -webkit-flex: inherit;
    -ms-flex: inherit;
    flex: inherit
}

@media (max-width: 595px) {
    .tire-comparison[data-component=productComparison] .comparison-container .cmprs-tire .tire-image {
        max-height:none
    }
}

.tire-comparison[data-component=productComparison] .comparison-container .cmprs-tire .tire-image .tire-image__container {
    -webkit-transform: none;
    transform: none;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 15px
}

.tire-comparison[data-component=productComparison] .comparison-container .cmprs-tire .tire-image .tire-image__container a {
    width: 100%
}

.tire-comparison[data-component=productComparison] .comparison-container .cmprs-tire .tire-image .tire-image__container .tire-image-figure {
    display: block;
    width: 100%;
    overflow: hidden
}

.tire-comparison[data-component=productComparison] .comparison-container .cmprs-tire .tire-image .tire-image__container .tire-image-figure>img {
    height: 100%;
    right: inherit;
    width: auto;
    margin: auto;
    position: relative;
    display: block
}

.tire-comparison[data-component=productComparison] .comparison-container .cmprs-tire .tire-image .tire-image__container .tire-review__stars {
    width: 100%;
    margin-top: 1rem;
    display: block !important
}

@media (max-width: 595px) {
    .tire-comparison[data-component=productComparison] .comparison-container .cmprs-tire .tire-image .tire-image__container .tire-review__stars {
        margin:0.75rem 0 0.5rem 0
    }
}

.tire-comparison[data-component=productComparison] .comparison-container .cmprs-tire .tire-image .tire-image__container .tire-review__stars-item {
    height: 1.5rem;
    width: 1.5rem
}

.tire-comparison[data-component=productComparison] .comparison-container .cmprs-tire .tire-image .tire-image__container .tire-review__stars-count {
    font-size: 1rem;
    margin-left: 0.5rem
}

.tire-comparison[data-component=productComparison] .comparison-container .cmprs-tire .tire-stuff {
    padding: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex: 1 auto;
    -ms-flex: 1 auto;
    flex: 1 auto
}

.tire-comparison[data-component=productComparison] .comparison-container .cmprs-tire .tire-stuff .cmprs-bottom-utility {
    margin-top: auto;
    width: 100%
}

.tire-comparison[data-component=productComparison] .comparison-container .cmprs-tire .tire-price-msrp {
    width: calc(100% + 30px);
    background-color: #f1f1f1;
    margin-left: -15px;
    padding: 15px;
    border-bottom: 4px solid #9c9c9c
}

@media (max-width: 595px) {
    .tire-comparison[data-component=productComparison] .comparison-container .cmprs-tire .tire-price-msrp {
        width:auto;
        margin-left: 0
    }
}

.tire-comparison[data-component=productComparison] .comparison-container .cmprs-tire .tire-price-msrp .tire-price__title-msrp {
    font-size: 16px
}

.tire-comparison[data-component=productComparison] .comparison-container .cmprs-tire .tire-price-msrp .tire-price__value {
    color: #191919;
    font-size: 45px
}

.tire-comparison[data-component=productComparison] .comparison-container .cmprs-tire .tire-price-status {
    width: 100%;
    text-align: center;
    font-size: 18px;
    padding-top: 5px
}

.tire-comparison[data-component=productComparison] .comparison-container .cmprs-tire .tire-mileage {
    padding: 0
}

.tire-comparison[data-component=productComparison] .comparison-container .cmprs-tire .tire-mileage__title {
    font-size: 16px
}

.tire-comparison[data-component=productComparison] .comparison-container .cmprs-tire .tire-mileage__value {
    font-size: 45px
}

.tire-comparison[data-component=productComparison] .comparison-container .cmprs-tire .tire-type-section {
    background-color: #f1f1f1;
    width: calc(100% + 30px);
    margin-left: -15px;
    padding: 20px 15px
}

@media (max-width: 595px) {
    .tire-comparison[data-component=productComparison] .comparison-container .cmprs-tire .tire-type-section {
        width:auto;
        margin-left: 0
    }
}

.tire-comparison[data-component=productComparison] .comparison-container .cmprs-tire .tire-type-section .type-title {
    font-size: 14px;
    color: #191919
}

.tire-comparison[data-component=productComparison] .comparison-container .cmprs-tire .tire-type-section .tire-season {
    font-size: 26px
}

@media all and (min-width: 1025px) {
    .tire-comparison[data-component=productComparison] .comparison-container .cmprs-tire .tire-type-section .tire-season {
        font-size:45px
    }
}

.tire-comparison[data-component=productComparison] .comparison-container .cmprs-tire .tire-description {
    font-size: 16px;
    margin: 15px 0
}

.tire-comparison[data-component=productComparison] .comparison-container .cmprs-tire .cmprs-bottom-utility .button-medium-solid-bst-blue {
    font-family: 'BridgestoneType-Cd', 'NotoSans' !important;
    display: block;
    min-width: 100%;
    height: 46px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    font-size: 17px;
    white-space: normal
}

.tire-comparison[data-component=productComparison] .comparison-container .cmprs-tire .cmprs-bottom-utility .schedule-appt-btn {
    margin-top: 10px;
    width: 100%;
    background-color: transparent;
    border-color: #191919;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    font-size: 24px
}

.tire-comparison[data-component=productComparison] .comparison-container .cmprs-tire .cmprs-bottom-utility .schedule-appt-btn svg {
    width: 24px;
    height: 24px;
    margin-right: 8.6px;
    visibility: visible
}

.tire-comparison[data-component=productComparison] .comparison-container .cmprs-tire .cmprs-bottom-utility .schedule-appt-btn::after {
    background-color: #191919
}

.tire-comparison[data-component=productComparison] .comparison-container .cmprs-add-new .column-wrapper {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.tire-comparison[data-component=productComparison] .comparison-container .cmprs-add-new .cmprs-add-cta {
    display: none;
    -webkit-box-shadow: 0 0 1px 2px #e9e9e9;
    box-shadow: 0 0 1px 2px #e9e9e9;
    background-color: #fff;
    padding: 8px
}

.tire-comparison[data-component=productComparison] .comparison-container .cmprs-add-new .cmprs-add-cta .add-area {
    color: #2776e3;
    display: block;
    padding: 65px;
    text-align: center;
    background-color: #f1f1f1
}

.tire-comparison[data-component=productComparison] .comparison-container .cmprs-add-new .cmprs-add-cta .plus {
    height: 60px;
    margin: auto;
    position: relative;
    width: 60px;
    cursor: pointer
}

.tire-comparison[data-component=productComparison] .comparison-container .cmprs-add-new .cmprs-add-cta .plus .plus-horz {
    background-color: #2776e3;
    position: absolute;
    height: 6px;
    left: 0;
    top: 27px;
    width: 60px;
    border-radius: 3px
}

.tire-comparison[data-component=productComparison] .comparison-container .cmprs-add-new .cmprs-add-cta .plus .plus-vert {
    background-color: #2776e3;
    position: absolute;
    height: 60px;
    left: 27px;
    top: 0;
    width: 6px;
    border-radius: 3px
}

.tire-comparison[data-component=productComparison] .comparison-container .cmprs-add-new .cmprs-add-cta .heading {
    font-size: 17px;
    text-transform: uppercase
}

.tire-comparison[data-component=productComparison] .comparison-container .cmprs-add-new .cmprs-add-cta-show {
    display: block
}

.tire-comparison[data-component=productComparison] .comparison-container .cmprs-add-new .suggest {
    color: #a3a3a3;
    font-size: 16px;
    text-transform: capitalize;
    margin: 15px 0
}

.tire-comparison[data-component=productComparison] .comparison-container .cmprs-add-new .suggest-tire {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    padding: 8px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 1px 2px #e9e9e9;
    box-shadow: 0 0 1px 2px #e9e9e9
}

.tire-comparison[data-component=productComparison] .comparison-container .cmprs-add-new .suggest-tire .mini-add-area {
    background-color: #f1f1f1;
    width: 25%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.tire-comparison[data-component=productComparison] .comparison-container .cmprs-add-new .suggest-tire .mini-add-area .plus {
    height: 30px;
    margin: auto;
    position: relative;
    width: 30px;
    cursor: pointer
}

.tire-comparison[data-component=productComparison] .comparison-container .cmprs-add-new .suggest-tire .mini-add-area .plus .plus-horz {
    background-color: #2776e3;
    position: absolute;
    height: 4px;
    left: 0;
    top: 13px;
    width: 30px;
    border-radius: 2px
}

.tire-comparison[data-component=productComparison] .comparison-container .cmprs-add-new .suggest-tire .mini-add-area .plus .plus-vert {
    background-color: #2776e3;
    position: absolute;
    height: 30px;
    left: 13px;
    top: 0;
    width: 4px;
    border-radius: 2px
}

.tire-comparison[data-component=productComparison] .accordion {
    width: 100%
}

.tire-comparison[data-component=productComparison] .accordion.is-active .accordion-header svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.tire-comparison[data-component=productComparison] .accordion .accordion-header {
    text-align: center;
    text-transform: uppercase;
    background: #2776e3;
    color: white;
    cursor: pointer;
    font-weight: 400;
    font-size: 24px;
    height: 40.5px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.tire-comparison[data-component=productComparison] .accordion .accordion-header svg {
    fill: #fff;
    height: 1rem;
    pointer-events: none;
    width: 20px;
    margin-left: 8px;
    -webkit-transition: -webkit-transform .150s;
    transition: -webkit-transform .150s;
    transition: transform .150s;
    transition: transform .150s, -webkit-transform .150s
}

.tire-comparison[data-component=productComparison] .performance-rating,.tire-comparison[data-component=productComparison] .reason-to-buy {
    margin-top: 30px;
    margin-bottom: 50px
}

.tire-comparison[data-component=productComparison] .performance-rating .reason-to-buy-header,.tire-comparison[data-component=productComparison] .reason-to-buy .reason-to-buy-header {
    text-align: center;
    text-transform: uppercase;
    background: #2776e3;
    color: white;
    cursor: pointer;
    font-weight: 400;
    font-size: 24px;
    height: 40.5px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.tire-comparison[data-component=productComparison] .performance-rating .reason-to-buy-header span,.tire-comparison[data-component=productComparison] .reason-to-buy .reason-to-buy-header span {
    font-size: 1.25rem
}

.tire-comparison[data-component=productComparison] .performance-rating .rating-content,.tire-comparison[data-component=productComparison] .performance-rating .reason-to-buy-content,.tire-comparison[data-component=productComparison] .reason-to-buy .rating-content,.tire-comparison[data-component=productComparison] .reason-to-buy .reason-to-buy-content {
    margin-top: 10px
}

.tire-comparison[data-component=productComparison] .performance-rating .rating-content .reason-to-buy-item .column-wrapper,.tire-comparison[data-component=productComparison] .performance-rating .reason-to-buy-content .reason-to-buy-item .column-wrapper,.tire-comparison[data-component=productComparison] .reason-to-buy .rating-content .reason-to-buy-item .column-wrapper,.tire-comparison[data-component=productComparison] .reason-to-buy .reason-to-buy-content .reason-to-buy-item .column-wrapper {
    padding: 25px
}

.tire-comparison[data-component=productComparison] .performance-rating .rating-content .reason-to-buy-item .column-wrapper ul li,.tire-comparison[data-component=productComparison] .performance-rating .reason-to-buy-content .reason-to-buy-item .column-wrapper ul li,.tire-comparison[data-component=productComparison] .reason-to-buy .rating-content .reason-to-buy-item .column-wrapper ul li,.tire-comparison[data-component=productComparison] .reason-to-buy .reason-to-buy-content .reason-to-buy-item .column-wrapper ul li {
    list-style-type: disc;
    line-height: 1.6
}

.tire-comparison[data-component=productComparison] .performance-rating .rating-content .rating-item .column-wrapper,.tire-comparison[data-component=productComparison] .performance-rating .reason-to-buy-content .rating-item .column-wrapper,.tire-comparison[data-component=productComparison] .reason-to-buy .rating-content .rating-item .column-wrapper,.tire-comparison[data-component=productComparison] .reason-to-buy .reason-to-buy-content .rating-item .column-wrapper {
    padding: 20px
}

.tire-comparison[data-component=productComparison] .performance-rating .rating-content .rating-item .performance-name,.tire-comparison[data-component=productComparison] .performance-rating .reason-to-buy-content .rating-item .performance-name,.tire-comparison[data-component=productComparison] .reason-to-buy .rating-content .rating-item .performance-name,.tire-comparison[data-component=productComparison] .reason-to-buy .reason-to-buy-content .rating-item .performance-name {
    font-weight: normal;
    width: 100%
}

.tire-comparison[data-component=productComparison] .performance-rating .rating-content .rating-item .performance-bar,.tire-comparison[data-component=productComparison] .performance-rating .reason-to-buy-content .rating-item .performance-bar,.tire-comparison[data-component=productComparison] .reason-to-buy .rating-content .rating-item .performance-bar,.tire-comparison[data-component=productComparison] .reason-to-buy .reason-to-buy-content .rating-item .performance-bar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row;
    -ms-flex-flow: row;
    flex-flow: row;
    height: 28px
}

.tire-comparison[data-component=productComparison] .performance-rating .rating-content .rating-item .performance-bar .full-bar,.tire-comparison[data-component=productComparison] .performance-rating .reason-to-buy-content .rating-item .performance-bar .full-bar,.tire-comparison[data-component=productComparison] .reason-to-buy .rating-content .rating-item .performance-bar .full-bar,.tire-comparison[data-component=productComparison] .reason-to-buy .reason-to-buy-content .rating-item .performance-bar .full-bar {
    width: 70%;
    position: relative
}

.tire-comparison[data-component=productComparison] .performance-rating .rating-content .rating-item .performance-bar .full-bar .process-bar,.tire-comparison[data-component=productComparison] .performance-rating .reason-to-buy-content .rating-item .performance-bar .full-bar .process-bar,.tire-comparison[data-component=productComparison] .reason-to-buy .rating-content .rating-item .performance-bar .full-bar .process-bar,.tire-comparison[data-component=productComparison] .reason-to-buy .reason-to-buy-content .rating-item .performance-bar .full-bar .process-bar {
    position: absolute;
    height: 100%;
    width: 80%;
    left: 0;
    top: 0
}

.tire-comparison[data-component=productComparison] .performance-rating .rating-content .rating-item .performance-bar .full-bar.performance,.tire-comparison[data-component=productComparison] .performance-rating .reason-to-buy-content .rating-item .performance-bar .full-bar.performance,.tire-comparison[data-component=productComparison] .reason-to-buy .rating-content .rating-item .performance-bar .full-bar.performance,.tire-comparison[data-component=productComparison] .reason-to-buy .reason-to-buy-content .rating-item .performance-bar .full-bar.performance {
    background-color: #84aaff
}

.tire-comparison[data-component=productComparison] .performance-rating .rating-content .rating-item .performance-bar .full-bar.performance .process-bar,.tire-comparison[data-component=productComparison] .performance-rating .reason-to-buy-content .rating-item .performance-bar .full-bar.performance .process-bar,.tire-comparison[data-component=productComparison] .reason-to-buy .rating-content .rating-item .performance-bar .full-bar.performance .process-bar,.tire-comparison[data-component=productComparison] .reason-to-buy .reason-to-buy-content .rating-item .performance-bar .full-bar.performance .process-bar {
    background-color: #4e84ff
}

.tire-comparison[data-component=productComparison] .performance-rating .rating-content .rating-item .performance-bar .full-bar.comfort,.tire-comparison[data-component=productComparison] .performance-rating .reason-to-buy-content .rating-item .performance-bar .full-bar.comfort,.tire-comparison[data-component=productComparison] .reason-to-buy .rating-content .rating-item .performance-bar .full-bar.comfort,.tire-comparison[data-component=productComparison] .reason-to-buy .reason-to-buy-content .rating-item .performance-bar .full-bar.comfort {
    background-color: #4ea2ad
}

.tire-comparison[data-component=productComparison] .performance-rating .rating-content .rating-item .performance-bar .full-bar.comfort .process-bar,.tire-comparison[data-component=productComparison] .performance-rating .reason-to-buy-content .rating-item .performance-bar .full-bar.comfort .process-bar,.tire-comparison[data-component=productComparison] .reason-to-buy .rating-content .rating-item .performance-bar .full-bar.comfort .process-bar,.tire-comparison[data-component=productComparison] .reason-to-buy .reason-to-buy-content .rating-item .performance-bar .full-bar.comfort .process-bar {
    background-color: #037b8b
}

.tire-comparison[data-component=productComparison] .performance-rating .rating-content .rating-item .performance-bar .full-bar.fuel,.tire-comparison[data-component=productComparison] .performance-rating .reason-to-buy-content .rating-item .performance-bar .full-bar.fuel,.tire-comparison[data-component=productComparison] .reason-to-buy .rating-content .rating-item .performance-bar .full-bar.fuel,.tire-comparison[data-component=productComparison] .reason-to-buy .reason-to-buy-content .rating-item .performance-bar .full-bar.fuel {
    background-color: #87d693
}

.tire-comparison[data-component=productComparison] .performance-rating .rating-content .rating-item .performance-bar .full-bar.fuel .process-bar,.tire-comparison[data-component=productComparison] .performance-rating .reason-to-buy-content .rating-item .performance-bar .full-bar.fuel .process-bar,.tire-comparison[data-component=productComparison] .reason-to-buy .rating-content .rating-item .performance-bar .full-bar.fuel .process-bar,.tire-comparison[data-component=productComparison] .reason-to-buy .reason-to-buy-content .rating-item .performance-bar .full-bar.fuel .process-bar {
    background-color: #38b64b
}

.tire-comparison[data-component=productComparison] .performance-rating .rating-content .rating-item .performance-bar .performance-value,.tire-comparison[data-component=productComparison] .performance-rating .reason-to-buy-content .rating-item .performance-bar .performance-value,.tire-comparison[data-component=productComparison] .reason-to-buy .rating-content .rating-item .performance-bar .performance-value,.tire-comparison[data-component=productComparison] .reason-to-buy .reason-to-buy-content .rating-item .performance-bar .performance-value {
    font-weight: bold;
    font-size: 20px;
    margin-left: 40px;
    line-height: 28px
}

.tire-comparison[data-component=productComparison] .specifications {
    margin-top: 30px;
    margin-bottom: 30px
}

.tire-comparison[data-component=productComparison] .specifications .spec-content {
    margin-top: 10px
}

.tire-comparison[data-component=productComparison] .specifications .spec-content .spec-item .column-wrapper {
    padding: 8px
}

.tire-comparison[data-component=productComparison] .specifications .spec-content .spec-item ul li {
    padding: 8px 12px
}

.tire-comparison[data-component=productComparison] .specifications .spec-content .spec-item ul li:nth-child(even) {
    background-color: #f1f1f1
}

.tire-comparison[data-component=productComparison] .specifications .spec-content .spec-item .tire-spec-label {
    color: #2776e3;
    text-transform: none;
    font-size: 12px;
    font-weight: 400
}

.tire-comparison[data-component=productComparison] .specifications .spec-content .spec-item .run-flat-container {
    text-transform: capitalize
}

.tire-comparison[data-component=productComparison] .specifications .spec-content .spec-item .tire-spec-value {
    color: #000;
    font-weight: 600;
    font-size: 28px
}

.tire-comparison[data-component=productComparison] .specifications .spec-content .spec-item .max-speed {
    color: #222224;
    font-size: 13px
}

.tire-comparison[data-component=productComparison] .customer-rating {
    margin-top: 30px;
    margin-bottom: 30px
}

.tire-comparison[data-component=productComparison] .customer-rating .customer-rating-content {
    margin-top: 10px
}

.tire-comparison[data-component=productComparison] .customer-rating .column-wrapper {
    padding: 20px
}

.tire-comparison[data-component=productComparison] .customer-rating .customer-rating-title {
    font-size: 1.25rem
}

.tire-comparison[data-component=productComparison] .customer-rating .tire-review__stars {
    width: 100%;
    margin: 0.5rem 0
}

.tire-comparison[data-component=productComparison] .customer-rating .tire-review__stars-item {
    height: 1.5rem;
    width: 1.5rem
}

@media (max-width: 595px) {
    .tire-comparison[data-component=productComparison] {
        width:100%
    }

    .tire-comparison[data-component=productComparison] .tire-image-figure img {
        -webkit-transform: none;
        transform: none
    }

    .tire-comparison[data-component=productComparison] .cmprs-top-utility {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }

    .tire-comparison[data-component=productComparison] .cmprs-top-utility .cmprs-title {
        width: 100%;
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        font-size: 28px;
        text-align: center
    }

    .tire-comparison[data-component=productComparison] .cmprs-top-utility .back-to-results {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }

    .tire-comparison[data-component=productComparison] .cmprs-top-utility .share-comparison {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }

    .tire-comparison[data-component=productComparison] .cmprs-tire-row {
        display: block
    }

    .tire-comparison[data-component=productComparison] .cmprs-tire-row .cmprs-tire-column {
        width: 100%;
        min-width: auto;
        padding: 0
    }

    .tire-comparison[data-component=productComparison] .cmprs-tire-row .cmprs-tire-column .column-wrapper {
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .tire-comparison[data-component=productComparison] .cmprs-tire-row .cmprs-tire-column .column-wrapper .tire-stuff {
        padding: 0;
        margin: 0;
        width: 100%
    }
}

.tire-comparison[data-component=productComparison] .comp-tooltip[data-tooltip-headline=''] {
    cursor: default
}

.tire-comparison[data-component=productComparison] .comp-tooltip[data-tooltip-headline='']:hover {
    text-decoration: none
}

.tire-comparison[data-component=productComparison] .comparison-tooltip {
    background-color: rgba(0,0,0,0.99);
    color: #fff;
    position: absolute;
    left: 0;
    right: 0;
    padding: 45px 20px 50px 15px
}

.tire-comparison[data-component=productComparison] .comparison-tooltip:before {
    content: '';
    position: absolute;
    top: -7.5px;
    left: 17px;
    background-color: rgba(0,0,0,0.99);
    width: 15px;
    height: 15px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.tire-comparison[data-component=productComparison] .comparison-tooltip-headline {
    color: #fff;
    font-size: 18px;
    text-transform: uppercase
}

.tire-comparison[data-component=productComparison] .comparison-tooltip p {
    font-family: 'BridgestoneType-Cd', 'NotoSans';
    font-size: 12px;
    line-height: 2.34
}

.tire-comparison[data-component=productComparison] .comparison-tooltip-close {
    position: absolute;
    top: 2px;
    right: 2.5px;
    cursor: pointer
}

.tire-comparison[data-component=productComparison] .comparison-tooltip-close .modal-close__svg {
    width: 28.5px;
    height: 28.5px;
    padding: 7px;
    background-color: #9c9c9c
}

.tire-comparison[data-component=productComparison] .comparison-tooltip-close .modal-close__svg svg {
    fill: #fff;
    height: 10px;
    width: 10px
}

.tire-comparison[data-component=productComparison] .spec-item .comparison-tooltip {
    left: 9px;
    right: 9px
}

[data-page-name="product-comparison"] .modal {
    width: 500px !important
}

[data-page-name="product-comparison"] .share-comparison__modal {
    display: none;
    visibility: hidden
}

[data-page-name="product-comparison"] .share-comparison__modal-content {
    padding: 15px 15px 1px 15px
}

[data-page-name="product-comparison"] .share-comparison__modal-content .modal-close {
    position: absolute;
    top: 1px;
    right: 1px
}

[data-page-name="product-comparison"] .share-comparison__modal-content .modal-close .modal-close__svg {
    width: 30px;
    height: 30px;
    text-align: center;
    background: #2776e3
}

[data-page-name="product-comparison"] .share-comparison__modal-content .modal-close .modal-close__svg svg {
    fill: #fff;
    height: 10px;
    width: 10px
}

[data-page-name="product-comparison"] .share-comparison__modal-content .input-group {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%
}

[data-page-name="product-comparison"] .share-comparison__modal-content .input-group>.form-control {
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0
}

[data-page-name="product-comparison"] .share-comparison__modal-content .input-group>.form-control:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

[data-page-name="product-comparison"] .share-comparison__modal-content .form-control {
    display: block;
    width: 100%;
    height: calc(2.25rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out
}

[data-page-name="product-comparison"] .share-comparison__modal-content .input-group-append {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-left: -1px
}

[data-page-name="product-comparison"] .share-comparison__modal-content .modal-header {
    margin: 0;
    padding: 0;
    border: none
}

[data-page-name="product-comparison"] .share-comparison__modal-content .modal-header .close {
    position: absolute;
    top: 1px;
    right: 1px;
    background: #2776e3;
    opacity: 1;
    color: #fff;
    width: 30px;
    height: 30px;
    text-align: center;
    margin-top: 0
}

[data-page-name="product-comparison"] .share-comparison__modal-content .modal-header .close>span {
    line-height: 30px;
    vertical-align: middle
}

[data-page-name="product-comparison"] .share-comparison__modal-content .modal-body {
    padding: 0;
    margin: 0
}

[data-page-name="product-comparison"] .share-comparison__modal-content .modal-body .share-form {
    margin-top: 15px
}

[data-page-name="product-comparison"] .share-comparison__modal-content .modal-body .share-form label {
    font-weight: normal;
    text-transform: none;
    font-size: 16px;
    width: 100%
}

[data-page-name="product-comparison"] .share-comparison__modal-content .modal-body .share-form input {
    color: #2776e3;
    outline: none
}

[data-page-name="product-comparison"] .share-comparison__modal-content .modal-body .share-form input:focus {
    border: none !important
}

[data-page-name="product-comparison"] .share-comparison__modal-content .modal-body .share-form .form-group {
    margin-bottom: 15px
}

[data-page-name="product-comparison"] .share-comparison__modal-content .modal-body .share-form .form-group.copy-link {
    padding-bottom: 20px;
    border-bottom: 4px solid #2776e3;
    margin-bottom: 15px
}

[data-page-name="product-comparison"] .share-comparison__modal-content .modal-body .share-form .form-group.copy-link input {
    background-color: #f1f1f1;
    border: 0
}

[data-page-name="product-comparison"] .share-comparison__modal-content .modal-body .share-form .form-group.copy-link #copy-link-btn {
    padding: 0 10px;
    background: #ccc;
    border: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

[data-page-name="product-comparison"] .share-comparison__modal-content .modal-body .share-form .form-group.email .sub-label,[data-page-name="product-comparison"] .share-comparison__modal-content .modal-body .share-form .form-group.zip-code .sub-label {
    display: block;
    background-color: #f1f1f1;
    padding: 6px 12px 0 12px
}

[data-page-name="product-comparison"] .share-comparison__modal-content .modal-body .share-form .form-group.email input.form-control,[data-page-name="product-comparison"] .share-comparison__modal-content .modal-body .share-form .form-group.zip-code input.form-control {
    border: none;
    background-color: #f1f1f1;
    -webkit-box-shadow: none;
    box-shadow: none
}

[data-page-name="product-comparison"] .share-comparison__modal-content .modal-body .share-form .form-group.email .form-prompt-msg,[data-page-name="product-comparison"] .share-comparison__modal-content .modal-body .share-form .form-group.zip-code .form-prompt-msg {
    font-size: 12px;
    margin: 0;
    font-style: italic
}

[data-page-name="product-comparison"] .share-comparison__modal-content .modal-body .share-form .form-group.zip-code {
    width: 150px
}

[data-page-name="product-comparison"] .share-comparison__modal-content .modal-body .share-form .cmprs-send-email {
    width: calc(100% + 28px);
    margin-left: -14px;
    padding: 0.5rem
}

[data-page-name="product-comparison"] .return-message {
    display: none;
    visibility: hidden
}

[data-page-name="product-comparison"] .return-message-content .modal-body {
    padding: 95px 21px 85px 21px;
    margin: 0
}

[data-page-name="product-comparison"] .return-message-content .modal-body h1,[data-page-name="product-comparison"] .return-message-content .modal-body .vsHeader .vs-headline,.vsHeader [data-page-name="product-comparison"] .return-message-content .modal-body .vs-headline,[data-page-name="product-comparison"] .return-message-content .modal-body h2 {
    color: #37b549;
    text-transform: none
}

[data-page-name="product-comparison"] .return-message-content .modal-body .back-to-results-modal {
    font-size: 17px;
    min-width: 75%;
    height: 41px;
    margin: 5px 0;
    padding: 0;
    line-height: 39px;
    display: none
}

[data-page-name="product-comparison"] .return-message-content .modal-body .back-to-results-modal.show-back-to-results {
    display: inline-block
}

[data-page-name="product-comparison"] .return-message-content .modal-body .back-to-comparison {
    font-size: 17px;
    min-width: 75%;
    margin: 5px 0;
    padding: 0;
    height: 41px;
    line-height: 39px;
    outline: none
}

[data-page-name="product-comparison"] .return-message-content .modal-body .modal-close {
    right: 1px;
    top: 1px
}

[data-page-name="product-comparison"] .return-message-content .modal-body .modal-close .modal-close__svg {
    height: 30px;
    width: 30px;
    text-align: center;
    background: #2776e3;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

[data-page-name="product-comparison"] .return-message-content .modal-body .modal-close .modal-close__svg svg {
    fill: #fff;
    height: 10px;
    width: 10px
}

@-moz-document url-prefix() {
    .cmprs-send-email {
        margin-bottom: 1px !important
    }

    .back-to-results-modal {
        height: 40px !important
    }
}

.promotion-component {
    background-color: #fcfcfc;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-color: #fff;
    border-width: 0;
    color: #8d8d8d;
    position: relative;
    width: 100%
}

.promotion-component[data-overlay='true'] {
    outline: 10px solid rgba(255,255,255,0.25)
}

.promotion-component .call-for-an-appointment {
    display: none
}

.promotion-component .component__container {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    border-color: inherit;
    padding: 1.5rem 0
}

@media (min-width: 768px) {
    .promotion-component .component__container {
        -webkit-box-align:center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.promotion-component.full-bleed {
    background-image: none
}

.promotion-component.full-bleed .component__container {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 0
}

.promotion-component.full-bleed .promotion-component__headline {
    font-size: 2.2rem
}

.promotion-component.full-bleed .promotion-component__content {
    padding: 1rem 0
}

.promotion-component.full-bleed .promotion-component__brand {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end
}

.promotion-component__brand {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
    -ms-flex-order: 10;
    order: 10;
    display: none
}

@media (min-width: 768px) {
    .promotion-component__brand {
        -webkit-box-flex:1;
        -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
        flex: 1 1 20%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

.promotion-component__brand__item {
    display: inline-block;
    line-height: 0;
    margin: 0 1.5rem 0 0
}

.promotion-component__brand__item img {
    width: 100%
}

.promotion-component__content {
    -webkit-box-flex: 2;
    -webkit-flex: 2 2 auto;
    -ms-flex: 2 2 auto;
    flex: 2 2 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-ordinal-group: 21;
    -webkit-order: 20;
    -ms-flex-order: 20;
    order: 20
}

@media (min-width: 768px) {
    .promotion-component__content {
        -webkit-box-flex:2;
        -webkit-flex: 2 2 20%;
        -ms-flex: 2 2 20%;
        flex: 2 2 20%
    }
}

.promotion-component__content .promotion-component__headline {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin: 0 0 1rem;
    font-size: 1.6rem
}

.dark .promotion-component__content .promotion-component__headline {
    color: #343434
}

.light .promotion-component__content .promotion-component__headline {
    color: #fff
}

.promotion-component__content .promotion-component__body {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    max-width: 500px
}

.dark .promotion-component__content .promotion-component__body {
    color: #343434
}

.light .promotion-component__content .promotion-component__body {
    color: #fff
}

@media (max-width: 768px) {
    .promotion-component__content .promotion-component__body {
        -webkit-box-flex:0;
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto
    }
}

.promotion-component__content .promotion-component__body p {
    margin: 0
}

.promotion-component__cta-container--mobile,.promotion-component__cta-container--desktop {
    -webkit-box-ordinal-group: 31;
    -webkit-order: 30;
    -ms-flex-order: 30;
    order: 30;
    width: 100%
}

.promotion-component__cta-container--mobile::before,.promotion-component__cta-container--desktop::before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.promotion-component__cta-container--mobile a,.promotion-component__cta-container--desktop a {
    margin: 1.5rem 0;
    text-align: center;
    text-decoration: none;
    font-weight: bold
}

.promotion-component__cta-container--mobile a .icon>svg,.promotion-component__cta-container--desktop a .icon>svg {
    width: 16px;
    height: 16px;
    fill: #fff
}

.promotion-component__cta-container--mobile a .text,.promotion-component__cta-container--desktop a .text {
    margin-left: .8rem
}

@media (min-width: 768px) {
    .promotion-component__cta-container--mobile a,.promotion-component__cta-container--desktop a {
        display:inline-block;
        margin: 1.5rem 0 1.5rem 1.5rem;
        vertical-align: middle
    }
}

.promotion-component__cta-container--mobile {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

@media (min-width: 768px) {
    .promotion-component__cta-container--mobile {
        display:none
    }
}

.promotion-component__cta-container--mobile>a:not(:first-child) {
    margin-left: .8rem
}

.promotion-component__cta-container--desktop {
    display: none
}

@media (min-width: 768px) {
    .promotion-component__cta-container--desktop {
        -webkit-box-flex:1;
        -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
        flex: 1 1 20%;
        display: block;
        width: auto
    }
}

.reasons-to-buy {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #8d8d8d;
    position: relative;
    width: 100%
}

.reasons-to-buy .component__container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-color: inherit;
    padding-bottom: 0;
    padding-top: 0
}

@media (min-width: 768px) {
    .reasons-to-buy .component__container {
        -webkit-box-align:stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

.reasons-to-buy__item {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-ordinal-group: 21;
    -webkit-order: 20;
    -ms-flex-order: 20;
    order: 20
}

@media (min-width: 768px) {
    .reasons-to-buy__item {
        -webkit-box-flex:1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        width: 50%
    }
}

.reasons-to-buy__list {
    list-style: disc inside
}

.reasons-to-buy__list li {
    font-size: 1rem
}

.reasons-to-buy__list-text {
    line-height: 1.6;
    font-size: 0.9rem
}

.dark .reasons-to-buy__list-text {
    color: #343434
}

.light .reasons-to-buy__list-text {
    color: #fff
}

.reasons-to-buy__legal {
    list-style: none
}

.reasons-to-buy__legal-text {
    font-size: 10px;
    line-height: 1;
    color: #999;
    margin: 2px 0
}

.reasons-to-buy__headline {
    display: block;
    padding-bottom: 15px;
    line-height: 1.1;
    font-size: 2.6rem !important
}

.dark .reasons-to-buy__headline {
    color: #343434
}

.light .reasons-to-buy__headline {
    color: #fff
}

.reasons-to-buy__body {
    margin-top: .5rem
}

.reasons-to-buy__footer {
    margin-top: 1.5rem
}

.reasons-to-buy__poster {
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
    -ms-flex-order: 10;
    order: 10;
    line-height: 0;
    text-align: center
}

@media (min-width: 768px) {
    .reasons-to-buy__poster {
        -webkit-box-ordinal-group:31;
        -webkit-order: 30;
        -ms-flex-order: 30;
        order: 30;
        text-align: right;
        max-width: 50%;
        width: 50%
    }
}

.full-bleed .reasons-to-buy__poster {
    display: none
}

@media (min-width: 768px) {
    .full-bleed .reasons-to-buy__poster {
        display:block
    }
}

.reasons-to-buy__poster img {
    max-width: 100%
}

.reasons-to-buy__logo {
    padding-bottom: 10px
}

.reasons-to-buy__content {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 30px 0
}

.reasons-to-buy__content img {
    max-width: 100%
}

@media (min-width: 768px) {
    .reasons-to-buy__content {
        margin-right:2rem
    }
}

.reasons-to-buy__video-container {
    -webkit-box-ordinal-group: 21;
    -webkit-order: 20;
    -ms-flex-order: 20;
    order: 20;
    padding: 3.75rem 0
}

@media (min-width: 768px) {
    .reasons-to-buy__video-container {
        min-width:50%
    }

    .media--right .reasons-to-buy__video-container {
        padding-left: 2rem
    }

    .media--left .reasons-to-buy__video-container {
        padding-right: 2rem
    }
}

@media (max-width: 768px) {
    .media--right .reasons-to-buy__video-container {
        margin-top:1.5rem
    }

    .media--left .reasons-to-buy__video-container {
        margin-bottom: 1.5rem
    }
}

.reasons-to-buy__video-container iframe,.reasons-to-buy__video-container object {
    width: 100%;
    height: auto;
    min-height: 350px
}

.reasons-to-buy h2 {
    font-size: 2.8125rem
}

.research-component {
    background-color: #f0f0f0;
    color: #8d8d8d;
    position: relative;
    width: 100%
}

.research-component .component__container {
    display: block
}

@media (min-width: 768px) {
    .research-component .component__container {
        display:-webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.research-component .component__container.smallPadding {
    padding-top: 1rem
}

.research-component__content {
    background-color: #fff;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
    border-color: #fff;
    margin: 1rem 0;
    position: relative;
    z-index: 19
}

@media (min-width: 768px) {
    .research-component__content {
        display:inline-block;
        margin: 0 2%;
        width: 30.65%
    }

    .research-component__content:first-child {
        margin-left: 0
    }

    .research-component__content:nth-child(n+4) {
        margin-top: 2rem
    }

    .research-component__content:nth-child(3n) {
        margin-right: 0
    }

    .research-component__content:nth-child(3n+1) {
        margin-left: 0
    }
}

.research-component__content-image {
    background: no-repeat 50% 50%;
    background-size: cover;
    overflow: hidden;
    height: 14.0625rem;
    position: relative;
    text-align: center;
    width: 100%
}

.research-component__content-image:after {
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    border-color: transparent transparent #fff;
    border-style: solid;
    border-width: 0 25px 12.5px;
    bottom: 0;
    content: '';
    display: block;
    height: 0;
    left: 50%;
    position: absolute;
    width: 0;
    z-index: 30
}

.research-component__content-text {
    display: table;
    height: 12.5rem;
    padding: 10px !important;
    padding-bottom: 2rem;
    position: relative;
    width: 100%;
    text-overflow: hidden;
    z-index: 20
}

@media (min-width: 768px) {
    .research-component__content-text {
        height:14.0625rem
    }
}

.research-component__content-text h2.research-component__headline {
    font-size: 1.25rem !important;
    font-weight: 400 !important
}

.research-component__headline {
    color: #000;
    font-size: 1.3rem;
    overflow: hidden;
    text-transform: uppercase;
    font-weight: bold
}

.research-component__cta-container {
    display: table;
    height: 12.5rem;
    padding: 0 1.5rem;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 20
}

@media (min-width: 768px) {
    .research-component__cta-container {
        height:14.0625rem
    }
}

.research-component__cta-container a {
    display: inline-block
}

.research-component__link {
    bottom: .75rem;
    font-size: 0.9rem;
    font-weight: bolder;
    left: .75rem;
    position: absolute
}

.research-component__link,.research-component__link:active,.research-component__link:hover {
    color: #2776e3
}

.research-component ~ .research-component .component__container,.research-component .dynamicResearch ~ .dynamicResearch .component__container {
    padding-top: 0
}

.rich-text .component__container.top-padding article.rich-text__text h3 {
    font-size: 1.875rem;
    font-family: 'BridgestoneType-Cd', 'NotoSans'
}

.rich-text .component__container.top-padding article.rich-text__text h3 b {
    font-family: 'BridgestoneType-Cd', 'NotoSans'
}

.rich-text .component__container.top-padding article.rich-text__text h3 b a {
    font-family: 'BridgestoneType-Cd', 'NotoSans' !important
}

.rich-text small {
    font-size: 12px;
    font-style: italic;
    line-height: 18px;
    color: #343434
}

.rich-text small bold {
    font-size: 12px
}

.rich-text hr {
    background: #ccc;
    border-width: 0;
    color: #ccc;
    height: 2px
}

.rich-text.borderBottom {
    border-bottom: 2px solid #999
}

.rich-text .component__container {
    overflow: visible;
    padding-top: 0;
    padding-bottom: 0
}

.rich-text .component__container.top-padding {
    padding-top: 3.75rem
}

.rich-text .component__container.top-padding .rich-text__image,.rich-text .component__container.top-padding .rich-text__video {
    margin-top: 0
}

.rich-text .component__container.bottom-padding {
    padding-bottom: 3.75rem
}

.rich-text .component__container.bottom-padding .rich-text__text h1,.rich-text .component__container.bottom-padding .rich-text__text .vsHeader .vs-headline,.vsHeader .rich-text .component__container.bottom-padding .rich-text__text .vs-headline {
    font-weight: 100;
    font-size: 2.55rem
}

.rich-text .component__container.bottom-padding .rich-text__text h2 {
    font-size: 2rem !important
}

.rich-text .component__container.bottom-padding .rich-text__text h3 {
    font-size: 1.75rem;
    font-weight: 100
}

.rich-text .component__container.bottom-padding .rich-text__text h3 b a {
    font-family: 'BridgestoneType-Cd', 'NotoSans' !important;
    font-weight: 900
}

.rich-text .component__container.bottom-padding .rich-text__text b {
    line-height: 1.5;
    font-size: 1.1rem;
    font-weight: 900;
    letter-spacing: 0.01rem
}

@media (max-width: 768px) {
    .rich-text .component__container.bottom-padding .rich-text__text b {
        font-size:0.9rem
    }
}

.rich-text .component__container.bottom-padding .rich-text__text ul li,.rich-text .component__container.bottom-padding .rich-text__text ol li {
    line-height: 1.8
}

@media (max-width: 768px) {
    .rich-text .component__container.bottom-padding .rich-text__text ul li,.rich-text .component__container.bottom-padding .rich-text__text ol li {
        font-size:1.1rem
    }
}

@media (max-width: 768px) {
    .rich-text .component__container.bottom-padding .rich-text__text ul li,.rich-text .component__container.bottom-padding .rich-text__text ol li {
        font-size:0.9rem !important
    }
}

.rich-text .alignCenterImage .rich-text__image {
    max-width: 100%;
    width: 100%
}

.rich-text .alignCenterImage .rich-text__image img {
    margin: 0 auto;
    width: 100%
}

.rich-text .alignCenterVideo .rich-text__video {
    max-width: 100%;
    width: 100%
}

.rich-text .alignCenterVideo .rich-text__video iframe {
    width: 100%;
    height: 51vw
}

.rich-text a {
    word-wrap: break-word
}

.rich-text a.button-medium-solid-bst-red {
    font-family: 'BridgestoneType-Cd', 'NotoSans' !important
}

@media (min-width: 768px) {
    .rich-text a.button-medium-solid-bst-red {
        font-size:1rem !important
    }
}

@media (max-width: 768px) {
    .rich-text a.button-medium-solid-bst-red {
        font-size:0.9rem !important
    }
}

.rich-text h1 a,.rich-text .vsHeader .vs-headline a,.vsHeader .rich-text .vs-headline a {
    display: block;
    margin-top: -55px;
    padding-top: 55px
}

@media (min-width: 768px) {
    .rich-text h1 a,.rich-text .vsHeader .vs-headline a,.vsHeader .rich-text .vs-headline a {
        margin-top:-100px;
        padding-top: 100px
    }
}

.rich-text img {
    width: 100%
}

@media (min-width: 768px) {
    .rich-text img {
        max-width:100%;
        width: auto
    }
}

.rich-text__image {
    margin: 2rem auto;
    max-width: 100%;
    width: 50vw;
    min-width: 275px
}

.rich-text__image.no-padding {
    margin: 0 auto;
    padding: 0
}

@media (min-width: 768px) {
    .rich-text__image {
        display:table;
        max-width: 50%
    }

    .rich-text__image.no-table {
        display: block
    }

    .rich-text__image.alignLeft {
        float: left;
        margin: 2rem 3rem 1.5rem 0
    }

    .rich-text__image.alignRight {
        float: right;
        margin: 2rem 0 1.5rem 3rem
    }
}

.rich-text__image img {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 100%;
    width: auto
}

.rich-text__image figcaption {
    color: #a3a3a3;
    font-size: .65rem;
    font-style: italic;
    line-height: .9rem;
    margin-top: .6rem
}

@media (min-width: 768px) {
    .rich-text__image figcaption {
        caption-side:bottom;
        display: table-caption
    }
}

@media (min-width: 768px) {
    .rich-text__image {
        width:50%
    }
}

.rich-text__video {
    display: table;
    height: auto;
    margin: 2rem auto;
    max-width: 100%;
    width: 50%
}

@media (min-width: 768px) {
    .rich-text__video.alignLeft {
        width:50%;
        float: left;
        margin: 2rem 3rem 1.5rem 0
    }

    .rich-text__video.alignLeft iframe,.rich-text__video.alignLeft object {
        width: 100%;
        height: 23vw
    }

    .rich-text__video.alignLeft figcaption {
        width: 28.125vw
    }

    .rich-text__video.alignRight {
        width: 50%;
        float: right;
        margin: 2rem 0 1.5rem 3rem
    }

    .rich-text__video.alignRight iframe,.rich-text__video.alignRight object {
        width: 100%;
        height: 23vw
    }

    .rich-text__video.alignRight figcaption {
        width: 28.125vw
    }
}

.rich-text__video iframe,.rich-text__video object {
    height: 28.125vw;
    min-height: 155px;
    min-width: 275px;
    width: 50vw
}

.rich-text__video figcaption {
    color: #a3a3a3;
    font-size: .65rem;
    font-style: italic;
    line-height: .9rem;
    margin-top: .6rem
}

@media (min-width: 768px) {
    .rich-text__video figcaption {
        caption-side:bottom;
        display: table-caption
    }
}

.rich-text__text-center p {
    font-size: 1rem;
    margin: 2rem 0
}

.rich-text__text :first-child {
    margin-top: 0
}

@media (max-width: 768px) {
    .rich-text__text :first-child {
        font-size:2rem
    }
}

@media (min-width: 768px) {
    .rich-text__text p {
        font-size:1rem !important
    }
}

@media (max-width: 768px) {
    .rich-text__text p {
        font-size:0.9rem !important
    }
}

@media (min-width: 768px) {
    .rich-text__text p a,.rich-text__text p b,.rich-text__text p i {
        font-size:1rem !important
    }
}

@media (max-width: 768px) {
    .rich-text__text p a,.rich-text__text p b,.rich-text__text p i {
        font-size:1rem !important
    }
}

@media (max-width: 768px) {
    .rich-text__text ul li {
        font-size:0.9rem !important
    }
}

@media (min-width: 768px) {
    .rich-text__text i sup {
        font-size:1rem !important
    }
}

@media (max-width: 768px) {
    .rich-text__text i sup {
        font-size:0.9rem !important
    }
}

.rich-text__text:after {
    content: '.';
    visibility: hidden;
    display: block;
    height: 0;
    clear: both
}

.rich-text__text .mobile-only {
    display: inline-block
}

@media (min-width: 768px) {
    .rich-text__text .mobile-only {
        display:none
    }
}

.rich-text__text .desktop-only {
    display: none
}

@media (min-width: 768px) {
    .rich-text__text .desktop-only {
        display:inline-block
    }
}

@media (max-width: 768px) {
    .rich-text__text h3 b a {
        font-size:1rem !important
    }
}

@media (max-width: 768px) {
    .rich-text__text h1 b span span,.rich-text__text .vsHeader .vs-headline b span span,.vsHeader .rich-text__text .vs-headline b span span {
        font-size:1rem !important
    }
}

@media (max-width: 768px) {
    .rich-text__text ul li b,.rich-text__text ul li i {
        font-size:0.9rem !important
    }
}

@media (max-width: 768px) {
    .rich-text__text ul li u a {
        font-size:0.9rem !important
    }
}

@media (max-width: 768px) {
    .rich-text__text p b u {
        font-size:1rem
    }
}

@media (max-width: 768px) {
    .rich-text__text p span a i span {
        font-size:1rem !important
    }
}

@media (max-width: 768px) {
    .rich-text__text p span span {
        font-size:1rem !important
    }
}

@media (max-width: 768px) {
    .rich-text__text p i span span {
        font-size:1rem !important
    }
}

.rich-text h3 {
    text-transform: uppercase;
    font-family: 'BridgestoneType-Cd', 'NotoSans' !important
}

@media (max-width: 768px) {
    .rich-text h3 b {
        font-size:1rem !important
    }
}

.rich-text h3 b a {
    font-family: 'BridgestoneType-Cd', 'NotoSans' !important;
    font-size: 1.2rem
}

.rich-text h3 a b {
    font-family: 'BridgestoneType-Cd', 'NotoSans' !important;
    font-size: 1.2rem
}

.send-to {
    margin-left: auto;
    margin-right: auto;
    width: 90%;
    max-width: 64rem;
    text-align: center
}

.send-to h1,.send-to .vsHeader .vs-headline,.vsHeader .send-to .vs-headline,.send-to h2.h1 {
    display: inline-block;
    font-size: 1.1rem;
    line-height: 1.3rem;
    margin-top: 6px;
    vertical-align: top
}

@media (min-width: 768px) {
    .send-to {
        text-align:right
    }
}

.send-to__container {
    display: inline-block;
    width: 25px;
    text-align: center
}

@media (min-width: 768px) {
    .send-to__container {
        text-align:right
    }
}

.send-to button {
    background-color: transparent;
    border: none;
    cursor: pointer;
    display: inline-block;
    position: relative
}

.send-to button span {
    display: block;
    height: 0;
    overflow: hidden;
    text-indent: -9999em;
    position: absolute
}

.send-to button.send-to__share {
    color: #4d4d4d;
    text-transform: uppercase;
    font-size: 1.25rem;
    font-weight: 700;
    width: auto;
    padding: .5rem 2rem .5rem .5rem
}

.send-to__svg {
    height: 32px;
    width: 36px;
    padding: .5rem
}

.send-to__svg svg {
    height: 100%;
    width: 100%;
    fill: #4d4d4d;
    vertical-align: top
}

.send-to__social {
    margin-right: .5em
}

.sendTo {
    margin-top: 1rem
}

.breadcrumb+.sendTo {
    margin-top: 1rem
}

@media (min-width: 768px) {
    .breadcrumb+.sendTo {
        margin-top:0
    }
}

@media (max-width: 768px) {
    .sendTo .send-to__contains h2.h1 {
        font-size:1.3
    }
}

.send-to__modal {
    display: none;
    visibility: hidden
}

.send-to__modal-container {
    margin-top: 1rem
}

.send-to__modal-label {
    font-size: 1rem;
    margin-right: 1rem;
    text-transform: capitalize
}

.send-to__modal-input {
    border: 1px solid #ccc;
    font-size: 1rem;
    margin-bottom: 10px;
    padding: 12px 0 12px 10px;
    width: 100%
}

.send-to__modal-cancel,.send-to__modal-submit {
    display: inline-block;
    margin-bottom: 10px;
    max-width: 45%
}

.simple-search-overlay {
    background: rgba(0,0,0,0.5);
    bottom: 0;
    display: none;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 90
}

@media (min-width: 768px) {
    .simple-search-overlay {
        display:none
    }
}

.simple-search-overlay.is-visible {
    display: block
}

.simple-search {
    background-color: #fff;
    color: #222326;
    -webkit-overflow-scrolling: touch
}

.simple-search__header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    height: 5rem
}

.simple-search__header__tab {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 25%;
    -ms-flex: 1 1 25%;
    flex: 1 1 25%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #000;
    border-right: 1px solid #464648;
    color: #fff;
    cursor: pointer;
    font-size: .875rem;
    text-align: center;
    text-transform: none
}

.simple-search__header__tab:last-child {
    border-right: none
}

.simple-search__header__tab .svg-contains {
    width: 36px;
    height: 21.5px;
    display: block;
    max-height: 40px;
    padding-right: 10px
}

.simple-search__header__tab .svg-contains svg {
    height: 100%;
    width: 100%;
    pointer-events: none;
    fill: #fff
}

.simple-search__header__tab .headline-container {
    text-align: left
}

.simple-search__header__tab .headline-container span {
    display: block
}

.simple-search__header__tab .headline-container span:first-of-type {
    font-size: 0.7em
}

.simple-search__header__tab .headline-container span:last-of-type {
    font-size: 1.0em
}

.simple-search__header__tab--active {
    background-color: #f5f5f5;
    color: #000
}

.simple-search__header__tab--active .svg-contains svg {
    fill: #000
}

.simple-search__body {
    border-bottom: 2px solid #000;
    border-left: 2px solid #000;
    border-right: 2px solid #000;
    background-color: #fff;
    height: 100%;
    max-width: calc(100vw - 82px);
    max-height: 409.5px;
    padding: 16px 0 0 20px;
    position: fixed;
    left: 5rem;
    top: 5rem
}

.simple-search__body.is-closed {
    display: none
}

.simple-search__form {
    display: none;
    height: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 16px
}

.simple-search__form .search-close {
    background-color: transparent;
    border: none;
    cursor: pointer;
    display: inline;
    outline: none;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 10
}

.simple-search__form .search-close .search-close__svg {
    height: 30px;
    padding: 5px;
    width: 30px;
    display: block
}

.simple-search__form .search-close .search-close__svg svg {
    height: 100%;
    width: 100%
}

.simple-search__form--active {
    display: block
}

.simple-search__form__wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%
}

.simple-search__form__wrapper li:not(.simple_search__content) {
    display: inline-block;
    opacity: 1;
    position: relative;
    text-align: left
}

.simple-search__form__wrapper li:not(.simple_search__content).active button,.simple-search__form__wrapper li:not(.simple_search__content).active input,.simple-search__form__wrapper li:not(.simple_search__content).active select,.simple-search__form__wrapper li:not(.simple_search__content).active textarea {
    pointer-events: auto
}

.simple-search__form__wrapper li:not(.simple_search__content).active ~ li:not(.checkbox) .select__heading,.simple-search__form__wrapper li:not(.simple_search__content).active ~ li:not(.checkbox) .option {
    color: #afafb0
}

.simple-search__form__wrapper li:not(.simple_search__content).active ~ li:not(.checkbox) .select__heading-active {
    color: #222326
}

.simple-search__form__wrapper li:not(.simple_search__content).select {
    background-color: #fff;
    height: 100%;
    text-transform: none;
    border-right: 2.5px solid #c4c4c4;
    padding-right: 10px;
    padding-left: 14px;
    min-width: auto
}

.simple-search__form__wrapper li:not(.simple_search__content).select .select_contents {
    padding-bottom: 25px;
    padding-right: 15px
}

.simple-search__form__wrapper li:not(.simple_search__content).select.vehicle_year .select__heading,.simple-search__form__wrapper li:not(.simple_search__content).select.vehicle_year .select_contents {
    min-width: 118.5px
}

.simple-search__form__wrapper li:not(.simple_search__content).select.vehicle_brand .select__heading,.simple-search__form__wrapper li:not(.simple_search__content).select.vehicle_brand .select_contents {
    min-width: 118.5px
}

.simple-search__form__wrapper li:not(.simple_search__content).select.vehicle_make .select__heading,.simple-search__form__wrapper li:not(.simple_search__content).select.vehicle_make .select_contents {
    min-width: 165px
}

.simple-search__form__wrapper li:not(.simple_search__content).select.vehicle_model .select__heading,.simple-search__form__wrapper li:not(.simple_search__content).select.vehicle_model .select_contents {
    min-width: 181px
}

.simple-search__form__wrapper li:not(.simple_search__content).select.vehicle_trim .select__heading,.simple-search__form__wrapper li:not(.simple_search__content).select.vehicle_trim .select_contents {
    min-width: 181px
}

.simple-search__form__wrapper li:not(.simple_search__content).select.vehicle_tiresize .select__heading,.simple-search__form__wrapper li:not(.simple_search__content).select.vehicle_tiresize .select_contents {
    min-width: 181px
}

.simple-search__form__wrapper li:not(.simple_search__content).select.tire_width .select__heading,.simple-search__form__wrapper li:not(.simple_search__content).select.tire_width .select_contents,.simple-search__form__wrapper li:not(.simple_search__content).select.tire_aspect_ratio .select__heading,.simple-search__form__wrapper li:not(.simple_search__content).select.tire_aspect_ratio .select_contents,.simple-search__form__wrapper li:not(.simple_search__content).select.tire_diameter .select__heading,.simple-search__form__wrapper li:not(.simple_search__content).select.tire_diameter .select_contents,.simple-search__form__wrapper li:not(.simple_search__content).select.tire_type .select__heading,.simple-search__form__wrapper li:not(.simple_search__content).select.tire_type .select_contents {
    min-width: 117px
}

.simple-search__form__wrapper li:not(.simple_search__content).select.tire_brand .select__heading,.simple-search__form__wrapper li:not(.simple_search__content).select.tire_brand .select_contents {
    min-width: 110px
}

.simple-search__form__wrapper li:not(.simple_search__content).select.tire_model .select__heading,.simple-search__form__wrapper li:not(.simple_search__content).select.tire_model .select_contents {
    min-width: 199px
}

.simple-search__form__wrapper li:not(.simple_search__content).select .select__heading {
    color: #222326;
    line-height: 2;
    display: block;
    font-size: 0.9em;
    font-weight: bold;
    border-bottom: 2.5px solid #c4c4c4;
    padding-left: 10px
}

.simple-search__form__wrapper li:not(.simple_search__content).select .select_container {
    height: calc(100% - 32.5px);
    overflow-y: hidden
}

.simple-search__form__wrapper li:not(.simple_search__content).select .select_container:after {
    content: '';
    height: 40px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#fff));
    background-image: linear-gradient(to bottom, transparent 0%, #fff 100%);
    bottom: 100%;
    left: 14px;
    right: 20px;
    bottom: 0;
    position: absolute;
    pointer-events: none
}

.simple-search__form__wrapper li:not(.simple_search__content).select .option {
    color: #222326;
    font-size: 0.9em;
    display: block;
    padding-left: 10px;
    line-height: 2;
    white-space: nowrap;
    border: none;
    background-color: transparent;
    text-align: left;
    width: calc(100% + 15px)
}

.simple-search__form__wrapper li:not(.simple_search__content).select:focus {
    outline: 0
}

.simple-search__form__wrapper li:not(.simple_search__content).select.selected .select_container {
    overflow-y: auto;
    overflow-x: hidden
}

.simple-search__form__wrapper li:not(.simple_search__content).select.selected .option.active,.simple-search__form__wrapper li:not(.simple_search__content).select.selected .option:hover {
    cursor: pointer;
    color: #fff;
    background-color: #3172cc
}

.simple-search__form__wrapper li:not(.simple_search__content).checkbox {
    text-transform: none
}

.simple-search__form__wrapper li:not(.simple_search__content).checkbox button,.simple-search__form__wrapper li:not(.simple_search__content).checkbox input,.simple-search__form__wrapper li:not(.simple_search__content).checkbox select,.simple-search__form__wrapper li:not(.simple_search__content).checkbox textarea {
    pointer-events: auto
}

.simple-search__form__wrapper li:not(.simple_search__content).checkbox input {
    margin-right: .4rem
}

.simple-search__form__wrapper li:not(.simple_search__content).checkbox button {
    -moz-appearance: none;
    -webkit-appearance: none;
    background: none;
    border: none;
    cursor: pointer;
    display: block;
    font-size: 1rem;
    margin-left: 1.25rem;
    margin-top: .65rem;
    text-decoration: underline
}

.simple-search__form__wrapper li:not(.simple_search__content).hidden {
    display: none
}

.simple-search__form__wrapper li:not(.simple_search__content).tpms-container {
    min-width: 175px;
    max-width: 175px;
    background-color: #fff;
    padding: 0 15px;
    color: #222225
}

.simple-search__form__wrapper li:not(.simple_search__content).tpms-container .tpms {
    display: none
}

.simple-search__form__wrapper li:not(.simple_search__content).tpms-container .tpms__content {
    padding: 10px 7px 0 7px
}

.simple-search__form__wrapper li:not(.simple_search__content).tpms-container .tpms__content h3 {
    font-family: 'BridgestoneType-Cd', 'NotoSans';
    font-weight: bold;
    text-transform: none;
    font-size: 15px;
    line-height: 1.021;
    color: #222225
}

.simple-search__form__wrapper li:not(.simple_search__content).tpms-container .tpms__content p {
    font-size: 10px;
    line-height: 1.6;
    margin: 30px 0 0;
    text-transform: none
}

.simple-search__form__wrapper li:not(.simple_search__content).tpms-container .tpms__content p a {
    font-weight: bold
}

.simple-search__form__wrapper li:not(.simple_search__content).tpms-container .tpms .tpms-button-container {
    background-color: #fff;
    border-bottom: 2.5px solid #c4c4c4;
    margin-top: 30px;
    padding-bottom: 10px
}

.simple-search__form__wrapper li:not(.simple_search__content).tpms-container .tpms .tpms-button-container button {
    border: 2px solid #000;
    font-size: 15px;
    height: 32.5px;
    width: 100%;
    background: none;
    margin-bottom: 3px;
    padding: 0 10px;
    text-align: left;
    cursor: pointer
}

.simple-search__form__wrapper li:not(.simple_search__content).tpms-container .tpms .tpms-button-container button.active {
    background-color: #2876e4;
    color: #fff
}

.simple-search__form__wrapper .tire-size-info {
    padding: 0 42.5px;
    text-transform: none;
    max-width: 303.5px;
    min-width: 303.5px;
    border-right: 2.5px solid #c4c4c4
}

.simple-search__form__wrapper .tire-size-info__heading {
    display: block;
    font-size: 0.9em;
    font-weight: bold;
    color: #222326
}

.simple-search__form__wrapper .tire-size-info__diagram {
    margin-top: 16px;
    width: 220.5px
}

.simple-search__form__wrapper .tire-size-info p {
    font-size: 12px;
    line-height: 18px
}

.simple-search__form__wrapper .tire-size-info li.simple_search__content {
    font-size: 12px;
    line-height: 18px;
    list-style-type: disc;
    margin-left: 1.25rem;
    margin-bottom: 1rem
}

.simple-search .submit__simple,.simple-search .submit__trim {
    -moz-appearance: none;
    -webkit-appearance: none;
    background: none;
    border: none;
    cursor: pointer;
    background-color: #2876e4;
    font-size: 1.2rem;
    height: 32.5px;
    width: 100%;
    color: #fff;
    margin: 1.625rem 0 6rem;
    letter-spacing: -0.06em
}

.simple-search__results_container {
    min-width: 197.5px
}

.simple-search__footer {
    display: none;
    padding-left: 14px;
    padding-right: 12px;
    padding-top: 80px;
    text-align: center
}

.simple-search__footer button,.simple-search__footer input,.simple-search__footer select,.simple-search__footer textarea {
    pointer-events: none
}

.simple-search__footer .results_count {
    font-size: 100px
}

.simple-search__footer h3 {
    font-size: 24px;
    margin: 0
}

.simple-search__footer--active,.simple-search__footer--active-important {
    display: block
}

.simple-search__footer--active button,.simple-search__footer--active input,.simple-search__footer--active select,.simple-search__footer--active textarea,.simple-search__footer--active-important button,.simple-search__footer--active-important input,.simple-search__footer--active-important select,.simple-search__footer--active-important textarea {
    pointer-events: auto
}

.simple-search__body.by-vehicle {
    max-height: 450px
}

.simple-search__body.by-vehicle .simple-search__results_container {
    min-width: 193px
}

.simple-search__body.by-tire-size {
    max-height: 450px
}

[lang='fr'] .simple-search__body.by-tire-size,[lang='fr_CA'] .simple-search__body.by-tire-size {
    max-height: 550px
}

[lang='es'] .simple-search__body.by-tire-size,[lang='es_US'] .simple-search__body.by-tire-size {
    max-height: 480px
}

.simple-search__body.by-tire-type {
    max-height: 329px
}

.simple-search__body.by-tire-brand {
    max-height: 329px
}

.simple-search__body.by-tire-brand .simple-search__results_container {
    min-width: 171px
}

.simple-search__body.by-tire-brand .simple-search__footer {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

.simple-search__body.by-tire-brand .simple-search__footer .submit {
    width: 100%
}

.mobile-simple-search-overlay {
    background: rgba(0,0,0,0.5);
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 90
}

@media (min-width: 768px) {
    .mobile-simple-search-overlay {
        display:none
    }
}

.mobile-simple-search-overlay.is-visible {
    display: block
}

.mobile-simple-search {
    background-color: #fff;
    color: #222326;
    display: none;
    max-height: calc(100vh - 85px);
    position: fixed;
    right: 0;
    top: 85px;
    width: 100%;
    z-index: 100
}

@media (min-width: 768px) {
    .mobile-simple-search {
        opacity:0;
        display: none
    }
}

.mobile-simple-search__header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    height: 5rem
}

.mobile-simple-search__header__tab {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 25%;
    -ms-flex: 1 1 25%;
    flex: 1 1 25%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #fff;
    color: #3172cc;
    cursor: pointer;
    font-size: 22px;
    text-align: center
}

@media (min-width: 375px) {
    .mobile-simple-search__header__tab {
        font-size:24px
    }
}

.mobile-simple-search__header__tab--active {
    background-color: #3172cc;
    color: #fff
}

.mobile-simple-search__sub-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    height: 65px;
    border-bottom: 2.5px solid #c4c4c4
}

.mobile-simple-search__sub-header__tab {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 20%;
    -ms-flex: 1 1 20%;
    flex: 1 1 20%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #f5f5f5;
    color: #afafb0;
    cursor: pointer;
    font-family: 'BridgestoneType-Cd', 'NotoSans';
    font-size: 18px;
    text-align: center;
    text-transform: none;
    position: relative
}

.mobile-simple-search__sub-header__tab--selected {
    color: #000
}

.mobile-simple-search__sub-header__tab--active {
    color: #2876e4
}

.mobile-simple-search__sub-header__tab--active:after {
    content: '';
    background-color: #2876e4;
    height: 5px;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute
}

.mobile-simple-search__body {
    background-color: #fff;
    position: absolute;
    left: 0;
    right: 0;
    top: 80px;
    min-height: calc(100% - 80px)
}

.mobile-simple-search__form {
    display: none;
    height: 100%
}

.mobile-simple-search__form--active {
    display: block
}

.mobile-simple-search__form ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%
}

.mobile-simple-search__form ul li {
    display: none;
    opacity: 1;
    position: relative;
    text-align: left
}

.mobile-simple-search__form ul li button,.mobile-simple-search__form ul li input,.mobile-simple-search__form ul li select,.mobile-simple-search__form ul li textarea {
    pointer-events: none
}

.mobile-simple-search__form ul li.active {
    display: block
}

.mobile-simple-search__form ul li.active button,.mobile-simple-search__form ul li.active input,.mobile-simple-search__form ul li.active select,.mobile-simple-search__form ul li.active textarea {
    pointer-events: auto
}

.mobile-simple-search__form ul li.active ~ li:not(.checkbox) .option {
    color: #afafb0
}

.mobile-simple-search__form ul li.select {
    background-color: #fff;
    height: 100%;
    text-transform: none;
    text-align: center
}

.mobile-simple-search__form ul li.select .select-container {
    overflow-y: hidden;
    height: calc(100vh - 225px)
}

.mobile-simple-search__form ul li.select .select-container .select_contents {
    padding-bottom: 76.5px
}

.mobile-simple-search__form ul li.select .select-container:after {
    content: '';
    height: 45px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#fff));
    background-image: linear-gradient(to bottom, transparent 0%, #fff 100%);
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute
}

.mobile-simple-search__form ul li.select .option {
    color: #222326;
    font-family: 'BridgestoneType-Cd', 'NotoSans';
    font-size: 7vw;
    display: block;
    line-height: 2;
    white-space: nowrap
}

.mobile-simple-search__form ul li.select:focus {
    outline: 0
}

.mobile-simple-search__form ul li.select.selected .select-container {
    overflow-y: auto;
    overflow-x: hidden
}

.mobile-simple-search__form ul li.select.selected .option.active {
    cursor: pointer;
    color: #fff;
    background-color: #3172cc
}

.mobile-simple-search__form ul li.checkbox {
    text-transform: none
}

.mobile-simple-search__form ul li.checkbox button,.mobile-simple-search__form ul li.checkbox input,.mobile-simple-search__form ul li.checkbox select,.mobile-simple-search__form ul li.checkbox textarea {
    pointer-events: auto
}

.mobile-simple-search__form ul li.checkbox input {
    margin-right: .4rem
}

.mobile-simple-search__form ul li.checkbox button {
    -moz-appearance: none;
    -webkit-appearance: none;
    background: none;
    border: none;
    cursor: pointer;
    display: block;
    font-size: 1rem;
    margin-left: 1.25rem;
    margin-top: .65rem;
    text-decoration: underline
}

.mobile-simple-search__form ul li.hidden {
    display: none
}

.mobile-simple-search__form ul .tpms {
    background-color: #fff;
    display: none;
    height: calc(100vh - 228px);
    color: #222225;
    overflow-y: auto;
    padding-bottom: 76.5px;
    width: 100%
}

.mobile-simple-search__form ul .tpms__content {
    padding: 30px 10.89%;
    border-bottom: 2.5px solid #c4c4c4
}

.mobile-simple-search__form ul .tpms__content h3 {
    font-family: 'BridgestoneType', 'NotoSans';
    font-weight: 700;
    text-transform: none;
    font-size: 31.62px
}

.mobile-simple-search__form ul .tpms__content p {
    font-size: 18.975px;
    line-height: 1.68;
    margin: 30px 0 0;
    text-transform: none
}

.mobile-simple-search__form ul .tpms__content p a {
    font-weight: bold
}

.mobile-simple-search__form ul .tpms .tpms-button-container {
    background-color: #fff
}

.mobile-simple-search__form ul .tpms .tpms-button-container button {
    font-size: 38px;
    height: 80px;
    width: 100%;
    background: none;
    border: none
}

.mobile-simple-search__form ul .tpms .tpms-button-container button.active {
    background-color: #2876e4;
    color: #fff
}

.mobile-simple-search__form ul .find-trim {
    display: none;
    padding: 2rem;
    background-color: #fff
}

.mobile-simple-search__form ul .find-trim__svg-container {
    height: 80px;
    max-width: 80px;
    min-width: 80px;
    width: 80px
}

.mobile-simple-search__form ul .find-trim__svg-container__exception-svg {
    padding: 15px
}

.mobile-simple-search__form ul .find-trim ul li {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border-bottom: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 0 0 1.5em;
    position: relative
}

.mobile-simple-search__form ul .find-trim ul li svg {
    background: #e6e6e6;
    border: 1px solid #8d8d8d;
    height: 100%;
    width: 100%
}

.mobile-simple-search__form ul .find-trim ul li p {
    color: #666;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin: 0 0 0 1em
}

.mobile-simple-search__form ul .find-trim ul li a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    color: #246bce
}

.mobile-simple-search__form ul .find-trim .submit {
    background-color: #fff;
    display: block;
    margin-top: 10%
}

.mobile-simple-search__form ul .find-trim .submit__trim {
    background-color: #3d8fff
}

.mobile-simple-search__form ul .find-trim .submit__trim h3 {
    color: #fff
}

.mobile-simple-search__footer {
    display: none;
    position: fixed;
    bottom: 0;
    width: 100%
}

.mobile-simple-search__footer button,.mobile-simple-search__footer input,.mobile-simple-search__footer select,.mobile-simple-search__footer textarea {
    pointer-events: none
}

.mobile-simple-search__footer .submit__simple {
    background-color: #000;
    color: #fff;
    opacity: 0
}

.mobile-simple-search__footer .submit__simple button {
    height: 76.5px;
    font-size: 43.73px
}

[lang='fr'] .mobile-simple-search__footer .submit__simple button,[lang='fr_CA'] .mobile-simple-search__footer .submit__simple button {
    font-size: 10vw
}

[lang='es'] .mobile-simple-search__footer .submit__simple button,[lang='es_US'] .mobile-simple-search__footer .submit__simple button {
    font-size: 10vw
}

.mobile-simple-search__footer--active,.mobile-simple-search__footer--active-important {
    display: block
}

.mobile-simple-search__footer--active button,.mobile-simple-search__footer--active input,.mobile-simple-search__footer--active select,.mobile-simple-search__footer--active textarea,.mobile-simple-search__footer--active-important button,.mobile-simple-search__footer--active-important input,.mobile-simple-search__footer--active-important select,.mobile-simple-search__footer--active-important textarea {
    pointer-events: auto
}

.mobile-simple-search__footer--active .submit__simple,.mobile-simple-search__footer--active-important .submit__simple {
    opacity: 1
}

.single-video__container {
    margin-left: auto;
    margin-right: auto;
    width: 90%;
    max-width: 64rem;
    position: relative;
    height: 0;
    padding-bottom: 50%
}

.single-video iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.split {
    width: 100%
}

@media (min-width: 768px) {
    .split {
        display:-webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .split__left,.split__right {
        width: 50%
    }
}

.split .video__cta-container {
    position: relative;
    height: 125px
}

@media (min-width: 768px) {
    .split .video__cta-container {
        display:-webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        height: auto
    }
}

.split .video__cta-container a,.split .video__cta-container button {
    font-size: 18px;
    min-width: auto;
    padding: 18px 16px;
    width: auto;
    position: absolute
}

.split .video__cta-container a:nth-child(2),.split .video__cta-container button:nth-child(2) {
    top: 5rem
}

@media (min-width: 768px) {
    .split .video__cta-container a,.split .video__cta-container button {
        position:relative
    }

    .split .video__cta-container a:nth-child(2),.split .video__cta-container button:nth-child(2) {
        margin-left: 1.5rem;
        top: 0
    }
}

.store-details .review-heading {
    font-family: 'BridgestoneType-Cd', 'NotoSans';
    font-weight: 400;
    line-height: 1;
    text-transform: uppercase;
    font-size: 2rem;
    color: #000;
    text-align: center;
    letter-spacing: -0.06em
}

.store-details .review-description {
    font-family: 'BridgestoneType', 'NotoSans';
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #bbb
}

.store-details .review-description h3 {
    font-family: 'BridgestoneType-Cd', 'NotoSans';
    font-size: 1.1rem;
    font-weight: 800;
    margin: 0 0 .5rem;
    text-transform: capitalize
}

.store-details .review-description .review-stars {
    --percent: calc(var(--rating) / 5 * 100%);
    --star-size: 25px;
    --star-color: #fff;
    --star-background: #fc0;
    display: inline-block;
    font-size: var(--star-size);
    font-family: 'BridgestoneType', 'NotoSans';
    line-height: 1;
    margin-bottom: 0.5em;
    margin-right: 1.5em
}

.store-details .review-description .review-stars::before {
    content: '★★★★★';
    letter-spacing: 3px;
    background: -webkit-gradient(linear, left top, right top, from(var(--star-background)), to(var(--star-color)));
    background: linear-gradient(90deg, var(--star-background) var(--percent), var(--star-color) var(--percent));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.store-details .review-description .review-stars a {
    font-size: 12px;
    font-weight: 600
}

.store-details .review-description .review-user {
    font-size: 15px;
    color: #0000EE;
    margin-top: 15px;
    text-decoration: underline
}

.store-details .review-cta {
    text-align: center;
    margin-top: 2em
}

.store-details .review-cta div {
    margin-bottom: 10px
}

@media (min-width: 768px) {
    .store-details__hours {
        padding-left:2rem
    }
}

.store-details .store__hours__item {
    color: #5a5a5a;
    font-size: 1rem;
    line-height: 1.7
}

.store-details .store__hours__item--current {
    font-weight: 800
}

.store-details .store__hours__item--hidden {
    display: none
}

.store-details .mobile-only {
    display: inline-block
}

@media (min-width: 768px) {
    .store-details .mobile-only {
        display:none
    }
}

.store-details .desktop-only {
    display: none
}

@media (min-width: 768px) {
    .store-details .desktop-only {
        display:inline-block
    }
}

.store-details .promotion-component {
    min-height: 120px
}

.store-details .promotion-component .call-for-an-appointment {
    display: inline-block;
    margin: 1rem 0 0;
    width: 100%
}

@media (min-width: 768px) {
    .store-details .promotion-component .call-for-an-appointment {
        float:right;
        margin: 0;
        width: inherit
    }
}

.store-details .promotion-component__cta-container {
    display: none
}

.store-details .promotion-component .component__container {
    display: table;
    height: 120px;
    min-height: 120px;
    position: relative
}

.store-details .promotion-component__content {
    display: table-cell;
    vertical-align: middle
}

.store-details .promotion-component__content .promotion-component__headline {
    margin: 0
}

.store-details .promotion-component__button-modal {
    display: table-cell;
    vertical-align: middle
}

.store-details__container {
    margin: 0 auto;
    max-width: 64rem;
    width: 90%
}

.store-details__container h2 {
    font-family: 'BridgestoneType-Cd', 'NotoSans';
    font-size: 1rem;
    font-weight: 800;
    margin: 0 0 .5rem;
    text-transform: capitalize
}

.store-details__container a {
    display: inline-block
}

@media (min-width: 768px) {
    .store-details__container a {
        margin-top:0;
        margin-bottom: 2.5rem
    }
}

.store-details__container p {
    color: #5a5a5a;
    display: inline-block;
    font-size: 1rem;
    line-height: 1.7;
    margin: 0;
    width: 100%
}

.store-details__container .tel {
    color: #779bdc;
    font-size: 1rem
}

.store-details__container-section {
    display: inline-block;
    margin: 1rem 0 0;
    vertical-align: top;
    width: 100%
}

@media (min-width: 768px) {
    .store-details__container-section {
        margin:0;
        width: 49%
    }
}

.store-details__container-section h2 {
    font-size: 1.3rem !important;
    letter-spacing: 0
}

.store-details__container-buttons {
    display: inline-block;
    margin: 2rem 0;
    width: 100%
}

@media (min-width: 768px) {
    .store-details__container-buttons {
        margin:2rem 0 0
    }
}

.store-details .component__container {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: 100%;
    border-color: inherit;
    padding: 0 0 1.5rem
}

.store-details .component__container .currency {
    display: none
}

@media (min-width: 768px) {
    .store-details .component__container {
        -webkit-box-align:center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.store-details .store-category {
    margin: .2em 0 1em !important
}

.store-details .store-category small {
    display: block;
    margin-bottom: .2em
}

.store-details-image {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch
}

@media (max-width: 768px) {
    .store-details-image {
        max-width:24.5rem
    }
}

@media (min-width: 768px) {
    .store-details-image {
        margin:0 2rem 0 0;
        width: 50.5rem;
        max-width: 50.5rem
    }
}

.store-details-image__figure {
    position: relative;
    width: 100%
}

.store-details-image__preview {
    background-color: transparent;
    border: none;
    display: block;
    position: relative;
    width: 100%
}

.multiple .store-details-image__preview {
    border-bottom: 4px solid #ccc
}

.store-details-image__preview-image {
    max-width: 100%;
    width: 100%;
    display: block
}

.store-details-image__preview__triangle {
    display: none;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 7px solid #ccc;
    bottom: -10px;
    content: '';
    height: 0;
    margin-left: -15px;
    position: absolute;
    width: 0
}

.store-details-image__preview__triangle:nth-of-type(1) {
    left: 18%
}

.multiple .store-details-image__preview__triangle:nth-of-type(1) {
    display: block
}

.store-details-image__preview__triangle:nth-of-type(2) {
    left: 50%
}

.store-details-image__preview__triangle:nth-of-type(3) {
    left: 84%
}

.store-details-image__selection {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media (min-width: 768px) {
    .store-details-image__selection {
        display:none
    }

    .multiple .store-details-image__selection {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

.store-details-image__selection-item {
    background-color: transparent;
    border: 2px solid #d7d7d7;
    cursor: pointer;
    display: inline-block;
    height: auto;
    margin: 15px 2%;
    max-width: 8rem;
    position: relative
}

.store-details-image__selection-image {
    height: 100%;
    width: 100%;
    display: block
}

.store-details-info {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch
}

.store-details-info .help-bar {
    max-width: 500px
}

@media (max-width: 768px) {
    .store-details-info__name {
        margin-bottom:1rem
    }
}

@media (min-width: 768px) {
    .store-details-info__excellencestamp {
        -webkit-box-flex:0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        margin-right: 3rem
    }
}

.store-details-info__excellencestamp img {
    max-width: 100px
}

.store-details .br-icon {
    background: url("../images/store-services/icon-brake.svg") no-repeat -2%;
    width: 100%;
    height: 50px;
    color: #5a5a5a
}

.store-details .cr-icon {
    background: url("../images/store-services/icon-chassis.svg") no-repeat -2%;
    width: 100%;
    height: 50px;
    color: #5a5a5a
}

.store-details .m-icon {
    background: url("../images/store-services/icon-maintenance.svg") no-repeat -2%;
    width: 100%;
    height: 50px;
    color: #5a5a5a
}

.store-details .ss-icon {
    background: url("../images/store-services/icon-suspension.svg") no-repeat -2%;
    width: 100%;
    height: 50px;
    color: #5a5a5a
}

.store-details .ta-icon {
    background: url("../images/store-services/icon-alignment.svg") no-repeat -2%;
    width: 100%;
    height: 50px;
    color: #5a5a5a
}

.store-details .tr-icon {
    background: url("../images/store-services/icon-ring.svg") no-repeat -2%;
    width: 100%;
    height: 50px;
    color: #5a5a5a
}

.store-details__storeService {
    margin-left: 70px;
    display: inline-block;
    margin-top: 10px
}

.store-details .store-details-seo-info__top .store-details-seo-info__top-paragraph {
    text-align: center;
    font-weight: normal
}

.store-details .store-details-seo-info__top .store-details-seo-info__top-paragraph h2 {
    font-size: 2.375rem;
    margin-top: 2.4rem;
    line-height: 1.4
}

.store-details-seo-info__bottom .component__container {
    padding-top: 0
}

.store-details-seo-info__bottom .component__container .store-details-seo-info__bottom-title,.store-details-seo-info__bottom .component__container .store-details-seo-info__bottom-paragraph {
    font-family: 'BridgestoneType', 'NotoSans';
    text-align: center;
    font-weight: normal;
    text-transform: none
}

.store-details-seo-info__bottom .component__container .store-details-seo-info__bottom-title {
    margin-bottom: 1rem
}

.store-details-seo-info__bottom .component__container .store-details-seo-info__bottom-paragraph {
    font-size: 1.4rem
}

.store-details-component__call-optimizations-modal {
    display: none;
    visibility: hidden
}

.store-directions-component {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding: 2rem 0;
    position: relative;
    z-index: 1
}

@media (max-width: 768px) {
    .store-directions-component {
        padding:1.375rem 0 2.25rem
    }
}

.store-directions-component .map-directions {
    font-size: 1rem;
    margin: 0 auto;
    width: 90%;
    clear: both;
    position: relative
}

.store-directions-component .map-directions td,.store-directions-component .map-directions th,.store-directions-component .map-directions table {
    border-color: #ccc
}

.store-directions-component .map-directions .adp-substep {
    vertical-align: middle !important;
    font-size: 0.9rem
}

.store-directions-component .map-directions .adp-substep b {
    font-size: 0.9rem;
    font-weight: 700
}

.store-directions-component .map-directions .adp-substep .adp-stepicon {
    margin: auto
}

.store-directions-component .map-directions .adp-step,.store-directions-component .map-directions .adp-text {
    vertical-align: middle
}

.store-directions-component .map-directions .adp-step,.store-directions-component .map-directions .adp-substep {
    padding: 1em 15px !important;
    line-height: 1.7
}

.store-directions-component .map-directions .adp-placemark {
    font-family: "BridgestoneType","NotoSans" !important;
    border-radius: 2px !important;
    -webkit-box-shadow: 0px 0px 4px #999;
    box-shadow: 0px 0px 4px #999;
    border: 0
}

.store-directions-component .map-directions .adp-placemark td {
    padding: 1rem 1.5rem;
    font-family: 'BridgestoneType', 'NotoSans';
    font-size: 0.9rem
}

.store-directions-component .map-directions .adp-directions {
    border: 1px solid #ccc;
    border-radius: 2px !important;
    -webkit-box-shadow: 0px 0px 4px #999;
    box-shadow: 0px 0px 4px #999;
    overflow: hidden
}

.store-directions-component .map-directions .adp-summary {
    font-family: "BridgestoneType","NotoSans" !important
}

.store-directions-component .map-directions .adp-summary span {
    font-family: "BridgestoneType","NotoSans" !important;
    padding-bottom: 6px !important;
    font-size: 0.9rem;
    line-height: 1.5
}

.store-directions-component .map-directions .adp-legal {
    font-family: "BridgestoneType","NotoSans" !important
}

.store-directions-component .map-directions .adp button {
    font-family: "BridgestoneType","NotoSans" !important
}

@media (min-width: 768px) {
    .store-directions-component .store__contact {
        position:absolute;
        right: 0;
        top: 50%;
        height: 2rem;
        -webkit-transform: translateY(-1rem);
        transform: translateY(-1rem)
    }
}

.store-directions-component .send-to {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    margin-bottom: 1.75rem
}

.store-directions-component .send-to__container {
    width: 20%
}

@media (max-width: 768px) {
    .store-directions-component .send-to {
        -webkit-box-ordinal-group:3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
        margin-bottom: 1.4rem;
        width: 100%;
        display: inline-block
    }

    .store-directions-component .send-to h1,.store-directions-component .send-to .vsHeader .vs-headline,.vsHeader .store-directions-component .send-to .vs-headline {
        margin-top: 8px
    }

    .store-directions-component .send-to button .send-to__svg {
        padding: 2px .5rem 1px
    }
}

.store-directions-component .component__container {
    padding: 0;
    margin-bottom: 2.25rem
}

@media (max-width: 768px) {
    .store-directions-component .component__container {
        margin-bottom:1.4rem;
        width: 100%
    }
}

.store-directions-component .component__container--header {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
}

.store-directions-component .component__container--header h1,.store-directions-component .component__container--header .vsHeader .vs-headline,.vsHeader .store-directions-component .component__container--header .vs-headline {
    padding-bottom: 1.7rem;
    padding-top: .4rem;
    position: relative;
    text-align: center;
    letter-spacing: 0.01em
}

@media (max-width: 768px) {
    .store-directions-component .component__container--header h1,.store-directions-component .component__container--header .vsHeader .vs-headline,.vsHeader .store-directions-component .component__container--header .vs-headline {
        font-size:3rem;
        margin: 0 2.5rem;
        padding-bottom: 3rem;
        padding-top: 4.5rem
    }
}

.store-directions-component .component__container--header h1 a,.store-directions-component .component__container--header .vsHeader .vs-headline a,.vsHeader .store-directions-component .component__container--header .vs-headline a {
    position: absolute;
    top: 0;
    left: 0
}

@media (max-width: 768px) {
    .store-directions-component .component__container--header h1 a,.store-directions-component .component__container--header .vsHeader .vs-headline a,.vsHeader .store-directions-component .component__container--header .vs-headline a {
        width:100%
    }
}

.store-directions-component .component__container--center {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3
}

.store-directions-component .component__container:last-child {
    margin-bottom: 0
}

.store-directions-component .directions {
    width: 100%;
    max-width: 100%;
    padding: 0;
    background-color: #f3f3f3
}

@media (min-width: 768px) {
    .store-directions-component .map-component {
        height:23.5rem
    }
}

@media (max-width: mobile25) {
    .store-directions-component .map-component {
        height:15.625rem
    }
}

.store-directions-component .points,.store-directions-component .bing-directions {
    padding: 2.7rem 3.5rem
}

@media (max-width: 768px) {
    .store-directions-component .points,.store-directions-component .bing-directions {
        width:100%
    }
}

@media (min-width: 768px) {
    .store-directions-component .points,.store-directions-component .bing-directions {
        margin:2.7rem 0;
        position: relative;
        width: 100%
    }
}

.store-directions-component .points .point-a,.store-directions-component .points .point-b {
    position: relative
}

@media (min-width: 768px) {
    .store-directions-component .points .point-a,.store-directions-component .points .point-b {
        display:block;
        width: 49%
    }
}

.store-directions-component .points .point-a .input-with-button,.store-directions-component .points .point-b .input-with-button {
    height: 1.875rem;
    padding-right: 1.8125rem;
    position: relative
}

@media (max-width: 768px) {
    .store-directions-component .points .point-a .input-with-button,.store-directions-component .points .point-b .input-with-button {
        height:3.125rem
    }
}

.store-directions-component .points .point-a .input-with-button input,.store-directions-component .points .point-b .input-with-button input {
    font-size: 1rem;
    font-weight: lighter;
    padding: 0 .5rem;
    height: 100%;
    width: 100%;
    opacity: 0.5
}

@media (max-width: 768px) {
    .store-directions-component .points .point-a .input-with-button input,.store-directions-component .points .point-b .input-with-button input {
        padding:0 .9rem
    }
}

.store-directions-component .points .point-a .input-with-button button,.store-directions-component .points .point-b .input-with-button button {
    background-color: #2776e3;
    border: none;
    display: inline-block;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    vertical-align: bottom;
    width: 1.875rem
}

.store-directions-component .points .point-a .input-with-button button svg,.store-directions-component .points .point-b .input-with-button button svg {
    fill: #fff;
    height: 1rem;
    width: 1rem;
    text-align: center;
    vertical-align: middle
}

.store-directions-component .points .point-b {
    margin-bottom: 1.2rem
}

.store-directions-component .points__double-arrow {
    text-align: right;
    position: relative;
    margin: -1.4rem .4rem .4rem
}

@media (max-width: 768px) {
    .store-directions-component .points__double-arrow {
        margin:.2rem 1.5rem 1.5rem
    }
}

@media (min-width: 768px) {
    .store-directions-component .points__double-arrow {
        max-width:20rem
    }
}

.store-directions-component .points__double-arrow img {
    width: 1rem
}

.store-directions-component .pin {
    height: 2.25rem;
    width: 1.625rem
}

.store-directions-component .dir {
    margin-bottom: 1.8rem
}

.store-directions-component .dir:last-child {
    margin-bottom: 0
}

.store-directions-component .dir .pin {
    float: left;
    margin-top: -2px;
    position: absolute
}

@media (max-width: 768px) {
    .store-directions-component .dir .pin {
        margin-top:.5rem
    }
}

.store-directions-component .dir__description {
    color: #5a5a5a;
    float: left;
    font-size: 1rem;
    line-height: 1.3;
    margin-left: 2.5rem;
    min-height: 2.25rem;
    width: 18.75rem
}

@media (max-width: 768px) {
    .store-directions-component .dir__description {
        width:calc(100% - 2.5rem)
    }
}

.store-directions-component .dir__description--address {
    display: block
}

.store-directions-component .dir__description--phone-desktop {
    display: none
}

@media (min-width: 768px) {
    .store-directions-component .dir__description--phone-desktop {
        display:block
    }
}

.store-directions-component .dir__description--phone-mobile {
    display: block
}

@media (min-width: 768px) {
    .store-directions-component .dir__description--phone-mobile {
        display:none
    }
}

.store-directions-component .dir__description strong {
    display: block;
    font-weight: bold;
    line-height: 1.7
}

.store-directions-component .dir__description pre {
    display: block;
    font-size: .8rem
}

@media (max-width: 768px) {
    .store-directions-component .dir__description pre {
        font-size:1.2rem
    }
}

.store-directions-component .dir__description a {
    color: #5d8ffc;
    font-size: .8rem;
    margin-right: 1.75rem
}

@media (max-width: 768px) {
    .store-directions-component .dir__description a {
        display:block;
        margin-bottom: 1rem;
        margin-right: 0
    }

    .store-directions-component .dir__description a:last-child {
        margin-bottom: 0
    }
}

.store-directions-component .direction-steps {
    display: block
}

.store-directions-component .bing-directions .MicrosoftMap.dirSDK .directionsPanel {
    width: 100%
}

@media (max-width: 768px) {
    .store-directions-component .bing-directions {
        width:100%;
        padding: 10px
    }

    .store-directions-component .bing-directions .MicrosoftMap.dirSDK .directionsPanel {
        width: 100%
    }
}

@media screen and (max-width: 767px) {
    .store-directions-component .bing-directions .dirDisclaimer {
        line-height:1.5
    }
}

.store-directions-component .bing-directions .dd_directionsPanel {
    padding: 0
}

.store-directions-component .bing-directions .dd_route .dd_routeSummary,.store-directions-component .bing-directions .dd_route .dd_waypoint,.store-directions-component .bing-directions .dd_route .dd_itinerary .dd_singleStep {
    color: #5a5a5a;
    font-size: 1rem;
    line-height: 1.3;
    padding: 0;
    margin: 0 0 2rem
}

.store-directions-component .bing-directions .dd_route .dd_routeSummary {
    margin-left: 40px;
    width: 18.75rem
}

@media (max-width: 768px) {
    .store-directions-component .bing-directions .dd_route .dd_routeSummary {
        width:calc(100% - 2.5rem)
    }
}

.store-directions-component .bing-directions .dd_route .dd_routeSummary #dd_tripSummary {
    font-size: 1rem;
    font-weight: bold
}

.store-directions-component .bing-directions .dd_route .dd_routeSummary .noprint {
    font-size: .8rem
}

.store-directions-component .bing-directions .dd_route .dd_routeSummary a.noprint {
    color: #5d8ffc
}

.store-directions-component .bing-directions .dd_route .dd_waypoint .dd_waypointDisplayText {
    font-size: 100%;
    width: 18.75rem
}

@media (max-width: 768px) {
    .store-directions-component .bing-directions .dd_route .dd_waypoint .dd_waypointDisplayText {
        width:calc(100% - 2.5rem)
    }
}

.store-directions-component .bing-directions .dd_route .dd_itinerary .dd_singleStep .dd_iteneraryContainer,.store-directions-component .bing-directions .dd_route .dd_itinerary .dd_singleStep .dd_annotationList {
    width: 18.75rem
}

@media (max-width: 768px) {
    .store-directions-component .bing-directions .dd_route .dd_itinerary .dd_singleStep .dd_iteneraryContainer,.store-directions-component .bing-directions .dd_route .dd_itinerary .dd_singleStep .dd_annotationList {
        width:calc(100% - 2.5rem)
    }
}

.store-directions-component .bing-directions .dd_route .dd_itinerary .dd_singleStep .dd_iteneraryContainer .dd_distance,.store-directions-component .bing-directions .dd_route .dd_itinerary .dd_singleStep .dd_annotationList .dd_distance {
    font-size: .8rem
}

.store-directions-component .bing-directions .dd_route .dd_itinerary .dd_singleStep .dd_iteneraryContainer .dd_instruction,.store-directions-component .bing-directions .dd_route .dd_itinerary .dd_singleStep .dd_annotationList .dd_instruction {
    font-size: 100%
}

.store-directions-component .bing-directions .dd_route .dd_lastWaypoint {
    margin: 0
}

.store-locator-component__modal-email,.store-locator-component__modal-sms,.store-locator-component__call-optimizations-modal {
    display: none;
    visibility: hidden
}

.store-locator-component .component__container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

@media (min-width: 768px) {
    .store-locator-component .component__container {
        padding-top:1rem;
        padding-bottom: 0
    }

    .store-locator-component .component__container:last-child {
        padding-bottom: 1rem
    }
}

@media (max-width: 768px) {
    .store-locator-component .component__container {
        padding-top:2.875rem;
        padding-bottom: 0
    }

    .store-locator-component .component__container:last-child {
        padding-bottom: 2.875rem
    }
}

.store-locator-component .component__container--search {
    text-align: center
}

.store-locator-component .component__container--search .search {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: none;
    background-color: #fff;
    font-size: 1rem;
    margin-bottom: 0.56rem;
    text-align: center
}

.store-locator-component .component__container--search .search__heading {
    margin-bottom: 1.625rem;
    font-size: 2.5rem
}

.store-locator-component .component__container--search .search h3 {
    color: #000;
    font-size: 3rem;
    margin-bottom: 1.625rem
}

.store-locator-component .component__container--search .search form {
    height: 1.875rem;
    margin-bottom: 0.5rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.store-locator-component .component__container--search .search form .search-input {
    font-family: 'BridgestoneType', 'NotoSans' !important;
    height: 100%;
    width: 14rem;
    font-size: 1rem;
    font-weight: lighter;
    padding: 0 0.4rem;
    text-transform: none
}

.store-locator-component .component__container--search .search form button {
    background-color: #2776e3;
    border: none;
    display: inline-block;
    height: 100%;
    margin-left: -0.25rem;
    vertical-align: bottom;
    width: 1.875rem;
    cursor: pointer
}

.store-locator-component .component__container--search .search form button svg {
    fill: #fff;
    height: 1rem;
    width: 1rem;
    text-align: center;
    vertical-align: middle
}

.store-locator-component .component__container--search .search form button.view-all-pins {
    width: auto;
    color: #fff;
    margin-left: 0.8rem;
    padding: 0 10px
}

.store-locator-component .component__container--search .search__locate button {
    -moz-appearance: none;
    -webkit-appearance: none;
    background: none;
    border: none;
    cursor: pointer;
    color: #779bdc;
    font-size: 1rem
}

.store-locator-component .component__container--search .search__locate--button button {
    -moz-appearance: none;
    -webkit-appearance: none;
    background: none;
    border: none;
    cursor: pointer;
    color: #779bdc;
    font-size: 1rem
}

.store-locator-component .component__container--map {
    margin-bottom: 1.6rem;
    position: relative;
    z-index: 1
}

@media (max-width: 768px) {
    .store-locator-component .component__container--map {
        width:100%
    }
}

.store-locator-component .component__container--map .map-component {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    height: 24rem
}

.store-locator-component .component__container--map .referrer {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: 1rem
}

@media (max-width: 768px) {
    .store-locator-component .component__container--map .referrer {
        -webkit-box-pack:center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.store-locator-component .component__container--map .referrer>* {
    margin-left: 1rem;
    height: 1rem
}

.store-locator-component .component__container--map .referrer a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: none;
    border: none;
    cursor: pointer
}

.store-locator-component .component__container--map .referrer a img {
    height: 100%
}

.store-locator-component .component__container--map .referrer.is-hidden {
    display: none
}

.store-locator-component .component__container--results {
    margin-bottom: 3rem;
    text-align: center
}

.store-locator-component .component__container--results .results {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    background-color: #fff;
    position: relative
}

.store-locator-component .component__container--results .results a {
    color: #3d8fff
}

.store-locator-component .component__container--results .results .store-name {
    font-weight: 800
}

.store-locator-component .component__container--results .results .get-directions {
    display: inline-block;
    font-size: 1rem;
    margin: 0.5rem 0
}

.store-locator-component .component__container--results .results .location-active {
    display: none
}

.store-locator-component .component__container--results .results .location-active--mobile {
    display: inline-block
}

@media (min-width: 992px) {
    .store-locator-component .component__container--results .results .location-active {
        display:inline-block
    }

    .store-locator-component .component__container--results .results .location-active--mobile {
        display: none
    }
}

.store-locator-component .component__container--results .results__header {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 2px solid #d3d3d3;
    font-size: 1.5rem;
    min-height: 3.125rem;
    text-align: center;
    text-transform: uppercase;
    position: relative
}

.store-locator-component .component__container--results .results__header h3 {
    bottom: 0;
    color: #333;
    float: left;
    padding-bottom: 0.5rem;
    position: absolute;
    font-size: 1.8rem;
    font-weight: 400
}

.store-locator-component .component__container--results .results__header h3 span {
    margin-right: 5px
}

@media (max-width: 768px) {
    .store-locator-component .component__container--results .results__header h3 {
        float:none;
        padding-bottom: 2.2rem;
        position: static
    }
}

.store-locator-component .component__container--results .results__header-info {
    display: block;
    float: right;
    height: 1rem;
    width: 1rem;
    margin: 1rem 1rem 0 0
}

.store-locator-component .component__container--results .results__header-info button {
    display: block;
    height: 100%;
    width: 100%
}

.store-locator-component .component__container--results .results__header-info button:hover {
    cursor: pointer
}

.store-locator-component .component__container--results .results__header-info svg {
    fill: #3d8fff;
    height: 100%;
    width: 100%
}

.store-locator-component .component__container--results .results__header .select {
    border: none;
    display: inline-block;
    min-height: 3.125rem;
    min-width: 12.5rem;
    height: 3.125rem;
    float: right;
    text-align: left;
    -webkit-transition: background-color 0.15s ease-in;
    transition: background-color 0.15s ease-in;
    position: relative
}

@media (max-width: 768px) {
    .store-locator-component .component__container--results .results__header .select {
        float:none
    }
}

.store-locator-component .component__container--results .results__header .select select {
    -moz-appearance: none;
    -webkit-appearance: none;
    background: none;
    border: none;
    cursor: pointer;
    background: #e6e6e6;
    border-radius: 0;
    cursor: pointer;
    font-size: 0.86rem;
    font-weight: normal;
    height: 100%;
    line-height: 1;
    padding: 1rem 1rem 1rem 2rem;
    position: relative;
    width: 100%;
    z-index: 10;
    letter-spacing: -0.02em;
    text-transform: uppercase
}

@media (max-width: 768px) {
    .store-locator-component .component__container--results .results__header .select select {
        font-size:1.3rem
    }
}

.store-locator-component .component__container--results .results__header .select select:hover,.store-locator-component .component__container--results .results__header .select select:active {
    -moz-appearance: none;
    -webkit-appearance: none;
    outline: 0
}

.store-locator-component .component__container--results .results__header .select .icon {
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
    background-color: #e6e6e6;
    cursor: pointer;
    display: block;
    height: calc(100% - 0.3rem);
    padding-left: 0.3rem;
    padding-right: 0.7rem;
    position: absolute;
    right: 0.3rem;
    top: 50%;
    width: 1.55rem
}

.store-locator-component .component__container--results .results__header .select .icon-arrow {
    display: block;
    fill: #000;
    pointer-events: none;
    z-index: 20
}

.store-locator-component .component__container--results .results__header .select .icon-close {
    display: none;
    fill: #e42300;
    z-index: 30
}

.store-locator-component .component__container--results .results__header .select .icon svg {
    height: 100%;
    width: 100%
}

.store-locator-component .component__container--results .results__body {
    margin-top: 1.6rem;
    color: #5a5a5a
}

.store-locator-component .component__container--results .results__body .store {
    width: 100%;
    margin-bottom: 1rem;
    border-right: 3px solid #eee
}

.store-locator-component .component__container--results .results__body .store-name {
    font-weight: 800
}

@media (max-width: 768px) {
    .store-locator-component .component__container--results .results__body .store {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        border-bottom: 2px solid #d3d3d3;
        margin-bottom: 1.75rem
    }
}

.store-locator-component .component__container--results .results__body .store .component__flexie {
    float: left;
    padding-top: 1.4rem;
    padding-bottom: 1.4rem;
    position: relative
}

.store-locator-component .component__container--results .results__body .store .component__flexie .component__flexie-item {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-left: auto;
    margin-right: auto;
    position: relative
}

@media (max-width: 768px) {
    .store-locator-component .component__container--results .results__body .store .component__flexie .component__flexie-item {
        line-height:1.35
    }
}

.store-locator-component .component__container--results .results__body .store .component__flexie .component__flexie-item strong {
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 1
}

@media (max-width: 768px) {
    .store-locator-component .component__container--results .results__body .store .component__flexie .component__flexie-item strong {
        line-height:1.35
    }
}

.store-locator-component .component__container--results .results__body .store .component__flexie .component__flexie-item p {
    margin: 0;
    font-size: 0.85rem;
    line-height: 1.35
}

.store-locator-component .component__container--results .results__body .store .component__flexie .component__flexie-item p.telephone {
    margin-top: 0.5rem
}

.store-locator-component .component__container--results .results__body .store .component__flexie .component__flexie-item p.telephone--desktop {
    display: none
}

@media (min-width: 768px) {
    .store-locator-component .component__container--results .results__body .store .component__flexie .component__flexie-item p.telephone--desktop {
        display:block;
        margin: 0
    }
}

.store-locator-component .component__container--results .results__body .store .component__flexie .component__flexie-item p.telephone--mobile {
    display: block
}

@media (min-width: 768px) {
    .store-locator-component .component__container--results .results__body .store .component__flexie .component__flexie-item p.telephone--mobile {
        display:none;
        margin: 0
    }
}

@media (max-width: 768px) {
    .store-locator-component .component__container--results .results__body .store .component__flexie .component__flexie-item p small {
        display:block
    }

    .store-locator-component .component__container--results .results__body .store .component__flexie .component__flexie-item p small i {
        font-style: normal;
        font-size: inherit
    }
}

.store-locator-component .component__container--results .results__body .store .component__flexie .component__flexie-item small {
    font-size: 0.75rem;
    line-height: 1
}

.store-locator-component .component__container--results .results__body .store .component__flexie .component__flexie-item small i {
    font-style: normal;
    font-size: inherit
}

@media (max-width: 768px) {
    .store-locator-component .component__container--results .results__body .store .component__flexie .component__flexie-item small {
        line-height:1.35
    }
}

.store-locator-component .component__container--results .results__body .store__address.component__flexie {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    background-color: #eee;
    text-align: left;
    width: 40%
}

.store-locator-component .component__container--results .results__body .store__address.component__flexie .component__flexie-item {
    -webkit-box-flex: 1;
    -webkit-flex: 1 auto;
    -ms-flex: 1 auto;
    flex: 1 auto;
    padding-right: 1rem
}

.store-locator-component .component__container--results .results__body .store__address.component__flexie .component__flexie-item .review-stars {
    --percent: calc(var(--rating) / 5 * 100%);
    --star-size: 15px;
    --star-color: #fff;
    --star-background: #fc0;
    display: inline-block;
    font-size: var(--star-size);
    font-family: 'BridgestoneType', 'NotoSans';
    line-height: 1;
    margin-bottom: 1em
}

.store-locator-component .component__container--results .results__body .store__address.component__flexie .component__flexie-item .review-stars::before {
    content: '★★★★★';
    letter-spacing: 3px;
    background: -webkit-gradient(linear, left top, right top, from(var(--star-background)), to(var(--star-color)));
    background: linear-gradient(90deg, var(--star-background) var(--percent), var(--star-color) var(--percent));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.store-locator-component .component__container--results .results__body .store__address.component__flexie .component__flexie-item .review-stars a {
    font-size: 12px;
    font-weight: 600
}

.store-locator-component .component__container--results .results__body .store__address.component__flexie .store__index {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 5rem;
    -ms-flex: 0 0 5rem;
    flex: 0 0 5rem;
    margin: 0;
    padding: 0;
    position: relative;
    height: 2.25rem;
    width: 1.625rem;
    top: .6em;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start
}

.store-locator-component .component__container--results .results__body .store__address.component__flexie .store__index span {
    color: #fff;
    text-align: center;
    top: 0.3rem;
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 98
}

.store-locator-component .component__container--results .results__body .store__address.component__flexie .store__index svg {
    height: 100%;
    width: 100%
}

.store-locator-component .component__container--results .results__body .store__address.component__flexie .store__excellencestamp {
    text-align: center;
    margin-top: 0.6rem
}

.store-locator-component .component__container--results .results__body .store__address.component__flexie .store__excellencestamp img {
    width: 100%;
    max-width: 56px
}

@media (max-width: 768px) {
    .store-locator-component .component__container--results .results__body .store__address.component__flexie {
        width:100%
    }
}

.store-locator-component .component__container--results .results__body .store__hours {
    background-color: #f7f7f7;
    text-align: left;
    width: 30%
}

.store-locator-component .component__container--results .results__body .store__hours__item {
    font-size: 0.75rem;
    line-height: 1.7
}

.store-locator-component .component__container--results .results__body .store__hours__item span {
    display: inline-block;
    width: 50px
}

.store-locator-component .component__container--results .results__body .store__hours__item--current {
    font-weight: bold
}

.store-locator-component .component__container--results .results__body .store__hours__item--hidden {
    display: none
}

.store-locator-component .component__container--results .results__body .store__hours__item time {
    float: right
}

@media (max-width: 768px) {
    .store-locator-component .component__container--results .results__body .store__hours {
        width:100%
    }

    .store-locator-component .component__container--results .results__body .store__hours__item {
        font-size: 1.2rem;
        width: 13rem
    }
}

.store-locator-component .component__container--results .results__body .store__contact {
    background-color: #fcfcfc;
    width: 30%
}

@media (max-width: 768px) {
    .store-locator-component .component__container--results .results__body .store__contact {
        padding-bottom:2.5rem;
        width: 100%
    }
}

.store-locator-component .component__container--results .results__body .store__contact .send-to {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
    background-color: inherit;
    margin-bottom: 1.25rem
}

.store-locator-component .component__container--results .results__body .store__contact .send-to h1,.store-locator-component .component__container--results .results__body .store__contact .send-to .vsHeader .vs-headline,.vsHeader .store-locator-component .component__container--results .results__body .store__contact .send-to .vs-headline {
    margin-top: 0;
    margin-right: 0.5rem;
    font-size: 1.3rem
}

@media (min-width: 768px) {
    .store-locator-component .component__container--results .results__body .store__contact .send-to {
        -webkit-box-pack:center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.store-locator-component .component__container--results .results__body .store__contact .send-to__container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: auto
}

.store-locator-component .component__container--results .results__body .store__contact .send-to button {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    background-color: inherit;
    border: none;
    height: 1.25rem;
    cursor: pointer;
    width: 2rem
}

.store-locator-component .component__container--results .results__body .store__contact .send-to button span {
    display: block;
    height: 0;
    overflow: hidden;
    text-indent: -9999em
}

.store-locator-component .component__container--results .results__body .store__contact .send-to button.send-to__share {
    color: #4d4d4d;
    text-transform: uppercase;
    font-size: 1.25rem;
    font-weight: 700;
    width: auto;
    padding: 0.5rem 2rem 0.5rem 0.5rem
}

.store-locator-component .component__container--results .results__body .store__contact .send-to__svg {
    height: 100%;
    padding: 0 0.5rem;
    width: 30px
}

.store-locator-component .component__container--results .results__body .store__contact .send-to__svg svg {
    height: 100%;
    width: 100%;
    fill: #4d4d4d
}

.store-locator-component .component__container--results .results__body .store__contact .send-to__social {
    margin-right: 0.5em
}

.store-locator-component .component__container--results .results__body .store__contact .component__flexie-item .button-medium-solid-bst-blue {
    font-family: 'BridgestoneType-Cd', 'NotoSans' !important
}

@media only screen and (min-width: 769px) and (max-width: 950px) {
    .store-locator-component .component__container--results .results__body .store__contact .component__flexie-item .button-medium-solid-bst-blue {
        padding:0.6rem;
        font-size: 1rem
    }
}

.store-locator-component .component__container--results .results__body .store--active .store__address {
    background-color: #333
}

.store-locator-component .component__container--results .results__body .store--active .store__hours {
    background-color: #4d4d4d
}

.store-locator-component .component__container--results .results__body .store--active .store__contact {
    background-color: #666
}

.store-locator-component .component__container--results .results__body .store--active .store__contact .send-to button {
    background-color: #666
}

.store-locator-component .component__container--results .results__body .store--active .store__contact .send-to button svg {
    fill: #fff
}

.store-locator-component .component__container--results .results__body .store--active .store__address *,.store-locator-component .component__container--results .results__body .store--active .store__hours *,.store-locator-component .component__container--results .results__body .store--active .store__contact * {
    color: #f0f0f0
}

.store-locator-component .component__container--results .results__body .store--active .store-name,.store-locator-component .component__container--results .results__body .store--active .telephone a,.store-locator-component .component__container--results .results__body .store--active .get-directions {
    color: #3d8fff
}

.store-locator-component .component__container--results .results__pagination {
    border-bottom: 2px solid #d3d3d3;
    line-height: 1;
    padding: 1.5rem 0;
    text-align: right
}

@media (max-width: 768px) {
    .store-locator-component .component__container--results .results__pagination {
        text-align:center
    }
}

.store-locator-component .component__container--results .results__pagination--bottom {
    border-top: 2px solid #d3d3d3
}

.store-locator-component .component__container--results .results__pagination button {
    -moz-appearance: none;
    -webkit-appearance: none;
    background: none;
    border: none;
    cursor: pointer;
    cursor: pointer;
    font-size: 1.1rem;
    outline: none;
    line-height: 1
}

.store-locator-component .component__container--results .results__pagination button.disabled {
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all 0.2 ease;
    transition: all 0.2 ease
}

.store-locator-component .component__container--results .results__pagination button.page {
    border-right: 1px solid #000;
    padding-left: 1rem;
    padding-right: 1rem
}

.store-locator-component .component__container--results .results__pagination button.page.active {
    color: #3d8fff
}

.store-locator-component .component__container--results .results__pagination button.first {
    margin-right: 1rem
}

.store-locator-component .component__container--results .results__pagination button.last {
    margin-left: 1rem
}

.store-locator-component .component__container--results .results__pagination--latam {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.store-locator-component .component__container--results .results__pagination--latam .excellence_stamp {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: left
}

.store-locator-component .component__container .category-pin-image {
    position: absolute;
    left: 27px
}

.store-locator-component .component__container .store-category {
    margin: 0.2em 0 !important
}

.store-locator-component .component__container .store-category small {
    display: block;
    margin-bottom: 0.4em
}

.store-locator-component .component-category {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.store-locator-component .component-category__block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 50%;
    padding: 0 1em 2em 0
}

@media (min-width: 768px) {
    .store-locator-component .component-category__block {
        width:20%
    }
}

.store-locator-component .component-category__block--icon {
    width: 20px
}

.store-locator-component .component-category__block .click-icon {
    cursor: pointer
}

.store-locator-component .component-category__block--text {
    width: 135px;
    margin: 0 1.2em 0 .6em
}

.store-locator-component .component-category__link {
    font-size: 1.6em
}

.store-locator-component .search-by-name {
    display: inline-block;
    padding: 0 1em;
    text-align: left;
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
    padding-top: 1em
}

@media (min-width: 768px) {
    .store-locator-component .search-by-name {
        -webkit-box-ordinal-group:initial;
        -webkit-order: initial;
        -ms-flex-order: initial;
        order: initial;
        padding-top: 0.39rem
    }
}

.store-locator-component .search-by-name input {
    margin-right: .4em
}

.store-locator-component .search-by-name label {
    margin-right: 0.8em;
    font-size: 0.9em
}

@media (min-width: 768px) {
    .store-locator-component .search-by-name .input-group {
        display:inline
    }
}

.search-store-form {
    height: auto !important
}

.search-store-form>.search-input,.search-store-form button {
    height: 1.875rem !important
}

.store-locator-component .MicrosoftMap .as_img {
    padding-right: 40px !important
}

.store-locator-component .MicrosoftMap .as_lines_root {
    text-align: left
}

.store-locator-component .MicrosoftMap .as_container .suggestLink {
    padding: 10px 12px 0px 12px !important
}

.store-locator-component .search__locate--button button {
    position: relative
}

.store-locator-component .search__locate--button button:before {
    background-color: white;
    border-radius: 100%;
    content: '';
    display: block;
    height: 5px;
    left: -14px;
    position: absolute;
    top: 2px;
    width: 5px
}

.store-locator-component .search__locate--button button:focus {
    outline: none
}

.store-locator-component .search__locate--button svg {
    display: inline-block;
    fill: #0073eb;
    height: 20px;
    position: relative;
    top: 4px;
    width: 15px
}

.store-locator-component__modal-email,.store-locator-component__modal-sms,.store-locator-component__call-optimizations-modal,.store-locator-component__info-featured-location,.store-locator-component__info-closest-location,.store-locator-component__info-earliest-open-time,.store-locator-component__info-latest-close-time,.store-locator-component__info-store-name,.store-locator-component__info-store-category,.store-locator-component__function-location {
    display: none;
    visibility: hidden
}

.span-dealer-phone-number a {
    color: #3d8fff;
    font-weight: 800
}

.span-dealer-name {
    font-weight: 800
}

.modal-body input[name=phoneNumber],.modal-body input[name=emailAddress] {
    border: 1px solid #ccc;
    font-size: 1rem;
    margin-bottom: 10px;
    padding: 12px 0 12px 10px;
    width: 100%
}

.category-modal-item {
    border-bottom: 1px solid #ccc;
    padding: .8em
}

.category-modal-item img {
    vertical-align: middle;
    width: 20px
}

.category-modal-item span {
    display: inline-block;
    vertical-align: middle;
    margin-left: .8em
}

.modal-function-location {
    text-align: center
}

.modal-function-location s p {
    font-size: 1.9em
}

.modal-function-location button {
    border: none;
    font-size: 16px;
    height: 40px;
    margin: 5px;
    width: 140px
}

.modal-function-location button.modal-function-location-btn {
    background-color: #3d8fff;
    color: white
}

.global-nav-wrapper {
    height: 50px;
    background-color: #222326;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    display: none
}

@media (min-width: 768px) {
    .show-global-nav .global-nav-wrapper {
        display:block
    }
}

@media (min-width: 992px) {
    .show-global-nav .global-nav-wrapper {
        height:30px;
        -webkit-transition: height .5s;
        transition: height .5s
    }

    .expand-nav .global-nav-wrapper {
        height: 50px
    }

    .expanded-nav .global-nav-wrapper {
        height: 50px;
        -webkit-transition: none;
        transition: none
    }
}

.global-nav-wrapper .links-container {
    float: right;
    margin-right: 1rem
}

.global-nav-wrapper .links {
    width: auto;
    float: right
}

.global-nav-wrapper .links__link-nav {
    float: left;
    padding: 1px 7px
}

.global-nav-wrapper .links__link-item {
    text-transform: uppercase;
    display: block;
    height: 30px;
    color: #a3a3a3
}

.global-nav-wrapper .links__link-item h3 {
    position: relative;
    opacity: 1;
    top: 0;
    display: inline-block;
    font-size: .7rem;
    color: #a3a3a3
}

@media (min-width: 768px) {
    .global-nav-wrapper .links__link-item h3 {
        opacity:1;
        top: 0
    }
}

@media (min-width: 992px) {
    .global-nav-wrapper .links__link-item h3 {
        top:-15;
        opacity: 0;
        -webkit-transition: all .5s;
        transition: all .5s
    }
}

.expanded-nav .global-nav-wrapper .links__link-item h3 {
    opacity: 1;
    top: 0;
    -webkit-transition: none;
    transition: none
}

.global-nav-wrapper .links__link-item .svg-contains {
    height: 28px;
    width: 25px;
    display: block;
    margin: auto;
    max-height: 20px;
    padding-top: 4px
}

.global-nav-wrapper .links__link-item .svg-contains svg {
    height: 100%;
    width: 100%;
    pointer-events: none;
    fill: #a3a3a3
}

.global-nav-wrapper .links:hover .links__link-item {
    height: 50px
}

.global-nav-wrapper .links:hover .links__link-item h3 {
    opacity: 1;
    top: 0
}

.global-nav-wrapper .links:hover .links__link-item:hover {
    color: #fff
}

.global-nav-wrapper .links:hover .links__link-item:hover h3 {
    color: #fff
}

.global-nav-wrapper .links:hover .links__link-item:hover svg {
    fill: #fff
}

.tire-catalog {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    position: relative;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%
}

.tire-catalog .select-container {
    overflow: hidden;
    position: relative;
    width: 100%
}

.tire-catalog .tire-stuff .tire-heading__model {
    color: #343434
}

.tire-size-isSG {
    margin-bottom: 10px
}

.compare-preview-bar {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    z-index: 100
}

.compare-preview-bar .close-btn {
    background: #222326;
    width: 80px;
    height: 80px;
    text-align: center;
    line-height: 80px;
    cursor: pointer;
    border: 2px solid #2776e3
}

.compare-preview-bar .close-btn svg {
    fill: #fff;
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle
}

.compare-preview-bar .selected-tires {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: center;
    background-color: #2776e3
}

.compare-preview-bar .selected-tires h2 {
    line-height: 80px;
    margin: 0
}

.compare-preview-bar .selected-tires h2 a {
    color: #fff;
    display: block;
    text-transform: uppercase
}

@media (max-width: 595px) {
    .compare-preview-bar {
        bottom:0
    }

    .compare-preview-bar .close-btn {
        width: 60px;
        height: 60px;
        line-height: 60px;
        border: none
    }

    .compare-preview-bar .close-btn svg {
        width: 20px;
        height: 20px
    }

    .compare-preview-bar .selected-tires h2 {
        height: 60px;
        font-size: 2rem;
        line-height: 60px
    }
}

.hidden {
    display: none
}

.styled-checkbox {
    position: relative;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.styled-checkbox>input {
    position: absolute;
    left: 0;
    opacity: 0
}

.styled-checkbox>input:checked+.fake-state {
    background-color: #000;
    border: 0
}

.styled-checkbox>input:checked+.fake-state:after {
    content: '';
    position: absolute;
    left: 6px;
    top: 2.2px;
    width: 4px;
    height: 8px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border: solid white;
    border-width: 0 2px 2px 0
}

.styled-checkbox>input:checked+.fake-state+.text {
    color: #000;
    font-size: 1rem
}

.styled-checkbox .fake-state {
    width: 18px;
    height: 18px;
    margin-right: 8px;
    border: 2px solid #aaa;
    position: relative
}

.styled-checkbox .text {
    color: #aaa;
    text-transform: uppercase;
    font-size: 1rem
}

.starting-at-cold .tire-price__title-isAPAC {
    margin: 0;
    font-size: 12px;
    text-transform: capitalize;
    color: #5a5a5a;
    font-weight: 100
}

.tire-catalog__modal-tpms,.tire-catalog__modal-msrp {
    display: none;
    visibility: hidden
}

.request-quote {
    padding: 40px
}

.request-quote-title h2 {
    text-align: center
}

.request-quote-btn-group {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between
}

.request-quote-btn-group a {
    width: 45%;
    padding: 1.25rem;
    min-width: 90px
}

.request-quote-btn-group a:hover,.request-quote-btn-group a:focus {
    color: #fff;
    text-decoration: none
}

.request-quote-btn-group a.cancel:hover,.request-quote-btn-group a.cancel:focus {
    color: #3d8fff
}

html[data-lang=es] .requestQuote {
    font-size: 11px
}

.requestQuoteMessage {
    padding: 0 !important;
    margin: 0 !important
}

.tire-catalog.warm-state .filter__show-only,.tire-catalog.warm-state .filter__display {
    display: block
}

@media (min-width: 768px) {
    .tire-catalog.warm-state .filter__display {
        display:none
    }
}

.tire-catalog .filter__show-all {
    display: inline-block;
    height: 41px;
    line-height: 41px;
    margin: 50px auto 20px;
    padding: 0;
    width: 100%
}

@media (min-width: 768px) {
    .tire-catalog .filter__show-all {
        display:none
    }
}

.tire-catalog__aside {
    background: #383b40;
    -webkit-box-shadow: 0 0 200px #000;
    box-shadow: 0 0 200px #000;
    height: 100%;
    overflow-y: scroll;
    padding: 1.5rem .78125rem;
    position: absolute;
    right: -473px;
    width: 273px;
    vertical-align: top;
    z-index: 30
}

@media (min-width: 768px) {
    .tire-catalog__aside {
        -webkit-box-flex:0;
        -webkit-flex: 0 0 273px;
        -ms-flex: 0 0 273px;
        flex: 0 0 273px;
        width: 273px;
        max-width: 273px;
        -webkit-box-shadow: none;
        box-shadow: none;
        height: auto;
        min-width: 273px;
        -webkit-box-ordinal-group: 11;
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10;
        overflow-y: auto;
        position: relative;
        right: 0
    }
}

.tire-catalog__aside.showNav {
    right: 0;
    -webkit-transition: right .5s;
    transition: right .5s;
    z-index: 10
}

.tire-catalog__aside-container {
    position: relative;
    width: 100%
}

.tire-catalog__aside-container h2 {
    color: #fff;
    font-size: 14.5px;
    margin: 0 0 20px .78125rem;
    text-transform: uppercase;
    letter-spacing: 0.02em
}

.tire-catalog__aside-container h3 {
    color: #fff;
    font-family: 'BridgestoneType-Cd', 'NotoSans';
    font-size: .85rem;
    line-height: 1rem;
    padding: 12px .78125rem;
    text-transform: none
}

.tire-catalog__aside-container p {
    color: #a3a3a3;
    font-size: 12px;
    line-height: 19px;
    margin: 0 0 20px .78125rem
}

.tire-catalog__aside-container-flex-container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: .8rem .8rem 1rem;
    width: 100%
}

.tire-catalog__aside-container-flex-container input {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%
}

.tire-catalog__aside-container .reveal-children {
    color: #fff;
    position: relative
}

.tire-catalog__aside-container .reveal-children.is-active {
    background: #2776e3
}

.tire-catalog__aside-container .reveal-children.is-active h3 {
    color: #fff
}

.tire-catalog__aside-container .reveal-children.is-active svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.tire-catalog__aside-container .reveal-children svg {
    bottom: 0;
    fill: #fff;
    height: 13px;
    position: absolute;
    right: 20px;
    top: .78125rem;
    width: 13px
}

.tire-catalog__aside-container .toggle-hide {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background: #378bff;
    color: #fff;
    height: 0;
    overflow: hidden;
    padding-left: .78125rem;
    padding-right: .78125rem;
    padding-top: 0;
    padding-bottom: 0;
    width: 100%
}

.tire-catalog__aside-exit {
    background: none;
    border: none;
    cursor: pointer;
    height: 20px;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px
}

@media (min-width: 768px) {
    .tire-catalog__aside-exit {
        display:none
    }
}

.tire-catalog__aside-exit svg {
    fill: #fff;
    height: .78125rem;
    position: absolute;
    right: 5px;
    top: 0;
    width: .78125rem
}

.filter__display,.filter__show-only {
    display: block
}

.filter__display .disabled,.filter__show-only .disabled {
    opacity: .6;
    pointer-events: none
}

.filter__container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background: #5a5a5a;
    border-radius: 5px;
    overflow: hidden
}

.filter__container button,.filter__container form {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    background: none;
    text-align: left
}

.filter__container button select,.filter__container form select {
    background-color: #fff
}

.filter__container button,.filter__container ul {
    padding: 12px .78125rem
}

.filter__container button.drop-down,.filter__container ul.drop-down {
    background: #378bff
}

.filter__container input {
    height: 0;
    opacity: 0;
    width: 0
}

.filter__container button[type='submit'],.filter__container button[type='button'] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 2px solid bst-blue;
    text-align: center;
    font-size: 1.1rem;
    height: 41px;
    width: 100%;
    padding: 0
}

@media (min-width: 768px) {
    .filter__container button[type='submit'],.filter__container button[type='button'] {
        border-radius:5px
    }
}

.filter__container select,.filter__container label,.filter__container button {
    font-size: 1rem
}

.filter__selection-container {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 4px 0;
    position: relative
}

.filter__selection-container svg {
    height: 1rem;
    top: 50%;
    -webkit-transform: translateY(-40%);
    transform: translateY(-40%);
    pointer-events: none;
    position: absolute;
    right: 8px;
    width: 1rem
}

.filter__selection-item {
    background: #fff;
    border-radius: 0;
    padding: 0 0 0 8px;
    width: 100%
}

.filter__selection-item::-ms-expand {
    display: none
}

.filter__personalize {
    margin: 20px 0 30px
}

.filter__personalize-form {
    background: #5a5a5a
}

.filter__personalize-form ul {
    padding: 0
}

.filter__personalize-form li {
    border-bottom: 1px solid #a3a3a3;
    color: #fff;
    position: relative;
    -webkit-transition: background .1s ease-in-out;
    transition: background .1s ease-in-out
}

.filter__personalize-form li:not(.is-preferred):hover {
    background-color: #747373
}

.filter__personalize-form li.focused {
    -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.25);
    box-shadow: inset 0 0 10px rgba(0,0,0,0.25)
}

.filter__personalize-form [data-order='1'].is-preferred:after {
    content: "1"
}

.filter__personalize-form [data-order='2'].is-preferred:after {
    content: "2"
}

.filter__personalize-form [data-order='3'].is-preferred:after {
    content: "3"
}

.filter__personalize-form svg {
    fill: #fff;
    height: 20px;
    left: .78125rem;
    pointer-events: none;
    position: absolute;
    top: 28%;
    width: 20px
}

.filter__personalize-form label {
    cursor: pointer;
    display: block;
    height: 52px;
    padding: .78125rem 0 .78125rem 40px;
    position: relative;
    width: 100%
}

.filter__personalize-form span {
    display: inline-block;
    vertical-align: middle;
    font-size: 0.75rem;
    margin-top: 6px
}

.filter__display-select-container {
    border-radius: 5px;
    margin-bottom: 30px;
    overflow: hidden
}

.filter__display-form {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background: #5a5a5a;
    height: 45px;
    padding: 0 .78125rem
}

.filter__display-options {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    background: #5a5a5a;
    border: none;
    color: #fff
}

.filter__show-only-select-container {
    border-radius: 5px;
    overflow: hidden
}

.filter__show-only-form {
    background: #5a5a5a
}

.filter__show-only-form-list-items {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #a3a3a3;
    position: relative
}

.filter__show-only-form-list-items[data-filter='run-flat'] {
    display: none
}

.filter__show-only-form-list-items[data-filter='tire-season'].hideLatam {
    display: none
}

.filter__show-only-form-list-items input {
    position: absolute;
    left: .78125rem;
    top: 0
}

.filter__show-only-form-list-items input:first-child {
    opacity: 0
}

.filter__show-only-form-list-items label {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    background-color: #5a5a5a;
    color: #a3a3a3;
    position: relative
}

.filter__show-only-form-list-items label p {
    margin: 12px 0 0 40px
}

.filter__show-only-form-list-items label:hover {
    cursor: pointer;
    background-color: #747373
}

.filter__show-only-form-list-items .is-active label {
    background: #378bff
}

.filter__show-only-form-list-items .is-active label p {
    color: #fff
}

.filter__show-only-form-list-items .is-active+svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.filter__show-only-form-list-items .toggle-hide {
    padding: 0
}

.filter__show-only-form-list-items svg {
    fill: #fff;
    height: 13px;
    position: absolute;
    right: 20px;
    top: .78125rem;
    pointer-events: none;
    width: 13px
}

.filter__show-only-form-list-items .flex-container {
    padding-top: 20px
}

* {
    min-height: 0;
    min-width: 0
}

.tire-catalog .filter__display {
    display: block
}

@media (min-width: 768px) {
    .tire-catalog .filter__display {
        display:none
    }
}

.tire-catalog .results {
    background: #fff;
    margin: 0 auto;
    width: 100%;
    vertical-align: top
}

@media (max-width: 1250px) {
    .tire-catalog .results {
        position:relative;
        z-index: 10
    }
}

.tire-catalog .results-sort,.tire-catalog .results-stagger,.tire-catalog .results-personalize__infobar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background-color: #f3f3f3;
    border-top: 2px solid #fff;
    position: relative
}

.tire-catalog .results-sort:first-child,.tire-catalog .results-stagger:first-child,.tire-catalog .results-personalize__infobar:first-child {
    border-top: none
}

.tire-catalog .results-sort__button,.tire-catalog .results-stagger__button,.tire-catalog .results-personalize__infobar__button {
    display: none
}

@media (min-width: 768px) {
    .tire-catalog .results-sort__button,.tire-catalog .results-stagger__button,.tire-catalog .results-personalize__infobar__button {
        display:inline-block;
        font-size: 1rem;
        line-height: 2rem;
        margin-left: 1rem;
        padding: 0;
        vertical-align: sub
    }
}

.tire-catalog .results-sort .warm-show,.tire-catalog .results-stagger .warm-show,.tire-catalog .results-personalize__infobar .warm-show {
    display: inline-block;
    vertical-align: middle;
    font-family: 'BridgestoneType-Cd', 'NotoSans';
    text-transform: none;
    font-size: .75rem
}

.tire-catalog .results-sort .warm-show span,.tire-catalog .results-stagger .warm-show span,.tire-catalog .results-personalize__infobar .warm-show span {
    padding: 0 5px
}

.tire-catalog .results-sort .warm-show .bolder,.tire-catalog .results-stagger .warm-show .bolder,.tire-catalog .results-personalize__infobar .warm-show .bolder {
    font-weight: bold
}

.tire-catalog .results-sort button,.tire-catalog .results-stagger button,.tire-catalog .results-personalize__infobar button {
    bottom: 0;
    position: absolute;
    right: 0;
    top: 0
}

.tire-catalog .results-sort__sorting,.tire-catalog .results-stagger__sorting,.tire-catalog .results-personalize__infobar__sorting {
    border: 2px solid #e6e6e6;
    width: 70%;
    float: right
}

@media (min-width: 768px) {
    .tire-catalog .results-sort__sorting,.tire-catalog .results-stagger__sorting,.tire-catalog .results-personalize__infobar__sorting {
        width:auto;
        float: none
    }
}

.tire-catalog .results-sort__sorting select,.tire-catalog .results-stagger__sorting select,.tire-catalog .results-personalize__infobar__sorting select {
    -moz-appearance: none;
    -webkit-appearance: none;
    font-family: 'BridgestoneType', 'NotoSans';
    background-color: #fff;
    border-radius: 0;
    border: none;
    color: #a3a3a3;
    font-family: inherit;
    font-size: 0.75rem;
    height: 2rem;
    overflow: hidden;
    padding: 0 2.5rem 0 .8rem;
    width: 100%
}

.tire-catalog .results-sort__sorting select::-ms-expand,.tire-catalog .results-stagger__sorting select::-ms-expand,.tire-catalog .results-personalize__infobar__sorting select::-ms-expand {
    display: none
}

.tire-catalog .results-sort__sorting svg,.tire-catalog .results-stagger__sorting svg,.tire-catalog .results-personalize__infobar__sorting svg {
    height: 1rem;
    width: 1rem;
    position: absolute;
    right: .8rem;
    top: 8px;
    pointer-events: none
}

.tire-catalog .results-personalize {
    height: 5rem;
    width: 100%
}

@media (min-width: 768px) {
    .tire-catalog .results-personalize {
        display:none
    }
}

.tire-catalog .results-personalize__svg-container {
    display: inline-block;
    height: 16px;
    margin-left: 10px;
    width: 16px
}

.tire-catalog .results-personalize svg {
    fill: #fff;
    height: 100%;
    width: 100%
}

.tire-catalog .results .tires-container {
    display: block
}

.tire-catalog .results .tires .tire {
    display: none
}

.tire-catalog .no-results {
    margin: 0 auto;
    padding: 0 2rem;
    text-align: center;
    width: 100%
}

.tire-catalog .no-results a {
    font-size: 1rem
}

.tire-catalog .results-personalize__infobar {
    background: #f7f7f7;
    border-top: 2px solid #fff;
    height: initial;
    display: none
}

@media (min-width: 768px) {
    .tire-catalog .results-personalize__infobar {
        display:-webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

.tire-catalog .results-personalize__infobar-container.component__container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    padding: .5rem 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width: 1250px) {
    .tire-catalog .results-personalize__infobar-container.component__container {
        display:-webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        max-width: 100%;
        margin: 0 1.25rem 0 2.5rem
    }
}

.tire-catalog .results-personalize__infobar-list {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 8rem;
    -ms-flex: 1 1 8rem;
    flex: 1 1 8rem;
    height: 20px;
    margin-left: 20px;
    vertical-align: middle
}

@media (max-width: 964px) {
    .tire-catalog .results-personalize__infobar-list {
        margin:.5rem 0
    }
}

.tire-catalog .results-personalize__infobar-list li {
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 4px
}

.tire-catalog .results-personalize__infobar-list li svg {
    height: 100%;
    width: 100%
}

.tire-catalog .results-personalize__infobar h3 {
    font-size: 0.9rem;
    vertical-align: middle;
    padding: 0 .5rem 0 0
}

@media (min-width: 1250px) {
    .tire-catalog .results-personalize__infobar h3 {
        padding:.5rem;
        opacity: 0.9
    }
}

.tire-catalog-heading {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background: #f7f7f7;
    height: initial;
    position: relative
}

.tire-catalog-heading-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: .5rem 0;
    height: 100%;
    width: 100%
}

.tire-catalog-heading-container h1,.tire-catalog-heading-container .vsHeader .vs-headline,.vsHeader .tire-catalog-heading-container .vs-headline {
    font-size: 2.5rem
}

.slider-navigation {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: #000;
    color: #fff;
    padding: 12px 5%;
    margin: 0 auto;
    font-size: 18px
}

.slider-navigation__button {
    vertical-align: middle
}

.slider-navigation__button button.slick-button span {
    display: block;
    height: 18px;
    width: 18px
}

.slider-navigation__button button.slider-prev {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.slider-navigation__button button.slider-next {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.slider-navigation__text-current {
    font-weight: bold
}

.slider-navigation svg {
    height: 100%;
    width: 100%;
    fill: #fff
}

.tire-catalog .results-sort h2 {
    font-size: 1rem;
    vertical-align: middle;
    padding: 0 .5rem 0 0
}

@media (min-width: 1250px) {
    .tire-catalog .results-sort h2 {
        padding:1.785714286rem .5rem;
        width: 55%
    }
}

.tire-catalog .results-sort__by-container {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 1rem 0 0;
    width: 100%;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (min-width: 768px) {
    .tire-catalog .results-sort__by-container {
        -webkit-box-pack:start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

@media (min-width: 1250px) {
    .tire-catalog .results-sort__by-container {
        padding:0;
        width: auto
    }
}

.tire-catalog .results-sort__by-container h4,.tire-catalog .results-sort__by-container .sort-by {
    display: inline-block;
    font-size: 0.9rem;
    margin-right: 1rem;
    vertical-align: middle
}

.tire-catalog .results-sort__relative-container {
    position: relative
}

.tire-catalog .results-sort .component__container {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column wrap;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 1rem 0
}

@media (min-width: 1250px) {
    .tire-catalog .results-sort .component__container {
        -webkit-box-align:center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: 0 1.25rem 0 2.5rem;
        max-width: 100%;
        padding: 0;
        width: 100%
    }
}

.tire-catalog .results-sort__multiple.warm-show,.tire-catalog .results-sort__single.warm-show {
    display: none;
    opacity: 0.7;
    line-height: 1.1;
    font-size: .875rem !important
}

@media (max-width: 500px) {
    .tire-catalog .results-stagger {
        height:auto
    }
}

.tire-catalog .results-stagger h3 {
    font-size: 1rem;
    vertical-align: middle;
    padding: 0 .5rem 0 0
}

@media (min-width: 1250px) {
    .tire-catalog .results-stagger h3 {
        padding:0 .5rem
    }
}

.tire-catalog .results-stagger__container {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 1rem 0
}

@media (min-width: 1250px) {
    .tire-catalog .results-stagger__container {
        -webkit-box-align:center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        width: 100%;
        max-width: 100%;
        margin: 0 1.25rem 0 2.5rem
    }
}

.tire-catalog .results-sort__filtering {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    overflow: initial;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-flex: 1;
    -webkit-flex: 1 auto;
    -ms-flex: 1 auto;
    flex: 1 auto;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 1rem
}

@media (min-width: 1250px) {
    .tire-catalog .results-sort__filtering {
        -webkit-box-flex:0;
        -webkit-flex: 0 1 50%;
        -ms-flex: 0 1 50%;
        flex: 0 1 50%;
        width: auto;
        margin-top: 0;
        margin-left: 2rem
    }
}

@media (max-width: 400px) {
    .tire-catalog .results-sort__filtering {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap
    }
}

.tire-catalog .results-sort__filtering label {
    -webkit-box-flex: 1;
    -webkit-flex: 1 auto;
    -ms-flex: 1 auto;
    flex: 1 auto;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.tire-catalog .results-sort__filtering input {
    margin-right: .2rem;
    vertical-align: middle
}

@media (min-width: 992px) {
    .tire-catalog .results-sort__filtering input {
        margin-right:.6rem
    }
}

.tire-catalog .results-sort__filtering p {
    display: inline-block;
    vertical-align: middle;
    font-size: .875rem;
    font-weight: 700;
    color: #343434;
    margin: 0
}

.tire-catalog .results-sort__filtering div {
    display: inline
}

.tireCatalogReviews.section {
    max-width: 1500px;
    margin: auto
}

.tire-catalog-reviews-header {
    margin: 40px 4% 0
}

.tire-catalog-reviews-header p {
    max-width: 966px;
    padding: 20px;
    margin: 0 auto;
    font-size: 1.25rem;
    line-height: 1.3;
    border-bottom: 0px
}

.tire-reviews-nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.tire-reviews-nav .tire-cta__button {
    font-size: 1.875rem;
    padding: 1.1875rem;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 320px;
    -ms-flex: 0 1 320px;
    flex: 0 1 320px;
    min-width: auto;
    width: auto;
    margin: 1px
}

.tire-reviews-subnav-wrapper {
    margin: 60px 3% 0px
}

.tire-reviews-subnav-wrapper h3 {
    font-size: 2.6875rem;
    padding-bottom: 20px;
    color: #000
}

.tire-reviews-subnav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.tire-reviews-subnav .tire-cta__button {
    font-size: 1.25rem;
    padding: 0.8125rem;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 165px;
    -ms-flex: 0 1 165px;
    flex: 0 1 165px;
    min-width: auto;
    width: auto;
    margin: 1px
}

.tire-reviews-subnav .tire-cta__button:first-child {
    margin-top: auto
}

.tire-catalog-reviews {
    margin: 0px 7% 40px
}

.tire-catalog-reviews h3 {
    color: #000
}

.tire-catalog-reviews h4 {
    font-size: 2.0625rem;
    margin-top: 50px;
    color: #212225
}

.tire-catalog-reviews p {
    margin-top: 5px;
    margin-bottom: 0px;
    border-bottom: 2px solid #D8D8D8;
    padding-bottom: 5px;
    color: #4A4A4A
}

.tire-catalog-reviews .tire {
    border-top: none;
    border-bottom: 1px solid #ccc;
    width: 45%
}

.tire-catalog-reviews .tires-container-review {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.tire-catalog-reviews .tire__container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.tire-catalog-reviews .tire-image {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    width: 45%;
    margin: 0
}

.tire-catalog-reviews .tire-image__container {
    width: 100%;
    -webkit-transform: none;
    transform: none
}

.tire-catalog-reviews .tire-review__stars {
    width: 100%
}

.tire-catalog-reviews .tire-review__stars-item {
    height: 24px;
    max-width: 26px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 12%;
    -ms-flex: 0 1 12%;
    flex: 0 1 12%;
    padding-right: 5px
}

.tire-catalog-reviews .tire-review__stars-count {
    color: #000;
    font-size: 1rem;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 25%;
    -ms-flex: 0 1 25%;
    flex: 0 1 25%;
    text-align: left;
    padding: 3px 3px 0 3px
}

.tire-catalog-reviews .tire-review__detail-link {
    display: block;
    padding: 0 4px 0 10px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 15%;
    -ms-flex: 0 1 15%;
    flex: 0 1 15%;
    text-align: right;
    margin-left: auto
}

.tire-catalog-reviews .tire-stuff {
    display: block;
    padding: 13px 0px 16px;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    width: 50%
}

.tire-catalog-reviews .tire-heading {
    margin-bottom: 0px
}

.tire-catalog-reviews .tire-heading .h1 {
    font-size: 1.5rem;
    color: #000;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.tire-catalog-reviews .tire-heading .h1:hover {
    color: #2676E2
}

.tire-catalog-reviews .tire-heading h2 {
    font-size: 1rem;
    text-transform: uppercase;
    color: #9B9B9B
}

.tire-catalog-reviews .tire-heading__separator {
    border-right: 1px solid #9B9B9B
}

.tire-catalog-reviews .write-review {
    display: inline-block;
    margin: auto;
    text-align: center;
    font-size: 0.875rem;
    line-height: 1.5;
    color: #000;
    text-decoration: underline;
    text-transform: uppercase
}

.tire-catalog-reviews .chevron-r {
    border: solid #9B9B9B;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 4px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.back-to-top {
    display: none;
    position: fixed;
    bottom: 0px;
    right: 10px;
    z-index: 999
}

@media (min-width: 901px) and (max-width: 1440px) {
    .tire-catalog-reviews .tire-review__stars-item {
        -webkit-box-flex:0;
        -webkit-flex: 0 1 13%;
        -ms-flex: 0 1 13%;
        flex: 0 1 13%
    }

    .tire-catalog-reviews .tire-review__stars-count {
        font-size: 1.2vw;
        padding: 0.2vw 0.2vw 0 0.2vw
    }

    .tire-catalog-reviews .tire-review__detail-link {
        padding-left: 0;
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 10%;
        -ms-flex: 0 1 10%;
        flex: 0 1 10%
    }

    .tire-catalog-reviews .chevron-r {
        padding: 0.34vw
    }
}

@media (max-width: 1080px) {
    .tire-catalog-reviews .tire {
        width:47%
    }
}

@media (max-width: 900px) {
    .tire-catalog-reviews .tire {
        width:100%
    }
}

@media (max-width: 768px) {
    .tire-catalog-reviews-header {
        margin-right:0
    }

    .tire-reviews-nav {
        margin-right: 4%
    }

    .tire-reviews-subnav .tire-cta__button {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 29vw;
        -ms-flex: 0 0 29vw;
        flex: 0 0 29vw
    }

    .tire-catalog-reviews-header p {
        margin-right: 4%;
        padding: 20px 0
    }

    .tire-reviews-subnav-wrapper {
        margin-top: 30px
    }
}

@media (max-width: 595px) {
    .tire-reviews-nav .tire-cta__button {
        font-size:5vw;
        padding: 3vw
    }

    .tire-reviews-subnav-wrapper {
        margin: 30px 0% 0px
    }

    .tire-catalog-reviews {
        margin: 0px 4% 40px
    }

    .tire-catalog-reviews .tire-stuff {
        width: 45%
    }

    .tire-catalog-reviews .tire-review__stars {
        margin: 0
    }

    .tire-catalog-reviews .tire-review__stars-item {
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 13%;
        -ms-flex: 0 1 13%;
        flex: 0 1 13%
    }

    .tire-catalog-reviews .tire-review__detail-link {
        padding-left: 0;
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 10%;
        -ms-flex: 0 1 10%;
        flex: 0 1 10%
    }

    .back-to-top.show {
        display: block
    }
}

@media (max-width: 425px) {
    .tire-reviews-nav .tire-cta__button {
        font-size:1.25rem;
        padding: 0.8125rem
    }
}

.tire-registration {
    background: #eee
}

.tire-registration .validate-errors-list {
    color: #e42300;
    font-size: .77rem;
    padding: 10px 0 10px 12px
}

@media (max-width: 768px) {
    .tire-registration .validate-errors-list {
        padding:0 0 0 12px
    }
}

.tire-registration .validate-errors-list li {
    line-height: 1.5
}

.tire-registration .validate-error {
    color: #e42300
}

.tire-registration .validate-error::-webkit-input-placeholder {
    color: #e42300
}

.tire-registration__form-container {
    margin-left: auto;
    margin-right: auto;
    width: 90%
}

@media (min-width: 768px) {
    .tire-registration__form-container {
        margin:0 auto;
        max-width: 64rem
    }
}

@media (min-width: 768px) {
    .tire-registration__form-container__form {
        max-width:500px
    }
}

.tire-registration .component__flexie {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%
}

.tire-registration .component__flexie__row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.tire-registration .component__flex-item__grow {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-right: 10px
}

@media (min-width: 768px) {
    .tire-registration .component__flex-item__grow {
        -webkit-box-flex:0;
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        min-width: 250px
    }
}

.tire-registration h2 {
    color: #333;
    font-size: 1.75rem;
    margin: 40px 0 20px
}

.tire-registration h3 {
    color: #666;
    font-size: 1.5rem;
    margin-top: 20px
}

.tire-registration p {
    color: #666
}

.tire-registration a {
    color: #246bce;
    font-size: 1rem;
    padding: 0 5px;
    text-decoration: none
}

.tire-registration input {
    border: 1px solid #ccc;
    font-size: 1rem;
    margin-bottom: 10px;
    padding: 12px 0 12px 10px;
    width: 100%
}

.tire-registration input::-webkit-input-placeholder {
    color: #666
}

.tire-registration__select-container {
    margin: 0 0 10px
}

.tire-registration__select {
    background: #fff;
    border: none;
    color: #333;
    font-family: "BridgestoneType","NotoSans",Arial;
    font-size: 1.25rem;
    height: 53px;
    margin-bottom: 10px;
    text-transform: uppercase;
    width: 100%
}

.tire-registration select::-ms-expand {
    display: block;
    background: #fff;
    border: none
}

.tire-registration__updates {
    margin-top: 2rem;
    display: block
}

.tire-registration__updates input {
    display: inline-block;
    width: auto;
    margin-left: .6rem
}

.tire-registration__updates-form {
    display: none
}

.tire-registration img {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    margin-top: 20px
}

@media (min-width: 768px) {
    .tire-registration img {
        max-width:225px
    }
}

.tire-registration button {
    margin: 40px 0
}

@media (min-width: 768px) {
    .tire-registration button {
        -webkit-align-self:flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start
    }
}

.tire-registration .hidden {
    display: none
}

.tire-registration__check-box-container {
    color: #666;
    font-size: 1rem
}

.tire-registration__check-box-container input {
    margin-right: 15px;
    width: auto
}

.tire-registration #EmailRecInfo h3 {
    padding-bottom: 20px
}

@media (min-width: 768px) {
    .tire-registration .component__flexie__row-tablet {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .tire-registration .component__flex-item__grow-tablet {
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        margin-right: 20px
    }

    .tire-registration .component__flex-item__grow-tablet:last-child {
        margin-right: 0
    }

    .tire-registration .tire-registration__max-width {
        max-width: 250px
    }
}

.tire-registration .success-message {
    display: none;
    opacity: 0;
    text-align: center;
    margin: 6rem 0
}

.tire-reviews {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background-size: cover;
    color: #ccc;
    font-size: 1rem
}

.tire-reviews__divider {
    fill: #ccc;
    left: 16rem;
    position: absolute;
    top: 100px;
    width: 20px
}

@media (max-width: 768px) {
    .tire-reviews__divider {
        display:none
    }
}

.ie10 .tire-reviews__divider {
    top: 10px
}

.tire-reviews .save-your-car-button {
    background: #e42300;
    border: none;
    color: #fff;
    float: right;
    padding: 12px 20px;
    text-decoration: none
}

.tire-reviews .save-your-car-button a {
    color: #fff
}

.tire-reviews .save-your-car-button a:hover {
    color: #fff
}

.tire-reviews .save-your-car-button a:active {
    color: #fff;
    text-decoration: none
}

.tire-reviews .confirmation {
    display: none
}

.tire-reviews .component__flexie {
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.tire-reviews .component__flexie__underline {
    border-bottom: 2px solid #b9b9b9
}

.tire-reviews .component__container {
    padding: 3.5rem 2rem;
    position: relative
}

.tire-reviews .component__container h2 {
    color: #fff;
    font-size: 1.5rem;
    margin-bottom: 2rem
}

@media (max-width: 768px) {
    .tire-reviews .component__container h2 {
        margin-bottom:1.25rem
    }
}

.tire-reviews .tire-reviews__strip button,.tire-reviews__strip .tire-reviews button,.tire-reviews .tire-reviews__all-header .filters button,.tire-reviews__all-header .filters .tire-reviews button {
    background: none;
    border: none;
    cursor: pointer;
    outline: none
}

.tire-reviews small {
    font-size: .75rem
}

@media (max-width: 768px) {
    .tire-reviews .component__container {
        padding-top:3rem;
        padding-bottom: 2rem
    }

    .tire-reviews aside {
        display: block;
        margin: 0;
        padding: 0;
        width: 100%
    }

    .tire-reviews aside .svg-slash {
        display: none
    }

    .tire-reviews article {
        display: block;
        padding: 0
    }
}

.tire-reviews__description {
    display: inline-block;
    padding-left: 3.125rem
}

.hide-latam .tire-reviews__description {
    padding-left: 0;
    margin: 0 auto
}

@media (min-width: 768px) {
    .tire-reviews__description {
        width:60%
    }
}

.tire-reviews .tire-reviews__wrapper .tire-reviews__strip button .strip__show-title {
    display: none
}

.tire-reviews .tire-reviews__wrapper .tire-reviews__strip button .strip__hide-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 150px
}

.tire-reviews .tire-reviews__wrapper .tire-reviews__strip button .strip__hide-title .triangle {
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg)
}

.tire-reviews .tire-reviews__wrapper .tire-reviews__strip button .triangle {
    width: 0;
    height: 0;
    margin-left: 20px;
    border: SOLID #FFFFFF;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 5px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.tire-reviews .tire-reviews__wrapper-hide .tire-reviews__strip button .strip__show-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 150px
}

.tire-reviews .tire-reviews__wrapper-hide .tire-reviews__strip button .strip__hide-title {
    display: none
}

.tire-reviews .tire-reviews__wrapper-hide .tire-reviews-component {
    display: none
}

.tire-reviews__strip {
    font-size: 1rem;
    text-align: center;
    padding: 1.4rem 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (max-width: 768px) {
    .tire-reviews__strip {
        font-size:1.3rem;
        height: 100px;
        padding: 2.1rem 0
    }
}

.tire-reviews__strip-all {
    background-color: #2a2a2a;
    color: #f0f0f0
}

.tire-reviews__strip-write {
    background-color: #ccc;
    color: #4d4d4d
}

.tire-reviews__strip button {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: inherit;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    cursor: pointer
}

.tire-reviews__strip button .strip__show-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.tire-reviews__strip button .strip__hide-title {
    display: none
}

.tire-reviews__select {
    border: none;
    display: inline-block;
    min-height: 3rem;
    min-width: 12.5rem;
    height: 3rem;
    text-align: left;
    -webkit-transition: background-color .15s ease-in;
    transition: background-color .15s ease-in;
    position: relative
}

.tire-reviews__select__container {
    background: #fff;
    height: 2.8rem;
    width: 100%
}

@media (max-width: 768px) {
    .tire-reviews__select__container {
        height:3.4rem
    }
}

.tire-reviews__select select {
    background: #7f7f7f;
    border: none;
    border-radius: 0;
    color: #fff;
    cursor: pointer;
    font-size: 1rem;
    font-weight: normal;
    height: 100%;
    line-height: 1;
    outline: none;
    padding: .8rem 1rem;
    position: relative;
    width: 100%;
    z-index: 10
}

@media (max-width: 768px) {
    .tire-reviews__select select {
        font-size:1.25rem;
        height: 3.4rem
    }
}

.tire-reviews__select .icon {
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
    background-color: #7f7f7f;
    cursor: pointer;
    display: block;
    height: 100%;
    padding-right: 1.3rem;
    position: absolute;
    right: 0;
    top: 50%;
    width: 2.3rem
}

.tire-reviews__select .icon-arrow {
    display: block;
    fill: #fff;
    z-index: 20
}

.tire-reviews__select .icon-close {
    display: none;
    fill: #e42300;
    z-index: 30
}

.tire-reviews__select .icon svg {
    height: 100%;
    width: 100%
}

@media (max-width: 768px) {
    .tire-reviews__high .component__container {
        padding-bottom:3rem;
        text-align: center
    }

    .tire-reviews__high aside {
        border-bottom: 2px solid #7f7f7f;
        margin-bottom: 2rem
    }

    .tire-reviews__high aside ul li {
        display: none
    }

    .tire-reviews__high aside ul li:first-child {
        display: block
    }
}

.tire-reviews__high .tire-reviews__rating-count {
    float: right;
    position: relative;
    top: -.2rem
}

.tire-reviews__high .tire-reviews__rating-count a {
    text-decoration: underline
}

@media (max-width: 768px) {
    .tire-reviews__high .tire-reviews__rating-count {
        float:none;
        margin-left: .625rem
    }
}

.tire-reviews__high-comment {
    font-size: 1.3rem;
    font-style: italic;
    margin-bottom: 2rem;
    position: relative
}

@media (max-width: 768px) {
    .tire-reviews__high-comment {
        margin-bottom:1.375rem
    }
}

.tire-reviews__high-comment span {
    position: relative
}

.tire-reviews__high-comment span:before,.tire-reviews__high-comment span:after {
    font-size: 2.5rem;
    width: 1rem;
    position: absolute
}

.tire-reviews__high-comment span:before {
    content: '“';
    top: -.6rem;
    left: -1.1rem
}

.tire-reviews__high-comment span:after {
    content: '”';
    bottom: -1rem;
    right: -.9rem
}

.tire-reviews__high-username {
    font-size: 1.2rem;
    text-transform: uppercase
}

.tire-reviews__all {
    background-color: #222
}

.tire-reviews__all-header {
    border-bottom: 1px solid #7f7f7f;
    font-size: 1.5rem;
    text-align: center;
    text-transform: uppercase;
    position: relative
}

.tire-reviews__all-header .filters {
    bottom: 0;
    color: #7f7f7f;
    float: left;
    padding-bottom: .5rem;
    position: absolute
}

@media (max-width: 768px) {
    .tire-reviews__all-header .filters {
        float:none;
        padding-bottom: 3.68rem;
        position: static
    }
}

.tire-reviews__all-header .filters span {
    color: #fff;
    margin-right: 1.2rem
}

.tire-reviews__all-header .filters button {
    font-size: 1.5rem;
    margin-right: .8rem
}

.tire-reviews__all-header .filters button.active {
    text-decoration: underline
}

.tire-reviews__all-header .tire-reviews__select {
    float: right
}

@media (max-width: 768px) {
    .tire-reviews__all-header .tire-reviews__select {
        float:none
    }
}

.tire-reviews__all .component__flexie {
    border-bottom: 1px solid #393939;
    padding: 3rem 0
}

@media (max-width: 768px) {
    .tire-reviews__all .component__flexie {
        text-align:left;
        padding: 2.45rem 0
    }
}

@media (max-width: 768px) {
    .tire-reviews__all .tire-reviews__rating {
        margin-bottom:2.45rem
    }
}

.tire-reviews__all .tire-reviews__rating-average {
    font-size: 1rem;
    margin-bottom: 2rem
}

.tire-reviews__all .tire-reviews__rating li .reviews-count {
    color: #7f7f7f;
    margin-top: .375rem
}

@media (max-width: 768px) {
    .tire-reviews__all .tire-reviews__rating li .reviews-count {
        display:inline-block
    }

    .tire-reviews__all .tire-reviews__rating li .stars {
        left: 10rem;
        top: .45rem
    }
}

.tire-reviews__all-footer {
    border-top: 1px SOLID #7f7f7f;
    color: #7f7f7f;
    font-style: italic;
    line-height: 1.25rem;
    padding: .75rem 0;
    font-size: 14px
}

@media (max-width: 768px) {
    .tire-reviews__all-footer {
        font-size:1rem
    }
}

.tire-reviews__all-footer a {
    color: #7f7f7f;
    text-decoration: underline
}

.tire-reviews__rating p {
    display: inline
}

.tire-reviews__rating__type {
    vertical-align: middle;
    float: right
}

.tire-reviews__rating .tire-reviews__rating__star-container {
    overflow: hidden;
    width: 90px
}

.tire-reviews__rating .tire-reviews__rating__star-container .rating.zero {
    margin: 0 0 0 -87px
}

.tire-reviews__rating .tire-reviews__rating__star-container .rating.one {
    margin: 0 0 0 -71px
}

.tire-reviews__rating .tire-reviews__rating__star-container .rating.two {
    margin: 0 0 0 -53px
}

.tire-reviews__rating .tire-reviews__rating__star-container .rating.three {
    margin: 0 0 0 -36px
}

.tire-reviews__rating .tire-reviews__rating__star-container .rating.four {
    margin: 0 0 0 -17px
}

.tire-reviews__rating .tire-reviews__rating__star-container .rating.five {
    margin: 0
}

.tire-reviews__rating__type.overall {
    float: none
}

@media (min-width: 768px) {
    .tire-reviews__rating__type.overall {
        float:left
    }
}

.tire-reviews__rating__type.overall .tire-reviews__rating__star-container {
    margin: 0 auto;
    width: 142px
}

.tire-reviews__rating__type.overall .tire-reviews__rating__star-container .rating {
    margin-bottom: 20px;
    width: 254px
}

@media (min-width: 768px) {
    .tire-reviews__rating__type.overall .tire-reviews__rating__star-container .rating {
        margin-bottom:0
    }
}

.tire-reviews__rating__type.overall .tire-reviews__rating__star-container .rating.zero {
    margin: 0 0 0 -139px
}

.tire-reviews__rating__type.overall .tire-reviews__rating__star-container .rating.one {
    margin: 0 0 0 -109px
}

.tire-reviews__rating__type.overall .tire-reviews__rating__star-container .rating.two {
    margin: 0 0 0 -82px
}

.tire-reviews__rating__type.overall .tire-reviews__rating__star-container .rating.three {
    margin: 0 0 0 -54px
}

.tire-reviews__rating__type.overall .tire-reviews__rating__star-container .rating.four {
    margin: 0 0 0 -27px
}

.tire-reviews__rating__type.overall .tire-reviews__rating__star-container .rating.five {
    margin: 0 0 0 2px
}

.tire-reviews__write .component__container h2 {
    font-size: 1.7rem;
    margin-bottom: .5rem
}

.tire-reviews__write .component__container h3 {
    font-size: 1.25rem;
    margin-top: 1rem
}

.tire-reviews__write .component__container h3.error-heading {
    color: #D00B0B
}

@media (max-width: 768px) {
    .tire-reviews__write .component__container h3 {
        font-size:1.5rem
    }
}

.tire-reviews__write .component__container h4 {
    font-size: 1.3rem;
    line-height: 1.3rem
}

.tire-reviews__write .component__container p {
    margin-top: 0
}

.tire-reviews__write .component__container ul {
    list-style: disc outside;
    padding-left: 1.25rem;
    margin: 25px 0
}

.tire-reviews__write .component__container ul li {
    line-height: 1.25rem
}

.tire-reviews__write .component__container hr {
    border-bottom: none;
    height: 0;
    margin: 2.5rem 0
}

.tire-reviews__write__form {
    margin-top: 2rem;
    overflow: hidden
}

.tire-reviews__write__form h3 {
    margin-bottom: 1.4rem
}

.tire-reviews__write__form h3 small {
    text-transform: none
}

@media (max-width: 768px) {
    .tire-reviews__write__form h3 small {
        font-size:1rem
    }
}

@media (max-width: 768px) {
    .tire-reviews__write__form-selects {
        margin-bottom:1.375rem
    }
}

.tire-reviews__write__form-selects .tire-reviews__select {
    margin-right: 2.25rem;
    margin-bottom: 1.3rem
}

.tire-reviews__write__form-selects .tire-reviews__select-hide {
    display: none
}

@media (max-width: 768px) {
    .tire-reviews__write__form-selects .tire-reviews__select {
        margin-bottom:1rem;
        width: 100%;
        margin-right: 0
    }
}

.tire-reviews__write__form .input-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-bottom: 2.5em;
    width: 100%
}

.tire-reviews__write__form .input-container.input-33 {
    width: 30%;
    margin-right: 3%
}

@media (max-width: 768px) {
    .tire-reviews__write__form .input-container.input-33 {
        margin-right:0;
        width: 100%
    }

    .tire-reviews__write__form .input-container.input-33 select {
        width: 100%
    }
}

.tire-reviews__write__form .input-container.align-left {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.tire-reviews__write__form .input-container.review-field-error span {
    color: #D00B0B
}

.tire-reviews__write__form .input-container input,.tire-reviews__write__form .input-container textarea {
    font-size: 1rem;
    padding: .1rem 0 0 .5rem;
    margin: 0;
    width: 100%;
    letter-spacing: .06rem;
    border: 1px SOLID #ddd
}

.tire-reviews__write__form .input-container input.validate-error,.tire-reviews__write__form .input-container textarea.validate-error {
    border-color: #D00B0B;
    color: #D00B0B
}

.tire-reviews__write__form .input-container input.validate-error::-webkit-input-placeholder, .tire-reviews__write__form .input-container textarea.validate-error::-webkit-input-placeholder {
    color: #D00B0B !important
}

.tire-reviews__write__form .input-container input.validate-error::placeholder,.tire-reviews__write__form .input-container input.validate-error::-webkit-input-placeholder,.tire-reviews__write__form .input-container input.validate-error::-ms-input-placeholder,.tire-reviews__write__form .input-container input.validate-error::-ms-input-placeholder,.tire-reviews__write__form .input-container textarea.validate-error::placeholder,.tire-reviews__write__form .input-container textarea.validate-error::-webkit-input-placeholder,.tire-reviews__write__form .input-container textarea.validate-error::-ms-input-placeholder,.tire-reviews__write__form .input-container textarea.validate-error::-ms-input-placeholder {
    color: #D00B0B !important
}

@media (max-width: 768px) {
    .tire-reviews__write__form .input-container input,.tire-reviews__write__form .input-container textarea {
        height:3.5rem;
        padding-left: 10px;
        width: 100%
    }
}

.tire-reviews__write__form .input-container input[type="checkbox"] {
    margin: 3px 10px 0;
    padding: 0;
    width: 20px;
    height: 20px;
    cursor: pointer;
    -webkit-transform: scale(1.5);
    transform: scale(1.5)
}

.tire-reviews__write__form .input-container select {
    color: #595959;
    background: #f4f4f4;
    border: 0;
    display: block !important;
    font-size: 1.3rem;
    height: 3rem;
    width: 200px
}

.tire-reviews__write__form .input-container button {
    margin: 40px 0 0 0;
    border: 0;
    min-width: 100px;
    padding: 1rem;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none
}

.tire-reviews__write__form .input-container span {
    font-size: 11px
}

.tire-reviews__write__form .checkboxes {
    margin-bottom: 1rem
}

.tire-reviews__write__form .checkboxes__item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: inline;
    float: left;
    font-size: .9rem;
    margin-bottom: 1rem;
    width: calc(100% / 3)
}

@media (max-width: 768px) {
    .tire-reviews__write__form .checkboxes__item {
        margin-bottom:1rem;
        width: 100%
    }
}

.tire-reviews__write__form .checkboxes__item span {
    cursor: pointer;
    display: inline;
    width: 90%
}

@media (min-width: 768px) {
    .tire-reviews__write__form .checkboxes__item span {
        width:85%
    }
}

.tire-reviews__write__form .checkboxes__item [type=checkbox] {
    margin: .3rem .75rem 0 0;
    min-width: auto;
    vertical-align: top;
    width: auto
}

@media (max-width: 768px) {
    .tire-reviews__write__form .checkboxes__item [type=checkbox] {
        height:auto;
        width: auto
    }
}

.tire-reviews__write__form .stars-large {
    margin-bottom: 1.4rem
}

.tire-reviews__write__form-rules {
    margin-bottom: 2.4rem
}

.tire-reviews__write__form-rules>span {
    margin-right: 1rem
}

@media (max-width: 768px) {
    .tire-reviews__write__form-rules>span {
        display:block
    }
}

.tire-reviews__write__form-rules .stars {
    margin-right: 2.4rem
}

@media (max-width: 768px) {
    .tire-reviews__write__form-rules .stars {
        margin-top:.3rem;
        margin-bottom: 1rem
    }

    .tire-reviews__write__form-rules .stars .stars-item {
        height: 1.5rem;
        width: 1.5rem
    }
}

.tire-reviews__write__form-review label {
    display: inline-block
}

.tire-reviews__write__form-review input,.tire-reviews__write__form-review textarea {
    display: inline-block;
    margin: 1.25rem 2rem .5rem 0;
    vertical-align: top
}

.tire-reviews__write__form-review small {
    float: right
}

.tire-reviews__write-step1__title {
    margin-bottom: 1.2rem
}

.tire-reviews__write-step2 {
    display: none
}

.tire-reviews__write-step2 .ratings-title {
    font-size: 1.25rem;
    font-weight: 400;
    margin-bottom: .8rem;
    width: 100%;
    text-transform: none
}

.tire-reviews__write-step2 .ratings-title span {
    font-size: 11px
}

.tire-reviews__write-step2 .ratings {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%;
    height: 100px
}

.tire-reviews__write-step2 .ratings label {
    font-size: 1.25rem;
    font-weight: 400;
    margin: 20px 0
}

.tire-reviews__write-step2 .ratings .star {
    float: left;
    width: 30px;
    height: 30px;
    text-indent: -9999em;
    cursor: pointer;
    display: block
}

.tire-reviews__write-step2 .ratings .star.star_on a {
    background-position-y: -60px
}

.tire-reviews__write-step2 .ratings .star.star_hover a {
    background-position-y: -30px
}

.tire-reviews__write-step2 .ratings .star a {
    display: block;
    width: 30px;
    height: 30px;
    background-position: 0 0;
    outline-width: 0;
    background-image: url("data:image/gif;base64,R0lGODlhHgBaAOZ/APbWof3BYPnFcfrAYPbVnfq6UPXcsvfTmf7hsffPjPXdtfLw7vjKf/fQkPTn0vu4SffOiv7qyvu5TfPu5vPt5PPp2PTmzfLw7PbarfbYqPfSl/TkyfjMhf3BXvu3R/TixfXhwfu1Qv2+V/q+XfTo1Py3RfyzOvXfuv3VkfnDav3KdvXeuPu1QPyyOPyxN/3Hb/y4SffQjvjIef29VPy2Q//u1P7WlfywM/7dp/7anv3WlfbYpvLx8f3Si/3EZ/3IcP3Ogf3LefyxNPjHdvLx8PjJevPu6PnCZ/fUm/XfvPPs4vPt4/nBZP3GbPTiw/bbr/3EZfjKfffOifyxNf7kufPr3vXgvvLw6/u2Q/fSlPjLgvPq3PTjx/jNh/q7U/7ow/Pv6P7eqvnHdPy0Pfy7T/jOiPPu5fXbr/Pt4vu2RPywNP3Fafy4R/nEbP7x3P7itPuzPfu0P//04/Ps3/jMg/7XlvXhwvfRk/q8VfPs4f3Wlv3XmPy9U/3AXPPp1/Ly8iH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4zLWMwMTEgNjYuMTQ1NjYxLCAyMDEyLzAyLzA2LTE0OjU2OjI3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjA0ODAxMTc0MDcyMDY4MTE4MDgzQTYyNEY3Q0I5Rjg0IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjRBNUU1MDE4RkUwMDExRTI5MzdGQzQwQzY1NTlDN0IzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjRBNUU1MDE3RkUwMDExRTI5MzdGQzQwQzY1NTlDN0IzIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowOTgwMTE3NDA3MjA2ODExODA4M0E2MjRGN0NCOUY4NCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowNDgwMTE3NDA3MjA2ODExODA4M0E2MjRGN0NCOUY4NCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAEAAH8ALAAAAAAeAFoAAAf/gH+Cg4SFQ4WIiYqCJAUWi5CKDXdlkZaEEn4ePJeWXCN/TCCdkRwAfxlRpItEWEp/E3ELq4lJKYMCCrSIMhiDBgKWEwYGGDs7SAcaCQlwYIMXLcwaB0jHGMQUggAtMgwMUgkxBwdGhUbkDQkQ3zIuBIQbDw27f3ceH4gUKXRzpBQcmLxKxCPLFAOXTqhpQCQSiBAaIh0IcaJTlQEIFZ0YsWWVHSaL2qygJQXJIgBaaBUgsWjLg1UVJBD6MCTfIDwOSAHgIIhImQJPvHR59ifBAVJHrPxRoIbDlT8LEgh58ufDgE5gWkR9MGqmhAREpgyMpECAABkTEoFhkKKIL0tF/0LognTCgxhLPKLkubSEwSxInOoJHkyYVNrChhATssAnp+I/EGzQU8zjQY2Xip10kNPHZmEGe9zoSVl4AYsINSKE+Dt4RYAIsANUJCwGxZfbKA5FokDMGDJlzEy8oUL8jYlp1a4RMyOIgIsAUKA0efFChYowCLJnD2OdepPoAVycGsTFQxMc6NOrX6++yYMNiNAcCVAnh/37+PPbCHBkiSIiDQihgg4EFmhggSoIkUVgiyQRQgA9RCjhhD0EEIJSl2wxwhpAdOihhz6MUMUqSbARxIkoolhCV6RwIMIPMMYY4wxS0CJBAD7kqKOOARSwCgkmBCBkADPQMMOQAZjAUv8nB5QggghFenGGFzQ8KQINJnUyAAxklCAEBBf8cUUXQpRABgwgXULBFDCMIYEThYDwwBgwuHBYJE+00EIU5iBiRBF6ZhTJEGmMBIkCWBRhCREM+GeJEgw0BBgtDD5mKWJ3PqbbYxbc4JhiENwwGWKV3YAZYk7coKpnhDGg6g2kEWbaq6sVtsKrqs42mBi43rDpIrwVc0wyyyRgQq/HJUCNNTtgYwBzfzjX67TU9ioeIeVVqy2u78V3xLba9vdfgODiqmCltYRQ7g0XdqIhuCKSCC6LnXAAbo2rSACuj6SQsO6SlxzQq5Re9JrlJQO8+mWYYwrxapqWrKnqm3E+oKoknZc8oSqfifypqqCQEGroIogqGgmjjkYCqaSLoIvXpTDHrEggADs=");
    background-repeat: no-repeat
}

.tire-reviews__write-step2 .ratings .star a:hover {
    background-position-y: -30px
}

.tire-reviews__write-step2 .ratings .star.star-small {
    width: 16px;
    height: 20px;
    padding-top: 5px
}

.tire-reviews__write-step2 .ratings .star.star-small.star_on a {
    background-position-y: -20px
}

.tire-reviews__write-step2 .ratings .star.star-small.star_hover a {
    background-position-y: -40px
}

.tire-reviews__write-step2 .ratings .star.star-small a {
    height: 20px;
    width: 18px;
    background-position: 0 0;
    background-image: url(data:image/gif;base64,R0lGODlhEQA8AOZ/APywM/q9WfnCZvyzOvq+W/yyOfXgvvPs4PPq3PjLgv3Rh/yxNvLv6/Lw6/XdtvyzPP3KdfbZqvPp1/fRk/Pt5fLx8fTn0/nDa/Lx7vLx7/jHdvXbr/nHdfbXo/Pq2/7YmfrAYvbVn/bUnfTkyPnEbfuzPfXdtfu0Pvu1QPfPjPfRkfjKfvTmzvPu5/bbr/Pr3vjJe/jIePLw7fTixf7QhfrAYfrAYPfRkvu6T/TlzPywNPu3RvTkyvPt4vTlzfq8V/Ps4vfOivy4SPfTmPjIefnFb/q/Xv3DZfXbsf3EZf3Jc/fPjfXet/3BX/u5TfXhwf3EaP3Vk/7aoPLv6fu2Q/y3RfXfuvfQj/2/Wfy2Q/bZq/yxNfq6UfXgvfPo1v3JcvfUmvnEbvjId/3DZPyxNP7Qg/q6UPy4Sfu1Qvy1Qfu4SfTo1f7Xl/q7U/fOi/XbsPLv6v7Qhvy5SvfRlPjMhfbarv3CY/yzO/u5TvTn0vy0PP3KeP7dqf7WlfnBZPLy8iH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4zLWMwMTEgNjYuMTQ1NjYxLCAyMDEyLzAyLzA2LTE0OjU2OjI3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjA0ODAxMTc0MDcyMDY4MTE4MDgzQTYyNEY3Q0I5Rjg0IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjUwRkRDMjZGRkUwMTExRTI5MzdGQzQwQzY1NTlDN0IzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjUwRkRDMjZFRkUwMTExRTI5MzdGQzQwQzY1NTlDN0IzIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowQTgwMTE3NDA3MjA2ODExODA4M0E2MjRGN0NCOUY4NCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowNDgwMTE3NDA3MjA2ODExODA4M0E2MjRGN0NCOUY4NCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAEAAH8ALAAAAAARADwAAAf/gH+Cg4IYdYSIiVYEiY2CGngSjohwdypzk4QuGmtmjmACNgEBKDN/CW2jAkVeghUqZA45FIN5OW5cFogGaEOEQAliU40IagiDEzeTGCctf85Lvo5Pfl1hJ1czNpN0N1RMFBwcW7SNTkVAg28oLo0vEYkvWpn09fb3+Pn6uwf4RCH3GJRgZA8JAACS6pE4OKFRjxgCCAT4seDggFFGBASRIehAjYMgQwKA0YBQhhQ6RAIoAK/RBpEDWExyoPKYoxUHH1QE0GHSDgAgPIzAAeCCIx4FRFQQxCDBgJKJTOja5WOf1atYs9oz0O/ev4AD7yGBciYhPRJR9jRM9DDixAV8U6RcDJBxY8caTWjEYfPhQx8aZbCQNIlSiYLDCpKwdLRBDoTHX2LOzHLEzpgjBWw2WiGkik4haXo62vEg6FA9RhshVcrUKVREUhMZqKq1tu3biQIBADs=)
}

.tire-reviews__write-step2 .ratings .rating-legend {
    font-size: 11px;
    margin: 5px 0 0 10px
}

.tire-reviews__write-step2 .ratings .rating-value-label {
    display: none
}

.tire-reviews__write-step2 .secondary-ratings {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 20px
}

.tire-reviews__write-step2 .secondary-ratings .ratings {
    width: 22%
}

.tire-reviews__write-step2 .secondary-ratings .ratings label {
    font-size: 13px
}

.tire-reviews__write-step2 .form-row {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.tire-reviews__write-step2 .form-row label {
    text-transform: none;
    font-weight: 400
}

.tire-reviews .review-error-header {
    display: none
}

.tire-reviews .hidden-review-label {
    display: none
}

.tire-reviews .validate-errors-list {
    display: none
}

.tire-reviews__write {
    background-color: #f0f0f0;
    color: #393939
}

.tire-reviews__write .component__container h2 {
    color: #393939
}

.tire-reviews__write .component__container h3 {
    color: #393939
}

.tire-reviews__write .component__container h3 h4 {
    color: #7f7f7f
}

.tire-reviews__write .component__container h3 p {
    color: #4d4d4d
}

.tire-reviews__write .component__container h3 ul {
    color: #4d4d4d
}

.tire-reviews__write .component__container h3 hr {
    border-top: 1px solid #7f7f7f
}

.tire-reviews__write__form h3 small {
    color: #7f7f7f
}

.tire-reviews__write__form-selects .tire-reviews__select select {
    background-color: #fff;
    color: #393939
}

.tire-reviews__write__form .input-container input,.tire-reviews__write__form .input-container textarea {
    padding: 10px
}

.tire-reviews__write__form .input-container select {
    background-color: #fff;
    color: #7f7f7f
}

.tire-reviews__write__form .input-container button {
    background-color: #e42300;
    color: #fff
}

.tire-reviews__write__form .checkboxes__item span {
    color: #7f7f7f
}

.tire-reviews__write__form-rules-review input,.tire-reviews__write__form-rules-review textarea {
    border: 1px solid #ccc
}

.tire-reviews__write__form-rules-review small {
    color: #7f7f7f
}

.tire-reviews__write__form-rules-review .check-complete {
    margin-bottom: 2rem
}

.tire-reviews__write__form-rules-review .check-complete .svg-container svg {
    fill: #00a651
}

.tire-reviews__write__form-rules-review select {
    background: #fff;
    color: #393939
}

.tire-reviews__write-step1__title h3 {
    color: #7f7f7f
}

.tire-reviews__write-step2 .ratings-title span {
    color: #7f7f7f
}

#reviews-tire-container .reviews-tire {
    display: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 50px 0
}

[data-page-name="tire-detail"] #reviews-tire-container .reviews-tire {
    padding: 0
}

#reviews-tire-container .reviews-tire.active {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

#reviews-tire-container .reviews-tire .rating-label {
    margin: 5px 0 0 0
}

#reviews-tire-container .reviews-tire .star-container {
    width: 90px;
    height: 14px;
    overflow: hidden;
    position: relative
}

#reviews-tire-container .reviews-tire .star-container img {
    min-width: 162px;
    min-height: 14px;
    position: absolute;
    margin: 0
}

#reviews-tire-container .reviews-tire .star-container img.star-,#reviews-tire-container .reviews-tire .star-container img.star-0,#reviews-tire-container .reviews-tire .star-container img.star-1 {
    margin: 0 0 0 -72px
}

#reviews-tire-container .reviews-tire .star-container img.star-2 {
    margin: 0 0 0 -54px
}

#reviews-tire-container .reviews-tire .star-container img.star-3 {
    margin: 0 0 0 -36px
}

#reviews-tire-container .reviews-tire .star-container img.star-4 {
    margin: 0 0 0 -18px
}

#reviews-tire-container .reviews-tire .rating-text {
    display: none
}

#reviews-tire-container .reviews-tire .customer {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

@media screen and (max-width: 768px) {
    #reviews-tire-container .reviews-tire .customer {
        -webkit-box-orient:vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        width: 80%;
        margin: 0 auto;
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }
}

#reviews-tire-container .reviews-tire .customer--rating {
    width: 30%
}

@media screen and (max-width: 768px) {
    #reviews-tire-container .reviews-tire .customer--rating {
        width:100%
    }
}

[data-page-name="tire-detail"] #reviews-tire-container .reviews-tire .customer--rating {
    padding: 70px 20px 20px
}

@media screen and (max-width: 768px) {
    [data-page-name="tire-detail"] #reviews-tire-container .reviews-tire .customer--rating {
        padding:20px
    }
}

#reviews-tire-container .reviews-tire .customer--info {
    width: 65%
}

@media screen and (max-width: 768px) {
    #reviews-tire-container .reviews-tire .customer--info {
        width:100%;
        margin-bottom: 20px
    }
}

[data-page-name="tire-detail"] #reviews-tire-container .reviews-tire .customer--info {
    padding: 60px 0 0 20px
}

#reviews-tire-container .reviews-tire .customer--info_time,#reviews-tire-container .reviews-tire .customer--info_vehicle,#reviews-tire-container .reviews-tire .customer--info_miles {
    display: inline-block
}

#reviews-tire-container .reviews-tire .ratings {
    width: 30%
}

@media screen and (max-width: 768px) {
    #reviews-tire-container .reviews-tire .ratings {
        width:80%;
        margin: 0 auto;
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }
}

[data-page-name="tire-detail"] #reviews-tire-container .reviews-tire .ratings {
    padding: 20px 20px 70px;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch
}

@media screen and (max-width: 768px) {
    [data-page-name="tire-detail"] #reviews-tire-container .reviews-tire .ratings {
        padding:20px;
        margin: 0 auto 60px
    }
}

#reviews-tire-container .reviews-tire .ratings .rating-single {
    width: 80%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width: 768px) {
    #reviews-tire-container .reviews-tire .ratings .rating-single {
        width:100%
    }
}

[data-page-name="tire-detail"] #reviews-tire-container .reviews-tire .ratings .rating-single {
    width: 100%
}

#reviews-tire-container .reviews-tire .review {
    width: 65%
}

@media screen and (max-width: 768px) {
    #reviews-tire-container .reviews-tire .review {
        -webkit-box-ordinal-group:3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
        width: 80%;
        margin: 0 auto
    }
}

[data-page-name="tire-detail"] #reviews-tire-container .reviews-tire .review {
    padding: 20px 20px 70px
}

@media screen and (max-width: 768px) {
    [data-page-name="tire-detail"] #reviews-tire-container .reviews-tire .review {
        padding:50px 20px
    }
}

#reviews-tire-container .reviews-tire .review_title {
    margin: 1rem 0 .5rem 0;
    padding-top: 1rem
}

[data-page-name="tire-detail"] #reviews-tire-container .reviews-tire .review_title {
    margin-top: 0;
    padding-top: 0
}

#reviews-tire-container .reviews-tire .review_text {
    word-wrap: break-word;
    margin-bottom: 10px
}

#reviews-tire-container .reviews-tire .review .attributes_title {
    margin-top: 30px
}

#reviews-tire-container .pagination {
    padding: 1.2rem 0;
    width: 100%
}

#reviews-tire-container .pagination .page {
    display: inline-block;
    margin: 0 7px;
    cursor: pointer
}

#reviews-tire-container .pagination .page.active,#reviews-tire-container .pagination .page:hover {
    -webkit-transition: all 300ms;
    transition: all 300ms
}

.tire-footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 100%;
    height: 42px;
    position: relative
}

.tire-footer__collapse {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: absolute;
    bottom: 0;
    left: 50%;
    padding: 0 5%;
    width: 100%;
    height: 38px;
    border: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media (min-width: 768px) {
    .tire-footer__collapse {
        padding:.5rem .75rem;
        width: auto
    }
}

.tire-footer__collapse .triangle {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

[data-page-name="tire-detail"] .tire-reviews__all {
    background-color: #fff
}

#reviews-tire-container {
    background-color: #222
}

[data-page-name="tire-detail"] #reviews-tire-container {
    background-color: #fff
}

#reviews-tire-container .reviews-tire {
    border-bottom: SOLID #888 1px;
    color: #999;
    font-size: 12px
}

#reviews-tire-container .reviews-tire.active {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

#reviews-tire-container .reviews-tire .rating-label {
    color: #f4f4f4;
    font-size: 1rem
}

[data-page-name="tire-detail"] #reviews-tire-container .reviews-tire .rating-label {
    color: #343434;
    text-transform: uppercase
}

[data-page-name="tire-detail"] #reviews-tire-container .reviews-tire .customer--rating {
    background-color: #f5f5f5
}

#reviews-tire-container .reviews-tire .customer--info_time,#reviews-tire-container .reviews-tire .customer--info_name,#reviews-tire-container .reviews-tire .customer--info_location,#reviews-tire-container .reviews-tire .customer--info_state {
    text-transform: uppercase;
    font-family: 'BridgestoneType-Cd', 'NotoSans';
    font-weight: 400;
    line-height: 1.7;
    font-weight: 400;
    line-height: 1;
    color: #7f7f7f;
    font-size: 16px
}

#reviews-tire-container .reviews-tire .customer--info_name,#reviews-tire-container .reviews-tire .customer--info_location,#reviews-tire-container .reviews-tire .customer--info_state {
    color: #f0f0f0
}

[data-page-name="tire-detail"] #reviews-tire-container .reviews-tire .customer--info_name,[data-page-name="tire-detail"] #reviews-tire-container .reviews-tire .customer--info_location,[data-page-name="tire-detail"] #reviews-tire-container .reviews-tire .customer--info_state {
    color: #343434
}

#reviews-tire-container .reviews-tire .customer--info_vehicle,#reviews-tire-container .reviews-tire .customer--info_miles {
    font-family: 'BridgestoneType-Cd', 'NotoSans';
    font-weight: 400;
    line-height: 1.7;
    font-weight: 400;
    line-height: 1.7;
    color: #7f7f7f;
    font-style: italic;
    font-size: .75rem
}

[data-page-name="tire-detail"] #reviews-tire-container .reviews-tire .customer--info_vehicle,[data-page-name="tire-detail"] #reviews-tire-container .reviews-tire .customer--info_miles {
    color: #939598
}

[data-page-name="tire-detail"] #reviews-tire-container .reviews-tire .ratings {
    background-color: #f5f5f5
}

[data-page-name="tire-detail"] #reviews-tire-container .reviews-tire .ratings .rating-single {
    color: #343434
}

#reviews-tire-container .reviews-tire .review {
    text-transform: uppercase;
    font-family: 'BridgestoneType', 'NotoSans';
    font-weight: 400;
    line-height: 1
}

#reviews-tire-container .reviews-tire .review_title {
    color: #fff;
    text-transform: uppercase;
    font-size: 1.66rem;
    font-weight: bold;
    line-height: 2rem
}

[data-page-name="tire-detail"] #reviews-tire-container .reviews-tire .review_title {
    color: #343434;
    font-weight: 400
}

#reviews-tire-container .reviews-tire .review_text {
    font-family: 'BridgestoneType-Cd', 'NotoSans';
    font-weight: 400;
    line-height: 1.7;
    font-weight: 400;
    line-height: 1.7;
    color: #f0f0f0;
    font-size: 1rem;
    font-style: italic;
    text-transform: none
}

[data-page-name="tire-detail"] #reviews-tire-container .reviews-tire .review_text {
    color: #7f7f7f
}

#reviews-tire-container .reviews-tire .review .attributes_title {
    color: #f4f4f4;
    font-size: 20px;
    letter-spacing: 0.01em;
    font-style: normal;
    text-transform: uppercase
}

[data-page-name="tire-detail"] #reviews-tire-container .reviews-tire .review .attributes_title {
    color: #343434
}

#reviews-tire-container .reviews-tire .review .attributes_text {
    text-transform: capitalize;
    font-size: 18px;
    line-height: 32px;
    letter-spacing: 0.01em
}

#reviews-tire-container .pagination {
    text-align: right;
    font-size: 16px;
    color: #fff
}

[data-page-name="tire-detail"] #reviews-tire-container .pagination {
    color: #343434
}

#reviews-tire-container .pagination .page {
    text-align: center;
    color: #217eff
}

#reviews-tire-container .pagination .page.active,#reviews-tire-container .pagination .page:hover {
    color: #ffffff
}

[data-page-name="tire-detail"] #reviews-tire-container .pagination .page.active,[data-page-name="tire-detail"] #reviews-tire-container .pagination .page:hover {
    color: #343434
}

.tire-footer__collapse {
    background-color: #ccc;
    border: none;
    display: block;
    height: 20px;
    position: relative;
    width: 100%;
    padding: 0
}

.tire-footer-dark {
    background-color: #393939
}

.tire-footer-dark:before {
    border-color: transparent transparent #393939
}

.tire-search-overlay {
    background: #777;
    bottom: 0;
    display: none;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 90
}

@media (min-width: 768px) {
    .tire-search-overlay {
        display:none
    }
}

.tire-search-overlay.is-visible {
    display: block
}

.tire-search {
    color: #222326;
    width: 100%;
    z-index: 100;
    opacity: 1;
    display: block;
    padding-bottom: 35px;
    background-color: #f3f3f3
}

.tire-search__header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: 50%;
    margin: 0 auto
}

@media (min-width: 768px) {
    .tire-search__header {
        margin-bottom:15px
    }
}

@media (min-width: 992px) {
    .tire-search__header {
        width:38%;
        margin-bottom: 0
    }
}

@media (min-width: 992px) {
    .tire-search__header--es {
        width:42%
    }
}

.tire-search__header__tab {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 20%;
    -ms-flex: 1 1 20%;
    flex: 1 1 20%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #1f5593;
    color: #fff;
    cursor: pointer;
    font-size: 1.1rem;
    text-align: center;
    height: 50px;
    margin-right: 25px
}

.tire-search__header__tab:last-child {
    border-right: none
}

.tire-search__header__tab--active {
    background-color: #2776e3
}

.tire-search__header__tab--es {
    font-size: 1.125rem
}

.tire-search__trim-button {
    margin-top: 6px;
    color: #378bff;
    background-color: transparent;
    border: none;
    cursor: pointer;
    text-transform: none
}

@media (min-width: 992px) {
    .tire-search__trim-button {
        float:left
    }
}

.tire-search__body {
    background-color: #f3f3f3;
    overflow: hidden;
    max-height: 240px;
    margin-top: 40px
}

.tire-search__body--hidden {
    max-height: 0;
    -webkit-transition: max-height .20s ease-in;
    transition: max-height .20s ease-in
}

.tire-search__form {
    display: none
}

.tire-search__form--active {
    display: block;
    text-align: center
}

.tire-search__form__title {
    font-size: 1.3rem;
    margin-bottom: .8rem
}

.tire-search__form--checkbox {
    margin-top: 10px;
    display: none
}

.tire-search__form--checkbox label {
    text-transform: none
}

.tire-search__form ul li {
    display: block;
    margin: 5px;
    min-height: 3rem;
    opacity: 1;
    position: relative;
    text-align: left
}

.tire-search__form ul li button,.tire-search__form ul li input,.tire-search__form ul li select,.tire-search__form ul li textarea {
    pointer-events: none
}

@media (min-width: 768px) {
    .tire-search__form ul li {
        display:inline-block
    }
}

.tire-search__form ul li.active button,.tire-search__form ul li.active input,.tire-search__form ul li.active select,.tire-search__form ul li.active textarea {
    pointer-events: auto
}

.tire-search__form ul li.active ~ li:not(.checkbox) {
    opacity: .5
}

.tire-search__form ul li.select {
    background-color: #fff;
    height: 3rem;
    min-width: 9.5rem;
    color: #222326
}

.tire-search__form ul li.select .icon-arrow {
    display: none
}

.tire-search__form ul li.select .tire-search__option {
    padding: 0 1rem
}

@media (min-width: 768px) {
    .tire-search__form ul li.select .tire-search__option--es {
        padding:.5rem;
        font-size: 1rem
    }
}

.tire-search__form ul li.select select.tire-search__option--en {
    text-transform: uppercase
}

.tire-search__form ul li.select .icon-close {
    display: block;
    pointer-events: auto
}

.tire-search__form ul li.select .icon-close svg {
    width: 9px
}

.tire-search__form ul li.select.active .icon-arrow,.tire-search__form ul li.select.active ~ li .icon-arrow {
    display: block
}

.tire-search__form ul li.select.active .icon-arrow--es,.tire-search__form ul li.select.active ~ li .icon-arrow--es {
    left: 15px
}

.tire-search__form ul li.select.active .icon-arrow svg,.tire-search__form ul li.select.active ~ li .icon-arrow svg {
    width: 9px
}

.tire-search__form ul li.select.active .icon-close,.tire-search__form ul li.select.active ~ li .icon-close {
    display: none
}

@media (min-width: 992px) {
    .tire-search__form ul li.select__trim {
        width:170px;
        position: relative
    }
}

@media (min-width: 768px) {
    .tire-search__form ul li.select__trim {
        width:215px
    }
}

.tire-search__form ul li.checkbox {
    text-transform: none
}

.tire-search__form ul li.checkbox button,.tire-search__form ul li.checkbox input,.tire-search__form ul li.checkbox select,.tire-search__form ul li.checkbox textarea {
    pointer-events: auto
}

.tire-search__form ul li.checkbox input {
    margin-right: .4rem
}

.tire-search__form ul li.checkbox button {
    -moz-appearance: none;
    -webkit-appearance: none;
    background: none;
    border: none;
    cursor: pointer;
    display: block;
    font-size: 1rem;
    margin-left: 1.25rem;
    margin-top: .65rem;
    text-decoration: underline
}

.tire-search__form ul li.hidden {
    display: none
}

.tire-search .hidden {
    display: none
}

.tire-search .submit__tire,.tire-search .submit__trim {
    -moz-appearance: none;
    -webkit-appearance: none;
    background: none;
    border: none;
    cursor: pointer;
    font-size: 1.1rem;
    padding: 12px;
    width: 100px
}

.tire-search__footer button,.tire-search__footer input,.tire-search__footer select,.tire-search__footer textarea {
    pointer-events: none
}

.tire-search__footer .submit__tire {
    background-color: #ccc;
    color: #fff;
    margin: 1.625rem 0 4rem;
    position: relative;
    text-transform: uppercase
}

.tire-search__footer--active button,.tire-search__footer--active input,.tire-search__footer--active select,.tire-search__footer--active textarea,.tire-search__footer--active-important button,.tire-search__footer--active-important input,.tire-search__footer--active-important select,.tire-search__footer--active-important textarea {
    pointer-events: auto
}

.tire-search__footer--active .submit__tire,.tire-search__footer--active-important .submit__tire {
    background-color: transparent;
    border: 2px solid #e42300;
    z-index: 3
}

.tire-search__footer--active .submit__tire:after,.tire-search__footer--active-important .submit__tire:after {
    background-color: #e42300;
    bottom: 0;
    content: '';
    height: 100%;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: .3s ease-in;
    transition: .3s ease-in;
    width: 100%;
    z-index: -1
}

.tire-search__footer--active .submit__tire:hover:after,.tire-search__footer--active-important .submit__tire:hover:after {
    height: calc(100% - 8px);
    -webkit-transition: .15s ease-in;
    transition: .15s ease-in;
    width: calc(100% - 8px)
}

.vehicle-form-only .tire-search__body,.tire_size-form-only .tire-search__body,.tire_type-form-only .tire-search__body {
    margin-top: 0
}

.find-trim-modal {
    padding: 2rem;
    background-color: #fff;
    list-style: none
}

.find-trim-modal__container {
    display: none
}

.find-trim-modal__title {
    padding-bottom: 30px;
    font-size: 1.375rem;
    font-weight: bold
}

.find-trim-modal__svg-container {
    height: 54px;
    width: 54px;
    display: inline-block;
    float: left
}

.find-trim-modal__svg-container__exception-svg {
    padding: 15px
}

.find-trim-modal ul li {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border-bottom: none;
    display: inline-block;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 0 0 1.5em;
    position: relative;
    width: 48%
}

.find-trim-modal ul li svg {
    background: #e6e6e6;
    border: 1px solid #8d8d8d;
    height: 100%;
    width: 100%
}

.find-trim-modal ul li p {
    color: #666;
    display: inline;
    width: 70%;
    float: right;
    margin: 0
}

.find-trim-modal ul li a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    color: #246bce
}

.find-trim-modal .submit {
    background-color: #fff;
    display: block;
    margin-top: 10%
}

.find-trim-modal .submit__trim {
    background-color: #3d8fff
}

.find-trim-modal .submit__trim h3 {
    color: #fff
}

.tire-search-tpms {
    display: none;
    visibility: hidden
}

.tire-search-tpms__modal {
    background-color: #fff
}

.tire-search-tpms__modal--title {
    font-size: 1.35rem;
    color: #222326
}

.tire-search-tpms__modal--body {
    margin-bottom: 20px
}

.tire-search-tpms__modal--button {
    background-color: #378bff;
    border: none;
    color: #fff;
    display: inline-block;
    font-size: 1.35rem;
    height: 48px;
    width: 100px
}

.tire-search-tpms__modal--button-yes {
    margin-right: 4%
}

.tire-search-tpms__modal--text {
    color: #666;
    display: inline;
    font-size: 1rem;
    line-height: 1.4rem;
    margin: 20px 0 0
}

.tire-search-tpms__modal--text-bold {
    font-weight: bold
}

.tire-selector {
    width: 100%;
    display: none
}

@media (min-width: 768px) {
    .tire-selector {
        display:block
    }
}

.tire-selector__header {
    width: 100%;
    text-align: center;
    background-color: #f3f3f3
}

.tire-selector__header__find-tire h1,.tire-selector__header__find-tire .vsHeader .vs-headline,.vsHeader .tire-selector__header__find-tire .vs-headline,.tire-selector__header__find-tire h2 {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #000;
    height: 100%;
    padding: 2rem;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase
}

.tire-showcase {
    background-color: #fcfcfc;
    background-size: cover;
    background-position: center bottom;
    border-color: #fff;
    border-width: 0;
    color: #8d8d8d;
    position: relative;
    width: 100%
}

.tire-showcase .component__container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-color: inherit
}

.tire-showcase__brand {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
    -ms-flex-order: 10;
    order: 10;
    margin-bottom: .5rem
}

.tire-showcase__brand__item {
    margin: 25px 0
}

.tire-showcase__content {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-ordinal-group: 21;
    -webkit-order: 20;
    -ms-flex-order: 20;
    order: 20;
    overflow: hidden;
    position: relative
}

.tire-showcase__content .tire-showcase__headline {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    margin: 25px 0
}

.dark .tire-showcase__content .tire-showcase__headline {
    color: #343434
}

.light .tire-showcase__content .tire-showcase__headline {
    color: #fff
}

.tire-showcase__content .tire-showcase__body {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 50%;
    -ms-flex: 0 1 50%;
    flex: 0 1 50%
}

@media (max-width: 768px) {
    .tire-showcase__content .tire-showcase__body {
        -webkit-box-flex:0;
        -webkit-flex: 0 1 80%;
        -ms-flex: 0 1 80%;
        flex: 0 1 80%
    }
}

.dark .tire-showcase__content .tire-showcase__body {
    color: #343434
}

.light .tire-showcase__content .tire-showcase__body {
    color: #fff
}

.tire-showcase__content .tire-showcase__brand {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
    -ms-flex-order: 10;
    order: 10
}

.tire-showcase__content .tire-showcase__brand__item {
    margin: 1.5rem 0
}

.tire-showcase__content .tire-showcase__brand__item:last-child {
    margin: 0
}

.tire-showcase__content .tire-showcase__content-item {
    display: none
}

.media--left .tire-showcase__content {
    margin-left: 1.5rem
}

.media--right .tire-showcase__content {
    margin-right: 1.5rem
}

.media--left .tire-showcase__image {
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
    -ms-flex-order: 10;
    order: 10
}

.media--right .tire-showcase__image {
    -webkit-box-ordinal-group: 31;
    -webkit-order: 30;
    -ms-flex-order: 30;
    order: 30
}

.tire-showcase__image.image {
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.tire-showcase__image.image button {
    background-color: transparent;
    border-radius: 10px;
    border: 2px solid #fff;
    cursor: pointer;
    height: 20px;
    position: absolute;
    width: 20px;
    z-index: 20
}

.tire-showcase__image.image img {
    display: none;
    position: relative;
    z-index: 10
}

.tire-showcase__cta-container {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-box-ordinal-group: 31;
    -webkit-order: 30;
    -ms-flex-order: 30;
    order: 30
}

.tire-showcase__cta-container a {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    margin: 1rem
}

.component--align-left .tire-showcase__cta-container {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.component--align-left .tire-showcase__cta-container a:first-child {
    margin-left: 0
}

.component--align-right .tire-showcase__cta-container {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.component--align-right .tire-showcase__cta-container a:last-child {
    margin-right: 0
}

.tire-summary {
    background-color: #fff;
    background-size: cover;
    background-position: center center;
    border-color: #fff;
    border-width: 0;
    color: #8d8d8d;
    padding-top: 2rem;
    position: relative;
    width: 100%
}

.tire-summary .article-id {
    display: none
}

.tire-summary button.requestQuote {
    color: #fff
}

.tire-summary .component__container {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    border-color: inherit;
    padding: 0 0 1.5rem
}

.tire-summary .component__container .currency {
    display: none
}

@media (min-width: 768px) {
    .tire-summary .component__container {
        -webkit-box-align:center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.tire-summary__section {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch
}

.tire-summary__section .help-bar {
    max-width: 500px
}

.tire-summary__meta {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.tire-summary__meta.component__flexie,.tire-summary__meta .component__flexie {
    margin-bottom: 4rem
}

.tire-summary__meta.price_view {
    margin-bottom: 0 !important
}

.tire-summary__meta-front,.tire-summary__meta-rear {
    display: none
}

.tire-summary__meta-front.active,.tire-summary__meta-rear.active {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.tire-summary__meta-textlink {
    height: 15px
}

.tire-summary__meta-textlink.zero-warranty {
    margin-bottom: 1.1rem
}

.tire-summary__svg-slash {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    display: block;
    height: 3.75rem;
    line-height: .75rem;
    margin: 0 1em;
    position: relative;
    width: 1.5rem
}

.tire-summary__svg-slash svg {
    fill: #ccc;
    height: 100%;
    width: 100%
}

.ie9 .tire-summary__svg-slash {
    display: inline-block;
    height: 3.75rem;
    line-height: .75rem;
    float: left;
    width: 1.5rem
}

.ie9 .tire-summary__svg-slash svg {
    fill: #ccc;
    height: 100%;
    width: 100%
}

.tire-summary .tire-heading {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    font-size: 2rem;
    margin: 0 0 1rem
}

.tire-summary .tire-heading__main {
    font-size: 3.5rem;
    font-weight: 600;
    text-transform: uppercase
}

.tire-summary .tire-heading__subsection {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 1.5rem;
    padding: 0;
    text-transform: uppercase;
    overflow: hidden;
    margin: 1rem 0
}

@media (min-width: 768px) {
    .tire-summary .tire-heading__subsection {
        margin:0
    }
}

.tire-summary .tire-heading__subsection-item {
    border-right: 1px solid #a3a3a3;
    color: #a3a3a3;
    margin-right: 1rem;
    padding-right: 1rem;
    font-size: 1.4rem
}

.tire-summary .tire-heading__subsection-item:last-child {
    border-right: none
}

.tire-summary .tire-heading__size-detail-front,.tire-summary .tire-heading__size-detail-rear,.tire-summary .tire-heading__size-detail {
    display: none;
    border-right: none
}

.tire-summary .tire-heading__brand {
    color: #a3a3a3
}

.tire-summary .tire-heading__brand,.tire-summary .tire-heading__subbrand {
    font-size: 1.4rem;
    font-weight: 400;
    margin-right: .5rem;
    letter-spacing: -0.01em
}

.tire-summary .tire-heading__brand--Potenza,.tire-summary .tire-heading__subbrand--Potenza {
    color: red
}

.tire-summary .tire-heading__brand--DriveGuard,.tire-summary .tire-heading__subbrand--DriveGuard {
    color: #ff7e1c
}

.tire-summary .tire-heading__brand--Blizzak,.tire-summary .tire-heading__subbrand--Blizzak {
    color: #5a5a5a
}

.tire-summary .tire-heading__brand--Ecopia,.tire-summary .tire-heading__subbrand--Ecopia {
    color: #5ca311
}

.tire-summary .tire-heading__brand--Turanza,.tire-summary .tire-heading__subbrand--Turanza {
    color: #144ddf
}

.tire-summary .tire-heading__brand--Dueler,.tire-summary .tire-heading__subbrand--Dueler {
    color: #f5d900
}

@media (max-width: 768px) {
    .tire-summary .tire-heading__brand,.tire-summary .tire-heading__subbrand {
        font-size:1.2rem
    }
}

.tire-summary .tire-heading__model {
    display: block;
    margin-left: 0;
    font-size: 50px
}

@media (max-width: 768px) {
    .tire-summary .tire-heading__model {
        font-size:1rem
    }
}

.tire-summary .tire-content {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 50%;
    -ms-flex: 0 1 50%;
    flex: 0 1 50%;
    max-width: 500px
}

@media (max-width: 768px) {
    .tire-summary .tire-content {
        -webkit-box-flex:0;
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto
    }
}

.tire-summary .tire-content p {
    font-weight: 100;
    line-height: 1.5
}

.tire-summary .tire-title {
    display: none;
    width: 100%;
    margin-bottom: .6rem
}

.tire-summary .tire-price__title {
    margin: 0;
    font-size: .6875rem;
    font-weight: 100
}

.tire-summary .tire-price__title-isAPAC {
    margin: 0;
    font-size: 12px;
    text-transform: capitalize;
    color: #5a5a5a;
    font-weight: 100
}

.tire-summary .tire-price__meta {
    color: #000;
    font-size: 1.5rem;
    letter-spacing: -0.04rem
}

.tire-summary .tire-price__symbol {
    margin-right: .1em
}

.tire-summary .tire-price__symbol--ca {
    font-size: 65%
}

.tire-summary .tire-price__cents {
    margin-left: .1em
}

.tire-summary .tire-warranty {
    position: relative
}

.tire-summary .tire-warranty__title {
    margin: 0;
    font-size: .6875rem;
    font-weight: 100
}

.tire-summary .tire-warranty__range {
    color: #000;
    font-size: 1.75rem
}

.tire-summary .tire-special-offers {
    margin-bottom: 0
}

.tire-summary__modal-msrp {
    display: none;
    visibility: hidden
}

.tire-summary__msrp-button,.tire-summary button {
    color: #3d8fff;
    background-color: transparent;
    border: none;
    cursor: pointer
}

.tire-summary button.button-medium-solid-bst-blue,.tire-summary button.button-medium-solid-bst-blue * {
    font-family: 'BridgestoneType-Cd', 'NotoSans' !important;
    color: #f0f0f0 !important;
    margin: 5px 0
}

.price-list-cta {
    font-size: 16px
}

.show-price-list-wrapper a {
    display: inline-block
}

.request-quote {
    padding: 40px
}

.request-quote-title h2 {
    text-align: center
}

.request-quote-btn-group {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between
}

.request-quote-btn-group a {
    width: 45%;
    padding: 1.25rem;
    min-width: 90px
}

.request-quote-btn-group a:hover,.request-quote-btn-group a:focus {
    color: #fff;
    text-decoration: none
}

.request-quote-btn-group a.cancel:hover,.request-quote-btn-group a.cancel:focus {
    color: #3d8fff
}

.tire-summary__tire-change-textlink,.tire-summary__vehicle-change-textlink {
    margin-left: 10px
}

.tire-summary .tire-fit {
    font-size: 0.85rem
}

.tire-summary .tire-fit__badge-false,.tire-summary .tire-fit__badge-true {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 24px;
    font-size: 11px;
    font-weight: bold;
    color: #ffffff;
    padding: 0 10px;
    border-radius: 12px;
    margin-bottom: 10px
}

.tire-summary .tire-fit__badge-false>div,.tire-summary .tire-fit__badge-true>div {
    display: inline-block;
    width: 11px;
    height: 11px;
    border-radius: 6px;
    background: #fff;
    position: relative;
    margin-right: 6px
}

.tire-summary .tire-fit__badge-false>div svg,.tire-summary .tire-fit__badge-true>div svg {
    position: absolute;
    top: 1px;
    left: 1px
}

.tire-summary .tire-fit__badge-false {
    background-color: #e42300
}

.tire-summary .tire-fit__badge-false>div {
    border: 1px solid #D0021B
}

.tire-summary .tire-fit__badge-false>div svg {
    top: 2px;
    left: 2px
}

.tire-summary .tire-fit__badge-true {
    background-color: #6ba224
}

.tire-summary .tire-fit__badge-true>div {
    border: 1px solid #7ED321
}

.tire-summary .tire-fit__badge-unknown {
    font-weight: bold
}

.tire-summary .tire-fit__tire,.tire-summary .tire-fit__vehicle {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.tire-summary .tire-fit__button {
    color: #f0f0f0;
    width: 100%;
    border: 2px solid #3d8fff;
    margin-top: 10px
}

.tire-summary .tire-cta__button.tire-fit__button {
    display: block;
    line-height: inherit;
    padding: 10px
}

.currency {
    display: none
}

@media (min-width: 768px) {
    .tire-summary .tire-fit__tire,.tire-summary .tire-fit__vehicle {
        -webkit-box-pack:inherit;
        -webkit-justify-content: inherit;
        -ms-flex-pack: inherit;
        justify-content: inherit
    }
}

.tire-summary__modal-tire-fit {
    color: #222326
}

.tire-summary__modal-tire-fit .tire-fit-search__header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    height: 65px;
    background-color: #222326
}

.tire-summary__modal-tire-fit .tire-fit-search__header__tab {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 50%;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    border-right: 1px solid #464648;
    color: #fff;
    cursor: pointer;
    font-size: 1.25rem;
    text-align: center;
    text-transform: uppercase;
    padding: 0 32px;
    min-width: 140px
}

.tire-summary__modal-tire-fit .tire-fit-search__header__tab:last-child {
    border-right: none
}

.tire-summary__modal-tire-fit .tire-fit-search__header__tab--active {
    background-color: #f5f5f5;
    color: #000
}

.tire-summary__modal-tire-fit .submit__simple {
    background-color: #2876e4;
    font-size: 1.1rem;
    height: 32.5px;
    width: 100%;
    color: #fff;
    margin: 1.625rem 0 6rem;
    text-transform: uppercase;
    letter-spacing: -0.06em
}

.tire-summary__modal-tire-fit--overlay {
    background-color: rgba(0,0,0,0.5);
    bottom: 0;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 80px;
    width: 100%;
    z-index: 100
}

.tire-summary__modal-tire-fit .modal-close {
    top: 15px
}

.tire-summary__modal-tire-fit .modal-close svg {
    fill: #fff
}

.tire-summary__modal-tire-fit .tpms-button-container {
    margin-top: 30px
}

.tire-summary__modal-tire-fit .tpms-button-container button {
    width: 100%;
    background: none;
    border: none;
    color: inherit;
    cursor: pointer
}

.tire-summary__modal-tire-fit .tpms-button-container button.active {
    background-color: #2876e4;
    color: #fff
}

@media screen and (max-width: 767px) {
    .tire-summary__modal-tire-fit.modal {
        -webkit-transform:none;
        transform: none;
        width: 100% !important;
        min-height: calc(100% - 85px);
        top: 85px;
        left: 0;
        bottom: 0;
        overflow: auto
    }

    .tire-summary__modal-tire-fit .tire-fit-search__header {
        position: fixed;
        top: 85px;
        width: 100%;
        z-index: 10
    }

    .tire-summary__modal-tire-fit .tire-fit-search__body {
        height: 100vh
    }

    .tire-summary__modal-tire-fit .mobile-simple-search__sub-header {
        position: fixed;
        top: 150px;
        width: 100%;
        z-index: 10
    }

    .tire-summary__modal-tire-fit .simple-search__form {
        height: 100%;
        min-height: 812px
    }

    .tire-summary__modal-tire-fit .simple-search__form li {
        display: none;
        width: 100%
    }

    .tire-summary__modal-tire-fit .simple-search__form li.active {
        display: block
    }

    .tire-summary__modal-tire-fit .simple-search__results_container {
        position: fixed !important;
        bottom: 0;
        height: 24vw;
        border-top: 1px solid #c4c4c4;
        background: #fff
    }

    .tire-summary__modal-tire-fit .simple-search__footer--active {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        height: 100%;
        padding: 0
    }

    .tire-summary__modal-tire-fit .simple-search__footer--active .submit {
        width: 80%;
        margin: auto
    }

    .tire-summary__modal-tire-fit .simple-search__footer--active .submit__simple {
        height: auto;
        font-size: 7vw;
        line-height: 2
    }

    .tire-summary__modal-tire-fit .simple-search__form__wrapper {
        position: absolute;
        width: 100%;
        top: 130px
    }

    .tire-summary__modal-tire-fit .simple-search__form__wrapper li:not(.simple_search__content).select {
        border: none;
        padding: 0;
        text-align: center
    }

    .tire-summary__modal-tire-fit .simple-search__form__wrapper li:not(.simple_search__content).select .select__heading {
        display: none
    }

    .tire-summary__modal-tire-fit .simple-search__form__wrapper li:not(.simple_search__content).select .select_contents {
        padding: 0 0 76.5px 0
    }

    .tire-summary__modal-tire-fit .simple-search__form__wrapper li:not(.simple_search__content).select .option {
        font-family: 'BridgestoneType', 'NotoSans';
        padding: 0;
        font-size: 7vw;
        text-align: center
    }

    .tire-summary__modal-tire-fit .simple-search__form__wrapper li:not(.simple_search__content).tpms-container {
        max-width: 100%;
        text-align: left
    }

    .tire-summary__modal-tire-fit .simple-search__form__wrapper li:not(.simple_search__content).tpms-container h3 {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        font-size: 31.62px;
        margin-bottom: 0;
        padding: 30px 10.89% 0 10.89%
    }

    .tire-summary__modal-tire-fit .simple-search__form__wrapper li:not(.simple_search__content).tpms-container .tpms__content {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0
    }

    .tire-summary__modal-tire-fit .simple-search__form__wrapper li:not(.simple_search__content).tpms-container .tpms__content p {
        font-size: 18.975px;
        line-height: 1.68;
        margin: 30px 0 0
    }

    .tire-summary__modal-tire-fit .simple-search__form__wrapper li:not(.simple_search__content).tpms-container .tpms__content .tpms-button-container {
        -webkit-box-ordinal-group: 5;
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4;
        border-top: 2.5px solid #c4c4c4
    }

    .tire-summary__modal-tire-fit .simple-search__form__wrapper li:not(.simple_search__content).tpms-container .tpms__content .tpms-button-container button {
        font-size: 38px;
        height: 80px
    }

    .tire-summary__modal-tire-fit .simple-search__form__wrapper li:not(.simple_search__content).tpms-container .tpms__content>p,.tire-summary__modal-tire-fit .simple-search__form__wrapper li:not(.simple_search__content).tpms-container .tpms__content .tpms__footer {
        padding-right: 10.89%;
        padding-left: 10.89%;
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }

    .tire-summary__modal-tire-fit .simple-search__form__wrapper li:not(.simple_search__content).tpms-container .tpms__content>p {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }

    .tire-summary__modal-tire-fit .simple-search__form__wrapper li:not(.simple_search__content).tpms-container .tpms__content .tpms__footer {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }

    .tire-summary__modal-tire-fit .modal-close {
        display: none
    }

    [data-component="commerceNavigation"] .modal-close {
        position: relative;
        top: auto;
        right: auto;
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 33%;
        -ms-flex: 0 1 33%;
        flex: 0 1 33%;
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
        height: 85px;
        background: #3172cc !important
    }

    [data-component="commerceNavigation"] .modal-close .modal-close__svg {
        padding: 0;
        margin: auto;
        height: 36px;
        width: 36px
    }

    [data-component="commerceNavigation"] .modal-close .modal-close__svg svg {
        fill: #fff
    }
}

@media (min-width: 768px) {
    .tire-summary__modal-tire-fit .mobile-simple-search__sub-header {
        display:none
    }

    .tire-summary__modal-tire-fit .tire-fit-search__header__tab {
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto
    }

    .tire-summary__modal-tire-fit .tire-fit-search__body {
        position: relative;
        top: 0;
        left: 0;
        overflow: hidden;
        padding: 16px 0 0 0;
        background-color: #fff;
        height: 100%
    }

    .tire-summary__modal-tire-fit .simple-search__form {
        height: 400px
    }

    .tire-summary__modal-tire-fit .tpms__content p {
        margin-top: 20px !important
    }

    .tire-summary__modal-tire-fit .tpms-button-container {
        background-color: #fff
    }

    .tire-summary__modal-tire-fit .tpms-button-container button {
        border: 2px solid #000;
        font-size: 16px;
        height: 32.5px;
        margin-bottom: 3px;
        padding: 0 10px;
        text-align: left
    }

    [data-component="commerceNavigation"] .modal-close {
        display: none
    }
}

.tire-summary-reviews .overall-rating {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    text-align: center;
    border-top: 1px solid #a3a3a3;
    padding-top: 1.25rem;
    margin-top: 1rem
}

.tire-summary-reviews .overall-rating h2 {
    font-family: 'BridgestoneType', 'NotoSans';
    font-size: 1.375rem;
    text-transform: uppercase;
    margin-bottom: 1rem;
    color: #343434
}

.tire-summary-reviews .overall-rating .tire-review__stars {
    margin: 0
}

.tire-summary-reviews .overall-rating .tire-review__stars-item {
    height: 1.5rem;
    width: 1.5rem;
    margin-right: 0.75rem
}

.tire-summary-reviews .overall-rating .tire-review__stars-count {
    font-size: 1.25rem;
    line-height: 1.25
}

.tire-summary-reviews .overall-rating a {
    font-family: 'BridgestoneType', 'NotoSans';
    font-size: 1rem;
    text-decoration: underline;
    text-transform: uppercase;
    margin-top: 0.75rem
}

.tire-summary-reviews .overall-rating>div {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.tire-summary-reviews .overall-attribute-rating {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background-color: #f5f5f5;
    padding: 15px 10px 20px 10px;
    margin: 1.5rem 0;
    font-size: 1.25rem;
    text-transform: uppercase;
    color: #343434
}

.tire-summary-reviews .overall-attribute-rating h2 {
    width: 100%;
    font-size: 1.375rem;
    text-transform: uppercase;
    text-align: center;
    padding-bottom: 0.375rem;
    border-bottom: 1px solid #a3a3a3
}

.tire-summary-reviews .overall-attribute-rating .tire-review__stars-item {
    height: 1.125rem;
    width: 1.125rem;
    margin-right: 0.5rem
}

.tire-summary-reviews .overall-attribute-rating .rating {
    font-size: 1rem;
    width: 50%;
    text-align: center;
    margin-top: 1rem;
    margin-bottom: 0.5rem
}

.tire-summary-reviews .tire-review__stars-shape {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.tire-summary-reviews .tire-reviews__description {
    color: #FFF
}

.tire-summary-reviews .tire-reviews__high {
    min-height: 80px
}

.tire-summary-reviews .tire-reviews__high-comment span:before,.tire-summary-reviews .tire-reviews__high-comment span:after {
    font-size: 1.5rem
}

.tire-summary-reviews .tire-reviews__high-comment span:before {
    top: -0.5rem;
    left: -1rem
}

.tire-summary-reviews .tire-reviews__high-comment span:after {
    top: auto;
    bottom: -0.4rem
}

.tire-reviews.tire-summary-reviews .component__container {
    width: 100%
}

.tire-summary-reviews .tire-reviews__all {
    background-color: #FFF
}

@media (min-width: 768px) {
    .tire-summary-reviews .tire-heading {
        display:-webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .tire-summary-reviews .tire-reviews__description {
        width: 90%;
        text-align: center
    }
}

@media (min-width: 1024px) {
    .tire-summary-reviews .tire-fit {
        font-size:0.85rem;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .tire-summary-reviews .tire-fit>div {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center
    }

    .tire-summary-reviews .tire-fit>div:last-child {
        width: 50%
    }
}

@media (min-width: 1200px) {
    .tire-summary-reviews .tire-heading {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .tire-summary-reviews .tire-heading>div:first-child {
        min-width: 50%
    }

    .tire-summary-reviews .overall-rating {
        width: 100%;
        -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
        align-self: flex-end;
        border-left: 1px solid #a3a3a3;
        border-top: 0;
        margin-top: 0;
        padding-top: 0
    }

    .tire-summary-reviews .overall-attribute-rating {
        padding: 15px 20px 20px 20px
    }

    .tire-summary-reviews .overall-attribute-rating h2 {
        text-align: left
    }

    .tire-summary-reviews .overall-attribute-rating .rating {
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: baseline;
        -webkit-align-items: baseline;
        -ms-flex-align: baseline;
        align-items: baseline
    }

    .tire-summary-reviews .overall-attribute-rating .rating-type {
        width: 45%;
        text-align: right
    }

    .tire-summary-reviews .overall-attribute-rating .rating:nth-child(odd) .rating-type {
        width: 35%
    }

    .tire-summary-reviews .overall-attribute-rating .tire-review__stars {
        margin: 0 0 0 1.5rem
    }

    .tire-reviews.tire-summary-reviews .component__container {
        padding: 3.5rem 0
    }
}

.sitemap-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.sitemap-list__item {
    width: 33%;
    padding-right: 1em
}

.sitemap-list__item a {
    display: block;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    line-height: 1.8
}

.sitemap-list__item a:hover {
    text-decoration: underline
}

.sitemap-list__item .sm-depth-2 {
    font-size: 0.85rem
}

.sitemap-list .sm-depth-3 {
    margin-left: 1.5em
}

.sitemap-list .sm-depth-3::before {
    content: '\2022';
    margin-right: .25em
}

.sitemap-list .sm-depth-1 {
    font-weight: 600;
    font-size: 1.2rem;
    line-height: 1.6
}

.sitemap-masonryList {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0
}

.sitemap-masonryList__panel {
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    break-inside: avoid;
    padding: 5px
}

.sitemap-masonryList__panel a {
    display: block;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    font-size: 0.875rem;
    color: #8d8d8d
}

.sitemap-masonryList__panel a:hover {
    text-decoration: underline
}

.sitemap-masonryList .sm-depth-1 {
    font-weight: 600;
    font-size: 1.2rem;
    display: inline-block;
    color: #343434;
    text-transform: uppercase
}

.sitemap-masonryList .sm-depth-2 {
    position: relative;
    padding-left: .6rem;
    font-size: 0.85rem
}

.sitemap-masonryList .sm-depth-2:hover {
    color: #2776e3
}

.sitemap-masonryList .sm-depth-2::before {
    content: "-";
    position: absolute;
    left: 0
}

.video {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-position: center;
    background-size: cover;
    position: relative;
    width: 100%
}

.ie10 .video.component {
    height: 100px
}

.video.contrast-overlay:after {
    content: '';
    background-color: #000;
    opacity: 0.15;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.video.playing:after {
    content: none
}

.video .video__cta-container {
    position: relative;
    min-height: 80px
}

@media (min-width: 768px) {
    .video .video__cta-container {
        display:-webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        height: auto;
        min-height: 0
    }
}

.video .video__cta-container a,.video .video__cta-container button {
    font-size: 20px;
    min-width: auto;
    padding: 18px 16px;
    width: auto;
    position: absolute
}

.video .video__cta-container a:nth-child(2),.video .video__cta-container button:nth-child(2) {
    top: 5rem
}

@media (min-width: 768px) {
    .video .video__cta-container a,.video .video__cta-container button {
        position:relative
    }

    .video .video__cta-container a:nth-child(2),.video .video__cta-container button:nth-child(2) {
        margin-left: 1.5rem;
        top: 0
    }
}

.video .video__cta-container.two-cta {
    min-height: 140px
}

@media (min-width: 768px) {
    .video .video__cta-container.two-cta {
        min-height:0
    }
}

.video.align-center .video__content {
    margin: 0 auto;
    text-align: center;
    width: 100%
}

.video.align-center .video__content .video__cta-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    max-width: 250px;
    margin: 0 auto
}

@media (min-width: 768px) {
    .video.align-center .video__content .video__cta-container {
        max-width:100%
    }
}

.video.align-center .video__content .video__cta-container a,.video.align-center .video__content .video__cta-container button {
    margin-left: 0;
    top: 0;
    margin-top: 1.5rem;
    position: relative;
    min-width: 150px
}

@media (min-width: 768px) {
    .video.align-center .video__content .video__cta-container a,.video.align-center .video__content .video__cta-container button {
        min-width:auto
    }

    .video.align-center .video__content .video__cta-container a:nth-child(2),.video.align-center .video__content .video__cta-container button:nth-child(2) {
        margin-left: 1.5rem
    }
}

.video.align-right .video__content {
    margin-left: auto;
    text-align: left
}

.video.align-right .video__content .video__cta-container {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.video.align-right .video__content .video__cta-container a,.video.align-right .video__content .video__cta-container button {
    left: 0;
    right: auto
}

.video.align-right .video__content.copy-right {
    text-align: right
}

.video.align-right .video__content.copy-right .video__cta-container {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.video.align-right .video__content.copy-right .video__cta-container a,.video.align-right .video__content.copy-right .video__cta-container button {
    right: 0;
    left: auto
}

.video.align-left .video__content {
    text-align: left
}

.video.align-left .video__cta-container {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.video.align-left .video__cta-container a,.video.align-left .video__cta-container button {
    left: 0
}

.video.playing .video__container {
    visibility: hidden
}

.video.playing .video__player {
    visibility: visible;
    display: block
}

.video.playing iframe {
    height: 100%;
    width: 100%
}

.video__container {
    width: 100%;
    z-index: 1
}

.component__container {
    margin-left: auto;
    margin-right: auto;
    width: 90%;
    max-width: 64rem
}

.video__background {
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0
}

.video__content {
    width: 100%
}

@media (min-width: 768px) {
    .video__content {
        width:50%
    }
}

.video__eyebrow-image {
    margin-bottom: 8px;
    max-width: 100%
}

.video__headline {
    font-size: 60px
}

.video__body p {
    font-size: 20px
}

.video__legal p {
    font-size: 10px
}

.video__player {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    visibility: hidden;
    width: 100%;
    display: none
}

.video__player-close {
    background: none;
    border: none;
    cursor: pointer;
    position: absolute;
    right: 1rem;
    top: 5rem;
    z-index: 1
}

.video__player-close-svg {
    height: 25px;
    padding: 5px;
    width: 25px
}

.video__player-close-svg svg {
    fill: #fff;
    height: 100%;
    width: 100%;
    pointer-events: none
}

.tire-dimension {
    width: 30%;
    margin: 0 0.1em;
    display: inline-block
}

.tire-dimension--text {
    font-size: 1.4em
}

.tire-dimension__container {
    display: inline-block
}

@media (min-width: 768px) {
    .tire-dimension__container {
        width:30%
    }
}

@media (min-width: 768px) {
    .tire-dimension {
        width:25%;
        margin: 0 0.2em
    }
}

.ts-error {
    position: relative
}

.ts-error input {
    border-color: #e42300
}

.ts-error::before {
    content: "\274c";
    color: #e42300;
    float: right;
    position: absolute;
    right: 1em;
    top: 4em
}

.ts-success {
    position: relative
}

.ts-success::before {
    content: "";
    display: block;
    width: 6px;
    height: 15px;
    border-right: 1px solid #00a651;
    border-bottom: 1px solid #00a651;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    right: 1.5em;
    top: 3.5em;
    color: #00a651
}

.field-icon {
    background-image: url("../images/jquery-ui/calendar-icon.png");
    background-position: right center;
    background-size: 25px;
    background-repeat: no-repeat
}

.combined-tire-specs {
    display: none
}

.loader-inner {
    display: none
}

.error-msg-diff-purchasechannel .diff-purchasechannel,.error-msg-diff-purchasechannel .invalid-dealer-code {
    display: none
}

.sitewide-info {
    background: #eee
}

.sitewide-info .component__container {
    padding: 1em 0
}

.sitewide-search h5 {
    color: #2776e3;
    text-transform: none
}

.search-item {
    border-bottom: 1px solid #ccc;
    margin-bottom: 1rem
}

.search-item h5 {
    margin-bottom: .4em
}

.search-item small {
    color: #666;
    font-size: 1.4em
}

.search-item strong {
    text-transform: uppercase
}

.search-load {
    margin-top: 1.5rem
}

.export-form-data.component__container {
    width: 100%;
    max-width: 85rem
}

.export-form-data .eFDform {
    padding: 2em
}

@media (min-width: 768px) {
    .export-form-data .eFDform {
        padding:3em 3em
    }
}

.export-form-data .eFDform__modal {
    display: none;
    visibility: hidden
}

@media (min-width: 768px) {
    .export-form-data .eFDfilter {
        display:-webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.export-form-data .eFDfilter label {
    margin-right: .6em
}

.export-form-data .eFDfilter_item {
    margin-bottom: 2em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.export-form-data .eFDfilter_item select {
    height: 46px;
    padding: 1em;
    background: #fff;
    border: 1px solid #ccc
}

.export-form-data .eFDfilter_item input {
    padding: 1em;
    border: 1px solid #ccc;
    font-family: 'BridgestoneType', 'NotoSans' !important
}

.export-form-data .eFDfilter-no-results.hide {
    display: none
}

.export-form-data .eFDfilter-results {
    margin: 2em 0;
    font-size: 0.8rem
}

.export-form-data .eFDfilter-results tbody tr:nth-of-type(2n) {
    background: #e6e6e6
}

.export-form-data .eFDfilter-results tbody tr td {
    vertical-align: middle;
    font-size: 0.75rem;
    opacity: 0.9
}

.export-form-data .eFDfilter-results tbody tr td span {
    font-size: 0.7rem
}

.export-form-data .eFDfilter-results tbody.hide {
    display: none
}

.export-form-data .eFDfilter-results thead th {
    background: #2776e3;
    color: #fff;
    text-transform: capitalize;
    text-align: center;
    font-size: 0.78rem
}

.export-form-data .table-container {
    width: 100%;
    overflow-x: auto
}

.exportFormData+.onlineWarrantyForm {
    display: none
}

.exportFormData+.onlineWarrantyForm--loading .js-form {
    opacity: 0.5;
    pointer-events: none
}

.exportFormData+.onlineWarrantyForm--loading .loader-inner {
    display: block
}

.add-update-button-wrapper {
    margin-bottom: 25px
}

.add-update-button-wrapper h2 {
    margin-bottom: 15px
}

.add-update-tabcontent {
    display: none
}

.add-product-btn,.update-product-btn {
    display: none
}

.find-product-tab {
    overflow: hidden;
    display: none
}

.find-product-tab h3 {
    margin-bottom: 15px
}

.find-product-tab button {
    -webkit-transition: 0.3s;
    transition: 0.3s
}

.find-product-tab button:hover {
    border-color: #619ef5
}

.find-product-tab button:hover::after {
    background-color: #619ef5
}

.find-product-tab button.active {
    border-color: #2776e3
}

.find-product-tab button.active::after {
    background-color: #2776e3
}

.tabcontent {
    display: none;
    border-top: none;
    padding-top: 20px
}

.by-material-id {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.by-material-id input {
    margin-right: 10px
}

.by-material-id button {
    margin-right: 10px
}

.by-tire-size {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px
}

.by-tire-size ul {
    margin: 0;
    padding: 0
}

.by-tire-size ul li {
    display: inline-block;
    list-style-type: none;
    margin-right: 10px
}

.result-table-one,.result-table-two {
    overflow: auto;
    margin-bottom: 20px
}

.response-data {
    border-collapse: collapse
}

.response-data th,.response-data td {
    border: 1px solid #dddddd;
    padding: 8px;
    font-size: 14px
}

.matId-form,.bytire-size-form,.bymat-id-form {
    display: none
}

.prodDform {
    padding: 2em
}

.prodDform__modal {
    display: none;
    visibility: hidden
}

.tooltip-wrapper {
    position: relative
}

.tooltip-wrapper .icon-info {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    vertical-align: middle
}

.tooltip-wrapper .tooltip-text {
    opacity: 0;
    color: #000;
    font-size: 14px;
    position: absolute;
    right: 0;
    padding: 5px 10px;
    background-color: #87beff;
    white-space: nowrap;
    border-radius: 4px;
    pointer-events: none;
    -webkit-transition: .3s;
    transition: .3s;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    text-align: center;
    z-index: 9
}

.tooltip-wrapper .tooltip-text:before {
    border: 6px solid transparent;
    background: transparent;
    content: "";
    position: absolute;
    bottom: 50%;
    right: 100%;
    margin-bottom: -6px;
    margin-left: -12px;
    border-top-color: transparent;
    border-right-color: #87beff
}

.tooltip-wrapper .icon-info:hover+.tooltip-text {
    opacity: 1;
    right: -0.7rem
}

.product-data-form {
    display: none
}

.bulk-upload-result-wrapper .total-count,.bulk-upload-result-wrapper .bottom-border,.bulk-upload-result-wrapper .loader-inner {
    display: none
}

.bulk-upload-result-wrapper p {
    margin: 0 0 8px 0
}

.bulk-upload-info-wrapper {
    display: none
}

.vehicleDform {
    padding: 2em
}

.vehicleDform__modal {
    display: none;
    visibility: hidden
}

.bulk-upload-result-wrapper .total-count,.bulk-upload-result-wrapper .bottom-border,.bulk-upload-result-wrapper .loader-inner {
    display: none
}

.bulk-upload-result-wrapper p {
    margin: 0 0 8px 0
}

.dealer-review-data.component__container {
    width: 100%;
    max-width: 50rem
}

.dealer-review-data .review-container .table-container {
    width: 100%;
    overflow-x: auto
}

.dealer-review-data .review-container .approveButton {
    text-align: center
}

.dealer-review-data .review-container .approveButton .dRApproveSubmit {
    margin-right: 1rem
}

.dealer-review-data_heading {
    font-size: 1.5rem;
    text-align: center;
    margin-bottom: 1rem
}

.dealer-review-data .dRform {
    padding: 2em
}

@media (min-width: 768px) {
    .dealer-review-data .dRform {
        padding:2em 10em
    }
}

.dealer-review-data .dRform__modal {
    display: none;
    visibility: hidden
}

@media (min-width: 768px) {
    .dealer-review-data .dRfilter {
        display:-webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
}

.dealer-review-data .dRfilter label {
    margin-right: .6em
}

.dealer-review-data .dRfilter_item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.dealer-review-data .dRfilter_item select {
    height: 46px;
    width: auto;
    background: #fff;
    border: 1px solid #ccc
}

.dealer-review-data .dRfilter_item input {
    padding: 1em;
    border: 1px solid #ccc
}

.dealer-review-data .dRfilter-no-results {
    text-align: center
}

.dealer-review-data .dRfilter-no-results.hide {
    display: none
}

.dealer-review-data .dRfilter-approved-count {
    text-align: center
}

.dealer-review-data .dRfilter-approved-count span {
    font-weight: bold
}

.dealer-review-data .dRfilter-results {
    margin: 3rem;
    font-size: 0.8rem;
    width: 92%
}

.dealer-review-data .dRfilter-results tbody tr:nth-of-type(2n) {
    background: #e6e6e6
}

.dealer-review-data .dRfilter-results tbody tr td {
    vertical-align: middle
}

.dealer-review-data .dRfilter-results tbody tr td:first-child {
    text-align: center
}

.dealer-review-data .dRfilter-results tbody.hide {
    display: none
}

.dealer-review-data .dRfilter-results thead th {
    background: #2776e3;
    color: #fff;
    text-transform: capitalize;
    text-align: center
}

.carousel-element {
    position: relative;
    padding: 1em;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 603px;
    background-position: center
}

.carousel-element>div {
    display: none
}

.carousel-element.slick-slide>div {
    display: block
}

@media (min-width: 768px) {
    .carousel-element {
        min-height:289px
    }
}

@media (min-width: 992px) {
    .carousel-element {
        min-height:670px
    }
}

@media (min-width: 1440px) {
    .carousel-element {
        min-height:750px
    }
}

@media (min-width: 2000px) {
    .carousel-element {
        min-height:950px
    }
}

.carousel-element.light .carousel-heading,.carousel-element.light .carousel-subhead {
    color: #fff
}

.carousel-element.light .show-more {
    background: #fff;
    color: #5a5a5a
}

.carousel-element.light .button-medium-solid-bst-red,.carousel-element.light .button-medium-solid-bst-green,.carousel-element.light .button-medium-solid-bst-blue,.carousel-element.light .button-medium-solid-bst-black,.carousel-element.light .button-medium-transparent-bst-black {
    font-family: 'BridgestoneType-Cd', 'NotoSans' !important;
    color: #fff
}

.carousel-element.light .button-medium-transparent-bst-black {
    font-family: 'BridgestoneType-Cd', 'NotoSans' !important;
    color: #222
}

.carousel-element.light .button-medium-transparent-bst-black:after {
    background-color: rgba(0,0,0,0.25)
}

.carousel-element.light .button-medium-solid-bst-white,.carousel-element.light .button-medium-transparent-bst-white {
    color: #000
}

.carousel-element.light .button-medium-solid-bst-white:after,.carousel-element.light .button-medium-transparent-bst-white:after {
    background-color: rgba(255,255,255,0.25)
}

.carousel-element.light .button-medium-solid-bst-potenza-red,.carousel-element.light .button-medium-solid-bst-driveguard-orange,.carousel-element.light .button-medium-solid-bst-turanza-blue,.carousel-element.light .button-medium-solid-bst-ecopia-green,.carousel-element.light .button-medium-solid-bst-dueler-yellow,.carousel-element.light .button-medium-solid-bst-blizzak-grey {
    color: #246bce;
    background-color: transparent
}

.carousel-element.dark .carousel-subhead {
    color: #444
}

.carousel-element.dark .show-more {
    background: #fff;
    color: #5a5a5a
}

.carousel-element.dark .button-medium-solid-bst-red,.carousel-element.dark .button-medium-solid-bst-green,.carousel-element.dark .button-medium-solid-bst-blue,.carousel-element.dark .button-medium-solid-bst-black,.carousel-element.dark .button-medium-transparent-bst-black {
    font-family: 'BridgestoneType-Cd', 'NotoSans' !important;
    color: #fff
}

.carousel-element.dark .button-medium-transparent-bst-black {
    font-family: 'BridgestoneType-Cd', 'NotoSans' !important;
    color: #222
}

.carousel-element.dark .button-medium-transparent-bst-black:after {
    background-color: rgba(0,0,0,0.25)
}

.carousel-element.dark .button-medium-solid-bst-white,.carousel-element.dark .button-medium-transparent-bst-white {
    color: #000
}

.carousel-element.dark .button-medium-solid-bst-white:after,.carousel-element.dark .button-medium-transparent-bst-white:after {
    background-color: rgba(255,255,255,0.25)
}

.carousel-element.dark .button-medium-solid-bst-potenza-red,.carousel-element.dark .button-medium-solid-bst-driveguard-orange,.carousel-element.dark .button-medium-solid-bst-turanza-blue,.carousel-element.dark .button-medium-solid-bst-ecopia-green,.carousel-element.dark .button-medium-solid-bst-dueler-yellow,.carousel-element.dark .button-medium-solid-bst-blizzak-grey {
    color: #246bce;
    background-color: transparent
}

.carousel-element .background-layer__dark {
    background-color: rgba(0,0,0,0.5);
    padding: 10px
}

.carousel-element .background-layer__light {
    background-color: rgba(255,255,255,0.5);
    padding: 10px
}

.carousel-element picture {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.carousel-element picture img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100% !important;
    height: 100%
}

.carousel-brand,.carousel-secondary-logo {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
    -ms-flex-order: 10;
    order: 10
}

.carousel-brand__item ~ .carousel-brand__item,.carousel-secondary-logo__item ~ .carousel-brand__item,.carousel-brand__item ~ .carousel-secondary-logo__item,.carousel-secondary-logo__item ~ .carousel-secondary-logo__item {
    margin-top: 0.5rem
}

.carousel-brand img,.carousel-secondary-logo img {
    max-width: 100%
}

.component--align-center .carousel-brand,.component--align-center .carousel-secondary-logo {
    text-align: -webkit-center;
    text-align: -moz-center;
    text-align: -ms-center
}

.component--align-left .carousel-brand,.component--align-left .carousel-secondary-logo {
    text-align: -webkit-left;
    text-align: -moz-left;
    text-align: -ms-left
}

.component--align-right .carousel-brand,.component--align-right .carousel-secondary-logo {
    text-align: -webkit-right;
    text-align: -moz-right;
    text-align: -ms-right;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.carousel-secondary-logo {
    margin-top: 2.5rem
}

.carousel-content {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-ordinal-group: 21;
    -webkit-order: 20;
    -ms-flex-order: 20;
    order: 20;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem
}

.component--align-center .carousel-content {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.component--align-left .carousel-content {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.component--align-right .carousel-content {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.carousel-cta-container {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-box-ordinal-group: 31;
    -webkit-order: 30;
    -ms-flex-order: 30;
    order: 30;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.carousel-cta-container a {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    margin: 1.5rem 0 0
}

.component--align-center .carousel-cta-container {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.component--align-center .carousel-cta-container a:first-child {
    margin-left: 0;
    margin-right: 1.5rem
}

@media (max-width: 474px) {
    .component--align-center .carousel-cta-container a:first-child {
        margin-right:0
    }
}

.component--align-center .carousel-cta-container a:last-child {
    margin-right: 0
}

.component--align-left .carousel-cta-container {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.component--align-left .carousel-cta-container a:first-child {
    margin-right: 1.5rem;
    margin-left: 0
}

@media (max-width: 474px) {
    .component--align-left .carousel-cta-container a:first-child {
        margin-right:0
    }
}

.component--align-left .carousel-cta-container a:last-child {
    margin-right: 0
}

.component--align-right .carousel-cta-container {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.component--align-right .carousel-cta-container a:last-child {
    margin: 1.5rem 0 0 1.5rem
}

.button-carousel {
    padding: 2em;
    background: #fff;
    color: #000
}

.button-carousel:hover {
    background: #000;
    color: #fff
}

.show-more {
    display: inline-block;
    width: auto;
    font-size: 0.8rem
}

@media (min-width: 768px) {
    .show-more {
        position:absolute;
        margin-left: 6.1em;
        max-width: 50vw;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        bottom: 10%;
        font-size: 1.2rem
    }
}

.show-more+.show-more {
    margin-left: 15.2em
}

@media (max-width: 768px) {
    .show-more+.show-more {
        margin:0 5px;
        width: 100px
    }
}

.carousel-component.showFullWidth {
    padding: 0
}

.carousel-component.showFullWidth .carousel-component__layout {
    padding: 0;
    width: 100%;
    max-width: 100%
}

.carousel-component__container {
    position: relative
}

.carousel-component__layout {
    margin-left: auto;
    margin-right: auto;
    width: 90%;
    max-width: 80rem;
    padding: 5em 0
}

.carousel-component .carousel-heading {
    font-size: 1.5rem
}

@media (min-width: 768px) {
    .carousel-component .carousel-heading {
        font-size:3.5rem !important
    }
}

@media (max-width: 767px) and (orientation: landscape) {
    .carousel-element {
        min-height:250px
    }
}

@media (max-width: 767px) and (orientation: portrait) {
    .show-more,.show-more+.show-more {
        margin:0 5px
    }
}

@media (max-width: 510px) and (orientation: portrait) {
    .button-medium-solid-bst-red,.button-medium-solid-bst-green,.button-medium-solid-bst-blue,.button-medium-solid-bst-black,.button-medium-transparent-bst-black {
        font-family:'BridgestoneType-Cd', 'NotoSans' !important;
        min-width: 100px
    }
}

.pr-select {
    background: #eee
}

.pr-select .selection-bar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width: 768px) {
    .pr-select .selection-bar {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.pr-select .selection-bar__box {
    width: 100%;
    margin-top: 1em
}

@media (min-width: 768px) {
    .pr-select .selection-bar__box {
        width:20%;
        margin-left: 4em;
        margin-top: 0
    }
}

.pr-select .selection-bar__desc {
    font-size: 1.8em;
    text-transform: capitalize
}

.pr-select .selection-bar__select {
    background: #fff;
    color: #343434;
    width: 100%;
    height: 40px;
    font-size: 1.6em;
    border: none;
    font-family: 'BridgestoneType', 'NotoSans', 'Arial'
}

.event-container {
    font-size: 1.5em;
    margin-bottom: .6em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    line-height: 1.6
}

.event-container__desc {
    width: 70%
}

@media (min-width: 768px) {
    .event-container__desc {
        width:85%
    }
}

.event-container__date {
    display: inline-block;
    width: 30%
}

@media (min-width: 768px) {
    .event-container__date {
        width:15%
    }
}

.pr-body {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.pr-body .item {
    width: 50%;
    margin-right: 3.125rem
}

.pr-body .event-container__date {
    width: 30%
}

.hide {
    display: none
}

.pr-button {
    display: inline-block
}

.pr-image img {
    max-width: 100%
}

.press-label {
    text-transform: uppercase
}

.vm-container {
    margin-bottom: -.5em;
    overflow: hidden
}

.vm-container .video-source {
    width: 100%;
    height: auto;
    min-height: 20em
}

@media (min-width: 768px) {
    .vm-container .video-source {
        min-height:50em
    }
}

.vm-container .modal-body {
    margin: 0
}

.vm-container .modal-close {
    right: 0;
    top: 0
}

.vm-container .modal-close svg {
    fill: #fcfcfc
}

@media (min-width: 992px) {
    .vm-container .modal-close {
        right:-30px;
        top: -20px
    }
}

.video-modal-section {
    display: none
}

.mediaColumn {
    padding: 1.5rem 0
}

.mediaColumn>div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 auto;
    -ms-flex: 1 auto;
    flex: 1 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap
}

.mediaColumn .mediaColumnHeadline h2,.mediaColumn .mediaColumnHeadline p {
    margin: 0 auto
}

.mediaColumn .mediaColumnContainer {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap
}

.mediaColumn .mediaColumnContainer>div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 auto;
    -ms-flex: 1 auto;
    flex: 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap
}

.mediaColumn[data-column-size="2"] .mediaColumnContainer>div {
    -webkit-box-flex: 1;
    -webkit-flex: 1 50%;
    -ms-flex: 1 50%;
    flex: 1 50%
}

.mediaColumn .mediaColumnContainer .media-image .component__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    border-color: inherit
}

.mediaColumn .mediaColumnContainer .media-image .component__container .media-image__brand img {
    width: 100%
}

.mediaColumn .mediaColumnContainer .media-image .component__container .media-image__image {
    max-width: 100%;
    margin-right: 0;
    margin-bottom: 1.5rem
}

.mediaColumn .mediaColumnContainer .media-image .component__container .media-image__body {
    max-width: 100%
}

.mediaColumn .mediaColumnContainer .media-image .component__container .media-image__cta-container {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.mediaColumn .mediaColumnCTA {
    width: 40%;
    min-width: 300px;
    margin: 0 auto
}

@media only screen and (min-width: 1024px) {
    .mediaColumn[data-column-size="3"] .mediaColumnContainer>div {
        -webkit-box-flex:1;
        -webkit-flex: 1 33.333%;
        -ms-flex: 1 33.333%;
        flex: 1 33.333%
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .mediaColumn[data-column-size="3"] .mediaColumnContainer,.mediaColumn[data-column-size="4"] .mediaColumnContainer {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }

    .mediaColumn[data-column-size="4"] .mediaColumnContainer>div {
        -webkit-box-flex: 1;
        -webkit-flex: 1 50%;
        -ms-flex: 1 50%;
        flex: 1 50%
    }
}

@media only screen and (max-width: 768px) {
    .mediaColumn .mediaColumnContainer {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-flow: column wrap;
        -ms-flex-flow: column wrap;
        flex-flow: column wrap
    }

    .mediaColumn .mediaColumnContainer>div {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -webkit-flex: 1 100%;
        -ms-flex: 1 100%;
        flex: 1 100%
    }

    .mediaColumn .mediaColumnCTA {
        width: 90%;
        display: none
    }
}

.consumer-rights-form-container .consumer-rights-title {
    background-color: #484545;
    padding: 104px 120px 104px 340px
}

.consumer-rights-form-container .consumer-rights-title h3 {
    font-size: 48px;
    letter-spacing: 0
}

.consumer-rights-form-container .consumer-rights-info {
    padding: 60px 0;
    margin-left: auto;
    margin-right: auto;
    max-width: 1024px;
    width: 90%
}

.consumer-rights-form-container .consumer-rights-info .consumer-rights-info__text {
    color: #343434;
    font-size: 30px
}

.consumer-rights-form-container .consumer-rights-info p {
    width: 100%;
    margin-bottom: 1em;
    margin-top: 1em
}

.consumer-rights-form-container .consumer-rights-info h2 {
    color: #343434;
    text-transform: uppercase
}

.consumer-rights-form-container .consumer-rights-state {
    background-color: #eee;
    padding: 16px
}

.consumer-rights-form-container .consumer-rights-state .consumer-rights-state-radio {
    width: 90%;
    max-width: 1024px;
    margin-left: auto;
    margin-right: auto
}

.consumer-rights-form-container .consumer-rights-state .consumer-rights-state-radio>div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.consumer-rights-form-container .consumer-rights-state .consumer-rights-state-radio__title {
    color: #343434;
    font-size: 16px;
    margin: 20px 0 15px;
    font-weight: bold;
    text-transform: uppercase
}

.consumer-rights-form-container .consumer-rights-state input[type='radio'] {
    margin-right: 15px;
    height: 20px
}

.consumer-rights-form-container .consumer-rights-state .consumer-rights-state-next_button {
    font-family: 'Avenir LT W01_85 Heavy1475544';
    text-transform: uppercase;
    background-color: #e42300;
    border: 2px solid #e42300;
    position: relative;
    text-align: center;
    color: #f0f0f0;
    padding: 16px;
    white-space: nowrap;
    min-width: 150px;
    margin-bottom: 32px;
    margin-top: 32px;
    font-size: 1rem;
    padding: 8px
}

.consumer-rights-form-container .consumer-rights-form-section {
    background-color: #eee;
    display: none;
    padding: 0
}

.consumer-rights-form-container .consumer-rights-form-section .consumer-rights-form {
    margin-left: auto;
    margin-right: auto;
    max-width: 1024px;
    width: 90%
}

.consumer-rights-form-container .consumer-rights-form-section .consumer-rights-form section,.consumer-rights-form-container .consumer-rights-form-section .consumer-rights-form main {
    clear: both;
    padding: 12px 0
}

.consumer-rights-form-container .consumer-rights-form-section .consumer-rights-form .consumer-rights-request-checkbox,.consumer-rights-form-container .consumer-rights-form-section .consumer-rights-form .consumer-rights-request-radio {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 90%
}

.consumer-rights-form-container .consumer-rights-form-section .consumer-rights-form input[type='checkbox'],.consumer-rights-form-container .consumer-rights-form-section .consumer-rights-form input[type='radio'] {
    margin-right: 15px;
    height: 16px
}

.consumer-rights-form-container .consumer-rights-form-section .consumer-rights-form #agree-chkbox {
    float: left
}

.consumer-rights-form-container .consumer-rights-form-section .consumer-rights-form .customer_request_label {
    margin-bottom: 16px
}

.consumer-rights-form-container .consumer-rights-form-section .consumer-rights-form label {
    float: left;
    width: calc(100% - 32px)
}

.consumer-rights-form-container .consumer-rights-form-section .consumer-rights-form .consumer-rights-form__input {
    border: 1px solid #ccc;
    font-size: 16px;
    margin-bottom: 10px;
    padding: 12px 0 12px 10px;
    width: 100%
}

.consumer-rights-form-container .consumer-rights-form-section .consumer-rights-form .consumer-rights-form__textarea {
    padding-bottom: 0;
    margin-bottom: 0;
    resize: none
}

.consumer-rights-form-container .consumer-rights-form-section .consumer-rights-form .customer_request_label {
    width: 100%;
    text-align: right
}

.consumer-rights-form-container .consumer-rights-form-section .consumer-rights-form .required {
    padding-top: 32px;
    clear: both
}

.consumer-rights-form-container .consumer-rights-form-section .consumer-rights-form .consumer-rights-form__title {
    color: #343434;
    font-size: 16px;
    margin: 20px 0 15px;
    font-weight: bold;
    text-transform: uppercase;
    width: 100%
}

.consumer-rights-form-container .consumer-rights-form-section .consumer-rights-form .consumer-rights-form-submit_button {
    font-family: 'Avenir LT W01_85 Heavy1475544';
    text-transform: uppercase;
    background-color: #e42300;
    border: 2px solid #e42300;
    position: relative;
    text-align: center;
    color: #f0f0f0;
    padding: 16px;
    white-space: nowrap;
    min-width: 150px;
    margin-bottom: 40px;
    margin-top: 16px;
    font-size: 1rem;
    padding: 8px
}

.consumer-rights-form-container .consumer-rights-form-section .consumer-rights-form .clear-both {
    clear: both
}

.consumer-rights-form-container .consumer-rights-form-section .consumer-rights-form .agent_email {
    display: none;
    width: 88%;
    margin-left: 6%
}

.consumer-rights-form-container .consumer-rights-form-section .validate-errors-list {
    width: 100%;
    margin: 0 0 0.5em;
    padding: 0 0 12px 12px;
    list-style-type: none;
    color: #e42300;
    font-size: 13px;
    clear: both
}

.consumer-rights-form-container .consumer-rights-form-section .validate-errors-list.agent_email {
    margin-left: 6%;
    display: block
}

.consumer-rights-form-container .consumer-rights-form-section .validate-errors-list.agent_request {
    width: 88%;
    margin-left: 4%
}

.consumer-rights-form-container .consumer-rights-form-message-section,.consumer-rights-form-container .consumer-rights-privacy-section {
    display: none;
    background-color: #eee;
    padding: 32px 16px;
    min-height: 120px
}

.consumer-rights-form-container .consumer-rights-form-message-section .consumer-rights-form-message,.consumer-rights-form-container .consumer-rights-privacy-section .consumer-rights-form-message {
    margin-left: auto;
    margin-right: auto;
    max-width: 1024px;
    width: 90%
}

.consumer-rights-form-container .consumer-rights-form-message-section .success-message,.consumer-rights-form-container .consumer-rights-form-message-section .error-message,.consumer-rights-form-container .consumer-rights-form-message-section .general-error-message,.consumer-rights-form-container .consumer-rights-privacy-section .success-message,.consumer-rights-form-container .consumer-rights-privacy-section .error-message,.consumer-rights-form-container .consumer-rights-privacy-section .general-error-message {
    display: none
}

.consumer-rights-form-container .consumer-rights-form-message-section .error-message__text,.consumer-rights-form-container .consumer-rights-privacy-section .error-message__text {
    color: #e42300
}

.cookie-consent-container {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 9999999;
    width: 100%;
    padding: 20px 15px;
    font-size: 16px;
    color: #333;
    text-align: center;
    background-color: rgba(255,255,255,0.9);
    border-top: 1px solid #efefef;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px)
}

.cookie-consent-container .cc-close__btn {
    display: block;
    position: relative;
    width: 20px;
    height: 20px;
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iMjAiIGhlaWdodD0iMjAiCnZpZXdCb3g9IjAgMCAxNzIgMTcyIgpzdHlsZT0iIGZpbGw6IzAwMDAwMDsiPjxnIHRyYW5zZm9ybT0iIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9Im5vbnplcm8iIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBzdHJva2UtbGluZWNhcD0iYnV0dCIgc3Ryb2tlLWxpbmVqb2luPSJtaXRlciIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2UtZGFzaGFycmF5PSIiIHN0cm9rZS1kYXNob2Zmc2V0PSIwIiBmb250LWZhbWlseT0ibm9uZSIgZm9udC13ZWlnaHQ9Im5vbmUiIGZvbnQtc2l6ZT0ibm9uZSIgdGV4dC1hbmNob3I9Im5vbmUiIHN0eWxlPSJtaXgtYmxlbmQtbW9kZTogbm9ybWFsIj48cGF0aCBkPSJNMCwxNzJ2LTE3MmgxNzJ2MTcyeiIgZmlsbD0ibm9uZSI+PC9wYXRoPjxnIGZpbGw9IiMwMDAwMDAiPjxwYXRoIGQ9Ik0zMy43MzM3MiwyMy41OTk2MWwtMTAuMTM0MTEsMTAuMTM0MTFsNTIuMjY2MjgsNTIuMjY2MjhsLTUyLjI2NjI4LDUyLjI2NjI4bDEwLjEzNDExLDEwLjEzNDExbDUyLjI2NjI4LC01Mi4yNjYyOGw1Mi4yNjYyOCw1Mi4yNjYyOGwxMC4xMzQxMSwtMTAuMTM0MTFsLTUyLjI2NjI4LC01Mi4yNjYyOGw1Mi4yNjYyOCwtNTIuMjY2MjhsLTEwLjEzNDExLC0xMC4xMzQxMWwtNTIuMjY2MjgsNTIuMjY2Mjh6Ij48L3BhdGg+PC9nPjxwYXRoIGQ9IiIgZmlsbD0ibm9uZSI+PC9wYXRoPjwvZz48L2c+PC9zdmc+") 50% 50% no-repeat;
    background-size: 100%;
    cursor: pointer;
    float: right
}

.cookie-consent-container .cookie-consent-wrapper {
    outline: none
}

.cookie-consent-container .cookie-consent-wrapper .cc-message-section {
    margin: 10px 0;
    outline: none
}

.cookie-consent-container .cookie-consent-wrapper .cc-message__text {
    vertical-align: middle;
    text-align: left;
    max-width: 1024px
}

.cookie-consent-container .cookie-consent-wrapper .cc-message__text a {
    color: #000
}

.cookie-consent-container .cookie-consent-wrapper .cc-submit__btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 120px;
    height: 50px;
    margin: 15px auto 0;
    padding: 12px 36px;
    border: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #e42300;
    color: white;
    font-size: 14px;
    line-height: 1.2em;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s
}

.cookie-consent-container .cookie-consent-wrapper .cc-submit__btn:hover {
    text-decoration: none;
    background-color: #b11b00
}

.cookie-consent-container .cookie-consent-wrapper .cookie-consent-section {
    padding: 20px;
    background-color: #f9f9f9;
    border-top: 1px solid #ddd;
    position: fixed;
    bottom: 0;
    width: 100%;
    -webkit-box-shadow: 0 -2px 5px rgba(0,0,0,0.1);
    box-shadow: 0 -2px 5px rgba(0,0,0,0.1)
}

.cookie-consent-container .cookie-consent-wrapper .cookie-consent-section .cc-heading {
    text-align: left;
    font-size: 1.5rem !important;
    padding-left: 4.3rem
}

.cookie-consent-container .cookie-consent-wrapper .cookie-consent-section .cc-heading .privacy-heading {
    text-transform: capitalize;
    color: #333;
    font-weight: 600
}

.cookie-consent-container .cookie-consent-wrapper .cookie-consent-section .cc-content-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.cookie-consent-container .cookie-consent-wrapper .cookie-consent-section .privacy-description-container {
    -webkit-box-flex: 3;
    -webkit-flex: 3;
    -ms-flex: 3;
    flex: 3;
    text-align: left
}

.cookie-consent-container .cookie-consent-wrapper .cookie-consent-section .privacy-description {
    font-family: 'BridgestoneType', 'NotoSans';
    padding-left: 4.3rem
}

.cookie-consent-container .cookie-consent-wrapper .cookie-consent-section .cookie-buttons-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 300px
}

.cookie-consent-container .cookie-consent-wrapper .cookie-consent-section .cookie-buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 10px
}

.cookie-consent-container .cookie-consent-wrapper .cookie-consent-section .cookie-buttons .cookie-btn {
    font-family: 'BridgestoneType', 'NotoSans';
    text-transform: uppercase;
    padding: 15px 7px;
    border: 2px solid black;
    cursor: pointer;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
    background-color: #ffffff;
    color: #333333;
    font-size: 0.9rem;
    font-weight: 600
}

@media only screen and (min-width: 600px) {
    .cookie-consent-container .cookie-consent-wrapper .cookie-consent-section .cookie-buttons .cookie-btn {
        font-size:0.8rem
    }
}

.cookie-consent-container .cookie-consent-wrapper .cookie-consent-section .cookie-buttons .cookie-btn:hover {
    background-color: #e42300
}

.cookie-consent-container .cookie-consent-wrapper .cookie-consent-section .cookie-buttons .cookie-btn.customize-btn svg {
    width: 10px;
    height: 5px;
    margin: 2px 0;
    padding-left: 1px
}

.cookie-consent-container .cookie-consent-wrapper .cookie-consent-section .cookie-btn:hover {
    opacity: 0.9
}

.cookie-consent-container .cookie-consent-wrapper .cookie-consent-section .privacy-footer {
    font-family: 'BridgestoneType', 'NotoSans';
    text-align: center;
    margin-top: 10px
}

@media (max-width: 768px) {
    .cookie-consent-container .cookie-consent-wrapper .cookie-consent-section .cc-heading,.cookie-consent-container .cookie-consent-wrapper .cookie-consent-section .privacy-description {
        padding-left:0
    }

    .cookie-consent-container .cookie-consent-wrapper .cookie-consent-section .cc-content-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .cookie-consent-container .cookie-consent-wrapper .cookie-consent-section .cookie-buttons-container {
        width: 100%;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .cookie-consent-container .cookie-consent-wrapper .cookie-consent-section .cookie-buttons {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
        gap: 10px
    }

    .cookie-consent-container .cookie-consent-wrapper .cookie-consent-section .cookie-btn {
        width: 100%;
        padding: 12px 20px;
        font-size: 1rem
    }
}

@media (max-width: 767px) {
    .cookie-consent-container .cookie-consent-wrapper .cookie-consent-section .cookie-buttons {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .cookie-consent-container .cookie-consent-wrapper .cookie-consent-section .cookie-btn {
        width: auto;
        font-size: 11px
    }
}

.cookie-consent-container .cookie-consent-wrapper .cookie-customize-modal-overlay {
    display: none;
    position: relative;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0,0,0,0.5);
    z-index: 999
}

.cookie-consent-container .cookie-consent-wrapper .cookie-customize-modal-overlay .cookie-modal-content {
    position: relative;
    margin: auto;
    background-color: white;
    padding: 15px;
    width: 40%;
    max-width: 800px;
    height: 82%;
    overflow: auto
}

@media (max-width: 768px) {
    .cookie-consent-container .cookie-consent-wrapper .cookie-customize-modal-overlay .cookie-modal-content {
        height:460px
    }
}

@media only screen and (width: 1280px) and (height: 800px) {
    .cookie-consent-container .cookie-consent-wrapper .cookie-customize-modal-overlay .cookie-modal-content {
        height:67%
    }
}

@media screen and (max-width: 1024px) {
    .cookie-consent-container .cookie-consent-wrapper .cookie-customize-modal-overlay .cookie-modal-content {
        height:38%;
        width: 75%
    }
}

@media screen and (max-width: 992px) {
    .cookie-consent-container .cookie-consent-wrapper .cookie-customize-modal-overlay .cookie-modal-content {
        height:40%;
        width: 75%
    }
}

@media screen and (max-width: 912px) {
    .cookie-consent-container .cookie-consent-wrapper .cookie-customize-modal-overlay .cookie-modal-content {
        height:44%;
        width: 60%
    }
}

@media screen and (max-width: 853px) {
    .cookie-consent-container .cookie-consent-wrapper .cookie-customize-modal-overlay .cookie-modal-content {
        height:50%;
        width: 75%
    }
}

@media (width: 820px) {
    .cookie-consent-container .cookie-consent-wrapper .cookie-customize-modal-overlay .cookie-modal-content {
        height:43%
    }
}

@media screen and (max-width: 768px) {
    .cookie-consent-container .cookie-consent-wrapper .cookie-customize-modal-overlay .cookie-modal-content {
        height:40%;
        width: 66% !important
    }
}

@media only screen and (max-width: 767px) {
    .cookie-consent-container .cookie-consent-wrapper .cookie-customize-modal-overlay .cookie-modal-content {
        width:65%;
        height: 440px
    }
}

@media only screen and (max-width: 540px) {
    .cookie-consent-container .cookie-consent-wrapper .cookie-customize-modal-overlay .cookie-modal-content {
        height:55%;
        width: 85%
    }
}

@media screen and (max-width: 430px) {
    .cookie-consent-container .cookie-consent-wrapper .cookie-customize-modal-overlay .cookie-modal-content {
        height:56%;
        width: 85%
    }
}

@media screen and (max-width: 414px) {
    .cookie-consent-container .cookie-consent-wrapper .cookie-customize-modal-overlay .cookie-modal-content {
        height:52%;
        width: 85% !important
    }
}

@media screen and (max-width: 390px) {
    .cookie-consent-container .cookie-consent-wrapper .cookie-customize-modal-overlay .cookie-modal-content {
        height:63%;
        width: 85% !important;
        padding: 20px !important
    }
}

@media screen and (max-width: 360px) {
    .cookie-consent-container .cookie-consent-wrapper .cookie-customize-modal-overlay .cookie-modal-content {
        height:65%;
        width: 85%
    }
}

@media screen and (max-width: 344px) {
    .cookie-consent-container .cookie-consent-wrapper .cookie-customize-modal-overlay .cookie-modal-content {
        height:60%;
        width: 90% !important
    }
}

.cookie-consent-container .cookie-consent-wrapper .cookie-customize-modal-overlay .cookie-modal-content .cc-policy {
    text-align: left;
    margin-bottom: 15px;
    background-color: #222326;
    position: relative
}

.cookie-consent-container .cookie-consent-wrapper .cookie-customize-modal-overlay .cookie-modal-content .cc-policy a {
    color: #dfdfe0;
    padding-left: 10px;
    line-height: 2.8;
    font-weight: 600
}

@media (max-width: 768px) {
    .cookie-consent-container .cookie-consent-wrapper .cookie-customize-modal-overlay .cookie-modal-content .cc-policy a {
        font-size:13px !important
    }
}

@media screen and (max-width: 767px) {
    .cookie-consent-container .cookie-consent-wrapper .cookie-customize-modal-overlay .cookie-modal-content .cc-policy a {
        font-size:10px !important
    }
}

@media screen and (max-width: 344px) {
    .cookie-consent-container .cookie-consent-wrapper .cookie-customize-modal-overlay .cookie-modal-content .cc-policy a {
        font-size:9px !important
    }
}

.cookie-consent-container .cookie-consent-wrapper .cookie-customize-modal-overlay .cookie-modal-content .cc-policy a .document-icon {
    font-size: 16px;
    margin-right: 8px;
    line-height: 2.8
}

.cookie-consent-container .cookie-consent-wrapper .cookie-customize-modal-overlay .cookie-modal-content .cc-policy a .document-icon svg {
    position: relative;
    top: 9px
}

.cookie-consent-container .cookie-consent-wrapper .cookie-customize-modal-overlay .cookie-modal-content .confirm-btn {
    font-family: 'BridgestoneType', 'NotoSans';
    padding: 12px 16px;
    text-transform: uppercase;
    border: 2px solid black;
    cursor: pointer;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
    background-color: #ffffff;
    color: #333333;
    font-weight: 600
}

.cookie-consent-container .cookie-consent-wrapper .cookie-customize-modal-overlay .cookie-modal-content .confirm-btn:hover {
    background-color: #e42300
}

@media (max-width: 768px) {
    .cookie-consent-container .cookie-consent-wrapper .cookie-customize-modal-overlay .cookie-modal-content .confirm-btn {
        padding:12px 15px
    }
}

.cookie-consent-container .cookie-consent-wrapper .cookie-customize-modal-overlay .close-modal-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 30px;
    cursor: pointer
}

.cookie-consent-container .cookie-consent-wrapper .cookie-customize-modal-overlay .cc-modal-content-section {
    margin: 20px 0;
    text-align: left
}

.cookie-consent-container .cookie-consent-wrapper .cookie-customize-modal-overlay .cc-modal-content-section .cookie-description {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.cookie-consent-container .cookie-consent-wrapper .cookie-customize-modal-overlay .cc-modal-content-section .cookie-description .cookie-details {
    width: 80%
}

.cookie-consent-container .cookie-consent-wrapper .cookie-customize-modal-overlay .cc-modal-content-section .cookie-description .cookie-details p {
    margin-top: -0.3rem;
    margin-bottom: 10px
}

.cookie-consent-container .cookie-consent-wrapper .cookie-customize-modal-overlay .cc-modal-content-section .cookie-description label {
    width: 25%
}

@media (max-width: 768px) {
    .cookie-consent-container .cookie-consent-wrapper .cookie-customize-modal-overlay .cc-modal-content-section .cookie-description label {
        width:45%
    }
}

.cookie-consent-container .cookie-consent-wrapper .cookie-customize-modal-overlay .cc-modal-content-section h4 {
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 600
}

@media (max-width: 768px) {
    .cookie-consent-container .cookie-consent-wrapper .cookie-customize-modal-overlay .cc-modal-content-section h4 {
        font-size:12px
    }
}

.cookie-consent-container .cookie-consent-wrapper .cookie-customize-modal-overlay label {
    display: inline-block;
    margin-right: 10px;
    font-size: 12px;
    line-height: 20px
}

.cookie-consent-container .cookie-consent-wrapper .cookie-customize-modal-overlay label input[type="radio"] {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: white;
    border: 2px solid #ccc;
    outline: none;
    cursor: pointer
}

.cookie-consent-container .cookie-consent-wrapper .cookie-customize-modal-overlay label input[type="radio"]:checked {
    background-color: #007bff;
    border-color: #007bff;
    -webkit-box-shadow: 0 0 0 2px rgba(0,123,255,0.3);
    box-shadow: 0 0 0 2px rgba(0,123,255,0.3)
}

.cookie-consent-container .cookie-consent-wrapper .cookie-customize-modal-overlay label input[type="radio"]:checked::after {
    content: '';
    position: absolute;
    top: 3px;
    left: 3px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: white
}

.cookie-consent-container .cookie-consent-wrapper .cookie-customize-modal-overlay label input[type="radio"],.cookie-consent-container .cookie-consent-wrapper .cookie-customize-modal-overlay label input[type="checkbox"] {
    margin-right: 10px
}

.cookie-consent-container .cookie-consent-wrapper .cookie-customize-modal-overlay .switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px
}

.cookie-consent-container .cookie-consent-wrapper .cookie-customize-modal-overlay .switch span.slider {
    width: 53px;
    height: 27px
}

.cookie-consent-container .cookie-consent-wrapper .cookie-customize-modal-overlay .switch span.slider .checked-icon {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 16px;
    color: #007bff
}

.cookie-consent-container .cookie-consent-wrapper .cookie-customize-modal-overlay .switch input {
    opacity: 0;
    width: 0;
    height: 0
}

.cookie-consent-container .cookie-consent-wrapper .cookie-customize-modal-overlay .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    border-radius: 34px
}

.cookie-consent-container .cookie-consent-wrapper .cookie-customize-modal-overlay .slider:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    border-radius: 50%;
    left: 5px;
    bottom: 5px;
    background-color: white;
    -webkit-transition: 0.4s;
    transition: 0.4s
}

.cookie-consent-container .cookie-consent-wrapper .cookie-customize-modal-overlay input:checked+.slider {
    background-color: #007bff
}

.cookie-consent-container .cookie-consent-wrapper .cookie-customize-modal-overlay input:checked+.slider:before {
    -webkit-transform: translateX(26px);
    transform: translateX(26px)
}

.cookie-consent-container .cookie-consent-wrapper .cookie-customize-modal-overlay .cc-modal-content-section p {
    display: inline-block;
    width: calc(100% - 70px);
    margin-left: 20px;
    line-height: 1.5;
    font-size: 12px
}

@media (max-width: 768px) {
    .cookie-consent-container .cookie-consent-wrapper .cookie-customize-modal-overlay .cc-modal-content-section p {
        font-size:8px
    }
}

.cookie-consent-container .cookie-consent-wrapper .cookie-customize-modal-overlay .cc-modal-content-section a {
    display: inline-block;
    margin-left: 20px;
    font-size: 12px;
    color: #007bff;
    text-decoration: none
}

.cookie-consent-container .cookie-consent-wrapper .cookie-customize-modal-overlay .cc-modal-content-section label,.cookie-consent-container .cookie-consent-wrapper .cookie-customize-modal-overlay .cc-modal-content-section p {
    display: inline-block;
    vertical-align: top;
    width: calc(20% - 10px)
}

.cookie-consent-container .cookie-consent-wrapper .cookie-customize-modal-overlay .cc-modal-content-section p {
    width: 90%
}

@media screen and (max-width: 768px) {
    .cookie-consent-container .cookie-consent-wrapper .cookie-customize-modal-overlay .cookie-modal-content {
        width:90%;
        padding: 10px
    }

    .cookie-consent-container .cookie-consent-wrapper .cookie-customize-modal-overlay .cc-modal-content-section label,.cookie-consent-container .cookie-consent-wrapper .cookie-customize-modal-overlay .cc-modal-content-section p {
        display: block;
        width: 90%
    }
}

@media screen and (max-width: 768px) and (max-width: 768px) {
    .cookie-consent-container .cookie-consent-wrapper .cookie-customize-modal-overlay .cc-modal-content-section label,.cookie-consent-container .cookie-consent-wrapper .cookie-customize-modal-overlay .cc-modal-content-section p {
        width:80%
    }
}

@media screen and (max-width: 768px) {
    .cookie-consent-container .cookie-consent-wrapper .cookie-customize-modal-overlay .cc-modal-content-section p {
        margin-left:0
    }

    .cookie-consent-container .cookie-consent-wrapper .cookie-customize-modal-overlay .cc-modal-content-section a {
        display: block;
        margin-left: 0
    }
}

@media screen and (max-width: 768px) and (max-width: 768px) {
    .cookie-consent-container .cookie-consent-wrapper .cookie-customize-modal-overlay .cc-modal-content-section a {
        font-size:8px
    }
}

.cc-container-section {
    padding: 0 !important
}

.cmp-contentfragment .cmp-contentfragment__elements {
    margin-left: auto;
    margin-right: auto;
    max-width: 1024px;
    padding: 50px 0
}

.cmp-contentfragment .cmp-contentfragment__elements h2 {
    font-size: 30px;
    letter-spacing: 3px;
    padding-bottom: 30px;
    text-align: center;
    color: #000;
    text-transform: uppercase
}

.cmp-contentfragment .cmp-contentfragment__title {
    margin-left: auto;
    margin-right: auto;
    max-width: 1024px;
    padding: 50px 0;
    letter-spacing: 3px;
    padding-bottom: 30px;
    text-align: center;
    color: #000;
    text-transform: uppercase
}

.consumer-rights-form-container .consumer-rights-state .consumer-rights-state-next_button {
    background-color: #3d8fff;
    border: 2px solid #3d8fff;
    font-family: 'BridgestoneType', 'NotoSans';
    font-size: 1.375rem
}

.consumer-rights-form-container .consumer-rights-form-section .consumer-rights-form .consumer-rights-form-submit_button {
    background-color: #3d8fff;
    border: 2px solid #3d8fff;
    font-family: 'BridgestoneType', 'NotoSans';
    font-size: 1.375rem
}

.consumer-rights-form-container .consumer-rights-form-section .consumer-rights-form input[type='checkbox'],.consumer-rights-form-container .consumer-rights-form-section .consumer-rights-form input[type='radio'] {
    height: 25px
}

.bio-card-container {
    border-bottom: solid 2px #000;
    padding-top: 0;
    padding-bottom: 0
}

.bio-card-container .content-wrapper {
    padding: 1.733rem 0 0 0;
    position: relative
}

.bio-card-container .content-wrapper.bgt-none {
    background: none;
    color: #000
}

.bio-card-container .content-wrapper.bgt-dark {
    background-color: #000;
    color: #fff
}

.bio-card-container .content-wrapper.bgt-light {
    background-color: #fff;
    color: #000
}

.bio-card-container .content-wrapper.bgt-dark-gradient {
    background: -webkit-gradient(linear, left top, right top, from(#000), to(#ccc));
    background: linear-gradient(to right, #000 0%, #ccc 100%);
    background-color: #000;
    color: #fff
}

.bio-card-container .content-wrapper.bgt-dark-darkgradient {
    background-color: #000;
    background: -webkit-gradient(linear, left top, right top, from(#000), to(#424242));
    background: linear-gradient(to right, #000 0%, #424242 100%);
    color: #fff
}

.bio-card-container .content-wrapper.bgt-light-gradient {
    background-color: #fff;
    background: -webkit-gradient(linear, left top, right top, from(#e1e1e1), to(#fff));
    background: linear-gradient(to right, #e1e1e1 0%, #fff 100%);
    color: #000
}

.bio-card-container .content-wrapper.bgt-red-gradient {
    background: -webkit-gradient(linear, left top, right top, from(#a8120a), to(#ee2e24));
    background: linear-gradient(to right, #a8120a 0%, #ee2e24 100%);
    color: #fff
}

.bio-card-container .content {
    padding-bottom: 1rem;
    padding-top: 1.5rem;
    position: relative
}

@media (max-width: 768px) {
    .bio-card-container .content {
        padding:1.733rem 2rem 0
    }
}

.bio-card-container .text-border-left {
    font-size: 2.5rem !important;
    margin-bottom: 0;
    margin-top: 0;
    border-left: 8px solid #000;
    padding-left: 1rem;
    line-height: 1.10em;
    text-align: left;
    width: 90%;
    letter-spacing: -0.08em;
    text-transform: uppercase
}

@media (min-width: 768px) {
    .bio-card-container .text-border-left {
        display:inline-block;
        width: 30%
    }
}

@media (min-width: 1200px) {
    .bio-card-container .text-border-left {
        font-size:2.667rem
    }
}

.bio-card-container .position-list-wrap {
    display: inline-block;
    vertical-align: top
}

@media (min-width: 768px) {
    .bio-card-container .position-list-wrap {
        max-width:60%
    }
}

.bio-card-container .position-list-wrap ul {
    font-size: 1.1rem;
    margin-top: 1rem;
    list-style-type: none;
    padding-left: 0
}

@media (min-width: 768px) {
    .bio-card-container .position-list-wrap ul {
        -webkit-column-count:2;
        -moz-column-count: 2;
        column-count: 2;
        margin: 0
    }
}

.bio-card-container .position-list-wrap ul li {
    display: inline-block;
    padding-bottom: 1rem;
    padding-right: 1.5rem;
    vertical-align: top;
    width: 15.5rem
}

.bio-card-container .position-list-wrap ul li strong,.bio-card-container .position-list-wrap ul li span {
    line-height: 1.6
}

.bio-card-container .accordion-button {
    position: absolute;
    right: 0;
    top: 0;
    background-color: #000;
    cursor: pointer;
    height: 1.867rem;
    width: 1.867rem
}

@media (min-width: 768px) {
    .bio-card-container .accordion-button {
        float:right;
        position: absolute;
        top: 1.733rem
    }
}

.bio-card-container .accordion-button:after {
    -webkit-transform: translate(-50%, -50%) rotate(-90deg);
    transform: translate(-50%, -50%) rotate(-90deg);
    -webkit-transition: all .3s;
    transition: all .3s;
    left: 50%;
    top: 50%;
    color: #fff;
    content: '\276F';
    cursor: pointer;
    position: absolute
}

.bio-card-container .accordion-button.open:after {
    -webkit-transform: translate(-50%, -50%) rotate(-270deg);
    transform: translate(-50%, -50%) rotate(-270deg);
    left: 50%;
    top: 50%
}

.bio-card-container .accordion-closed {
    display: none
}

.bio-card-container .bio-wrapper {
    padding-top: 1rem
}

.bio-card-container .bio-wrapper .image-wrap {
    display: inline-block;
    vertical-align: top;
    width: 100%
}

@media (min-width: 768px) {
    .bio-card-container .bio-wrapper .image-wrap {
        padding-right:2rem;
        width: 30%
    }
}

.bio-card-container .bio-wrapper .image-wrap img {
    display: block;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    width: 256px;
    max-width: 100%;
    padding-bottom: 1rem
}

.bio-card-container .bio-wrapper .description-wrap {
    padding-bottom: 2rem;
    line-height: 1.5em
}

@media (min-width: 768px) {
    .bio-card-container .bio-wrapper .description-wrap {
        -webkit-column-count:2;
        -moz-column-count: 2;
        column-count: 2;
        display: inline-block;
        overflow: hidden;
        width: 60%
    }
}

@media (max-width: 768px) {
    .bio-card-container .bio-wrapper .description-wrap {
        padding:0 2rem 2rem 2rem
    }
}

.bio-card-container .bio-wrapper .description-wrap p:first-child {
    margin-top: 0
}

.cardSlider .card-slider {
    position: relative;
    width: 100%;
    overflow: hidden
}

.cardSlider .card-slider-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.cardSlider .card-slider-item {
    padding: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left;
    margin: 60px 3px;
    -webkit-box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    -webkit-transform: skewX(-7deg);
    transform: skewX(-7deg);
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(33.33% - 20px);
    -ms-flex: 0 0 calc(33.33% - 20px);
    flex: 0 0 calc(33.33% - 20px);
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    white-space: normal
}

.cardSlider .card-slider-item picture {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1
}

.cardSlider .card-slider-item picture img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100% !important;
    height: 100%
}

.cardSlider .content-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    height: 100%;
    width: 100%
}

.cardSlider .logo-section {
    height: 65px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.cardSlider .card-slider-item img {
    max-width: 100%;
    max-height: -webkit-fill-available
}

.cardSlider .card-slider-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1
}

.cardSlider .card-slider-caption {
    position: relative;
    z-index: 2;
    width: 100%;
    -webkit-transform: skewX(7deg);
    transform: skewX(7deg);
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 13px 20px 0px 35px
}

.cardSlider .card-slider-caption h2 {
    font-size: 2rem;
    font-weight: 600;
    margin-top: 10px
}

.cardSlider .card-slider-caption h6 {
    font-size: 1.2rem;
    line-height: 1.3;
    margin: 6px 0 10px 0;
    text-transform: capitalize
}

.cardSlider .card-slider-caption p {
    margin-bottom: 20px;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.cardSlider .logo {
    margin-bottom: 10px;
    height: 100%;
    max-height: 60px;
    width: auto;
    max-width: 60%
}

.cardSlider .btn-find-out-more {
    border: none;
    padding: 18px;
    text-transform: uppercase;
    cursor: pointer;
    font-size: 1.1rem;
    font-weight: 600;
    margin-top: auto;
    width: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    text-align: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.cardSlider .card-slider-control-prev,.cardSlider .card-slider-control-next {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: transparent;
    color: #fff;
    border: none;
    padding: 10px;
    cursor: pointer;
    font-size: 40px
}

.cardSlider .card-slider-control-prev {
    left: 10px
}

.cardSlider .card-slider-control-next {
    right: 10px
}

@media (max-width: 1024px) {
    .cardSlider .card-slider-item {
        -webkit-box-flex:0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        margin: 60px 2px
    }

    .cardSlider .card-slider-caption {
        padding: 13px 40px 0px 40px
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1200px) {
    .cardSlider .card-slider-item {
        -webkit-box-flex:0;
        -webkit-flex: 0 0 calc(50% - 20px);
        -ms-flex: 0 0 calc(50% - 20px);
        flex: 0 0 calc(50% - 20px)
    }

    .cardSlider .card-slider-caption {
        padding: 13px 40px 0px 40px
    }
}

@media (min-width: 1025px) {
    .cardSlider .card-slider-item picture {
        display:none
    }
}

.cardSlider .modalPopup {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    opacity: 0;
    visibility: hidden;
    position: fixed;
    z-index: 1000;
    width: 100%;
    height: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transform: translate(-50%, -50%) scale(0.9);
    transform: translate(-50%, -50%) scale(0.9);
    -webkit-transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out, transform 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out, transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
    background-color: #fff;
    top: 50%;
    left: 50%;
    margin: auto;
    min-width: 200px
}

.cardSlider .modalPopup .popup-container {
    width: 100%;
    position: relative;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 10;
    width: 100vw;
    height: 100vh;
    -webkit-transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out
}

.cardSlider .modalPopup .popup-container #modalInnerContent {
    width: 100vw;
    height: 100vh;
    -webkit-transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out
}

.cardSlider .modalPopup .popup-container #modalInnerContent img {
    width: 50%;
    position: absolute;
    right: 0.5%;
    top: 13%;
    height: 70%
}

.cardSlider .modalPopup .popup-container #modalInnerContent .popup-content {
    text-align: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 47%;
    height: 82%;
    overflow-y: auto;
    position: relative;
    top: 10%;
    scrollbar-width: thin;
    margin-right: 3px;
    overflow-x: hidden;
    white-space: normal;
    word-wrap: break-word;
    max-height: 100vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-transition: opacity 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out
}

.cardSlider .modalPopup .popup-container #modalInnerContent .popup-content h2 {
    font-size: 2.5rem;
    margin-top: 0
}

.cardSlider .modalPopup .popup-container #modalInnerContent .popup-content h6 {
    font-size: 1.4rem;
    margin: 10px 0
}

.cardSlider .modalPopup .popup-container #modalInnerContent .popup-content .modal-body {
    margin: 0;
    height: 82%
}

.cardSlider .modalPopup .popup-container #modalInnerContent .popup-content .modal-body ul {
    list-style-type: disc;
    margin-left: 20px
}

.cardSlider .modalPopup .popup-container #modalInnerContent .popup-content .modal-body ol {
    list-style-type: decimal;
    margin-left: 20px
}

.cardSlider .modalPopup .popup-container #modalInnerContent .popup-content .modal-body li {
    font-size: 0.9rem
}

.cardSlider .modalPopup .popup-container #modalInnerContent .media-present:has(img) .popup-content {
    width: 49%;
    padding-right: 1rem
}

.cardSlider .modalPopup .popup-container .media-present:has(img) .popup-content {
    padding: 0 0 0 4%;
    white-space: normal;
    word-wrap: break-word
}

.cardSlider .modalPopup .popup-container .media-present:has(.vdo-container) .popup-content {
    padding: 0 1% 0 4%
}

@media (min-width: 1033px) {
    .cardSlider .modalPopup .popup-container #modalInnerContent {
        display:-webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

@media (max-width: 768px) {
    .cardSlider .modalPopup .popup-container .media-present:has(img) .popup-content,.cardSlider .modalPopup .popup-container .media-present:has(.vdo-container) .popup-content {
        padding:0 6% !important
    }
}

.cardSlider .modalPopup .popup-container .close-modal {
    float: right;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
    position: absolute;
    top: -6px;
    right: 1rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 9999
}

.cardSlider .modalPopup .media-styled {
    text-align: center !important;
    display: block;
    width: 100% !important;
    height: 94vh !important;
    padding: 0 6% 0 6.5% !important;
    position: absolute;
    top: 0 !important;
    margin-top: 1.5rem
}

.cardSlider .modalPopup .media-styled .modal-body {
    text-align: left;
    margin-bottom: 29px
}

@media (min-width: 1036px) {
    .cardSlider .modalPopup .vdo-container {
        height:94vh;
        margin-top: 2px
    }
}

@media (max-width: 1032px) {
    .cardSlider .modalPopup .close-modal {
        top:3rem !important
    }

    .cardSlider .modalPopup .vdo-container {
        margin-top: -0.5rem !important;
        height: 55% !important
    }

    .cardSlider .modalPopup img {
        margin-top: -5rem !important;
        height: 41% !important;
        width: 100% !important;
        right: 0 !important;
        padding: 0 3rem
    }

    .cardSlider .modalPopup .media-present:has(img) .popup-content {
        margin-top: 0 !important;
        top: 52% !important;
        height: 40vh !important
    }

    .cardSlider .modalPopup .media-styled {
        top: 3% !important
    }
}

@media (min-width: 1025px) {
    .cardSlider .modalPopup .vdo-container {
        height:55%;
        margin-bottom: -10rem
    }
}

@media (min-width: 1024px) and (max-width: 1036px) {
    .cardSlider .modalPopup .popup-content {
        width:100% !important;
        height: 35vh !important
    }

    .cardSlider .modalPopup .media-present:has(img) .popup-content {
        top: 57%;
        overflow-y: auto !important;
        margin-top: 2.5rem;
        padding: 0 6% !important
    }

    .cardSlider .modalPopup .close-modal {
        top: 1rem
    }

    .cardSlider .modalPopup .media-styled {
        height: 94vh !important;
        margin-top: 2.5rem
    }

    .cardSlider .modalPopup .media-present:has(.vdo-container) .popup-content {
        padding: 0 6% !important;
        height: 40vh !important
    }
}

@media (max-width: 1024px) {
    .cardSlider .modalPopup .vdo-container {
        height:55% !important;
        margin: -0.5rem 0 -10rem !important
    }

    .cardSlider .modalPopup .popup-content.media-styled {
        height: 89vh !important;
        margin-top: 3.5rem
    }

    .cardSlider .modalPopup img {
        margin-top: -5rem !important;
        height: 42% !important;
        padding: 0 3rem
    }

    .cardSlider .modalPopup .media-present:has(img) .popup-content {
        margin-top: -1.5rem !important;
        height: 42vh !important
    }

    .cardSlider .modalPopup .close-modal {
        top: 3rem !important
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    .cardSlider .modalPopup .vdo-container {
        height:56%;
        margin-bottom: -38rem
    }
}

@media (max-width: 876px) {
    .cardSlider .modalPopup .vdo-container {
        margin-bottom:-38rem;
        height: 46vh !important;
        margin-top: 2rem !important
    }

    .cardSlider .modalPopup .media-present:has(img) .popup-content {
        height: 45vh !important;
        margin: 3rem 0;
        margin-top: -6rem !important
    }

    .cardSlider .modalPopup .media-present:has(.vdo-container) .popup-content {
        margin: 1rem 0;
        height: 50vh !important
    }

    .cardSlider .modalPopup img {
        margin-top: 3rem !important
    }

    .cardSlider .modalPopup .media-styled {
        margin-top: 3.2rem
    }

    .cardSlider .modalPopup .modal-body {
        height: 85vh
    }

    .cardSlider .modalPopup .close-modal {
        top: 3rem
    }
}

@media (max-width: 834px) {
    .cardSlider .modalPopup .vdo-container {
        margin-bottom:-32rem;
        height: 50vh !important;
        margin-top: 2.2rem
    }

    .cardSlider .modalPopup img {
        margin-top: 2rem !important
    }

    .cardSlider .modalPopup .media-present:has(.vdo-container) .popup-content {
        margin-top: -1rem;
        height: 39vh !important
    }

    .cardSlider .modalPopup .media-present:has(img) .popup-content {
        height: 49vh !important;
        margin-top: -6rem !important
    }

    .cardSlider .modalPopup .media-styled {
        height: 86vh !important
    }
}

@media (max-width: 820px) {
    .cardSlider .modalPopup .popup-content {
        margin:3rem 0
    }

    .cardSlider .modalPopup .vdo-container {
        margin-bottom: -38rem !important;
        height: 48vh !important;
        margin-top: 1rem !important
    }

    .cardSlider .modalPopup .media-present:has(.vdo-container) .popup-content {
        margin: 6rem 0 3rem 0;
        height: 49vh !important
    }

    .cardSlider .modalPopup .media-styled {
        margin-top: 1rem !important
    }
}

@media (max-width: 810px) {
    .cardSlider .modalPopup .vdo-container {
        margin-bottom:-35rem;
        height: 50svh !important
    }
}

@media (max-width: 800px) {
    .cardSlider .modalPopup .vdo-container {
        margin-bottom:-38rem
    }

    .cardSlider .modalPopup .media-present:has(.vdo-container) .popup-content {
        margin: 5rem 0;
        height: 35rem !important
    }

    .cardSlider .modalPopup .close-modal {
        top: 2.8rem
    }

    .cardSlider .modalPopup img {
        margin-top: 3rem !important
    }

    .cardSlider .modalPopup .media-present:has(img) .popup-content {
        margin-top: -6rem !important
    }
}

@media (max-width: 754px) {
    .cardSlider .modalPopup .vdo-container {
        height:46vh !important;
        margin-bottom: -30rem;
        margin-top: 2rem !important
    }

    .cardSlider .modalPopup .media-present:has(.vdo-container) .popup-content {
        height: 46vh !important;
        margin-top: -1rem
    }

    .cardSlider .modalPopup .media-present:has(.vdo-container) .popup-content h2,.cardSlider .modalPopup .media-present:has(.vdo-container) .popup-content h6 {
        margin-bottom: 2rem
    }

    .cardSlider .modalPopup img {
        margin-top: 2rem !important
    }

    .cardSlider .modalPopup .media-present:has(img) .popup-content {
        height: 45vh !important
    }

    .cardSlider .modalPopup .media-present:has(img) .popup-content h2 {
        margin-bottom: 2rem
    }

    .cardSlider .modalPopup .modal-body {
        height: 85vh !important
    }
}

@media (max-width: 744px) {
    .cardSlider .modalPopup .media-present:has(.vdo-container) .popup-content {
        height:44vh !important;
        margin-top: 0
    }
}

@media (min-width: 376px) and (max-width: 768px) {
    .cardSlider .modalPopup .vdo-container {
        height:52%;
        margin-bottom: -28rem
    }
}

@media (max-width: 448px) {
    .cardSlider .modalPopup .vdo-container {
        margin-bottom:-26rem;
        margin-top: 2rem !important
    }

    .cardSlider .modalPopup img {
        margin-top: 2rem !important
    }

    .cardSlider .modalPopup .media-present:has(.vdo-container) .popup-content {
        margin: 13.5rem 0 2.5rem 0;
        height: 45vh !important
    }

    .cardSlider .modalPopup .media-present:has(.vdo-container) .popup-content h2 {
        margin-bottom: 1rem
    }

    .cardSlider .modalPopup .media-styled {
        margin-top: 2.5rem !important;
        margin-bottom: 2rem !important;
        height: 85vh !important
    }

    .cardSlider .modalPopup .media-styled .modal-body {
        height: 71vh
    }

    .cardSlider .modalPopup .media-present:has(img) .popup-content {
        margin-top: -4rem !important
    }

    .cardSlider .modalPopup .media-present:has(img) .popup-content h2 {
        margin-bottom: 1rem
    }

    .cardSlider .modalPopup .close-modal {
        top: 1.8rem
    }
}

@media (max-width: 440px) {
    .cardSlider .modalPopup .vdo-container {
        margin-bottom:-25rem;
        height: 37vh !important;
        margin-top: 2rem !important
    }

    .cardSlider .modalPopup .media-present:has(.vdo-container) .popup-content {
        margin-top: 3rem;
        margin-bottom: 2rem;
        height: 51vh !important
    }

    .cardSlider .modalPopup .media-present:has(.vdo-container) .popup-content h2 {
        margin-bottom: 2rem !important
    }

    .cardSlider .modalPopup .media-present:has(img) .popup-content {
        height: 45vh !important
    }

    .cardSlider .modalPopup .popup-content.media-styled {
        margin-top: 3rem;
        height: 85vh !important
    }

    .cardSlider .modalPopup img {
        margin-top: 2rem !important
    }

    .cardSlider .modalPopup .popup-content h2 {
        margin-bottom: 1rem
    }

    .cardSlider .modalPopup .close-modal {
        top: 2.2rem
    }
}

@media (max-width: 432px) {
    .cardSlider .modalPopup .vdo-container {
        margin-top:1.2rem !important
    }

    .cardSlider .modalPopup .media-present:has(.vdo-container) .popup-content {
        height: 54vh !important;
        margin-top: 15rem
    }

    .cardSlider .modalPopup img {
        margin-top: 1.2rem !important
    }

    .cardSlider .modalPopup .media-styled {
        margin-top: 0.6rem !important
    }

    .cardSlider .modalPopup .close-modal {
        top: 2rem !important
    }
}

@media (max-width: 430px) {
    .cardSlider .modalPopup .vdo-container {
        margin-bottom:-25rem;
        height: 36vh !important;
        margin-top: 3rem !important
    }

    .cardSlider .modalPopup .media-present:has(.vdo-container) .popup-content {
        margin-top: -21rem;
        margin-bottom: 2rem;
        height: 51vh !important
    }

    .cardSlider .modalPopup .media-present:has(.vdo-container) .popup-content h2 {
        margin-bottom: 2rem !important
    }

    .cardSlider .modalPopup .media-present:has(.vdo-container) .popup-content .close-modal {
        top: 2.2rem !important
    }

    .cardSlider .modalPopup .media-present:has(img) .popup-content {
        margin: -2.5rem 0 2rem 0 !important;
        height: 47vh !important
    }

    .cardSlider .modalPopup img {
        margin: 2.5rem 0 2rem 0 !important
    }

    .cardSlider .modalPopup .popup-content h2 {
        margin-bottom: 1rem
    }

    .cardSlider .modalPopup .media-styled {
        height: 82vh !important
    }
}

@media (max-width: 428px) {
    .cardSlider .modalPopup .vdo-container {
        margin-bottom:-25rem !important;
        height: 36vh !important;
        margin-top: 3rem !important
    }

    .cardSlider .modalPopup .media-present:has(.vdo-container) .popup-content {
        margin: 3rem 0;
        height: 50vh !important;
        margin-top: 3.7rem
    }

    .cardSlider .modalPopup .media-present:has(img) .popup-content {
        height: 48vh !important;
        margin-top: -4rem !important
    }

    .cardSlider .modalPopup .media-styled {
        margin-top: 2rem !important
    }

    .cardSlider .modalPopup img {
        margin-top: 2rem !important
    }

    .cardSlider .modalPopup .close-modal {
        top: 3rem !important
    }
}

@media screen and (max-width: 414px) {
    .cardSlider .modalPopup .vdo-container {
        margin-bottom:-24rem;
        margin-top: 1.5rem !important
    }

    .cardSlider .modalPopup img {
        top: 3% !important
    }

    .cardSlider .modalPopup .media-present:has(.vdo-container) .popup-content {
        margin: 2rem 0;
        height: 56vh !important
    }

    .cardSlider .modalPopup .media-present:has(img) .popup-content {
        margin-top: -3.6rem !important;
        height: 46% !important;
        top: 38% !important
    }

    .cardSlider .modalPopup .popup-content.media-styled {
        margin-top: 3rem !important;
        height: 80vh !important
    }

    .cardSlider .modalPopup .close-modal {
        top: 3rem
    }
}

@media screen and (max-width: 413px) {
    .cardSlider .modalPopup .close-modal {
        top:2rem !important;
        right: 1.2rem
    }

    .cardSlider .modalPopup .media-present:has(img) .popup-content {
        margin-top: 3.4rem !important
    }
}

@media (max-width: 407px) {
    .cardSlider .modalPopup .media-present:has(img) .popup-content {
        top:51% !important;
        height: 49% !important
    }

    .cardSlider .modalPopup .media-present:has(.vdo-container) .popup-content {
        margin-top: 3rem
    }

    .cardSlider .modalPopup .close-modal {
        top: 2rem !important
    }
}

@media (max-width: 402px) {
    .cardSlider .modalPopup .vdo-container {
        margin-bottom:-23rem;
        height: 37vh !important;
        margin-top: 2rem !important
    }

    .cardSlider .modalPopup .media-present:has(.vdo-container) .popup-content {
        margin: 3rem 0;
        height: 51vh !important
    }

    .cardSlider .modalPopup img {
        margin-top: 2rem !important
    }

    .cardSlider .modalPopup .popup-content h2 {
        margin-bottom: 1.6rem !important
    }

    .cardSlider .modalPopup .close-modal {
        top: 2rem !important
    }

    .cardSlider .modalPopup .media-styled {
        margin-top: 2rem !important;
        height: 88vh !important
    }
}

@media (max-width: 394px) {
    .cardSlider .modalPopup .vdo-container {
        height:35vh !important;
        margin-top: 2.5rem !important
    }

    .cardSlider .modalPopup .media-present:has(.vdo-container) .popup-content {
        margin-top: 3.5rem;
        height: 53vh !important
    }

    .cardSlider .modalPopup .media-present:has(img) .popup-content {
        margin-top: -3rem !important;
        height: 47vh !important
    }

    .cardSlider .modalPopup .media-present:has(img) .popup-content h2 {
        margin-bottom: 1.4rem
    }

    .cardSlider .modalPopup .media-present:has(img) .popup-content .modal-body {
        margin-top: 0.5rem
    }

    .cardSlider .modalPopup img {
        margin-top: 2rem !important
    }

    .cardSlider .modalPopup .popup-content h2 {
        margin-bottom: 1.2rem
    }

    .cardSlider .modalPopup .media-styled {
        margin-top: 1rem !important
    }

    .cardSlider .modalPopup .close-modal {
        top: 2.5rem !important
    }
}

@media (max-width: 390px) {
    .cardSlider .modalPopup .vdo-container {
        margin-bottom:-22rem !important;
        height: 37vh !important;
        margin-top: 3rem !important
    }

    .cardSlider .modalPopup .media-present:has(.vdo-container) .popup-content {
        margin: 3rem 0;
        height: 49vh !important
    }

    .cardSlider .modalPopup .media-present:has(img) .popup-content {
        margin: 2.5rem 0;
        height: 44vh !important;
        margin-top: 4.5rem !important
    }

    .cardSlider .modalPopup img {
        margin-top: 3rem !important;
        margin-bottom: 0
    }

    .cardSlider .modalPopup .popup-content h2 {
        margin-bottom: 1.4rem
    }

    .cardSlider .modalPopup .media-styled {
        margin-top: 1rem !important
    }

    .cardSlider .modalPopup .close-modal {
        top: 3rem !important
    }
}

@media (max-width: 384px) {
    .cardSlider .modalPopup .vdo-container {
        margin-top:2rem !important
    }

    .cardSlider .modalPopup .media-present:has(.vdo-container) .popup-content {
        margin-top: 2rem !important;
        height: 54vh !important
    }

    .cardSlider .modalPopup .media-present:has(img) .popup-content {
        height: 50vh !important;
        margin-top: -3.8rem !important
    }

    .cardSlider .modalPopup img {
        margin-top: 1.5rem !important
    }

    .cardSlider .modalPopup .close-modal {
        top: 2rem !important
    }
}

@media (max-width: 375px) {
    .cardSlider .modalPopup .vdo-container {
        height:49%;
        margin-bottom: -21rem !important;
        margin-top: 3rem !important
    }

    .cardSlider .modalPopup img {
        margin-top: 3rem !important
    }

    .cardSlider .modalPopup .media-present:has(.vdo-container) .popup-content {
        height: 54% !important;
        margin-top: 0.5rem !important
    }

    .cardSlider .modalPopup .media-present:has(.vdo-container) .popup-content h2 {
        margin-bottom: 2.2rem !important
    }

    .cardSlider .modalPopup .media-present:has(.vdo-container) .popup-content h6 {
        margin-top: 2rem !important
    }

    .cardSlider .modalPopup .media-present:has(img) .popup-content {
        margin-top: 0.3rem !important;
        height: 45% !important
    }

    .cardSlider .modalPopup .media-present:has(img) .popup-content .modal-body {
        margin-top: 1rem
    }

    .cardSlider .modalPopup .media-styled .modal-body {
        margin-top: 0
    }

    .cardSlider .modalPopup .close-modal {
        top: 3rem !important
    }
}

@media (max-width: 370px) {
    .cardSlider .modalPopup .vdo-container {
        height:31vh !important;
        margin-top: 2rem !important
    }

    .cardSlider .modalPopup .media-present:has(.vdo-container) .popup-content {
        margin-top: 0.5rem !important;
        height: 61vh !important
    }

    .cardSlider .modalPopup .media-present:has(img) .popup-content {
        margin-top: -4rem !important
    }

    .cardSlider .modalPopup img {
        margin-top: 2rem !important
    }

    .cardSlider .modalPopup .close-modal {
        top: 2rem !important
    }
}

@media (max-width: 360px) {
    .cardSlider .modalPopup .vdo-container {
        height:34vh !important;
        margin-top: 2.2rem !important
    }

    .cardSlider .modalPopup .media-present:has(img) .popup-content {
        margin-top: -3.5rem !important;
        height: 49vh !important
    }

    .cardSlider .modalPopup .media-present:has(img) .popup-content h2 {
        margin-bottom: 0 !important
    }

    .cardSlider .modalPopup .media-present:has(.vdo-container) .popup-content {
        margin-top: 3rem !important;
        height: 56vh !important
    }

    .cardSlider .modalPopup .media-present:has(.vdo-container) .popup-content h2 {
        margin-bottom: 0.5rem !important
    }

    .cardSlider .modalPopup .modal-body {
        margin-top: 1rem !important
    }

    .cardSlider .modalPopup .popup-content h2 {
        margin-bottom: 1rem
    }

    .cardSlider .modalPopup .popup-content h6 {
        margin: 1.5rem 0 !important;
        padding-top: 1.8rem
    }

    .cardSlider .modalPopup .media-styled h6 {
        padding-top: 0 !important
    }

    .cardSlider .modalPopup img {
        margin-top: 1.5rem !important
    }

    .cardSlider .modalPopup .close-modal {
        top: 2rem !important
    }
}

@media (max-width: 356px) {
    .cardSlider .modalPopup .media-present:has(img) .popup-content {
        margin-top:2.5rem !important;
        height: 46vh !important
    }

    .cardSlider .modalPopup .media-present:has(.vdo-container) .popup-content {
        margin-top: 2.9rem !important;
        height: 53vh !important
    }

    .cardSlider .modalPopup .media-present:has(.vdo-container) .popup-content h2 {
        margin-top: 1rem !important
    }

    .cardSlider .modalPopup .media-present:has(.vdo-container) .popup-content h6 {
        margin: 1rem 0 !important
    }

    .cardSlider .modalPopup .media-present:has(.vdo-container) .popup-content .modal-body {
        margin-top: 1rem !important
    }

    .cardSlider .modalPopup .vdo-container {
        margin-top: 1rem !important
    }

    .cardSlider .modalPopup .media-styled .modal-body {
        margin-top: 0 !important
    }

    .cardSlider .modalPopup .media-styled h6 {
        margin: 1rem 0 !important;
        padding: 0 !important
    }
}

@media (min-width: 320px) and (max-width: 448px) {
    .cardSlider .modalPopup .popup-content h6 {
        margin:1.5rem 0 !important
    }
}

@media (min-width: 320px) and (max-width: 343px) {
    .cardSlider .modalPopup .vdo-container {
        height:23vh !important;
        margin-top: 2rem !important;
        margin-bottom: -12rem !important
    }

    .cardSlider .modalPopup img {
        width: 100vw !important;
        margin-top: 3rem !important;
        height: 24vh !important;
        top: 2% !important
    }

    .cardSlider .modalPopup .media-present:has(img) .popup-content {
        margin-top: 2.5rem !important;
        height: 46vh !important
    }

    .cardSlider .modalPopup .media-present:has(.vdo-container) .popup-content {
        width: 100vw;
        height: 40vh !important;
        margin-top: 3rem !important
    }
}

@media (min-width: 344px) and (max-width: 1023px) {
    .cardSlider .modalPopup #modalInnerContent img,.cardSlider .modalPopup #modalInnerContent video {
        width:100% !important;
        right: 0 !important;
        height: 40vh !important;
        padding: 30px !important;
        position: absolute !important;
        top: 2% !important;
        margin: 1rem 0
    }

    .cardSlider .modalPopup .popup-content {
        width: 100% !important;
        padding: 30px !important;
        position: relative !important;
        top: 40% !important;
        overflow-y: auto;
        height: 56% !important
    }

    .cardSlider .modalPopup .popup-content h2 {
        font-size: 2rem !important
    }

    .cardSlider .modalPopup .popup-content .modal-body ul,.cardSlider .modalPopup .popup-content .modal-body ol {
        margin-left: 20px
    }

    .cardSlider .modalPopup .media-styled {
        top: 3% !important;
        padding: 23px 50px !important;
        height: 85vh !important;
        margin: 22px 0 75px 0
    }
}

.cardSlider .modalPopup .vdo-container {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.cardSlider .modalPopup .vdo-container {
    width: 100vw;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    margin-right: 3px;
    margin-top: 3px;
    height: 94vh
}

.cardSlider .modalPopup .vdo-container iframe {
    height: 75%;
    width: 100%
}

.cardSlider .modalPopup.show {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1)
}

.cardSlider .modalPopup.show .popup-content {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.social-media-container {
    padding: 0
}

.social-media-container ul {
    margin: 0 auto;
    padding: 0;
    width: 248px
}

@media only screen and (width: 1024px) {
    .social-media-container ul {
        width:200px
    }
}

@media only screen and (width: 768px) {
    .social-media-container ul {
        width:134px
    }
}

.social-media-container ul li {
    margin: 0 0 1rem .5rem;
    padding: 0;
    float: right;
    list-style: none
}

.social-media-container ul li a.social-icon {
    display: block;
    background: url("../../../../../../etc.clientlibs/enterprise-shared/components/content/socialMedia/v1/socialMedia/clientlibs/resources/images/social-icons.jpg") 0 0 no-repeat;
    width: 25px;
    height: 25px
}

.social-media-container ul li a.social-icon-fb {
    background-position: 0 0
}

.social-media-container ul li a.social-icon-tw {
    background-position: -25px 0
}

.social-media-container ul li a.social-icon-li {
    background-position: -50px 0
}

.social-media-container ul li a.social-icon-ig {
    background-position: -75px 0
}

.social-media-container ul li a.social-icon-yt {
    background-position: -100px 0
}

.social-media-container ul li a.social-icon-pi {
    background-position: -125px 0
}

.videoGallery {
    padding: 2.5rem 0
}

.video-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 30px;
    font-weight: bold
}

.video-header img {
    width: auto;
    height: 50px;
    margin-right: 0.5rem
}

.video-header h2 {
    text-transform: uppercase
}

.video-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 80%;
    margin: 0 auto 25px auto
}

@media (min-width: 769px) and (max-width: 1024px) {
    .video-container {
        width:90%
    }
}

@media (max-width: 768px) {
    .video-container {
        width:100%
    }
}

.video-container .each-video {
    width: calc(100% / 3 - 2rem);
    margin: 0 1rem 2rem 1rem;
    height: auto;
    overflow: hidden;
    display: none;
    -webkit-box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2)
}

@media (min-width: 769px) and (max-width: 1024px) {
    .video-container .each-video {
        width:calc(100% / 3 - 1.4rem);
        margin: 0 0.7em 2rem 0.7rem
    }
}

@media (max-width: 768px) {
    .video-container .each-video {
        width:calc(100% - 2rem)
    }
}

.video-container .each-video video,.video-container .each-video iframe {
    height: auto;
    width: 100%;
    border: none;
    cursor: pointer;
    min-height: 350px
}

@media (min-width: 769px) and (max-width: 1024px) {
    .video-container .each-video video,.video-container .each-video iframe {
        min-height:250px
    }
}

@media (max-width: 768px) {
    .video-container .each-video video,.video-container .each-video iframe {
        min-height:200px
    }
}

.video-container .video-info {
    margin: 0;
    padding: 20px 15px
}

.load-more-videos {
    font-size: 1rem;
    font-style: italic;
    font-weight: bold;
    color: #343434;
    text-transform: uppercase;
    text-align: center;
    cursor: pointer
}

.lazyBkgImage {
    background-image: none !important
}

.promoStoresTables {
    background-color: #f3f3f3;
    color: #2a2a2a
}

.promoStoresTables__title {
    text-align: center;
    margin-bottom: 2rem
}

.promoStoresTables__status {
    text-align: center
}

.promoStoresTables .dataTables_wrapper {
    font-size: 1rem;
    position: relative
}

.promoStoresTables .dataTables_wrapper::after {
    content: '';
    display: block;
    clear: both
}

@media screen and (min-width: 768px) {
    .promoStoresTables .dataTables_wrapper .dataTables_length {
        position:absolute;
        top: 4rem
    }
}

.promoStoresTables .dataTables_wrapper .dataTables_filter {
    text-align: center;
    margin-bottom: 2rem
}

.promoStoresTables .dataTables_wrapper .dataTables_filter input {
    font-size: 1.2rem;
    border: 1px solid #ccc;
    padding: 0.375rem 0 0.375rem 0.625rem;
    display: block;
    margin: 0 auto
}

.promoStoresTables .dataTables_wrapper .dataTables_info {
    float: left;
    padding-top: 1rem;
    font-size: .9rem
}

.promoStoresTables .dataTables_wrapper .dataTables_paginate {
    float: right;
    text-align: right;
    padding-top: 0.25rem
}

.promoStoresTables .dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: .6rem 1.1rem;
    text-align: center;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    font-weight: 700;
    color: #5a5a5a
}

.promoStoresTables .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: #2776e3;
    background-color: #e6e6e6
}

.promoStoresTables .dataTables_wrapper .dataTables_paginate .paginate_button.current {
    color: #fff;
    background-color: #5a5a5a;
    cursor: default;
    font-weight: normal
}

.promoStoresTables .dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
    cursor: default;
    color: #999;
    font-weight: normal
}

.promoStoresTables .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {
    background-color: transparent
}

@media screen and (max-width: 767px) {
    .promoStoresTables .dataTables_wrapper .dataTables_info,.promoStoresTables .dataTables_wrapper .dataTables_paginate {
        text-align:center;
        float: none;
        display: block
    }
}

.promoStoresTables .table-container {
    display: none
}

.promoStoresTables .hide-cp tr th:nth-child(6),.promoStoresTables .hide-cp tr td:nth-child(6) {
    display: none
}

.promoStoresTables .hide-state tr th:nth-child(5),.promoStoresTables .hide-state tr td:nth-child(5) {
    display: none
}

.promoStoresTables .hide-phone tr th:nth-child(3),.promoStoresTables .hide-phone tr td:nth-child(3) {
    display: none
}

.promoStoresTables .hide-18msi tr th:nth-child(7),.promoStoresTables .hide-18msi tr td:nth-child(7) {
    display: none
}

.promoStoresTables .hide-pagination .dataTables_filter {
    display: none
}

@media screen and (max-width: 767px), (min-device-width: 768px) and (max-device-width: 1024px) {
    .promoStoresTables .dataTables_wrapper .dataTables_filter,.promoStoresTables .dataTables_wrapper .dataTables_length {
        text-align:center;
        margin-bottom: .6rem
    }

    .promoStoresTables .dataTables_wrapper .dataTables_filter {
        margin-bottom: 2rem
    }

    .promoStoresTables .dataTable,.promoStoresTables .dataTable tbody,.promoStoresTables .dataTable th,.promoStoresTables .dataTable td,.promoStoresTables .dataTable tr {
        display: block
    }

    .promoStoresTables .dataTable thead {
        display: none
    }

    .promoStoresTables .dataTable tbody tr {
        border: 1px solid #ccc
    }

    .promoStoresTables .dataTable tbody td {
        border: none;
        border-bottom: 1px solid #e6e6e6;
        position: relative;
        padding-left: 30%;
        min-height: 30px
    }

    .promoStoresTables .dataTable tbody td::before {
        position: absolute;
        left: .625rem;
        top: .5rem;
        width: 30%;
        white-space: nowrap;
        font-weight: bolder
    }

    .promoStoresTables .dataTable tbody td:nth-child(1)::before {
        content: attr(data-column-label)
    }

    .promoStoresTables .dataTable tbody td:nth-child(2)::before {
        content: attr(data-column-label)
    }

    .promoStoresTables .dataTable tbody td:nth-child(3)::before {
        content: attr(data-column-label)
    }

    .promoStoresTables .dataTable tbody td:nth-child(4)::before {
        content: attr(data-column-label)
    }

    .promoStoresTables .dataTable tbody td:nth-child(5)::before {
        content: attr(data-column-label)
    }

    .promoStoresTables .dataTable tbody td:nth-child(6)::before {
        content: attr(data-column-label)
    }
}

body[data-dtm-app='fst'] [data-component="promoStoresTables"] .component__container {
    margin-left: auto;
    margin-right: auto;
    width: 90%;
    max-width: 64rem;
    padding: 3.75rem 0
}

body[data-dtm-app='fst'] [data-component="promoStoresTables"] .dataTables_wrapper .dataTables_filter {
    margin-bottom: 3rem
}