a, abbr, address, article, aside, audio, b, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font-weight: inherit;
    font-style: inherit;
    vertical-align: baseline
}

h1, h2, h3, h4, h5, h6, strong, b {
    font-weight: 400
}

i, em {
    font-style: normal
}

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

mark {
    background-color: transparent
}

a, ins, del {
    text-decoration: none
}

ul, ol {
    list-style: none
}

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

caption, th {
    text-align: left
}

q:after, q:before {
    content: ""
}

:focus {
    outline: none
}

a {
    color: #0066e3
}

a:hover {
    color: #004cac
}

a.disabled {
    opacity: 0.4;
    pointer-events: none
}

a.disabled:hover {
    color: #0066e3
}

a.red {
    color: #eb1700
}

a.red:hover {
    color: #bf0000
}

a.red.disabled:hover {
    color: #eb1700
}

a.grey {
    color: #444
}

a.grey:hover {
    color: #222
}

a.grey.disabled:hover {
    color: #444
}

a.blue {
    color: #0066e3
}

a.blue:hover {
    color: #004cac
}

a.blue.disabled:hover {
    color: #0066e3
}

a.navyBlue {
    color: #004395
}

a.navyBlue:hover {
    color: #00306a
}

a.navyBlue.disabled:hover {
    color: #004395
}

a.black {
    color: #000
}

a.black:hover {
    color: rgba(0, 0, 0, 0.6)
}

a.underline {
    text-decoration: underline
}

.linkButton {
    color: #fff;
    border-radius: 6px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.16)
}

.linkButton.disabled {
    cursor: not-allowed
}

.linkButton.red, .linkButton.red:hover, .linkButton.red.disabled:hover, .linkButton.red:focus, .linkButton.red.disabled:focus, .linkButton.grey, .linkButton.grey:hover, .linkButton.grey.disabled:hover, .linkButton.grey:focus, .linkButton.grey.disabled:focus, .linkButton.blue, .linkButton.blue:hover, .linkButton.blue.disabled:hover, .linkButton.blue:focus, .linkButton.blue.disabled:focus, .linkButton.navyBlue, .linkButton.navyBlue:hover, .linkButton.navyBlue.disabled:hover, .linkButton.navyBlue:focus, .linkButton.navyBlue.disabled:focus, .linkButton.black, .linkButton.black:hover, .linkButton.black.disabled:hover {
    color: #fff
}

.linkButton.red {
    background: #eb1700
}

.linkButton.red:hover {
    background: #bf0000
}

.linkButton.red.disabled:focus, .linkButton.red.disabled:hover {
    background: #eb1700
}

.linkButton.grey {
    background: #444
}

.linkButton.grey:hover {
    background: #222
}

.linkButton.grey.disabled:focus, .linkButton.grey.disabled:hover {
    background: #444
}

.linkButton.blue {
    background: #0066e3
}

.linkButton.blue:hover, .linkButton.blue:focus {
    background: #004cac
}

.linkButton.blue.disabled:focus, .linkButton.blue.disabled:hover {
    background: #0066e3
}

.linkButton.navyBlue {
    background: #004395
}

.linkButton.navyBlue:hover {
    background: #00306a
}

.linkButton.navyBlue.disabled:hover {
    background: #004395
}

.linkButton.black {
    background: #000
}

.linkButton.black:hover {
    background: rgba(0, 0, 0, 0.6)
}

.linkButton.black.disabled:focus, .linkButton.black.disabled:hover {
    background: #000
}

.linkButton.white {
    background: #fff;
    color: #000
}

.linkButton.white:hover {
    background: rgba(255, 255, 255, 0.6)
}

.linkButton.white.disabled:hover {
    background: #000
}

.linkButton.maroon {
    background: #c30e1b;
    color: #fff
}

.linkButton.maroon:hover {
    color: rgba(255, 255, 255, 0.6)
}

.linkButton.maroon.disabled:hover {
    color: #db8f97
}

.linkButton.bold {
    font-weight: 700
}

.linkButton.big {
    padding: 5px 10px
}

.linkButton.small {
    border-radius: 4px
}

a.borderButton {
    display: inline-block;
    font-size: 24px;
    font-weight: 700;
    color: #000;
    border: solid;
    border-width: 4px;
    border-radius: 10px;
    background: none
}

a.borderButton.white {
    color: #fff;
    border-color: #fff
}

a.borderButton.black {
    border-color: #000
}

a.borderButton.red {
    border-color: #eb1700
}

a.borderButton.blue {
    border-color: #0066e3
}

a.borderButton.navyBlue {
    border-color: #004395
}

a.borderButton.thin {
    font-size: 18px;
    border-width: 2px;
    border-radius: 6px
}

a {
    color: #0066e3
}

a:focus, a:hover {
    color: #004cac
}

a.disabled {
    opacity: 0.4;
    pointer-events: none
}

a.disabled:focus, a.disabled:hover {
    color: #0066e3
}

a.red {
    color: #eb1700
}

a.red:focus, a.red:hover {
    color: #bf0000
}

a.red.disabled:hover {
    color: #eb1700
}

a.grey {
    color: #444
}

a.grey:focus, a.grey:hover {
    color: #222
}

a.grey.disabled:hover {
    color: #444
}

a.black {
    color: #000
}

a.black:focus, a.black:hover {
    color: rgba(0, 0, 0, 0.6)
}

.button {
    display: inline-block;
    box-sizing: border-box;
    font-weight: 700;
    color: #fff;
    cursor: pointer;
    text-align: center
}

.button.lg {
    padding: 14px 30px;
    font-size: 24px;
    line-height: 28px;
    border-radius: 5px
}

.button.lg.ghost {
    padding: 12px 28px
}

.button.lg.ghost.white:hover, .button.lg.ghost.white:focus {
    padding: 11px 27px
}

.button.md {
    padding: 8px 20px;
    font-size: 16px;
    line-height: 20px;
    border-radius: 5px
}

.button.md.ghost {
    padding: 7px 18px
}

.button.md.ghost.white:hover, .button.md.ghost.white:focus {
    padding: 6px 17px
}

.button.sm {
    padding: 6px 12px;
    font-size: 12px;
    line-height: 14px;
    border-radius: 3px
}

.button.sm.ghost {
    padding: 4px 10px
}

.button.sm.ghost.white:hover, .button.sm.ghost.white:focus {
    padding: 3px 9px
}

.button.solid.primary {
    background: #0066e3
}

.button.solid.primary:focus, .button.solid.primary:hover {
    background: #004cac
}

.button.solid.primary.disabled:hover {
    background: #0066e3
}

.button.solid.secondary {
    background: #004395
}

.button.solid.secondary:focus, .button.solid.secondary:hover {
    background: #00306a
}

.button.solid.secondary.disabled:hover {
    background: #004395
}

.button.ghost {
    border: 2px solid
}

.button.ghost.white {
    border-color: #fff
}

.button.ghost.white:focus, .button.ghost.white:hover {
    border: 3px solid
}

.button.ghost.primary {
    color: #0066e3;
    border-color: #0066e3
}

.button.ghost.primary:focus, .button.ghost.primary:hover {
    color: #004cac;
    border-color: #004cac
}

.button.ghost.secondary {
    color: #004395;
    border-color: #004395
}

.button.ghost.secondary:focus, .button.ghost.secondary:hover {
    border-color: #00306a
}

.button:focus, .button:hover {
    text-decoration: none;
    color: #fff
}

.button.disabled {
    opacity: 0.4;
    pointer-events: none;
    cursor: not-allowed
}

@media (min-width: 768px) and (max-width: 959px) {
    .button.t-lg {
        padding: 14px 30px;
        font-size: 24px;
        line-height: 28px;
        border-radius: 5px
    }

    .button.t-lg.ghost {
        padding: 12px 28px
    }

    .button.t-lg.ghost.white:hover, .button.t-lg.ghost.white:focus {
        padding: 11px 27px
    }

    .button.t-md {
        padding: 8px 20px;
        font-size: 16px;
        line-height: 20px;
        border-radius: 5px
    }

    .button.t-md.ghost {
        padding: 7px 18px
    }

    .button.t-md.ghost.white:hover, .button.t-md.ghost.white:focus {
        padding: 6px 17px
    }

    .button.t-sm {
        padding: 6px 12px;
        font-size: 12px;
        line-height: 14px;
        border-radius: 3px
    }

    .button.t-sm.ghost {
        padding: 4px 10px
    }

    .button.t-sm.ghost.white:hover, .button.t-sm.ghost.white:focus {
        padding: 3px 9px
    }
}

@media (max-width: 767px) {
    .button.m-lg {
        padding: 14px 30px;
        font-size: 24px;
        line-height: 28px;
        border-radius: 5px
    }

    .button.m-lg.ghost {
        padding: 12px 28px
    }

    .button.m-lg.ghost.white:hover, .button.m-lg.ghost.white:focus {
        padding: 11px 27px
    }

    .button.m-md {
        padding: 8px 20px;
        font-size: 16px;
        line-height: 20px;
        border-radius: 5px
    }

    .button.m-md.ghost {
        padding: 7px 18px
    }

    .button.m-md.ghost.white:hover, .button.m-md.ghost.white:focus {
        padding: 6px 17px
    }

    .button.m-sm {
        padding: 6px 12px;
        font-size: 12px;
        line-height: 14px;
        border-radius: 3px
    }

    .button.m-sm.ghost {
        padding: 4px 10px
    }

    .button.m-sm.ghost.white:hover, .button.m-sm.ghost.white:focus {
        padding: 3px 9px
    }
}

@font-face {
    font-family: "icon";
    src: url("/fonts/20241218085332/icon.eot");
    src: url("/fonts/20241218085332/icon.eot?#iefix") format("embedded-opentype");
    font-weight: normal;
    font-style: normal
}

[class^="icon-"], [class*=" icon-"] {
    font-family: "icon";
    display: inline-block;
    line-height: 1;
    font-weight: normal;
    font-style: normal;
    speak: none;
    text-decoration: inherit;
    text-transform: none;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-account-circle:before {
    content: "\f101"
}

.icon-account:before {
    content: "\f102"
}

.icon-alu-aero:before {
    content: "\f103"
}

.icon-alu-doubleFiveSpoke:before {
    content: "\f104"
}

.icon-alu-fiveSpoke:before {
    content: "\f105"
}

.icon-alu-mesh:before {
    content: "\f106"
}

.icon-alu-multiSpoke:before {
    content: "\f107"
}

.icon-alu-other:before {
    content: "\f108"
}

.icon-alu-sixSpoke:before {
    content: "\f109"
}

.icon-alu-spoked:before {
    content: "\f10a"
}

.icon-alu-wheel:before {
    content: "\f10b"
}

.icon-arrow-begin:before {
    content: "\f10c"
}

.icon-arrow-down-bold:before {
    content: "\f10d"
}

.icon-arrow-down:before {
    content: "\f10e"
}

.icon-arrow-down-after:after {
    content: "\f10e"
}

.icon-arrow-end:before {
    content: "\f10f"
}

.icon-arrow-left-bold:before {
    content: "\f110"
}

.icon-arrow-left:before {
    content: "\f111"
}

.icon-arrow-next:before {
    content: "\f112"
}

.icon-arrow-right-bold:before {
    content: "\f113"
}

.icon-arrow-right-long:before {
    content: "\f114"
}

.icon-arrow-right-middle:before {
    content: "\f115"
}

.icon-arrow-right-thin:before {
    content: "\f116"
}

.icon-arrow-right:before {
    content: "\f117"
}

.icon-arrow-thin-left:before {
    content: "\f118"
}

.icon-arrow-thin-right:before {
    content: "\f119"
}

.icon-arrow-up-bold:before {
    content: "\f11a"
}

.icon-arrow-up:before {
    content: "\f11b"
}

.icon-arrow-up-after:after {
    content: "\f11b"
}

.icon-articles:before {
    content: "\f11c"
}

.icon-assembly:before {
    content: "\f11d"
}

.icon-autocomplete:before {
    content: "\f11e"
}

.icon-bags:before {
    content: "\f11f"
}

.icon-bars-circle:before {
    content: "\f120"
}

.icon-bolt-spacing:before {
    content: "\f121"
}

.icon-calculator:before {
    content: "\f122"
}

.icon-calendar-bold:before {
    content: "\f123"
}

.icon-calendar-km-all-season:before {
    content: "\f124"
}

.icon-calendar-miles:before {
    content: "\f125"
}

.icon-calendar-small:before {
    content: "\f126"
}

.icon-calendar:before {
    content: "\f127"
}

.icon-callback:before {
    content: "\f128"
}

.icon-camera:before {
    content: "\f129"
}

.icon-car-4-door-coupe:before {
    content: "\f12a"
}

.icon-car-cabrio:before {
    content: "\f12b"
}

.icon-car-coupe:before {
    content: "\f12c"
}

.icon-car-crossover:before {
    content: "\f12d"
}

.icon-car-dostawczy:before {
    content: "\f12e"
}

.icon-car-hatchback:before {
    content: "\f12f"
}

.icon-car-kombi:before {
    content: "\f130"
}

.icon-car-liftback:before {
    content: "\f131"
}

.icon-car-minivan:before {
    content: "\f132"
}

.icon-car-ok:before {
    content: "\f133"
}

.icon-car-pick-up:before {
    content: "\f134"
}

.icon-car-roadster:before {
    content: "\f135"
}

.icon-car-sedan:before {
    content: "\f136"
}

.icon-car-shooting-brake:before {
    content: "\f137"
}

.icon-car-suv:before {
    content: "\f138"
}

.icon-car-terenowy:before {
    content: "\f139"
}

.icon-car-van:before {
    content: "\f13a"
}

.icon-car:before {
    content: "\f13b"
}

.icon-cart:before {
    content: "\f13c"
}

.icon-certificate:before {
    content: "\f13d"
}

.icon-check-circle:before {
    content: "\f13e"
}

.icon-check:before {
    content: "\f13f"
}

.icon-clock:before {
    content: "\f140"
}

.icon-close:before {
    content: "\f141"
}

.icon-comfort:before {
    content: "\f142"
}

.icon-comments:before {
    content: "\f143"
}

.icon-complaint:before {
    content: "\f144"
}

.icon-complete:before {
    content: "\f145"
}

.icon-contract:before {
    content: "\f146"
}

.icon-cotillion:before {
    content: "\f147"
}

.icon-cross-negative:before {
    content: "\f148"
}

.icon-customers:before {
    content: "\f149"
}

.icon-DB-2021-A:before {
    content: "\f14a"
}

.icon-DB-2021-B:before {
    content: "\f14b"
}

.icon-DB-2021-C:before {
    content: "\f14c"
}

.icon-decision:before {
    content: "\f14d"
}

.icon-delivery-24h:before {
    content: "\f14e"
}

.icon-delivery-48h:before {
    content: "\f14f"
}

.icon-delivery-damage:before {
    content: "\f150"
}

.icon-delivery-long-truck:before {
    content: "\f151"
}

.icon-delivery-longer:before {
    content: "\f152"
}

.icon-delivery-time:before {
    content: "\f153"
}

.icon-delivery:before {
    content: "\f154"
}

.icon-diameter:before {
    content: "\f155"
}

.icon-domek:before {
    content: "\f156"
}

.icon-double-arrow-circle:before {
    content: "\f157"
}

.icon-double-arrow-down:before {
    content: "\f158"
}

.icon-double-arrow-up:before {
    content: "\f159"
}

.icon-download-pdf:before {
    content: "\f15a"
}

.icon-embracee:before {
    content: "\f15b"
}

.icon-et-calculator:before {
    content: "\f15c"
}

.icon-evidence:before {
    content: "\f15d"
}

.icon-expertise:before {
    content: "\f15e"
}

.icon-faq:before {
    content: "\f15f"
}

.icon-feather:before {
    content: "\f160"
}

.icon-floty:before {
    content: "\f161"
}

.icon-formularz:before {
    content: "\f162"
}

.icon-foto-info:before {
    content: "\f163"
}

.icon-free-delivery:before {
    content: "\f164"
}

.icon-free-deposit:before {
    content: "\f165"
}

.icon-fuel-consumption:before {
    content: "\f166"
}

.icon-fuel-eco:before {
    content: "\f167"
}

.icon-fuel-negative:before {
    content: "\f168"
}

.icon-fuel:before {
    content: "\f169"
}

.icon-gift:before {
    content: "\f16a"
}

.icon-globe:before {
    content: "\f16b"
}

.icon-grip-ice:before {
    content: "\f16c"
}

.icon-grip-snow:before {
    content: "\f16d"
}

.icon-hamburger:before {
    content: "\f16e"
}

.icon-help:before {
    content: "\f16f"
}

.icon-history:before {
    content: "\f170"
}

.icon-home:before {
    content: "\f171"
}

.icon-homologation-car:before {
    content: "\f172"
}

.icon-iconmonstr-location-outline:before {
    content: "\f173"
}

.icon-idea-light-bulb:before {
    content: "\f174"
}

.icon-indicator-all-season:before {
    content: "\f175"
}

.icon-info:before {
    content: "\f176"
}

.icon-information-bold:before {
    content: "\f177"
}

.icon-installation:before {
    content: "\f178"
}

.icon-installment:before {
    content: "\f179"
}

.icon-insurance:before {
    content: "\f17a"
}

.icon-kalkulator-et-ico:before {
    content: "\f17b"
}

.icon-kg:before {
    content: "\f17c"
}

.icon-label-breaking:before {
    content: "\f17d"
}

.icon-label-long:before {
    content: "\f17e"
}

.icon-label-noise-dwiefale:before {
    content: "\f17f"
}

.icon-label-noise-jednafala:before {
    content: "\f180"
}

.icon-label-noise-trzyfale:before {
    content: "\f181"
}

.icon-label-saving:before {
    content: "\f182"
}

.icon-label-short:before {
    content: "\f183"
}

.icon-leader:before {
    content: "\f184"
}

.icon-like-circle:before {
    content: "\f185"
}

.icon-like:before {
    content: "\f186"
}

.icon-list:before {
    content: "\f187"
}

.icon-location:before {
    content: "\f188"
}

.icon-logout:before {
    content: "\f189"
}

.icon-magnifier:before {
    content: "\f18a"
}

.icon-mail:before {
    content: "\f18b"
}

.icon-match-negative:before {
    content: "\f18c"
}

.icon-minus:before {
    content: "\f18d"
}

.icon-mistakes:before {
    content: "\f18e"
}

.icon-mobile-service:before {
    content: "\f18f"
}

.icon-montage-time:before {
    content: "\f190"
}

.icon-moto:before {
    content: "\f191"
}

.icon-myszka:before {
    content: "\f192"
}

.icon-no-pass:before {
    content: "\f193"
}

.icon-noise:before {
    content: "\f194"
}

.icon-note-italic:before {
    content: "\f195"
}

.icon-note-negative:before {
    content: "\f196"
}

.icon-note:before {
    content: "\f197"
}

.icon-notverified:before {
    content: "\f198"
}

.icon-off-road:before {
    content: "\f199"
}

.icon-ok-in-circle:before {
    content: "\f19a"
}

.icon-ok-negative:before {
    content: "\f19b"
}

.icon-ok:before {
    content: "\f19c"
}

.icon-opineo-first:before {
    content: "\f19d"
}

.icon-opineo-top:before {
    content: "\f19e"
}

.icon-order-cart:before {
    content: "\f19f"
}

.icon-order:before {
    content: "\f1a0"
}

.icon-osobowe:before {
    content: "\f1a1"
}

.icon-other:before {
    content: "\f1a2"
}

.icon-payment:before {
    content: "\f1a3"
}

.icon-pdf:before {
    content: "\f1a4"
}

.icon-percent-badge:before {
    content: "\f1a5"
}

.icon-percent-outline:before {
    content: "\f1a6"
}

.icon-percent:before {
    content: "\f1a7"
}

.icon-personal-data:before {
    content: "\f1a8"
}

.icon-phone:before {
    content: "\f1a9"
}

.icon-photo-180:before {
    content: "\f1aa"
}

.icon-photo-360:before {
    content: "\f1ab"
}

.icon-photo-flash:before {
    content: "\f1ac"
}

.icon-photo:before {
    content: "\f1ad"
}

.icon-play-circle:before {
    content: "\f1ae"
}

.icon-play:before {
    content: "\f1af"
}

.icon-plus:before {
    content: "\f1b0"
}

.icon-puchar-outline:before {
    content: "\f1b1"
}

.icon-puchar:before {
    content: "\f1b2"
}

.icon-QR-code:before {
    content: "\f1b3"
}

.icon-quotes:before {
    content: "\f1b4"
}

.icon-quotesTransform:after {
    content: "\f1b4";
    transform: matrix(-1, 0, 0, -1, 0, 0)
}

.icon-rain:before {
    content: "\f1b5"
}

.icon-recycle:before {
    content: "\f1b6"
}

.icon-remove-2:before {
    content: "\f1b7"
}

.icon-remove:before {
    content: "\f1b8"
}

.icon-renouncement:before {
    content: "\f1b9"
}

.icon-return-30:before {
    content: "\f1ba"
}

.icon-return-complains:before {
    content: "\f1bb"
}

.icon-return-products:before {
    content: "\f1bc"
}

.icon-return:before {
    content: "\f1bd"
}

.icon-reviews:before {
    content: "\f1be"
}

.icon-rim-code:before {
    content: "\f1bf"
}

.icon-rimm:before {
    content: "\f1c0"
}

.icon-road:before {
    content: "\f1c1"
}

.icon-sad:before {
    content: "\f1c2"
}

.icon-sales-network:before {
    content: "\f1c3"
}

.icon-search-by-4x4:before {
    content: "\f1c4"
}

.icon-search-by-bus:before {
    content: "\f1c5"
}

.icon-search-by-car:before {
    content: "\f1c6"
}

.icon-season-allseason {
    position: relative
}

.icon-season-allseason:before {
    content: "\f1c7";
    position: absolute;
    right: -0.11em;
    color: #ffab19
}

.icon-season-allseason:after {
    content: "\f1c8";
    position: relative;
    color: #0472ff
}

.icon-season-summer:before {
    content: "\f1ca";
    color: #ffab19
}

.icon-season-winter:before {
    content: "\f1cb";
    color: #0472ff
}

.icon-sequence:before {
    content: "\f1cc"
}

.icon-settings:before {
    content: "\f1cd"
}

.icon-share:before {
    content: "\f1ce"
}

.icon-shield-check-ok:before {
    content: "\f1cf"
}

.icon-shield:before {
    content: "\f1d0"
}

.icon-shop-opinion:before {
    content: "\f1d1"
}

.icon-smile:before {
    content: "\f1d2"
}

.icon-speed:before {
    content: "\f1d3"
}

.icon-spray:before {
    content: "\f1d4"
}

.icon-star-empty:before {
    content: "\f1d5"
}

.icon-star-full:before {
    content: "⭐️"
}

.icon-star-half:before {
    content: "\f1d7"
}

.icon-stars-0-0:before {
    content: "\f1d8"
}

.icon-stars-0-5:before {
    content: "\f1d9"
}

.icon-stars-1-0:before {
    content: "\f1da"
}

.icon-stars-1-5:before {
    content: "\f1db"
}

.icon-stars-2-0:before {
    content: "\f1dc"
}

.icon-stars-2-5:before {
    content: "\f1dd"
}

.icon-stars-3-0:before {
    content: "\f1de"
}

.icon-stars-3-5:before {
    content: "\f1df"
}

.icon-stars-4-0:before {
    content: "\f1e0"
}

.icon-stars-4-5:before {
    content: "\f1e1"
}

.icon-stars-5-0:before {
    content: "\f1e2"
}

.icon-status-check:before {
    content: "\f1e3"
}

.icon-swipe:before {
    content: "\f1e4"
}

.icon-test:before {
    content: "\f1e5"
}

.icon-ti-additional-services:before {
    content: "\f1e6"
}

.icon-ti-bell:before {
    content: "\f1e7"
}

.icon-ti-card:before {
    content: "\f1e8"
}

.icon-ti-coffe:before {
    content: "\f1e9"
}

.icon-ti-glass:before {
    content: "\f1ea"
}

.icon-ti-invalid:before {
    content: "\f1eb"
}

.icon-ti-newspaper:before {
    content: "\f1ec"
}

.icon-ti-opinions:before {
    content: "\f1ed"
}

.icon-ti-parking:before {
    content: "\f1ee"
}

.icon-ti-replacement-car:before {
    content: "\f1ef"
}

.icon-ti-toys:before {
    content: "\f1f0"
}

.icon-ti-tv:before {
    content: "\f1f1"
}

.icon-ti-wc:before {
    content: "\f1f2"
}

.icon-ti-wifi:before {
    content: "\f1f3"
}

.icon-tiles:before {
    content: "\f1f4"
}

.icon-tire-installer:before {
    content: "\f1f5"
}

.icon-tires:before {
    content: "\f1f6"
}

.icon-tools:before {
    content: "\f1f7"
}

.icon-town-all-season:before {
    content: "\f1f8"
}

.icon-tracking:before {
    content: "\f1f9"
}

.icon-truck:before {
    content: "\f1fa"
}

.icon-trustworthy:before {
    content: "\f1fb"
}

.icon-try-on-2:before {
    content: "\f1fc"
}

.icon-try-on:before {
    content: "\f1fd"
}

.icon-two-way:before {
    content: "\f1fe"
}

.icon-tyre-electric:before {
    content: "\f1ff"
}

.icon-tyre-reviews:before {
    content: "\f200"
}

.icon-ue-label:before {
    content: "\f201"
}

.icon-user-recommendation:before {
    content: "\f202"
}

.icon-utilization:before {
    content: "\f203"
}

.icon-van:before {
    content: "\f204"
}

.icon-vehicle-help:before {
    content: "\f205"
}

.icon-vote-minus:before {
    content: "\f206"
}

.icon-vote-plus:before {
    content: "\f207"
}

.icon-wallet:before {
    content: "\f208"
}

.icon-warranty:before {
    content: "\f209"
}

.icon-watch:before {
    content: "\f20a"
}

.icon-way:before {
    content: "\f20b"
}

.icon-wet-grip:before {
    content: "\f20c"
}

.icon-wheel-winter:before {
    content: "\f20d"
}

.icon-wheel:before {
    content: "\f20e"
}

.icon-wrench:before {
    content: "\f20f"
}

.icon-your-vehicle:before {
    content: "\f210"
}

.icon-zegar:before {
    content: "\f211"
}

.icon-zoom-rotate:before {
    content: "\f212"
}

.icon-zoom:before {
    content: "\f213"
}

@media screen and (min-width: 0\0
) {
    .icon-star-full-int:before {
        background: none
    }

    .icon-star-half-int:before {
        background: none
    }
}

.noScroll {
    overflow: hidden
}

select:not([disabled="disabled"]):not([disabled]):focus, input:focus, textarea:focus, select:not([disabled="disabled"]):not([disabled]):hover, input:hover, textarea:hover {
    border: 1px solid dimgray !important
}

div.customSelect.is-open span.custom-select-opener {
    border: 1px solid dimgray !important
}

.optionListNew:not(.disabled) div.dropdown:hover, .optionListNew:not(.disabled) div.dropdown:focus {
    border: 1px solid dimgray !important;
    border-radius: 4px
}

.optionListNew:not(.disabled).visible div.dropdown {
    border: 1px solid dimgray !important;
    border-radius: 4px
}

div.chooseBox label:hover span.colorInput, div.chooseBox label:focus span.colorInput {
    border: 1px solid dimgray !important
}

.checkboxStyle label:hover span:not(.icon), .checkboxStyle label:focus span:not(.icon) {
    border: 1px solid dimgray !important
}

div#availabilityForm div.modalOverlayTop {
    padding: 60px 23px 40px
}

div#availabilityForm div.modalOverlayTop h4 {
    font-size: 24px;
    font-weight: 700;
    padding-bottom: 30px
}

div#availabilityForm div.modalOverlayTop div.contactForm {
    border-radius: 0 0 5px 5px
}

div#availabilityForm div.modalOverlayTop div.contactForm span.thanks {
    font-weight: 700;
    padding: 0 0 20px;
    display: block;
    line-height: 19px;
    text-align: center
}

div#availabilityForm div.modalOverlayTop div.contactForm p.text {
    padding: 0 0 15px;
    font-size: 14px;
    line-height: 18px
}

div#availabilityForm div.modalOverlayTop div.contactForm div.contactOnline ul {
    margin: 10px 0 0
}

div#availabilityForm div.modalOverlayTop div.contactForm div.contactOnline ul li {
    border-top: 1px solid #f4f4f4;
    color: #eb1700;
    padding: 7px 10px 7px 0;
    overflow: hidden;
    cursor: pointer
}

div#availabilityForm div.modalOverlayTop div.contactForm div.contactOnline ul li.sendMail {
    position: relative
}

div#availabilityForm div.modalOverlayTop div.contactForm div.contactOnline ul li.sendMail a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    text-indent: -99999px
}

div#availabilityForm div.modalOverlayTop div.contactForm div.contactOnline ul li.chat {
    display: none
}

div#availabilityForm div.modalOverlayTop div.contactForm div.contactOnline ul li.chat.visible {
    display: block
}

div#availabilityForm div.modalOverlayTop div.contactForm div.contactOnline ul li span.icon {
    float: left;
    font-size: 30px;
    color: #33b806
}

div#availabilityForm div.modalOverlayTop div.contactForm div.contactOnline ul li span.text {
    float: left;
    padding: 8px 0 0 10px;
    color: #000
}

div#availabilityForm div.modalOverlayTop div.contactForm div.contactOnline ul li:first-child {
    border: none
}

div#availabilityForm div.modalOverlayTop div.contactForm div.phoneNumbers {
    float: left
}

div#availabilityForm div.modalOverlayTop div.contactForm div.phoneNumbers a.number {
    display: inline-block;
    float: left;
    margin: 6px 9px;
    font-weight: 700;
    font-size: 15px;
    color: #000
}

div#availabilityForm div.modalOverlayTop div.contactForm div.phoneNumbers div.morePhoneMobile {
    display: block;
    float: right;
    margin: 7px 10px 0;
    cursor: default;
    position: relative
}

div#availabilityForm div.modalOverlayTop div.contactForm div.phoneNumbers div.morePhoneMobile:hover div.numberAlternative {
    display: block
}

div#availabilityForm div.modalOverlayTop div.contactForm div.phoneNumbers div.morePhoneMobile div.numberAlternative {
    width: 320px;
    padding: 20px 0;
    margin: 13px 0 0 -165px;
    font-size: 15px;
    line-height: 30px;
    text-align: center
}

div#availabilityForm div.modalOverlayTop div.contactForm div.phoneNumbers span.phone {
    display: inline-block;
    float: left;
    margin: 1px 0 0 1px;
    font-size: 25px;
    color: #33b806
}

div#availabilityForm div.modalOverlayTop div.contactForm div.smallPrice {
    font-size: 14px;
    padding: 20px 0;
    line-height: 18px
}

div#availabilityForm div.modalOverlayTop div.contactForm div.smallPrice strong {
    font-weight: 700
}

div#availabilityForm div.modalOverlayTop div.contactForm div.button {
    display: block;
    text-align: center
}

div#availabilityForm div.modalOverlayTop div.contactForm div.button a {
    display: block;
    padding: 19px 50px;
    cursor: pointer;
    font-weight: 700;
    font-size: 22px
}

div#availabilityForm div.modalOverlayTop div.contactForm div.error {
    width: 230px;
    padding: 0 0 10px 0
}

div#availabilityForm div.modalOverlayTop div.contactForm p.close {
    margin: 13px 24px 10px 199px
}

div#availabilityForm div.modalOverlayTop div.contactForm strong {
    font-weight: 700;
    display: block
}

div#askForContactForm .label-mixin {
    position: absolute;
    margin: 14px 4px 0;
    padding: 0 7px 0;
    color: #000;
    background: #fff;
    font-size: 12px;
    cursor: text;
    transition-property: none;
    transform: none;
    transition-duration: 0.3s;
    transition-property: color, transform;
    transform: translateY(-22px)
}

div#askForContactForm div.title {
    overflow: hidden;
    font-size: 24px;
    padding: 45px 90px 0;
    margin-bottom: 30px
}

div#askForContactForm div.title span {
    float: left;
    font-size: 35px;
    margin-right: 10px;
    color: #0066e3
}

div#askForContactForm div.title p {
    line-height: 32px
}

div#askForContactForm div#content {
    overflow-y: visible !important
}

div#askForContactForm div#content div.modalOverlayTop {
    overflow: visible
}

div#askForContactForm div#content div.modalOverlayTop div.contactForm {
    border-radius: 0 0 5px 5px;
    clear: both
}

div#askForContactForm div#content div.modalOverlayTop div.contactForm label {
    display: block;
    font-size: 16px;
    line-height: 19px;
    margin: 0;
    margin-bottom: 10px
}

div#askForContactForm div#content div.modalOverlayTop div.contactForm div.checkboxStyle label {
    font-size: 14px;
    line-height: 19px
}

div#askForContactForm div#content div.modalOverlayTop div.contactForm div.checkboxStyle label input {
    box-sizing: border-box
}

div#askForContactForm div#content div.modalOverlayTop div.contactForm div.checkboxStyle label input.clicked + span {
    border-color: #eb1700
}

div#askForContactForm div#content div.modalOverlayTop div.contactForm div.checkboxStyle label input.clicked:checked + span {
    border-color: #33b806
}

div#askForContactForm div#content div.modalOverlayTop div.contactForm div.checkboxStyle label input.clicked:checked + span span.icon {
    display: block
}

div#askForContactForm div#content div.modalOverlayTop div.contactForm div.checkboxStyle label span.checkbox {
    display: block;
    position: absolute;
    background: #fff;
    top: 2px;
    left: 0;
    width: 16px;
    height: 16px;
    cursor: pointer;
    border: 1px solid #ccc;
    border-radius: 4px
}

div#askForContactForm div#content div.modalOverlayTop div.contactForm div.checkboxStyle label span.checkbox span.icon {
    position: absolute;
    top: 2px;
    left: 2px;
    display: none;
    font-size: 10px;
    color: #33b806
}

div#askForContactForm div#content div.modalOverlayTop div.contactForm div.left {
    position: relative;
    width: 340px;
    max-width: 100%
}

div#askForContactForm div#content div.modalOverlayTop div.contactForm div.left span.chooseMessageTitle {
    position: absolute;
    left: -4px;
    color: #eb1700;
    font-size: 20px
}

div#askForContactForm div#content div.modalOverlayTop div.contactForm div.left label.wrong.chooseMessageTitle {
    display: inline-block;
    padding: 0 0 25px 26px;
    color: #eb1700
}

div#askForContactForm div#content div.modalOverlayTop div.contactForm div.left.wrong select {
    border: 1px solid #eb1700
}

div#askForContactForm div#content div.modalOverlayTop div.contactForm div.left div.field {
    clear: both;
    margin-bottom: 20px;
    position: relative
}

div#askForContactForm div#content div.modalOverlayTop div.contactForm div.left div.field span.validate {
    font-size: 20px;
    top: 11px;
    right: 11px;
    position: absolute !important;
    position: relative
}

div#askForContactForm div#content div.modalOverlayTop div.contactForm div.left div.field span.validate span.icon-ok-negative {
    display: none;
    color: #258704
}

div#askForContactForm div#content div.modalOverlayTop div.contactForm div.left div.field span.validate span.icon-note-negative {
    display: none;
    color: #eb1700
}

div#askForContactForm div#content div.modalOverlayTop div.contactForm div.left div.field span.validate span.tooltip {
    bottom: 30px;
    width: 200px
}

div#askForContactForm div#content div.modalOverlayTop div.contactForm div.left div.field span.validate:hover span.tooltip {
    display: block
}

div#askForContactForm div#content div.modalOverlayTop div.contactForm div.left div.field span.validate:hover span.tooltip:not(.errorInfoP24):not(.errorInfoContest) {
    display: block;
    width: auto;
    margin-left: 0;
    transform: translateX(-50%);
    white-space: nowrap
}

div#askForContactForm div#content div.modalOverlayTop div.contactForm div.left div.field span.validate:hover span.tooltip:not(.errorInfoP24):not(.errorInfoContest) span.arrow {
    left: 50%
}

div#askForContactForm div#content div.modalOverlayTop div.contactForm div.left div.field.focus label.explanation {
    position: absolute;
    margin: 14px 4px 0;
    padding: 0 7px 0;
    color: #000;
    background: #fff;
    font-size: 12px;
    cursor: text;
    transition-property: none;
    transform: none;
    transition-duration: 0.3s;
    transition-property: color, transform;
    transform: translateY(-22px)
}

div#askForContactForm div#content div.modalOverlayTop div.contactForm div.left div.field.focus.phone {
    display: block
}

div#askForContactForm div#content div.modalOverlayTop div.contactForm div.left div.field.firstTime label.explanation {
    position: absolute;
    margin: 14px 4px 0;
    padding: 0 7px 0;
    color: #000;
    background: #fff;
    font-size: 12px;
    cursor: text;
    transition-property: none;
    transform: none;
    transition-duration: 0.3s;
    transition-property: color, transform;
    transform: translateY(-22px)
}

div#askForContactForm div#content div.modalOverlayTop div.contactForm div.left div.field label.explanation {
    position: absolute;
    margin: 12px 6px 7px;
    padding: 0 7px 5px;
    background: #fff;
    color: dimgray;
    font-size: 14px;
    cursor: text;
    pointer-events: none
}

div#askForContactForm div#content div.modalOverlayTop div.contactForm div.left div.field label.explanation span {
    color: red
}

div#askForContactForm div#content div.modalOverlayTop div.contactForm div.left div.field select {
    padding: 0 10px 0 3px;
    width: 100%;
    height: 42px;
    border: 1px solid #ccc;
    background-position: right 9px top 14px;
    box-shadow: none;
    font-size: 13px
}

div#askForContactForm div#content div.modalOverlayTop div.contactForm div.left div.field option {
    width: 100%
}

div#askForContactForm div#content div.modalOverlayTop div.contactForm div.left div.field input {
    height: 42px;
    width: 100%;
    padding: 10px 35px 10px 10px;
    text-indent: 0;
    font-size: 14px;
    line-height: 18px;
    box-sizing: border-box
}

div#askForContactForm div#content div.modalOverlayTop div.contactForm div.left div.field textarea {
    width: 100%;
    height: 145px;
    padding: 10px 35px 10px 10px;
    font-size: 14px;
    line-height: 16px;
    font-family: 'Roboto', sans-serif;
    border: 1px solid #ccc;
    resize: none;
    border-radius: 4px;
    box-sizing: border-box
}

div#askForContactForm div#content div.modalOverlayTop div.contactForm div.left div.field.wrong input, div#askForContactForm div#content div.modalOverlayTop div.contactForm div.left div.field.wrong textarea {
    border: 1px solid #eb1700
}

div#askForContactForm div#content div.modalOverlayTop div.contactForm div.left div.field.wrong label.wrong {
    margin-top: 5px;
    color: #eb1700;
    font-size: 14px;
    line-height: 16px
}

div#askForContactForm div#content div.modalOverlayTop div.contactForm div.left div.field.wrong label.explanation {
    position: absolute;
    margin: 14px 4px 0;
    padding: 0 7px 0;
    color: #000;
    background: #fff;
    font-size: 12px;
    cursor: text;
    transition-property: none;
    transform: none;
    transition-duration: 0.3s;
    transition-property: color, transform;
    transform: translateY(-22px)
}

div#askForContactForm div#content div.modalOverlayTop div.contactForm div.left div.field.wrong span.validate span.icon-note-negative {
    display: inline-block
}

div#askForContactForm div#content div.modalOverlayTop div.contactForm div.left div.field.wrong.active {
    background-image: url(/gfx/contact/input-active.png)
}

div#askForContactForm div#content div.modalOverlayTop div.contactForm div.left div.field.correct span.validate {
    display: block
}

div#askForContactForm div#content div.modalOverlayTop div.contactForm div.left div.field.correct span.validate span.icon-ok-negative {
    display: block
}

div#askForContactForm div#content div.modalOverlayTop div.contactForm div.left div.field.correct label.explanation {
    position: absolute;
    margin: 14px 4px 0;
    padding: 0 7px 0;
    color: #000;
    background: #fff;
    font-size: 12px;
    cursor: text;
    transition-property: none;
    transform: none;
    transition-duration: 0.3s;
    transition-property: color, transform;
    transform: translateY(-22px)
}

div#askForContactForm div#content div.modalOverlayTop div.contactForm div.left div.field.phone {
    position: relative;
    margin-bottom: 0;
    display: inline-block;
    padding: 0;
    width: 100%
}

div#askForContactForm div#content div.modalOverlayTop div.contactForm div.left div.field.phone label.explanation {
    margin-left: 65px
}

div#askForContactForm div#content div.modalOverlayTop div.contactForm div.left div.field.phone label.explanation span {
    display: none
}

div#askForContactForm div#content div.modalOverlayTop div.contactForm div.left div.field.phone.clicked label.explanation {
    position: absolute;
    margin: 14px 4px 0;
    padding: 0 7px 0;
    color: #000;
    background: #fff;
    font-size: 12px;
    cursor: text;
    transition-property: none;
    transform: none;
    transition-duration: 0.3s;
    transition-property: color, transform;
    transform: translateY(-22px);
    margin-left: 65px
}

div#askForContactForm div#content div.modalOverlayTop div.contactForm div.left div.field.phone div.prefixSelector {
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: 2;
    background: #fff;
    border-right: 1px solid #bbb
}

div#askForContactForm div#content div.modalOverlayTop div.contactForm div.left div.field.phone div.prefixSelector.visible div.head:after {
    display: none
}

div#askForContactForm div#content div.modalOverlayTop div.contactForm div.left div.field.phone div.prefixSelector.visible div.head:before {
    display: block
}

div#askForContactForm div#content div.modalOverlayTop div.contactForm div.left div.field.phone div.prefixSelector.visible ul {
    display: block
}

div#askForContactForm div#content div.modalOverlayTop div.contactForm div.left div.field.phone div.prefixSelector div.head {
    cursor: pointer;
    position: relative;
    padding: 5px 23px 1px 12px
}

div#askForContactForm div#content div.modalOverlayTop div.contactForm div.left div.field.phone div.prefixSelector div.head img {
    width: 23px
}

div#askForContactForm div#content div.modalOverlayTop div.contactForm div.left div.field.phone div.prefixSelector div.head:after, div#askForContactForm div#content div.modalOverlayTop div.contactForm div.left div.field.phone div.prefixSelector div.head:before {
    content: ' ';
    display: block;
    position: absolute;
    top: 14px;
    left: 43px;
    box-sizing: border-box;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid dimgray
}

div#askForContactForm div#content div.modalOverlayTop div.contactForm div.left div.field.phone div.prefixSelector div.head:before {
    top: 15px;
    display: none;
    border-top: none;
    border-bottom: 4px solid dimgray
}

div#askForContactForm div#content div.modalOverlayTop div.contactForm div.left div.field.phone div.prefixSelector ul {
    display: none;
    background: #fff;
    width: 305px;
    border: 1px solid #ccc;
    border-top: none;
    z-index: 5;
    top: 37px;
    left: -5px;
    position: absolute;
    box-sizing: border-box
}

div#askForContactForm div#content div.modalOverlayTop div.contactForm div.left div.field.phone div.prefixSelector ul li {
    cursor: pointer;
    overflow: hidden;
    clear: both;
    position: relative;
    padding: 3px 10px
}

div#askForContactForm div#content div.modalOverlayTop div.contactForm div.left div.field.phone div.prefixSelector ul li:hover {
    background: #f4f4f4
}

div#askForContactForm div#content div.modalOverlayTop div.contactForm div.left div.field.phone div.prefixSelector ul li img {
    margin-top: 2px;
    float: left;
    width: 20px;
    display: inline-block
}

div#askForContactForm div#content div.modalOverlayTop div.contactForm div.left div.field.phone div.prefixSelector ul li span {
    float: left;
    font-size: 14px;
    display: block;
    padding: 5px 0 0 10px
}

div#askForContactForm div#content div.modalOverlayTop div.contactForm div.left div.field.phone div.prefixSelector ul li span em {
    color: dimgray;
    padding: 0 0 0 10px;
    display: inline-block
}

div#askForContactForm div#content div.modalOverlayTop div.contactForm div.left div.field.phone div.prefixSelector ul li.other {
    border-top: 1px solid #ccc
}

div#askForContactForm div#content div.modalOverlayTop div.contactForm div.left div.field.phone input {
    width: 100%;
    text-indent: 65px;
    padding: 6px 35px 6px 10px;
    line-height: 27px;
    font-size: 14px
}

div#askForContactForm div#content div.modalOverlayTop div.contactForm div.left div.field.phone.required label.explanation span {
    display: inline-block
}

div#askForContactForm div#content div.modalOverlayTop div.contactForm div.left div.field.subject {
    position: relative
}

div#askForContactForm div#content div.modalOverlayTop div.contactForm div.left div.field.subject label.titleSelect {
    display: flex;
    align-items: start;
    position: absolute;
    top: -8px;
    bottom: 31px;
    left: 1px;
    width: 42px;
    height: 19px;
    margin: 0px 4px 0;
    padding: 0 6px 0;
    background: #fff;
    font-size: 12px
}

div#askForContactForm div#content div.modalOverlayTop div.contactForm div.left div.field.subject label.titleSelect span {
    color: #eb1700
}

div#askForContactForm div#content div.modalOverlayTop div.contactForm div.left div.field.subject.wrong select {
    border: 1px solid #eb1700
}

div#askForContactForm div#content div.modalOverlayTop div.contactForm div.left div.field.copy label {
    margin-left: 26px;
    color: dimgray
}

div#askForContactForm div#content div.modalOverlayTop div.contactForm div.left div.field.copy label span.checkbox {
    left: 0;
    top: 3px
}

div#askForContactForm div#content div.modalOverlayTop div.contactForm div.left div.field.copy label input:checked + span {
    border-color: #33b806
}

div#askForContactForm div#content div.modalOverlayTop div.contactForm div.left div.field.copy label input:checked + span span.icon {
    display: block
}

div#askForContactForm div#content div.modalOverlayTop div.contactForm div.left div.field.email {
    margin-bottom: 9px
}

div#askForContactForm div#content div.modalOverlayTop div.contactForm div.left div.field.confirmation {
    margin: 0 0 15px 0
}

div#askForContactForm div#content div.modalOverlayTop div.contactForm div.left label.firstTime {
    color: #000 !important
}

div#askForContactForm div#content div.modalOverlayTop div.contactForm div.right {
    position: relative;
    float: right;
    width: 340px;
    max-width: 100%
}

div#askForContactForm div#content div.modalOverlayTop div.contactForm div.right span.icon-note-negative {
    position: absolute;
    left: -4px;
    color: #eb1700;
    font-size: 20px
}

div#askForContactForm div#content div.modalOverlayTop div.contactForm div.right label.wrong.markRequiredFields {
    display: inline-block;
    padding: 0 0 25px 26px;
    color: #eb1700
}

div#askForContactForm div#content div.modalOverlayTop div.contactForm div.right div.field {
    clear: both;
    margin-bottom: 23px
}

div#askForContactForm div#content div.modalOverlayTop div.contactForm div.right div.field.confirmation {
    margin: 0
}

div#askForContactForm div#content div.modalOverlayTop div.contactForm div.right div.field.confirmation em.star {
    color: #eb1700
}

div#askForContactForm div#content div.modalOverlayTop div.contactForm div.right div.field.confirmation p {
    font-size: 14px;
    line-height: 19px;
    padding: 0 0 25px;
    margin-top: -3px;
    margin-bottom: 0
}

div#askForContactForm div#content div.modalOverlayTop div.contactForm div.right div.field.confirmation p.error-statement {
    display: none;
    padding: 2px 0 4px;
    font-size: 18px;
    line-height: 16px;
    font-weight: 700;
    margin: 0
}

div#askForContactForm div#content div.modalOverlayTop div.contactForm div.right div.field.confirmation label {
    display: block;
    position: relative;
    margin-bottom: 14px;
    font-size: 14px;
    line-height: 19px;
    padding-left: 25px;
    padding-bottom: 14px;
    border-bottom: 1px solid #eee;
    cursor: pointer
}

div#askForContactForm div#content div.modalOverlayTop div.contactForm div.right div.field.confirmation label:nth-child(2) {
    border-bottom: 0
}

div#askForContactForm div#content div.modalOverlayTop div.contactForm div.right div.field.confirmation label input:checked + span {
    border-color: #33b806
}

div#askForContactForm div#content div.modalOverlayTop div.contactForm div.right div.field.confirmation label input:checked + span span.icon {
    display: block
}

div#askForContactForm div#content div.modalOverlayTop div.contactForm div.right p {
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 25px
}

div#askForContactForm div#content div.modalOverlayTop div.contactForm div.right p.captchaError {
    color: #eb1700;
    margin-bottom: 0
}

div#askForContactForm div#content div.modalOverlayTop div.contactForm div.right p em.star {
    color: #eb1700
}

div#askForContactForm div#content div.modalOverlayTop div.contactForm div.right div#captcha:not(.hiddenAlways) {
    width: 302px;
    height: 76px;
    margin: 5px 0 26px
}

div#askForContactForm div#content div.modalOverlayTop div.contactForm div.right div#captcha:not(.hiddenAlways).error {
    border: 1px solid #eb1700;
    border-radius: 4px
}

div#askForContactForm div#content div.modalOverlayTop div.contactForm:after {
    clear: both;
    display: block !important;
    content: '';
    visibility: hidden
}

div#askForContactForm div#footer div.button {
    width: 100%
}

div#askForContactForm div#footer div.button a.linkButton {
    float: right;
    width: 230px;
    padding: 13px 0;
    font-size: 24px;
    line-height: 29px;
    font-weight: 700;
    display: block;
    box-sizing: border-box;
    text-align: center
}

div#addedToCompare {
    padding: 50px 0 30px;
    text-align: center
}

div#addedToCompare p {
    font-size: 16px;
    line-height: 18px
}

div#addedToCompare p.bold {
    font-weight: 700;
    font-size: 18px;
    line-height: 20px
}

div#addedToCompare a {
    font-size: 18px;
    font-weight: 700;
    padding: 15px 20px;
    display: inline-block
}

div#addedToCompare span.icon {
    background: url(/gfx/common/compare-info.jpg) 0 0 no-repeat;
    display: inline-block;
    margin: 12px 0;
    width: 100px;
    height: 75px
}

div#recentArt div.recentArtContent {
    padding: 50px 40px 30px
}

div#recentArt div.recentArtContent p {
    margin-bottom: 10px;
    text-align: left;
    font-size: 18px;
    line-height: 21px
}

div#recentArt div.recentArtContent p strong {
    font-weight: 700
}

div#recentArt div.recentArtContent p strong span {
    display: inline-block
}

div#recentArt div.recentArtContent div.price {
    margin: 35px 0 20px;
    font-size: 24px;
    line-height: 27px;
    color: #000;
    text-align: right
}

div#recentArt div.recentArtContent div.price span.orange {
    color: #eb1700
}

div#recentArt div.recentArtContent div.price span.sign {
    display: inline-block;
    margin-bottom: 2px;
    vertical-align: middle;
    font-size: 16px;
    line-height: 0;
    font-weight: 400
}

div#recentArt div.recentArtContent div.price div.summary {
    margin-top: 4px;
    padding-top: 6px;
    font-weight: 700;
    border-top: 1px solid #ccc
}

div#recentArt div.recentArtContent div.buttonsBox a.change {
    float: left;
    margin-top: 12px;
    font-size: 14px
}

div#recentArt div.recentArtContent div.buttonsBox a.buy {
    display: block;
    float: right;
    padding: 8px 30px;
    font-size: 18px;
    font-weight: 700
}

div#recentArt div.recentArtContent div.buttonsBox:after {
    clear: both;
    display: block !important;
    content: '';
    visibility: hidden
}

div#recentArt div.info {
    position: relative;
    padding: 30px 40px 30px 76px;
    background: #eee
}

div#recentArt div.info span.icon {
    position: absolute;
    top: 28px;
    left: 38px;
    font-size: 16px
}

div#recentArt div.info p {
    margin-bottom: 12px;
    font-size: 14px;
    line-height: 17px
}

div#recentArt div.info p:last-child {
    margin-bottom: 0
}

div#secondAxleSize div.secondAxleSize {
    padding: 60px 38px 35px;
    background: #fff
}

div#secondAxleSize div.secondAxleSize div.header {
    font-size: 22px;
    font-weight: 700;
    line-height: 25px
}

div#secondAxleSize div.secondAxleSize div.sizeInfo {
    margin: 26px 0 32px;
    font-size: 16px;
    line-height: 18px
}

div#secondAxleSize div.secondAxleSize div.sizeInfo strong {
    font-weight: 700
}

div#secondAxleSize div.secondAxleSize div.tireSizes {
    background: #eee;
    padding: 40px 28px 0
}

div#secondAxleSize div.secondAxleSize div.tireSizes span.sizeTitle {
    font-size: 22px;
    font-weight: 700
}

div#secondAxleSize div.secondAxleSize div.tireSizes div.label {
    margin-top: 28px;
    padding-bottom: 13px;
    border-bottom: 1px solid #ccc;
    font-size: 16px
}

div#secondAxleSize div.secondAxleSize div.tireSizes div.label span {
    display: inline-block
}

div#secondAxleSize div.secondAxleSize div.tireSizes div.label span.price {
    margin-left: 232px
}

div#secondAxleSize div.secondAxleSize div.tireSizes div.label span.quantity {
    margin-left: 14px
}

div#secondAxleSize div.secondAxleSize div.tireSizes div.list {
    text-align: center
}

div#secondAxleSize div.secondAxleSize div.tireSizes div.list a.compare {
    display: inline-block;
    margin: 5px auto 0;
    font-size: 16px;
    padding: 10px 45px
}

div#secondAxleSize div.secondAxleSize div.tireSizes div.list ul.sizes {
    text-align: left
}

div#secondAxleSize div.secondAxleSize div.tireSizes div.list ul.sizes li.item {
    padding: 16px 0 24px;
    border-top: 1px solid #fff
}

div#secondAxleSize div.secondAxleSize div.tireSizes div.list ul.sizes li.item:first-child {
    border-top: none
}

div#secondAxleSize div.secondAxleSize div.tireSizes div.list ul.sizes li.item span.name {
    display: block;
    float: left;
    width: 280px;
    font-size: 14px;
    line-height: 18px
}

div#secondAxleSize div.secondAxleSize div.tireSizes div.list ul.sizes li.item span.name strong {
    display: block;
    font-size: 16px;
    font-weight: 700
}

div#secondAxleSize div.secondAxleSize div.tireSizes div.list ul.sizes li.item div.cart {
    float: left;
    width: 296px
}

div#secondAxleSize div.secondAxleSize div.tireSizes div.list ul.sizes li.item div.cart div.priceQuantity span {
    display: block;
    float: left
}

div#secondAxleSize div.secondAxleSize div.tireSizes div.list ul.sizes li.item div.cart div.priceQuantity span.price {
    width: 124px;
    margin-top: 10px;
    text-align: right;
    color: #eb1700;
    font-size: 16px;
    font-weight: 700
}

div#secondAxleSize div.secondAxleSize div.tireSizes div.list ul.sizes li.item div.cart div.priceQuantity span.price span.catalogPrice {
    display: block;
    float: none;
    font-size: 12px;
    color: #000;
    font-weight: 400
}

div#secondAxleSize div.secondAxleSize div.tireSizes div.list ul.sizes li.item div.cart div.priceQuantity span.quantity {
    margin: 2px 0 0 22px
}

div#secondAxleSize div.secondAxleSize div.tireSizes div.list ul.sizes li.item div.cart div.priceQuantity a.buy {
    display: block;
    float: right;
    margin-top: 4px;
    padding: 6px 20px;
    font-size: 14px;
    font-weight: 700
}

div#secondAxleSize div.secondAxleSize div.tireSizes div.list ul.sizes li.item div.cart div.priceQuantity:after {
    clear: both;
    display: block !important;
    content: '';
    visibility: hidden
}

div#secondAxleSize div.secondAxleSize div.tireSizes div.list ul.sizes li.item div.cart p.yellow {
    margin-top: 8px;
    padding: 2px 0 3px;
    text-align: center;
    border-radius: 3px;
    background-color: #ffed69
}

div#secondAxleSize div.secondAxleSize div.tireSizes div.list ul.sizes li.item div.cart p.yellow strong {
    font-weight: 700
}

div#secondAxleSize div.secondAxleSize div.tireSizes div.list ul.sizes li.item div.cart p.yellow em {
    font-weight: 700;
    color: #eb1700
}

div#secondAxleSize div.secondAxleSize div.tireSizes div.list ul.sizes li.item:after {
    clear: both;
    display: block !important;
    content: '';
    visibility: hidden
}

div#secondAxleSize div.secondAxleSize div.links {
    margin-top: 43px;
    text-align: left
}

div#secondAxleSize div.secondAxleSize div.links span.cancel a {
    font-size: 16px
}

div#secondAxleSize div.secondAxleSize div.links:after {
    clear: both;
    display: block !important;
    content: '';
    visibility: hidden
}

div#checkTireSize div.checkTireSize {
    padding: 25px 0
}

div#checkTireSize div.checkTireSize p {
    padding: 0 60px 0 35px;
    font-size: 18px;
    line-height: 25px
}

div#checkTireSize div.checkTireSize p.small {
    font-size: 16px
}

div#checkTireSize div.checkTireSize p strong {
    font-weight: 700
}

div#checkTireSize div.checkTireSize br, div#checkTireSize div.checkTireSize div.title {
    display: none
}

div#checkTireSize div.checkTireSize div.links {
    margin: 20px 0;
    background: #f4f4f4
}

div#checkTireSize div.checkTireSize div.links p {
    padding: 12px 15px 12px 35px;
    font-size: 12px
}

div#checkTireSize div.checkTireSize div.links p + p {
    border-top: 1px solid #e1e1e1
}

div#checkTireSize div.checkTireSize div.links p a {
    float: right;
    padding: 0 35px;
    box-shadow: none
}

#rimPopup div.rimPopup {
    width: 330px;
    padding: 50px 60px;
    background: #fff
}

#rimPopup div.rimPopup p.title {
    font-size: 20px;
    line-height: 1.5em;
    font-weight: 700
}

#rimPopup div.rimPopup p.carModel {
    font-size: 14px
}

#rimPopup div.rimPopup div.links {
    margin-top: 30px
}

#rimPopup div.rimPopup div.links a {
    height: 44px;
    display: block;
    padding: 4px 5px;
    border: 1px solid #ccc
}

#rimPopup div.rimPopup div.links a.tryOn span.ico {
    float: left;
    width: 64px;
    font-size: 30px;
    padding-top: 8px;
    text-align: center
}

#rimPopup div.rimPopup div.links a img {
    width: 64px;
    float: left
}

#rimPopup div.rimPopup div.links a span {
    display: inline-block;
    font-size: 14px;
    padding-top: 15px
}

#rimPopup div.rimPopup div.links a:after {
    clear: both;
    display: block !important;
    content: '';
    visibility: hidden
}

#rimPopup div.rimPopup div.links a + a {
    margin-top: 10px
}

div.freeTermBox {
    padding-bottom: 100px;
    border-radius: 10px;
    overflow: hidden;
    background: #fff
}

div.freeTermBox div.header {
    margin-bottom: 50px;
    padding: 80px 60px 0
}

div.freeTermBox div.header p.title {
    margin-bottom: 10px;
    font-size: 28px;
    line-height: 38px;
    font-weight: 700
}

div.freeTermBox div.header div.info p {
    font-size: 14px;
    line-height: 20px
}

div.freeTermBox div.header div.info p strong {
    display: block;
    margin-bottom: 7px;
    font-size: 18px;
    line-height: 24px
}

div.freeTermBox div.list {
    position: relative;
    overflow: hidden
}

div.freeTermBox div.list div.slider span.icon {
    position: absolute;
    top: 0;
    width: 80px;
    height: 100%;
    padding-top: 184px;
    font-size: 34px;
    color: #0066e3;
    z-index: 2;
    box-sizing: border-box;
    cursor: pointer
}

div.freeTermBox div.list div.slider span.icon.disabled {
    display: none
}

div.freeTermBox div.list div.slider span.icon.prev {
    left: 0;
    padding-left: 20px
}

div.freeTermBox div.list div.slider span.icon.next {
    text-align: right;
    right: 0;
    padding-right: 20px
}

div.freeTermBox div.list div.slider div.track {
    display: flex;
    position: relative;
    margin-left: -20px
}

div.freeTermBox div.list div.slider div.track div.day {
    flex: 1 0 88px;
    float: left;
    width: 88px;
    text-align: center;
    box-sizing: border-box;
    border-left: 1px solid rgba(0, 0, 0, 0.1)
}

div.freeTermBox div.list div.slider div.track div.day.first, div.freeTermBox div.list div.slider div.track div.day.last, div.freeTermBox div.list div.slider div.track div.day:nth-child(2) {
    border-left: none
}

div.freeTermBox div.list div.slider div.track div.day p {
    margin-bottom: 20px;
    padding: 10px 0;
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase;
    color: dimgray;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1)
}

div.freeTermBox div.list div.slider div.track div.day p strong {
    display: block;
    margin-top: 7px;
    font-size: 16px;
    line-height: 24px;
    color: #000;
    font-weight: 700
}

div.freeTermBox div.list div.slider div.track div.day div.hours span {
    display: block;
    margin-bottom: 17px;
    font-size: 16px;
    line-height: 24px;
    color: dimgray
}

div.freeTermBox div.list:before, div.freeTermBox div.list:after {
    position: absolute;
    top: 0;
    width: 80px;
    height: 100%;
    content: '';
    z-index: 1
}

div.freeTermBox div.list:before {
    left: 0;
    background: linear-gradient(90deg, #fff 11.98%, rgba(255, 255, 255, 0.22) 100%)
}

div.freeTermBox div.list:after {
    right: 0;
    background: linear-gradient(-90deg, #fff 11.98%, rgba(255, 255, 255, 0.22) 100%)
}

#exitPopup div.content, #reservationExist div.content {
    text-align: center;
    padding: 55px 50px 40px
}

#exitPopup div.content p, #reservationExist div.content p {
    font-size: 18px;
    line-height: 1.2em;
    padding-bottom: 30px
}

#exitPopup div.content p strong, #reservationExist div.content p strong {
    font-weight: 700
}

#exitPopup div.content p.big, #reservationExist div.content p.big {
    font-size: 18px;
    padding: 0 30px;
    line-height: 1.3em;
    margin-bottom: 25px
}

#exitPopup div.content div.info, #reservationExist div.content div.info {
    width: 240px;
    margin: 30px auto 0;
    text-align: left
}

#exitPopup div.content div.info span, #reservationExist div.content div.info span {
    float: left;
    font-size: 22px
}

#exitPopup div.content div.info p, #reservationExist div.content div.info p {
    width: 80%;
    float: left;
    font-size: 14px;
    margin-left: 20px;
    line-height: 1.3em;
    padding-bottom: 0
}

#exitPopup div.content div.info:after, #reservationExist div.content div.info:after {
    clear: both;
    display: block !important;
    content: '';
    visibility: hidden
}

#exitPopup div.content a, #reservationExist div.content a {
    display: inline-block
}

#exitPopup div.content a.exit, #reservationExist div.content a.exit {
    font-size: 14px;
    margin: 40px 0 15px
}

#exitPopup div.content .backToReservaion, #reservationExist div.content .backToReservaion {
    display: inline-block;
    margin-top: 5px;
    padding: 22px 40px;
    font-size: 18px;
    font-weight: 700;
    cursor: pointer
}

#carInformationDetails div.carInformationDetails {
    font-size: 14px;
    line-height: 19px;
    padding: 30px 58px 30px 20px
}

#saveCart div.saveCart {
    padding: 40px 20px 30px
}

#saveCart div.saveCart p.title {
    font-size: 24px;
    line-height: 1.2em
}

#saveCart div.saveCart p.title.small {
    font-size: 20px;
    padding-top: 10px
}

#saveCart div.saveCart p.title.center {
    text-align: center;
    padding-bottom: 15px
}

#saveCart div.saveCart p.title.bold {
    font-weight: 700
}

#saveCart div.saveCart div.inputWithLabel span.icon {
    right: 32px
}

#saveCart div.saveCart a.addNewItemToCart {
    font-weight: 700;
    font-size: 15px;
    width: 50%;
    display: inline-block;
    padding: 20px 0;
    text-align: center;
    margin-top: 20px
}

#saveCart div.saveCart a.addNewItemToCart.goToCart {
    font-size: 17px
}

#saveCart div.saveCart a.replaceCart {
    width: 49%;
    display: inline-block;
    text-align: center;
    margin-top: 25px;
    font-size: 16px
}

#saveCart div.saveCart p.text {
    margin-top: 10px;
    font-size: 14px
}

#saveCart div.saveCart p.text.big {
    font-size: 17px;
    line-height: 22px
}

#saveCart div.saveCart p.text.center {
    text-align: center;
    padding-bottom: 15px
}

#saveCart div.saveCart p.text.center span.line {
    display: inline-block;
    height: 1px;
    width: 300px;
    background: #ccc
}

#saveCart div.saveCart p.text.code {
    font-size: 22px;
    font-weight: 700
}

#saveCart div.saveCart p.text.code strong {
    display: block;
    font-size: 45px;
    font-weight: 700;
    line-height: 1em;
    margin: 20px 0 0
}

#saveCart div.saveCart p.text.rodoInfo {
    margin-top: -10px;
    font-size: 10px;
    line-height: 13px;
    margin-bottom: 20px
}

#saveCart div.saveCart div.inputsBlock {
    margin-top: 18px
}

#saveCart div.saveCart div.inputsBlock.withPhoneNumber div.inputWithLabel {
    width: 47%;
    float: left
}

#saveCart div.saveCart div.inputsBlock.withPhoneNumber div.inputWithLabel + div.inputWithLabel {
    margin-left: 38px
}

#saveCart div.saveCart div.inputsBlock.withPhoneNumber:after {
    clear: both;
    display: block !important;
    content: '';
    visibility: hidden
}

#saveCart div.saveCart div.inputsBlock input {
    width: 100%;
    height: 35px
}

#saveCart div.saveCart div.inputsBlock div.inputWithLabel {
    margin-bottom: 15px
}

#saveCart div.saveCart div.inputsBlock div.inputWithLabel.password {
    width: 48%;
    float: left
}

#saveCart div.saveCart div.inputsBlock div.inputWithLabel.password + div.password {
    margin-left: 26px
}

#saveCart div.saveCart div.confirmation {
    padding: 0 0 20px 28px
}

#saveCart div.saveCart div.confirmation span.info {
    display: none;
    margin: 10px 0 18px;
    font-weight: 700;
    font-size: 15px;
    color: #eb1700
}

#saveCart div.saveCart div.confirmation.error span.info {
    display: block
}

#saveCart div.saveCart div.confirmation label {
    font-size: 12px;
    line-height: 20px
}

#saveCart div.saveCart div.confirmation label span {
    position: absolute;
    left: 0
}

#saveCart div.saveCart div.confirmation label span.showMore, #saveCart div.saveCart div.confirmation label span.dots {
    position: static
}

#saveCart div.saveCart a.forgot {
    width: 220px;
    font-size: 14px;
    text-align: center;
    margin-bottom: 13px;
    display: inline-block
}

#saveCart div.saveCart div.button {
    text-align: right
}

#saveCart div.saveCart a.send, #saveCart div.saveCart a.login, #saveCart div.saveCart a.reset, #saveCart div.saveCart a.register {
    display: inline-block;
    width: 260px;
    padding: 13px 0;
    font-size: 19px;
    text-align: center
}

#saveCart div.saveCart a.generateCode {
    display: inline-block;
    text-align: center;
    width: 260px;
    font-size: 16px;
    padding: 11px 0 10px;
    color: #0066e3;
    box-shadow: none;
    border: 2px solid #0066e3;
    margin-right: 20px
}

#saveCart div.saveCart a.generateCode:hover {
    background: #0066e3;
    color: #fff
}

#cartMerge {
    text-align: center
}

#cartMerge div.cartMerge {
    padding: 40px 23px 30px
}

#cartMerge p {
    font-size: 20px;
    line-height: 1.2em;
    margin-bottom: 20px
}

#cartMerge a {
    display: inline-block;
    font-size: 19px;
    font-weight: 700;
    padding: 18px 27px
}

#webCartItemsChanged {
    text-align: center
}

#webCartItemsChanged div.webCartItemsChanged {
    padding: 40px 23px 30px
}

#webCartItemsChanged p {
    font-size: 20px;
    line-height: 1.2em
}

#webCartItemsChanged p.title {
    font-weight: 700
}

#webCartItemsChanged div.stale {
    text-align: left
}

#webCartItemsChanged div.stale p {
    font-size: 21px
}

#wheelConfiguratorPreview div.wheelConfiguratorPreview {
    padding: 50px 44px 40px
}

#wheelConfiguratorPreview div.title {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3em
}

#wheelConfiguratorPreview p {
    padding-top: 10px;
    font-size: 15px;
    line-height: 24px
}

#wheelConfiguratorPreview img {
    width: 100%;
    height: 100%;
    margin-top: 20px
}

#webPushQuestion {
    text-align: center
}

#webPushQuestion div.webPushQuestion {
    padding: 50px 44px 40px
}

#webPushQuestion p {
    font-size: 18px;
    padding-bottom: 30px
}

#webPushQuestion p.title {
    font-size: 28px;
    font-weight: 700
}

#webPushQuestion span.button {
    cursor: pointer;
    font-size: 16px;
    padding: 9px 37px;
    text-align: center;
    border-radius: 5px;
    font-weight: 700;
    border: 2px solid #0066e3;
    display: inline-block
}

#webPushQuestion span.button.no {
    color: #0066e3
}

#webPushQuestion span.button.yes {
    margin-left: 20px;
    color: #fff;
    background: #0066e3
}

div#fitWarranty div#content div.container, div#fitWarrantyTpms div#content div.container {
    max-width: 100%
}

div#fitWarranty div#content div.container div.notice, div#fitWarrantyTpms div#content div.container div.notice {
    position: relative;
    background: #fff var(--background);
    border: 1px solid var(--color);
    border-radius: 3px;
    box-sizing: border-box;
    text-align: left;
    --icon: "\f133";
    --iconColor: var(--color);
    margin-bottom: 15px;
    padding: 9px 10px 9px 59px !important
}

div#fitWarranty div#content div.container div.notice::after, div#fitWarrantyTpms div#content div.container div.notice::after {
    font-family: "icon";
    display: inline-block;
    line-height: 1;
    font-weight: normal;
    font-style: normal;
    speak: none;
    text-decoration: inherit;
    text-transform: none;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: var(--icon);
    position: absolute;
    color: var(--iconColor);
    font-size: 22px
}

div#fitWarranty div#content div.container div.notice button.close, div#fitWarrantyTpms div#content div.container div.notice button.close {
    position: absolute;
    margin: 0;
    padding: 5px;
    background: none;
    border: none;
    line-height: 1;
    cursor: pointer
}

div#fitWarranty div#content div.container div.notice button.close span.icon, div#fitWarrantyTpms div#content div.container div.notice button.close span.icon {
    font-size: 13px
}

div#fitWarranty div#content div.container div.notice, div#fitWarrantyTpms div#content div.container div.notice {
    --color: #33b806;
    --background: linear-gradient(90deg, rgba(51, 184, 6, 0.05) 0%, rgba(51, 184, 6, 0) 100%);
    --icon: "\f19b"
}

div#fitWarranty div#content div.container div.notice, div#fitWarrantyTpms div#content div.container div.notice {
    --icon: "\f133"
}

div#fitWarranty div#content div.container div.notice, div#fitWarrantyTpms div#content div.container div.notice {
    padding: 12px 10px 10px 42px;
    font-size: 14px;
    line-height: 18px
}

div#fitWarranty div#content div.container div.notice::after, div#fitWarrantyTpms div#content div.container div.notice::after {
    top: 9px;
    left: 10px
}

div#fitWarranty div#content div.container div.notice button.close, div#fitWarrantyTpms div#content div.container div.notice button.close {
    top: 9px;
    right: 3px
}

div#fitWarranty div#content div.container div.notice::after, div#fitWarrantyTpms div#content div.container div.notice::after {
    font-family: "icon";
    display: inline-block;
    line-height: 1;
    font-weight: normal;
    font-style: normal;
    speak: none;
    text-decoration: inherit;
    text-transform: none;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: var(--icon);
    position: absolute;
    color: var(--iconColor);
    font-size: 22px
}

div#fitWarranty div#content div.container div.notice button.close, div#fitWarrantyTpms div#content div.container div.notice button.close {
    position: absolute;
    margin: 0;
    padding: 5px;
    background: none;
    border: none;
    line-height: 1;
    cursor: pointer
}

div#fitWarranty div#content div.container div.notice button.close span.icon, div#fitWarrantyTpms div#content div.container div.notice button.close span.icon {
    font-size: 13px
}

div#fitWarranty div#content div.container div.notice, div#fitWarrantyTpms div#content div.container div.notice {
    --color: #33b806;
    --background: linear-gradient(90deg, rgba(51, 184, 6, 0.05) 0%, rgba(51, 184, 6, 0) 100%);
    --icon: "\f19b"
}

div#fitWarranty div#content div.container div.notice, div#fitWarrantyTpms div#content div.container div.notice {
    --icon: "\f133"
}

div#fitWarranty div#content div.container div.notice, div#fitWarrantyTpms div#content div.container div.notice {
    padding: 12px 10px 10px 42px;
    font-size: 14px;
    line-height: 18px
}

div#fitWarranty div#content div.container div.notice::after, div#fitWarrantyTpms div#content div.container div.notice::after {
    top: 9px;
    left: 10px
}

div#fitWarranty div#content div.container div.notice button.close, div#fitWarrantyTpms div#content div.container div.notice button.close {
    top: 9px;
    right: 3px
}

div#fitWarranty div#content div.container div.notice::after, div#fitWarrantyTpms div#content div.container div.notice::after {
    top: 50%;
    left: 14px;
    font-size: 30px;
    translate: 0 -50%
}

div#fitWarranty div#content div.container div.notice p, div#fitWarrantyTpms div#content div.container div.notice p {
    margin: 0;
    font-size: 16px;
    line-height: 18px
}

div#fitWarranty div#content div.container div.notice p strong, div#fitWarrantyTpms div#content div.container div.notice p strong {
    font-weight: 700
}

div#fitWarranty div#content div.container p, div#fitWarrantyTpms div#content div.container p {
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 22px
}

div#fitWarranty div#content div.container p:last-child, div#fitWarrantyTpms div#content div.container p:last-child {
    margin-bottom: 0
}

div#fitWarranty div#content div.container p strong, div#fitWarrantyTpms div#content div.container p strong {
    font-weight: 700
}

div#fitWarranty div#footer, div#fitWarrantyTpms div#footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 50px
}

div#fitWarranty div#footer a.closeBox, div#fitWarrantyTpms div#footer a.closeBox {
    font-size: 16px;
    line-height: 22px
}

div#fitWarranty div#footer a.linkButton, div#fitWarrantyTpms div#footer a.linkButton {
    padding: 14px 74px;
    font-size: 24px;
    font-weight: 700;
    line-height: 29px
}

#comparerVariants div.boxPadding {
    padding: 64px
}

#comparerVariants div.boxPadding p.title {
    padding-bottom: 10px;
    font-size: 28px;
    line-height: 38px;
    text-align: center;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1)
}

#comparerVariants div.boxPadding p.title strong {
    display: block;
    font-size: 36px;
    line-height: 44px;
    font-weight: 700
}

#comparerVariants div.boxPadding p.title span {
    font-size: 21px;
    line-height: 28px
}

#comparerVariants div.boxPadding p.modelNotAvailable {
    font-weight: 700;
    font-size: 28px;
    line-height: 38px;
    text-align: center
}

#comparerVariants div.boxPadding p.modelNotAvailable + p {
    margin-top: 10px;
    font-size: 18px;
    line-height: 24px;
    text-align: center
}

#comparerVariants div.boxPadding p.variants {
    width: 570px;
    margin: 10px auto;
    padding-bottom: 10px;
    font-size: 14px;
    line-height: 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1)
}

#comparerVariants div.boxPadding p.variants strong {
    font-weight: 700
}

#comparerVariants div.boxPadding div.items {
    width: 570px;
    padding: 0 16px;
    max-height: 40vh;
    overflow: auto
}

#comparerVariants div.boxPadding div.items div.tileV {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    padding: 15px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1)
}

#comparerVariants div.boxPadding div.items div.tileV:last-child {
    padding-bottom: 0;
    border-bottom: 0
}

#comparerVariants div.boxPadding div.items div.tileV div.tileLeft {
    width: 300px
}

#comparerVariants div.boxPadding div.items div.tileV div.tileLeft p.productName {
    font-size: 16px;
    line-height: 22px
}

#comparerVariants div.boxPadding div.items div.tileV div.tileLeft p.productName strong {
    display: block;
    font-weight: 700
}

#comparerVariants div.boxPadding div.items div.tileV div.tileLeft p.homologation {
    font-size: 14px;
    line-height: 20px;
    color: dimgray
}

#comparerVariants div.boxPadding div.items div.tileV div.tileCenter {
    text-align: center
}

#comparerVariants div.boxPadding div.items div.tileV div.tileCenter div.icon span {
    font-size: 24px
}

#comparerVariants div.boxPadding div.items div.tileV div.tileRight {
    width: 168px
}

#comparerVariants div.boxPadding div.items div.tileV div.tileRight div.ue {
    margin-bottom: 10px;
    text-align: center
}

#comparerVariants div.boxPadding div.items div.tileV div.tileRight div.ue span {
    font-size: 14px;
    line-height: 20px;
    color: #bbb
}

#comparerVariants div.boxPadding div.items div.tileV div.tileRight div.ue span.icon-season-winter:before {
    color: #bbb
}

#comparerVariants div.boxPadding div.items div.tileV div.tileRight div.button {
    width: 100%
}

#comparerVariants div.boxPadding div.items div.tileV div.tileRight div.button a {
    display: block;
    font-weight: 400;
    text-align: center
}

#comparerVariants div.boxPadding div.items div.tileV div.tileRight div.button a.linkButton {
    padding: 6px 0;
    background-color: #004395;
    color: #fff
}

#comparerVariants div.boxPadding div.items div.tileV div.tileRight div.button a.compare {
    margin-top: 5px
}

#comparerVariants div.boxPadding div.items div.tileV.selected div.tileLeft p.productName a {
    color: #000;
    cursor: default;
    pointer-events: none
}

#comparerVariants div.boxPadding div.items div.tileV.selected div.tileRight div.button a.linkButton {
    background-color: #33b806;
    cursor: default;
    pointer-events: none
}

#comparerVariants div.boxPadding div.items div.tileV.selected div.tileRight div.button a.linkButton:before {
    font-family: "icon";
    display: inline-block;
    line-height: 1;
    font-weight: normal;
    font-style: normal;
    speak: none;
    text-decoration: inherit;
    text-transform: none;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f13f";
    margin-right: 5px
}

#comparerVariants div.boxPadding div.items div.tileV.selected div.tileRight div.button a.compare {
    display: none
}

#comparerVariants.autoChoose div.boxPadding p.title + p, #comparerVariants.impossible div.boxPadding p.title + p {
    margin-top: 10px;
    font-size: 18px;
    line-height: 24px;
    text-align: center
}

#comparerVariants.autoChoose div.boxPadding a, #comparerVariants.impossible div.boxPadding a {
    display: block;
    font-size: 18px;
    line-height: 24px;
    text-align: center
}

#comparerVariants.autoChoose div.boxPadding a + a, #comparerVariants.impossible div.boxPadding a + a {
    margin-top: 20px
}

#comparerVariants.impossible div.boxPadding p.title + p {
    margin-bottom: 30px
}

#comparerVariants.impossible div.boxPadding p.title strong {
    font-size: 28px;
    line-height: 38px
}

#comparerVariants.chooseTire p {
    text-align: center
}

#comparerVariants.chooseTire p strong {
    font-weight: 700
}

#comparerVariants.chooseTire p:first-of-type {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    font-size: 28px;
    line-height: 38px
}

#comparerVariants.chooseTire p:last-of-type {
    font-size: 24px;
    line-height: 32px
}

#comparerVariants.chooseTire div.productSelctor {
    background: transparent;
    margin-top: 30px
}

#comparerVariants.chooseTire div.productSelctor div.contentSelector {
    background: transparent
}

#comparerVariants.chooseTire div.productSelctor div.contentSelector div.wrapper {
    margin: 0;
    padding: 0;
    background: transparent
}

#comparerVariants.chooseTire div.productSelctor div.contentSelector div.wrapper:before {
    display: none
}

#comparerVariants.chooseTire div.productSelctor div.contentSelector div.wrapper div.tabContent {
    margin: 0 auto;
    padding: 0;
    float: none;
    width: 100%
}

#comparerVariants.chooseTire div.productSelctor div.contentSelector div.wrapper div.tabContent div.buttonBox a.linkButton {
    width: 260px
}

#orderNumberModal div#content div.modalOverlayTop {
    box-sizing: border-box
}

#orderNumberModal div#content div.modalOverlayTop p strong {
    font-weight: 700
}

#orderNumberModal div#content div.modalOverlayTop p.description {
    margin-bottom: 30px;
    font-size: 18px;
    line-height: 24px
}

#orderNumberModal div#content div.modalOverlayTop p.colHeading {
    margin-bottom: 20px;
    border-bottom: 1px solid #000;
    padding: 0 0 10px 10px;
    font-size: 20px;
    line-height: 28px
}

#orderNumberModal div#content div.modalOverlayTop img {
    display: block;
    height: auto;
    max-width: 100%
}

div#productNotFound {
    width: 768px !important;
    background-color: #fff
}

div#productNotFound div.title {
    padding: 10px 0 10px 30px;
    border-bottom: 1px rgba(0, 0, 0, 0.1) solid
}

div#productNotFound div.title p strong {
    font-size: 22px;
    line-height: 34px;
    font-weight: 700
}

div#productNotFound div.whereFind {
    padding: 60px 0
}

div#productNotFound div.whereFind div.whereFindWrapper {
    display: flex;
    gap: 39px;
    justify-content: center
}

div#productNotFound div.whereFind div.whereFindWrapper div {
    max-width: 155px;
    text-align: center;
    font-size: 14px;
    line-height: 20px
}

div#productNotFound div.whereFind div.whereFindWrapper div img {
    width: 155px;
    height: 89px;
    margin-top: 10px;
    border-radius: 3px
}

div#productNotFound div.whereFind p.note {
    max-width: 558px;
    margin: 15px auto 0;
    text-align: center;
    font-size: 14px;
    line-height: 20px
}

div#productNotFound div.container {
    padding: 30px;
    width: unset
}

div#productNotFound div.container div.notice {
    position: relative;
    background: #fff var(--background);
    border: 1px solid var(--color);
    border-radius: 3px;
    box-sizing: border-box;
    text-align: left;
    --icon: false;
    --iconColor: var(--color)
}

div#productNotFound div.container div.notice::after {
    font-family: "icon";
    display: inline-block;
    line-height: 1;
    font-weight: normal;
    font-style: normal;
    speak: none;
    text-decoration: inherit;
    text-transform: none;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: var(--icon);
    position: absolute;
    color: var(--iconColor);
    font-size: 22px
}

div#productNotFound div.container div.notice button.close {
    position: absolute;
    margin: 0;
    padding: 5px;
    background: none;
    border: none;
    line-height: 1;
    cursor: pointer
}

div#productNotFound div.container div.notice button.close span.icon {
    font-size: 13px
}

div#productNotFound div.container div.notice {
    --color: #eb1700;
    --background: linear-gradient(90deg, rgba(255, 122, 0, 0.05) 0%, rgba(255, 122, 0, 0) 100%);
    --icon: "\f196"
}

div#productNotFound div.container div.notice {
    padding: 20px 10px 18px 56px;
    font-size: 16px;
    line-height: 22px
}

div#productNotFound div.container div.notice::after {
    top: 19px;
    left: 20px
}

div#productNotFound div.container div.notice button.close {
    top: 19px;
    right: 14px
}

div#productNotFound div.container div.notice::after {
    font-family: "icon";
    display: inline-block;
    line-height: 1;
    font-weight: normal;
    font-style: normal;
    speak: none;
    text-decoration: inherit;
    text-transform: none;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: var(--icon);
    position: absolute;
    color: var(--iconColor);
    font-size: 22px
}

div#productNotFound div.container div.notice button.close {
    position: absolute;
    margin: 0;
    padding: 5px;
    background: none;
    border: none;
    line-height: 1;
    cursor: pointer
}

div#productNotFound div.container div.notice button.close span.icon {
    font-size: 13px
}

div#productNotFound div.container div.notice {
    --color: #eb1700;
    --background: linear-gradient(90deg, rgba(255, 122, 0, 0.05) 0%, rgba(255, 122, 0, 0) 100%);
    --icon: "\f196"
}

div#productNotFound div.container div.notice {
    padding: 20px 10px 18px 56px;
    font-size: 16px;
    line-height: 22px
}

div#productNotFound div.container div.notice::after {
    top: 19px;
    left: 20px
}

div#productNotFound div.container div.notice button.close {
    top: 19px;
    right: 14px
}

div#productNotFound div.container div.notice p strong {
    font-weight: 700
}

div#productNotFound div.container div.secondText {
    margin-top: 30px
}

div#productNotFound div.container div.secondText p {
    font-size: 16px;
    line-height: 22px
}

div#productNotFound div.container div.secondText p strong {
    font-weight: 700
}

div#productNotFound div.buttonSection {
    height: 55px;
    padding: 10px 30px 10px;
    border-top: 1px rgba(0, 0, 0, 0.1) solid;
    box-shadow: 0px 0px 10px 0px #00000033
}

div#productNotFound div.buttonSection.two {
    display: flex;
    justify-content: end;
    gap: 30px
}

div#productNotFound div.buttonSection.two a.ghost {
    padding: 11px 18px;
    background-color: #fff;
    color: #0066e3;
    border: 2px #0066e3 solid
}

div#productNotFound div.buttonSection a {
    display: block;
    float: right;
    padding: 13px 20px;
    color: #fff;
    background: #0066e3;
    font-size: 24px;
    font-weight: 700;
    line-height: 29px;
    border-radius: 5px
}

div.noteInfo div span.expand {
    color: #0066e3
}

div.noteInfo div span.expand:hover {
    color: #004cac;
    cursor: pointer
}

div.whereFind {
    padding: 60px 0
}

div.whereFind div.whereFindWrapper {
    display: flex;
    gap: 39px;
    justify-content: center
}

div.whereFind div.whereFindWrapper div {
    max-width: 155px;
    text-align: center;
    font-size: 14px;
    line-height: 20px
}

div.whereFind div.whereFindWrapper div img {
    width: 155px;
    height: 89px;
    margin-top: 10px;
    border-radius: 3px
}

div.whereFind p.note {
    max-width: 558px;
    margin: 15px auto 0;
    text-align: center;
    font-size: 14px;
    line-height: 20px
}

div#rimDesignation div#content {
    overflow-x: hidden
}

div#rimDesignation div#content div.sizes {
    display: flex;
    justify-content: space-between;
    width: 708px
}

div#rimDesignation div#content div.sizes div.wheelSize {
    display: flex;
    flex-direction: column;
    max-width: 325px
}

div#rimDesignation div#content div.sizes div.wheelSize img {
    margin-bottom: 0
}

div#rimDesignation div#content div.sizes div.wheelSize p {
    font-size: 14px;
    line-height: 20px;
    text-align: left
}

div#rimDesignation div#content div.sizes div.wheelSize p strong {
    display: block;
    margin-bottom: 5px;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700
}

div#rimDesignation div#content div.sizes div.wheelSize.diameter img {
    width: 316px;
    height: 263px
}

div#rimDesignation div#content div.sizes div.wheelSize.diameter p {
    margin: 65px 0 0
}

div#rimDesignation div#content div.sizes div.wheelSize.width img {
    width: 307px;
    height: 297px
}

div#rimDesignation div#content div.sizes div.wheelSize.width p {
    margin: 30px 0 0
}

div#rimDesignation div#content div.flangeProfile {
    width: 708px;
    margin-top: 30px;
    padding-top: 30px;
    text-align: left;
    border-top: 1px rgba(0, 0, 0, 0.1) solid
}

div#rimDesignation div#content div.flangeProfile strong {
    font-size: 18px;
    font-weight: 700;
    line-height: 24px
}

div#rimDesignation div#content div.flangeProfile p.description {
    margin: 5px 0 0;
    font-size: 14px;
    line-height: 20px
}

div#rimDesignation div#content div.flangeProfile img {
    margin: 30px 34px;
    width: 640px;
    height: 149px
}

div#rimDesignation div#content div.flangeProfile p.explanation {
    margin: 0;
    font-size: 14px;
    line-height: 20px;
    color: dimgray;
    text-align: center
}

div#rimDesignation div#content div.findSizeTitle {
    width: 708px
}

div#rimDesignation div#content div.findSizeTitle p {
    margin: 30px 0 15px;
    padding-top: 30px;
    font-size: 22px;
    line-height: 34px;
    font-weight: 700;
    text-align: left;
    border-top: 1px rgba(0, 0, 0, 0.1) solid
}

div#rimDesignation div#content div.findSize {
    display: flex;
    flex-direction: row;
    width: 708px;
    border-bottom: 1px rgba(0, 0, 0, 0.1) solid
}

div#rimDesignation div#content div.findSize div.findSizeBox {
    padding: 0
}

div#rimDesignation div#content div.findSize div.findSizeBox p {
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    text-align: left
}

div#rimDesignation div#content div.findSize div.findSizeBox.wheel img {
    margin: 30px 59px 20px;
    width: 236px;
    height: 201px
}

div#rimDesignation div#content div.findSize div.findSizeBox.manual {
    padding-left: 20px;
    border-left: 1px rgba(0, 0, 0, 0.1) solid
}

div#rimDesignation div#content div.findSize div.findSizeBox.manual img {
    margin: 17px 51px 17px 31px;
    width: 251px;
    height: 208px
}

div#rimDesignation div#content div.recommendations {
    width: 708px;
    display: grid;
    grid-template-columns:354px 354px
}

div#rimDesignation div#content div.recommendations p.recommendation {
    margin: 30px 0 0;
    padding: 25px;
    font-size: 14px;
    line-height: 20px;
    text-align: left
}

div#rimDesignation div#content div.recommendations p.recommendation:last-child {
    border-left: 1px rgba(0, 0, 0, 0.1) solid
}

@media (min-width: 768px) {
    #orderNumberModal div#content div.modalOverlayTop {
        display: grid;
        grid-template-columns:1fr minmax(0, 1fr);
        grid-column-gap: 40px
    }

    #orderNumberModal div#content div.modalOverlayTop p.description {
        grid-column: 1/3
    }

    #orderNumberModal div#content div.modalOverlayTop p.colHeading {
        grid-row: 2/3
    }
}

@media (max-width: 767px) {
    div#askForContactForm div#content {
        overflow-y: auto !important
    }

    div#askForContactForm div#content div.modalOverlayTop div.contactForm {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 24px;
        padding-top: 0
    }

    div#askForContactForm div#content div.modalOverlayTop div.contactForm div.left {
        width: 300px
    }

    div#askForContactForm div#content div.modalOverlayTop div.contactForm div.left div.field.phone div.prefixSelector {
        z-index: 1
    }

    div#askForContactForm div#content div.modalOverlayTop div.contactForm div.left div.field.phone div.prefixSelector div.options ul {
        width: 300px
    }

    div#askForContactForm div#content div.modalOverlayTop div.contactForm div.right {
        width: 297px !important;
        margin-left: -3px
    }

    div#askForContactForm div#footer div.button a.linkButton {
        float: unset;
        width: 300px;
        margin: 0 auto;
        padding: 8px 0;
        font-size: 16px;
        line-height: 20px
    }

    div#recentArt div.recentArtContent {
        padding: 46px 20px 20px
    }

    div#recentArt div.recentArtContent p {
        margin-bottom: 15px;
        font-size: 16px
    }

    div#recentArt div.recentArtContent div.price {
        margin: 14px 0 16px;
        font-size: 18px
    }

    div#recentArt div.recentArtContent div.price span.sign {
        margin-bottom: 2px;
        font-size: 12px
    }

    div#recentArt div.recentArtContent div.price div.summary {
        margin-top: 2px;
        padding-top: 4px
    }

    div#recentArt div.info {
        padding: 20px 15px 25px 40px
    }

    div#recentArt div.info span.icon {
        top: 22px;
        left: 14px;
        font-size: 16px
    }

    div#recentArt div.info p {
        margin-bottom: 12px
    }

    div#secondAxleSize div.secondAxleSize {
        padding: 46px 0 35px
    }

    div#secondAxleSize div.secondAxleSize div.header {
        padding: 0 20px;
        font-size: 18px;
        line-height: 20px
    }

    div#secondAxleSize div.secondAxleSize div.sizeInfo {
        margin: 12px 20px 22px
    }

    div#secondAxleSize div.secondAxleSize div.tireSizes {
        padding: 20px 20px 0
    }

    div#secondAxleSize div.secondAxleSize div.tireSizes span.sizeTitle {
        display: block;
        padding: 0 0 24px;
        font-size: 20px;
        line-height: 22px
    }

    div#secondAxleSize div.secondAxleSize div.tireSizes div.label {
        display: none
    }

    div#secondAxleSize div.secondAxleSize div.tireSizes div.list ul.sizes li.item {
        padding: 28px 0;
        border-top: 1px solid #ccc
    }

    div#secondAxleSize div.secondAxleSize div.tireSizes div.list ul.sizes li.item:first-child {
        border-top: 1px solid #ccc
    }

    div#secondAxleSize div.secondAxleSize div.tireSizes div.list ul.sizes li.item span.name {
        width: 280px;
        margin-bottom: 10px
    }

    div#secondAxleSize div.secondAxleSize div.tireSizes div.list ul.sizes li.item div.cart {
        width: 280px
    }

    div#secondAxleSize div.secondAxleSize div.tireSizes div.list ul.sizes li.item div.cart div.priceQuantity span.price {
        text-align: left
    }

    div#secondAxleSize div.secondAxleSize div.tireSizes div.list ul.sizes li.item div.cart div.priceQuantity span.quantity {
        margin-left: 0
    }

    div#secondAxleSize div.secondAxleSize div.links {
        margin-top: 24px;
        text-align: center
    }

    div#secondAxleSize div.secondAxleSize div.links span.cancel a {
        font-size: 16px
    }

    #cartMerge div.cartMerge {
        padding: 47px 23px 30px
    }

    #cartMerge p {
        font-size: 16px;
        line-height: 1.2em;
        margin-bottom: 20px
    }

    #saveCart div.saveCart a.forgot {
        width: 100%
    }

    #saveCart div.saveCart a.send, #saveCart div.saveCart a.login, #saveCart div.saveCart a.reset, #saveCart div.saveCart a.register {
        width: 100%
    }

    #saveCart div.saveCart p.title.center {
        text-align: left;
        padding-bottom: 0
    }

    #saveCart div.saveCart p.title.bold {
        font-weight: 400
    }

    #saveCart div.saveCart div.inputsBlock.withPhoneNumber div.inputWithLabel {
        width: 100%
    }

    #saveCart div.saveCart div.inputsBlock.withPhoneNumber div.inputWithLabel + div.inputWithLabel {
        margin-left: 0
    }

    #saveCart div.saveCart p.text.center {
        text-align: left;
        padding-bottom: 0
    }

    #saveCart div.saveCart p.text.center span.line {
        width: 100%
    }

    #saveCart div.saveCart a.addNewItemToCart {
        width: auto;
        display: block
    }

    #saveCart div.saveCart a.replaceCart {
        width: auto;
        display: block
    }

    #saveCart div.saveCart a.generateCode {
        margin-bottom: 10px
    }

    #webCartItemsChanged div.webCartItemsChanged {
        padding: 47px 23px 30px
    }

    #webCartItemsChanged p {
        font-size: 16px;
        line-height: 1.2em
    }

    div#checkTireSize:not(.chains) {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.6);
        visibility: hidden;
        opacity: 0;
        transition: opacity 0.3s ease-in-out;
        z-index: 30
    }

    div#checkTireSize:not(.chains).visible {
        display: block;
        visibility: visible;
        opacity: 1
    }

    div#checkTireSize:not(.chains).visible div.checkTireSize {
        right: 0
    }

    div#checkTireSize:not(.chains).slideIn div.checkTireSize {
        -webkit-transition: right 0.3s ease-in;
        -moz-transition: right 0.3s ease-in;
        -o-transition: right 0.3s ease-in;
        transition: right 0.3s ease-in;
        -webkit-animation: menuSlideIn 0.3s ease-in alternate forwards;
        -moz-animation: menuSlideIn 0.3s ease-in alternate forwards;
        animation: menuSlideIn 0.3s ease-in alternate forwards
    }

    @-moz-keyframes menuSlideIn {
        0% {
            right: -100%
        }
        100% {
            right: 0
        }
    }
    @-webkit-keyframes menuSlideIn {
        0% {
            right: -100%
        }
        100% {
            right: 0
        }
    }
    @keyframes menuSlideIn {
        0% {
            right: -100%
        }
        100% {
            right: 0
        }
    }
    div#checkTireSize:not(.chains).slideOut div.checkTireSize {
        -webkit-transition: right 0.3s ease-out;
        -moz-transition: right 0.3s ease-out;
        -o-transition: right 0.3s ease-out;
        transition: right 0.3s ease-out;
        -webkit-animation: menuSlideOut 0.3s ease-in alternate forwards;
        -moz-animation: menuSlideOut 0.3s ease-in alternate forwards;
        animation: menuSlideOut 0.3s ease-in alternate forwards
    }

    @-moz-keyframes menuSlideOut {
        0% {
            right: 0
        }
        100% {
            right: -100%
        }
    }
    @-webkit-keyframes menuSlideOut {
        0% {
            right: 0
        }
        100% {
            right: -100%
        }
    }
    @keyframes menuSlideOut {
        0% {
            right: 0
        }
        100% {
            right: -100%
        }
    }
    div#checkTireSize:not(.chains) div.checkTireSize {
        position: fixed;
        top: 0;
        right: -300px;
        width: 300px;
        height: 100%;
        margin: 0;
        padding: 0;
        background: #fff;
        overflow: auto;
        z-index: 100
    }

    div#checkTireSize:not(.chains) div.checkTireSize div.title {
        position: sticky;
        top: 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        height: 45px;
        padding: 0 20px;
        color: #fff;
        background-color: #004cac;
        box-sizing: border-box
    }

    div#checkTireSize:not(.chains) div.checkTireSize div.title span {
        font-size: 14px;
        cursor: pointer
    }

    div#checkTireSize:not(.chains) div.checkTireSize div.title label {
        font-size: 18px;
        font-weight: 700
    }

    div#checkTireSize:not(.chains) div.checkTireSize p {
        padding: 20px 20px 0;
        font-size: 16px;
        line-height: 24px
    }

    div#checkTireSize:not(.chains) div.checkTireSize p.small {
        padding-top: 0;
        font-size: 14px;
        line-height: 20px
    }

    div#checkTireSize:not(.chains) div.checkTireSize p.small strong {
        display: inline-block;
        margin-top: 10px
    }

    div#checkTireSize:not(.chains) div.checkTireSize br {
        display: block
    }

    div#checkTireSize:not(.chains) div.checkTireSize div.links {
        margin: 20px 0
    }

    div#checkTireSize:not(.chains) div.checkTireSize div.links p {
        padding: 20px 20px 15px;
        font-size: 14px;
        line-height: 20px
    }

    div#checkTireSize:not(.chains) div.checkTireSize div.links p + p {
        border-top: 1px solid #e1e1e1
    }

    div#checkTireSize:not(.chains) div.checkTireSize div.links p a {
        display: block;
        float: none;
        margin-top: 12px;
        padding: 0
    }

    div#checkTireSize.chains div.checkTireSize {
        padding: 35px 0
    }

    div#checkTireSize.chains div.checkTireSize p {
        padding: 0 25px;
        font-size: 16px;
        line-height: 24px
    }

    div#checkTireSize.chains div.checkTireSize p.small {
        font-size: 14px
    }

    div#checkTireSize.chains div.checkTireSize p.small strong {
        font-weight: 700
    }

    div#checkTireSize.chains div.checkTireSize br {
        display: block
    }

    div#checkTireSize.chains div.checkTireSize div.links {
        margin: 20px 0
    }

    div#checkTireSize.chains div.checkTireSize div.links p {
        font-size: 14px;
        line-height: 21px;
        padding: 12px 25px 12px 25px
    }

    div#checkTireSize.chains div.checkTireSize div.links p + p {
        border-top: 1px solid #e1e1e1
    }

    div#checkTireSize.chains div.checkTireSize div.links p a {
        margin: 9px 0 7px;
        display: block;
        text-align: center;
        float: none;
        padding: 3px 35px 4px
    }

    div.freeTermBox {
        padding-bottom: 0
    }

    div.freeTermBox div.header {
        margin-bottom: 26px;
        padding: 44px 40px 0;
        text-align: center
    }

    div.freeTermBox div.header p.title {
        font-size: 21px;
        line-height: 28px
    }

    div.freeTermBox div.header div.info p strong {
        margin-bottom: 12px;
        font-size: 16px;
        line-height: 24px
    }

    div.freeTermBox div.list {
        position: relative;
        overflow: hidden
    }

    div.freeTermBox div.list:before, div.freeTermBox div.list:after {
        width: 50px
    }

    div.freeTermBox div.list div.slider {
        padding-bottom: 98px
    }

    div.freeTermBox div.list div.slider span.icon {
        top: auto;
        bottom: 20px;
        width: 70px;
        height: 70px;
        padding-top: 20px
    }

    div.freeTermBox div.list div.slider span.icon.prev {
        padding-left: 30px
    }

    div.freeTermBox div.list div.slider span.icon.next {
        padding-right: 30px
    }

    div.freeTermBox div.list div.slider div.track {
        margin-left: -20px
    }

    div.freeTermBox div.list div.slider div.track div.day {
        flex: 1 0 68px;
        width: 68px
    }

    .blueColorBoxVariant {
        top: 0 !important
    }

    .blueColorBoxVariant #cboxWrapper #cboxContent #cboxClose {
        padding-right: 0
    }

    .blueColorBoxVariant #cboxWrapper #cboxContent #cboxLoadedContent #askForContactForm {
        overflow: auto !important;
        position: fixed;
        top: 0;
        left: 0;
        height: 100% !important
    }

    .blueColorBoxVariant #cboxWrapper #cboxContent #cboxLoadedContent #askForContactForm .title {
        display: flex;
        justify-content: space-between;
        position: fixed;
        z-index: 10;
        width: 100vw;
        height: 40px;
        padding: 0;
        background-color: #004cac
    }

    .blueColorBoxVariant #cboxWrapper #cboxContent #cboxLoadedContent #askForContactForm .title p {
        width: 320px;
        margin: 0 auto;
        color: #fff;
        font-size: 18px;
        line-height: 40px
    }

    .blueColorBoxVariant #cboxWrapper #cboxContent #cboxLoadedContent #askForContactForm .title span.icon-mail {
        display: none
    }

    .blueColorBoxVariant #cboxWrapper #cboxContent #cboxLoadedContent #askForContactForm div.modalOverlayTop {
        padding: 3px 10px 24px 10px;
        margin: 65px auto 0;
        width: 320px
    }

    .blueColorBoxVariant #cboxWrapper #cboxContent #cboxLoadedContent #askForContactForm div.modalOverlayTop div.quickBox div.contactForm div.left, .blueColorBoxVariant #cboxWrapper #cboxContent #cboxLoadedContent #askForContactForm div.modalOverlayTop div.quickBox div.contactForm div.right {
        width: 100%;
        float: none
    }

    .blueColorBoxVariant #cboxWrapper #cboxContent #cboxLoadedContent #askForContactForm div.modalOverlayTop div.quickBox div.contactForm div.right div.button {
        width: 100%
    }

    .blueColorBoxVariant #cboxWrapper #cboxContent #cboxLoadedContent #askForContactForm div.modalOverlayTop div.quickBox div.contactForm div.right div.button a {
        width: 100%;
        padding: 13px 0
    }

    .blueColorBoxVariant #cboxClose {
        padding: 2px;
        margin: -14px
    }

    #exitPopup div.content {
        padding: 75px 20px 40px
    }

    #exitPopup div.content p {
        font-size: 20px
    }

    #reservationExist div.content {
        padding: 55px 30px 40px
    }

    #reservationExist div.content .backToReservaion {
        padding: 22px 28px
    }

    #wheelConfiguratorPreview div.wheelConfiguratorPreview {
        padding: 40px 24px 20px
    }

    #wheelConfiguratorPreview div.title {
        font-size: 17px
    }

    #wheelConfiguratorPreview p {
        font-size: 13px;
        line-height: 18px
    }

    #rimPopup div.rimPopup {
        width: 250px;
        padding: 30px 25px
    }

    #rimPopup div.rimPopup a.tryOn {
        display: none !important
    }

    #webPushQuestion div.webPushQuestion {
        padding: 50px 20px 40px
    }

    #webPushQuestion p {
        font-size: 16px;
        line-height: 1.3em;
        padding-bottom: 22px
    }

    #webPushQuestion p.title {
        font-size: 21px
    }

    div#fitWarranty div#content, div#fitWarrantyTpms div#content {
        padding-top: 20px !important
    }

    div#fitWarranty div#content div.container, div#fitWarrantyTpms div#content div.container {
        max-width: 100%;
        padding: 10px;
        box-sizing: border-box
    }

    div#fitWarranty div#content div.container div.notice::after, div#fitWarrantyTpms div#content div.container div.notice::after {
        top: 12px;
        translate: 0
    }

    div#fitWarranty div#footer, div#fitWarrantyTpms div#footer {
        display: grid;
        grid-template-columns:1fr 300px 1fr;
        grid-gap: 16px 0;
        box-shadow: none !important;
        justify-items: center
    }

    div#fitWarranty div#footer a, div#fitWarrantyTpms div#footer a {
        display: block;
        width: 100%;
        box-sizing: border-box;
        text-align: center
    }

    div#fitWarranty div#footer a.closeBox, div#fitWarrantyTpms div#footer a.closeBox {
        grid-area: 2/2/3/3;
        font-size: 16px;
        line-height: 22px
    }

    div#fitWarranty div#footer a.linkButton, div#fitWarrantyTpms div#footer a.linkButton {
        grid-area: 1/2/2/3;
        padding: 8px;
        font-size: 16px;
        line-height: 20px
    }

    div#fitWarranty:is(div#fitWarrantyTpms) div#content div.container div.notice, div#fitWarrantyTpms:is(div#fitWarrantyTpms) div#content div.container div.notice {
        padding: 9px 35px 9px 59px !important
    }

    div#fitWarranty:is(div#fitWarrantyTpms) div#content div.container div.notice p, div#fitWarrantyTpms:is(div#fitWarrantyTpms) div#content div.container div.notice p {
        line-height: 22px
    }

    #comparerVariants {
        max-height: 510px;
        overflow: hidden
    }

    #comparerVariants div.boxPadding {
        padding: 50px 20px
    }

    #comparerVariants div.boxPadding p.title {
        font-size: 22px;
        line-height: 30px
    }

    #comparerVariants div.boxPadding p.title strong {
        font-size: 21px;
        line-height: 28px
    }

    #comparerVariants div.boxPadding p.title span {
        font-size: 16px;
        line-height: 22px
    }

    #comparerVariants div.boxPadding p.variants {
        width: 100%
    }

    #comparerVariants div.boxPadding div.items {
        width: 100%;
        padding: 0 5px
    }

    #comparerVariants div.boxPadding div.items div.tileV {
        flex-direction: column
    }

    #comparerVariants div.boxPadding div.items div.tileV div.tileLeft, #comparerVariants div.boxPadding div.items div.tileV div.tileRight {
        width: 100%
    }

    #comparerVariants div.boxPadding div.items div.tileV div.tileLeft p.productName {
        font-size: 14px;
        line-height: 20px
    }

    #comparerVariants div.boxPadding div.items div.tileV div.tileLeft p.productName strong {
        font-size: 16px;
        line-height: 22px
    }

    #comparerVariants div.boxPadding div.items div.tileV div.tileRight div.button a.linkButton {
        padding: 8px 0;
        font-size: 16px;
        line-height: 22px
    }

    #comparerVariants div.boxPadding div.items div.tileV div.tileRight div.button a.compare {
        margin-top: 15px;
        font-size: 14px;
        line-height: 20px
    }

    #comparerVariants.autoChoose div.boxPadding p.title + p, #comparerVariants.impossible div.boxPadding p.title + p {
        font-size: 16px;
        line-height: 22px
    }

    #comparerVariants.autoChoose div.boxPadding a, #comparerVariants.impossible div.boxPadding a {
        text-align: left;
        font-size: 16px;
        line-height: 22px
    }

    #comparerVariants.autoChoose div.boxPadding a + a, #comparerVariants.impossible div.boxPadding a + a {
        margin-top: 20px
    }

    #comparerVariants.impossible div.boxPadding p.title strong {
        font-size: 24px;
        line-height: 32px
    }

    #comparerVariants.impossible div.boxPadding a span {
        display: block
    }

    #comparerVariants.chooseTire p:first-of-type {
        margin-bottom: 15px;
        padding-bottom: 15px;
        font-size: 20px
    }

    #comparerVariants.chooseTire p:first-of-type, #comparerVariants.chooseTire p:last-of-type {
        font-size: 21px;
        line-height: 28px
    }

    #comparerVariants.chooseTire p:last-of-type {
        padding: 0 20px
    }

    #comparerVariants.chooseTire div.productSelctor {
        margin-top: 20px
    }

    #comparerVariants.chooseTire div.productSelctor div.contentSelector div.wrapper div.tabContent {
        width: 100%
    }

    #comparerVariants.chooseTire div.productSelctor div.contentSelector div.wrapper div.tabContent div.sizeSelector div.chooseBox {
        width: 87px
    }

    #comparerVariants.chooseTire div.productSelctor div.contentSelector div.wrapper div.tabContent div.sizeSelector div.chooseBox select {
        width: 100%
    }

    #comparerVariants.chooseTire div.productSelctor div.contentSelector div.wrapper div.tabContent div.column {
        width: 100%
    }

    #comparerVariants.chooseTire div.productSelctor div.contentSelector div.wrapper div.tabContent div.buttonBox a.linkButton {
        display: inline-block;
        float: none;
        width: 100%
    }

    #comparerVariants.tireVariants {
        max-height: 100%;
        overflow: auto
    }

    #comparerVariants.tireVariants div.boxPadding div.items {
        max-height: 202px
    }

    #orderNumberModal div#content {
        display: grid;
        grid-template-columns:1fr 320px 1fr
    }

    #orderNumberModal div#content div.modalOverlayTop {
        grid-column: 2/3;
        padding: 0 20px
    }

    #orderNumberModal div#content div.modalOverlayTop p.colHeading {
        margin-top: 20px
    }

    div.whereFind div.whereFindWrapper {
        flex-direction: column;
        gap: 30px;
        align-items: center
    }

    div.whereFind div.whereFindWrapper div {
        display: flex;
        flex-direction: column;
        align-items: center
    }

    div.whereFind div.whereFindWrapper div picture img {
        width: 206px;
        height: 118px;
        margin-top: 10px
    }

    div.whereFind p.note {
        max-width: 250px;
        margin: 30px auto 0
    }

    div#productNotFound {
        width: 100vw !important;
        height: 100vh !important
    }

    div#productNotFound div.buttonSection {
        display: flex;
        justify-content: center;
        position: fixed;
        width: 100%;
        bottom: 0;
        height: 36px;
        padding: 10px
    }

    div#productNotFound div.buttonSection.two {
        flex-direction: column-reverse;
        align-items: center;
        gap: 15px;
        height: 87px;
        padding: 10px 0
    }

    div#productNotFound div.buttonSection.two a.ghost {
        padding: 6px 0;
        background-color: #fff;
        color: #0066e3;
        border: 2px #0066e3 solid
    }

    div#productNotFound div.buttonSection a {
        width: 300px;
        height: 20px;
        padding: 8px 0;
        font-size: 16px;
        line-height: 20px;
        text-align: center
    }

    div#productNotFound label.mobileTitle {
        display: flex;
        justify-content: space-between;
        position: absolute;
        top: -32px;
        width: calc(100% - 60px);
        min-height: 28px;
        background-color: #004cac;
        color: #fff;
        font-size: 20px;
        line-height: 22px
    }

    div#productNotFound label.mobileTitle.small {
        padding: 8.5px 30px;
        align-items: center
    }

    div#productNotFound label.mobileTitle.small + div.container {
        margin-top: 12px
    }

    div#productNotFound label.mobileTitle.large {
        padding: 15px 30px
    }

    div#productNotFound label.mobileTitle.large + div.container {
        margin-top: 41px
    }

    div#productNotFound label.mobileTitle span.closeBox {
        font-size: 16px
    }

    div.whereFind div.whereFindWrapper {
        flex-direction: column;
        gap: 30px;
        align-items: center
    }

    div.whereFind div.whereFindWrapper div {
        display: flex;
        flex-direction: column;
        align-items: center
    }

    div.whereFind div.whereFindWrapper div picture img {
        width: 206px;
        height: 118px;
        margin-top: 10px
    }

    div.whereFind p.note {
        max-width: 250px;
        margin: 30px auto 0
    }

    div#rimDesignation div#content div.sizes {
        flex-direction: column;
        max-width: 300px;
        margin: 0 auto
    }

    div#rimDesignation div#content div.sizes div.wheelSize.diameter p {
        margin: 5px 0 0 0
    }

    div#rimDesignation div#content div.sizes div.wheelSize.diameter img {
        width: 300px;
        height: 242px
    }

    div#rimDesignation div#content div.sizes div.wheelSize.width {
        margin-top: 45px
    }

    div#rimDesignation div#content div.sizes div.wheelSize.width p {
        margin: 5px 0 0 0
    }

    div#rimDesignation div#content div.sizes div.wheelSize.width img {
        width: 283px;
        height: 274px
    }

    div#rimDesignation div#content div.flangeProfile {
        max-width: 300px;
        margin: 25px auto 0;
        padding-top: 25px;
        border-top: 1px rgba(0, 0, 0, 0.1) solid
    }

    div#rimDesignation div#content div.flangeProfile img {
        margin: 25px 0;
        width: 300px;
        height: 69px
    }

    div#rimDesignation div#content div.flangeProfile p.explanation {
        margin: 0;
        font-size: 14px;
        line-height: 20px;
        color: dimgray;
        text-align: center
    }

    div#rimDesignation div#content div.findSizeTitle {
        max-width: 300px;
        margin: 0 auto
    }

    div#rimDesignation div#content div.findSizeTitle p {
        margin: 25px 0;
        padding: 25px 0 0;
        border-top: 1px rgba(0, 0, 0, 0.1) solid
    }

    div#rimDesignation div#content div.findSize {
        flex-direction: column;
        max-width: 300px;
        margin: 0 auto
    }

    div#rimDesignation div#content div.findSize div.findSizeBox {
        padding: 22px 29px
    }

    div#rimDesignation div#content div.findSize div.findSizeBox p {
        margin: 0
    }

    div#rimDesignation div#content div.findSize div.findSizeBox.wheel img {
        width: 236px;
        height: 201px;
        margin: 0
    }

    div#rimDesignation div#content div.findSize div.findSizeBox.manual {
        border-top: 1px rgba(0, 0, 0, 0.1) solid;
        border-left: unset
    }

    div#rimDesignation div#content div.findSize div.findSizeBox.manual img {
        width: 251px;
        height: 208px;
        margin: 0
    }

    div#rimDesignation div#content div.recommendations {
        grid-template-columns:300px;
        max-width: 300px;
        margin: 0 auto
    }

    div#rimDesignation div#content div.recommendations p.recommendation {
        padding: 35px 25px;
        max-width: 300px;
        margin: 0 auto
    }

    div#rimDesignation div#content div.recommendations p.recommendation:last-child {
        border-left: unset;
        border-top: 1px rgba(0, 0, 0, 0.1) solid
    }
}

div.webTestDetails {
    position: fixed;
    top: 0;
    left: 0;
    width: 30px;
    height: 30px;
    background: #333;
    z-index: 2147483647
}

div.webTestDetails span.text {
    display: block;
    font-size: 20px;
    color: #fff;
    font-weight: 700;
    padding: 6px 8px
}

div.webTestDetails:hover div.hideBox {
    display: block
}

div.webTestDetails div.hideBox {
    position: absolute;
    top: 0;
    left: 0;
    height: 450px;
    width: 500px;
    display: none;
    padding: 30px;
    background: #fff;
    box-shadow: 5px 5px 5px #333
}

div.webTestDetails div.hideBox.show {
    display: block
}

div.webTestDetails div.hideBox div.secondBox {
    padding: 20px 0 0
}

div.webTestDetails div.hideBox div.checkBox {
    padding: 0 0 20px
}

div.webTestDetails div.hideBox div.item {
    padding: 0 0 10px 0
}

div.webTestDetails div.hideBox div.item label {
    width: 85px;
    display: inline-block;
    text-align: right;
    padding-right: 10px
}

div.webTestDetails div.hideBox div.item select {
    width: 390px
}

div.webTestDetails div.hideBox div.item input {
    width: 390px
}

div.webTestDetails div.hideBox div.buttonBox {
    margin-top: 20px
}

div.webTestDetails div.hideBox div.buttonBox a.linkButton {
    padding: 10px 30px
}

div.webTestDetails div.hideBox div.buttonBox a[disabled="disabled"] {
    opacity: 0.5;
    cursor: not-allowed
}

translate {
    background: none !important;
    position: relative !important;
    margin: 0 !important;
    padding: 0 !important;
    cursor: pointer !important;
    width: auto !important
}

translate span {
    position: absolute !important;
    height: 20px !important;
    width: 20px !important;
    display: block !important;
    top: -8px !important;
    left: -2px !important;
    background: url('/gfx/common/translate-ico.png') 0 0 no-repeat !important
}

translate span:hover {
    cursor: help
}

translate key {
    display: none !important
}

div#translate {
    font-family: Arial;
    background: #fff;
    width: 100%;
    margin: 0 auto;
    padding: 40px 20px;
    border-radius: 6px;
    width: 650px
}

div#translate div {
    text-align: center;
    padding-bottom: 10px
}

div#translate textarea {
    width: 600px;
    max-width: 600px;
    min-width: 600px;
    height: 200px;
    font-family: Arial;
    margin-top: 10px
}

div#translate span.saveButton {
    display: block;
    margin: 0 auto;
    text-align: center;
    background: #006bc1;
    width: 200px;
    font-weight: 700;
    color: #fff;
    font-size: 16px;
    border-radius: 6px;
    text-decoration: none;
    padding: 10px 10px;
    cursor: pointer
}

div.hidden textarea {
    display: none
}

div#translate a.saveAction {
    display: none !important
}

div#translate span.saveButton translate span {
    display: none !important
}

div#translate a:hover {
    opacity: 0.8
}

footer .navBox.account div.accountMenu div.item a.messagesRow {
    display: flex;
    align-items: center
}

footer .navBox.account div.accountMenu div.item a.messagesRow em.count {
    display: grid;
    place-items: center;
    height: 12px;
    min-width: 12px;
    margin: 0 0 0 6px;
    padding: 3px;
    background-color: #0066e3;
    border-radius: 20px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 1
}

header {
    background: #fff
}

header nav {
    margin: 0 auto;
    box-sizing: border-box
}

@media (min-width: 960px) {
    header nav {
        width: 960px
    }
}

@media (min-width: 768px) and (max-width: 959px) {
    header nav {
        width: 768px
    }
}

@media (max-width: 767px) {
}

header nav .logo {
    float: left
}

header nav .logo img {
    display: block;
    width: 100%;
    height: auto
}

header nav .navItem .navLink {
    display: block;
    position: relative;
    color: #000;
    cursor: pointer;
    text-decoration: none !important
}

header nav .navItem .navLink * {
    text-decoration: none !important
}

header nav .navItem.icon .navLink span[class^="icon-"] {
    color: #bbb
}

header nav .navItem.icon .navLink span[class^="icon-"].blue {
    color: #0066e3
}

header nav .navItem.icon.cart em.label {
    width: 46px;
    margin-left: 8px
}

header nav .navItem .navBox.tireInstaller div.topBox {
    padding: 30px;
    text-align: center
}

header nav .navItem .navBox.tireInstaller div.topBox p {
    margin: 15px 0 30px;
    font-size: 16px;
    line-height: 23px;
    text-align: left
}

header nav .navItem .navBox.tireInstaller div.topBox p.title {
    margin: 0;
    font-size: 25px;
    font-weight: 700;
    line-height: 1
}

header nav .navItem .navBox.tireInstaller div.topBox.selectedService p.title {
    margin-bottom: 20px;
    font-size: 19px;
    font-weight: 400
}

header nav .navItem .navBox.tireInstaller div.topBox.selectedService .info {
    float: left;
    width: 240px;
    margin-right: 20px;
    padding-left: 89px;
    background-repeat: no-repeat;
    box-sizing: border-box;
    font-size: 15px;
    line-height: 17px;
    text-align: left
}

header nav .navItem .navBox.tireInstaller div.topBox.selectedService .info address {
    width: 160px
}

header nav .navItem .navBox.tireInstaller div.topBox.selectedService .showOffer {
    float: left;
    width: 260px;
    margin-top: -35px;
    text-align: center
}

header nav .navItem .navBox.tireInstaller div.topBox.selectedService .showOffer a {
    display: block
}

header nav .navItem .navBox.tireInstaller div.topBox.selectedService .showOffer a:not(.button) {
    font-size: 14px;
    line-height: 22px
}

header nav .navItem .navBox.tireInstaller div.topBox.selectedService .showOffer a.button {
    margin-bottom: 8px
}

header nav .navItem .navBox.tireInstaller div.topBox.selectedService .showOffer a.chooseOther {
    margin-top: 8px;
    font-size: 13px;
    line-height: 15px
}

header nav .navItem .navBox.tireInstaller div.topBox.selectedService:after {
    clear: both;
    display: block !important;
    content: '';
    visibility: hidden
}

header nav .navItem .navBox.tireInstaller div.steps {
    padding: 20px 40px 40px;
    background: #eee;
    text-align: center
}

header nav .navItem .navBox.tireInstaller div.steps p.title {
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 700
}

header nav .navItem .navBox.tireInstaller div.steps ul li {
    float: left;
    width: auto;
    padding: 0 12px;
    box-sizing: border-box;
    font-size: 14px
}

header nav .navItem .navBox.tireInstaller div.steps ul li span[class^="icon-"] {
    display: block;
    margin: 0 auto;
    color: #33b806;
    font-size: 40px
}

header nav .navItem .navBox.tireInstaller div.steps ul li strong {
    display: block;
    margin: 20px 0 5px;
    font-size: 14px;
    font-weight: 700
}

header nav .navItem .navBox.tireInstaller div.steps ul:after {
    clear: both;
    display: block !important;
    content: '';
    visibility: hidden
}

@media (min-width: 960px) {
    body.fixedHeader footer .navBox {
        position: fixed;
        margin-top: 50px
    }

    header nav {
        position: relative;
        padding: 0
    }

    header nav .navItem {
        float: left;
        height: 46px
    }

    header nav .navItem .navLink .block {
        display: block
    }

    header nav .navItem.icon.cart {
        float: right;
        margin: 10px 0 0 0
    }

    header nav .navItem.icon.cart .navLink .count {
        position: absolute;
        top: -8px;
        left: 12px;
        height: 17px;
        min-width: 17px;
        padding: 0 4px;
        background: #0066e3;
        border-radius: 10px;
        box-sizing: border-box;
        color: #fff;
        font-size: 12px;
        font-weight: 700;
        line-height: 17px;
        text-align: center
    }

    header nav .navItem.icon.cart .navLink span[class^="icon-"]:before {
        font-size: 33px
    }

    header nav .navItem.icon.cart .navLink span[class^="icon-"]:after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        width: 30px;
        height: 32px;
        background: #fff;
        border-radius: 100%
    }

    header nav .navItem.icon.account {
        float: left;
        margin: 10px 0 0 0
    }

    header nav .navItem.icon.account .navLink .count {
        position: absolute;
        top: -8px;
        left: 22px;
        height: 17px;
        min-width: 17px;
        padding: 0 4px 0 6px;
        background: #0066e3;
        border-radius: 10px;
        box-sizing: border-box;
        color: #fff;
        font-size: 12px;
        font-weight: 700;
        line-height: 17px;
        text-align: center
    }

    header nav .navItem.icon.account .navLink span[class^="icon-"]:before {
        font-size: 33px
    }

    header nav .navItem.icon.account .navLink span[class^="icon-"]:after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        width: 30px;
        height: 32px;
        background: #fff;
        border-radius: 100%
    }

    header nav .navItem.icon.account .navLink span[class^="icon-"] {
        position: relative;
        z-index: 5
    }

    header nav .navItem.icon.account .navLink span[class^="icon-"]:before {
        font-size: 32px
    }

    header nav .navItem.icon.account .navLink em.count {
        z-index: 4
    }

    header nav .navItem.icon.cart .navLink, header nav .navItem.icon.account .navLink {
        height: 100%
    }

    header nav .navItem.icon.cart .navLink div, header nav .navItem.icon.account .navLink div {
        height: 100%
    }

    header nav .navItem.icon.cart .navLink div em.count, header nav .navItem.icon.account .navLink div em.count {
        line-height: 18px
    }

    header nav .navItem.icon .navLink {
        font-size: 0;
        line-height: 0
    }

    header nav .navItem.icon .navLink span[class^="icon-"] {
        vertical-align: middle
    }

    header nav .navItem.icon .navLink em.label {
        display: inline-block;
        margin-left: 10px;
        color: #000;
        font-size: 14px;
        line-height: 19px;
        vertical-align: middle
    }

    header nav .navItem.installer .navLink:hover {
        text-decoration: none
    }

    header nav .navItem .navBox {
        position: absolute;
        top: 100%;
        left: 50%;
        z-index: 2100;
        visibility: hidden;
        opacity: 0;
        background: #fff;
        border-top: 3px solid #0066e3;
        box-shadow: 0 5px 16px rgba(0, 0, 0, 0.22);
        box-sizing: border-box
    }

    header nav .navItem .navBox.show {
        display: block;
        visibility: visible;
        opacity: 1;
        -webkit-transition: opacity 0.2s ease-in-out;
        -moz-transition: opacity 0.2s ease-in-out;
        -o-transition: opacity 0.2s ease-in-out;
        transition: opacity 0.2s ease-in-out
    }

    header nav .navItem .navBox.product.tires {
        padding: 34px 0 0
    }

    header nav .navItem .navBox.product.wheels {
        padding: 34px 0 0
    }

    header nav .navItem .navBox.product.wheels div.type a:after {
        content: '';
        display: block;
        background: url('/gfx/common/header-sprite.jpg?v=1') center -9999px no-repeat
    }

    header nav .navItem .navBox.product.wheels div.type a.wheel:hover, header nav .navItem .navBox.product.wheels div.type a.wheel:focus {
        color: #004cac;
        text-decoration: underline;
        text-underline-offset: 6px;
        text-decoration-thickness: 2px
    }

    header nav .navItem .navBox.product.wheels div.type a.wheel:after {
        width: 240px;
        height: 169px
    }

    header nav .navItem .navBox.product.wheels div.type a.wheel.alu:after {
        background-position-y: -470px
    }

    header nav .navItem .navBox.product.wheels div.type a.wheel.steel:after {
        background-position-y: -640px
    }

    header nav .navItem .navBox.product.wheels div.type a.wheel.tpms:after {
        background-position-y: -1235px
    }

    header nav .navItem .navBox.product .category {
        display: flex;
        flex-direction: row;
        background: #f4f4f4;
        border-top: 1px solid #ddd
    }

    header nav .navItem .navBox.product .category .col {
        display: flex;
        flex-direction: column;
        font-size: 20px;
        line-height: 24px
    }

    header nav .navItem .navBox.product .category .col.tools div.links {
        gap: 20px
    }

    header nav .navItem .navBox.product .category .col p {
        font-weight: 700;
        margin-bottom: 20px
    }

    header nav .navItem .navBox.product .category .col p:after {
        content: ':'
    }

    header nav .navItem .navBox.product .category .col div.links {
        display: flex;
        flex-direction: column;
        gap: 7px
    }

    header nav .navItem .navBox.product .category .col div.links .icon {
        font-size: 31px
    }

    header nav .navItem .navBox.product .category .col div.links a:has(span.icon) {
        display: flex;
        align-items: center;
        gap: 10px
    }

    header nav .navItem .navBox.product div.arrows {
        position: relative;
        z-index: 2
    }

    header nav .navItem .navBox.product div.arrows div {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        position: absolute;
        width: 60px;
        height: 169px;
        background: #fff;
        font-size: 47px;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-tap-highlight-color: transparent;
        -webkit-touch-callout: none
    }

    header nav .navItem .navBox.product div.arrows div::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        z-index: -1;
        width: 60px;
        height: 100%;
        transform: translateX(100%);
        transition: transform 0.3s ease-in-out
    }

    header nav .navItem .navBox.product div.arrows div span {
        transition: color 0.3s ease-in-out;
        color: #c9c9c9
    }

    header nav .navItem .navBox.product div.arrows div:hover {
        cursor: default
    }

    header nav .navItem .navBox.product div.arrows div:hover span {
        opacity: 0.6
    }

    header nav .navItem .navBox.product div.arrows div.active {
        cursor: pointer
    }

    header nav .navItem .navBox.product div.arrows div.active span {
        color: #000
    }

    header nav .navItem .navBox.product div.arrows div.prev {
        left: 0
    }

    header nav .navItem .navBox.product div.arrows div.prev::before {
        background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0.9) 30%, rgba(255, 255, 255, 0.7) 60%, rgba(255, 255, 255, 0.5) 75%, rgba(255, 255, 255, 0.3) 85%, rgba(255, 255, 255, 0.1) 95%, transparent 100%);
        transform: translateX(100%)
    }

    header nav .navItem .navBox.product div.arrows div.next {
        right: 0
    }

    header nav .navItem .navBox.product div.arrows div.next::before {
        background: linear-gradient(to left, #fff, rgba(255, 255, 255, 0.9) 30%, rgba(255, 255, 255, 0.7) 60%, rgba(255, 255, 255, 0.5) 75%, rgba(255, 255, 255, 0.3) 85%, rgba(255, 255, 255, 0.1) 95%, transparent 100%);
        transform: translateX(-100%)
    }

    header nav .navItem .navBox.product div.arrows div:not(.active)::before {
        transform: translateX(0)
    }

    header nav .navItem .navBox.product div.type {
        display: flex;
        overflow: hidden;
        overflow-x: scroll;
        position: relative;
        -ms-overflow-style: none;
        scrollbar-width: none;
        scroll-behavior: smooth;
        scroll-snap-type: x mandatory
    }

    header nav .navItem .navBox.product div.type::-webkit-scrollbar {
        display: none
    }

    header nav .navItem .navBox.product div.type a {
        display: flex;
        flex-direction: column;
        align-self: center;
        font-weight: 700;
        scroll-snap-align: start;
        text-align: center
    }

    header nav .navItem .navBox.product div.type a:hover, header nav .navItem .navBox.product div.type a:focus {
        color: #004cac
    }

    header nav .navItem .navBox.product div.type a:hover span, header nav .navItem .navBox.product div.type a:focus span {
        text-decoration: underline;
        text-underline-offset: 6px;
        text-decoration-thickness: 2px
    }

    header nav .navItem .navBox.tireInstaller {
        width: 600px
    }

    header nav .navItem .navBox:after {
        content: '';
        position: absolute;
        top: -12px;
        left: 50%;
        z-index: 2099;
        width: 0;
        height: 0;
        margin: 0 auto;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #0066e3;
        border-left: 10px solid transparent;
        transform: translate(-50%, 0)
    }

    header nav .mobile {
        float: left
    }

    header nav .icons {
        float: right;
        width: 234px;
        margin-top: 14px
    }

    header nav:after {
        clear: both;
        display: block !important;
        content: '';
        visibility: hidden
    }

    header.order nav {
        padding: 10px 0 8px
    }

    header.order nav .logo {
        width: 115px;
        margin-top: 0
    }

    footer .navBox {
        position: absolute;
        top: 0;
        left: 50%;
        z-index: 2100;
        margin-top: 70px;
        visibility: hidden;
        opacity: 0;
        background: #fff;
        border-top: 3px solid #0066e3;
        box-shadow: 0 5px 16px rgba(0, 0, 0, 0.22);
        box-sizing: border-box
    }

    footer .navBox.show {
        display: block;
        visibility: visible;
        opacity: 1;
        -webkit-transition: opacity 0.2s ease-in-out;
        -moz-transition: opacity 0.2s ease-in-out;
        -o-transition: opacity 0.2s ease-in-out;
        transition: opacity 0.2s ease-in-out
    }

    footer .navBox.cart {
        width: 380px;
        margin-left: 100px
    }

    footer .navBox.cart.info {
        -webkit-animation: fade-in 1.5s linear 1 normal;
        -moz-animation: fade-in 1.5s linear 1 normal;
        animation: fade-in 1.5s linear 1 normal;
        z-index: 2000
    }

    @-moz-keyframes fade-in {
        0% {
            opacity: 0
        }
        100% {
            opacity: 1
        }
    }
    @-webkit-keyframes fade-in {
        0% {
            opacity: 0
        }
        100% {
            opacity: 1
        }
    }
    @keyframes fade-in {
        0% {
            opacity: 0
        }
        100% {
            opacity: 1
        }
    }
    footer .navBox.cart.info.hide {
        -webkit-animation: fade-out 0.5s linear 5s 1 normal forwards;
        -moz-animation: fade-out 0.5s linear 5s 1 normal forwards;
        animation: fade-out 0.5s linear 5s 1 normal forwards
    }

    @-moz-keyframes fade-out {
        0% {
            opacity: 1
        }
        100% {
            visibility: hidden;
            opacity: 0
        }
    }
    @-webkit-keyframes fade-out {
        0% {
            opacity: 1
        }
        100% {
            visibility: hidden;
            opacity: 0
        }
    }
    @keyframes fade-out {
        0% {
            opacity: 1
        }
        100% {
            visibility: hidden;
            opacity: 0
        }
    }
    footer .navBox.cart.info .info {
        padding: 40px 0
    }

    footer .navBox.cart.info .info span.close {
        position: absolute;
        top: 20px;
        right: 20px;
        font-size: 15px;
        cursor: pointer
    }

    footer .navBox.cart.info .info p {
        font-size: 19px;
        line-height: 1;
        text-align: center
    }

    footer .navBox.cart.info.hide .navBox {
        display: none
    }

    footer .navBox.cart .full {
        padding: 30px 0
    }

    footer .navBox.cart .full p.title {
        padding: 0 30px 14px;
        font-size: 22px;
        font-weight: bold;
        line-height: 1
    }

    footer .navBox.cart .full div.wrapper {
        overflow: hidden;
        position: relative
    }

    footer .navBox.cart .full div.wrapper.scroll:after, footer .navBox.cart .full div.wrapper.scroll:before {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        width: 100%;
        height: 1px;
        box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.8)
    }

    footer .navBox.cart .full div.wrapper.scroll:before {
        top: -1px
    }

    footer .navBox.cart .full div.wrapper.scroll:after {
        bottom: -1px
    }

    footer .navBox.cart .full div.wrapper.scroll ul {
        overflow-y: auto;
        scrollbar-width: none
    }

    footer .navBox.cart .full div.wrapper.scroll ul::-webkit-scrollbar {
        width: 0
    }

    footer .navBox.cart .full div.wrapper ul {
        padding: 0 30px
    }

    footer .navBox.cart .full div.wrapper ul li div.product {
        display: grid;
        grid-template-columns:80px 1fr 25px;
        grid-column-gap: 10px;
        position: relative;
        min-height: 54px;
        padding: 10px 0 6px;
        border-bottom: 1px solid #e5e5e5;
        font-size: 14px;
        line-height: 16px
    }

    footer .navBox.cart .full div.wrapper ul li div.product a.remove {
        display: grid;
        place-items: center;
        width: 25px;
        height: 25px;
        margin-top: -9px;
        color: dimgray;
        font-size: 14px;
        cursor: pointer;
        grid-area: 1/3/2/3;
        place-self: start end
    }

    footer .navBox.cart .full div.wrapper ul li div.product a.remove:after {
        content: '';
        display: block;
        position: absolute;
        top: -10px;
        left: -18px;
        width: 30px;
        Z-index: 99999;
        aspect-ratio: 1
    }

    footer .navBox.cart .full div.wrapper ul li div.product a.remove:hover, footer .navBox.cart .full div.wrapper ul li div.product a.remove:hover + span {
        color: #eb1700
    }

    footer .navBox.cart .full div.wrapper ul li div.product span.remove {
        margin-top: 13px;
        color: dimgray;
        font-size: 10px;
        grid-area: 1/3/2/3;
        place-self: start center
    }

    footer .navBox.cart .full div.wrapper ul li div.product .loading {
        position: relative
    }

    footer .navBox.cart .full div.wrapper ul li div.product .loading:after {
        position: absolute;
        z-index: 1;
        content: '';
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: url(/gfx/common/loader.gif) center center no-repeat;
        background-size: 30px
    }

    footer .navBox.cart .full div.wrapper ul li div.product div.thumb {
        overflow: hidden;
        position: absolute;
        bottom: 0;
        width: 80px;
        height: 58px;
        grid-area: 1/1/6/2;
        place-self: end start;
        text-align: center
    }

    footer .navBox.cart .full div.wrapper ul li div.product div.thumb img {
        width: auto;
        height: auto;
        max-width: 80px
    }

    footer .navBox.cart .full div.wrapper ul li div.product div.thumb div.icon.season {
        position: absolute;
        top: 0;
        left: 0;
        width: 26px;
        height: 26px;
        background-color: #fff;
        border-radius: 50%
    }

    footer .navBox.cart .full div.wrapper ul li div.product div.thumb div.icon.season span {
        font-size: 16px;
        line-height: 26px
    }

    footer .navBox.cart .full div.wrapper ul li div.product div.thumb div.icon.season span.icon-season-winter::before {
        display: inline-block;
        min-width: 16px
    }

    footer .navBox.cart .full div.wrapper ul li div.product div.thumb div.noPhotoInfo {
        display: none
    }

    footer .navBox.cart .full div.wrapper ul li div.product div.thumb.noPhoto div.noPhotoInfo {
        display: block;
        position: absolute;
        top: 46px;
        left: 0;
        z-index: 1;
        width: 57px;
        padding: 2px 4px;
        background: #fff;
        border-radius: 0 5px 5px 0;
        pointer-events: none;
        cursor: default;
        font-size: 8px;
        line-height: 8px;
        color: dimgray;
        text-align: left;
        font-weight: 700;
        text-transform: uppercase
    }

    @media (max-width: 767px) {
        footer .navBox.cart .full div.wrapper ul li div.product div.thumb.noPhoto div.noPhotoInfo {
            top: 46px;
            left: 0;
            width: 57px;
            padding: 2px 4px
        }
    }footer .navBox.cart .full div.wrapper ul li div.product a.name {
         width: auto !important;
         margin: 0 !important;
         font-weight: 700;
         grid-area: 1/2/2/3
     }

    footer .navBox.cart .full div.wrapper ul li div.product a.name span {
        display: block;
        margin: 4px 0 0;
        font-weight: 400
    }

    footer .navBox.cart .full div.wrapper ul li div.product span.label {
        display: flex;
        width: max-content;
        padding: 0 7px;
        border: 1px solid #e1e1e1;
        border-radius: 3px;
        box-sizing: border-box
    }

    footer .navBox.cart .full div.wrapper ul li div.product span.label span {
        padding: 4px 0;
        font-size: 12px;
        line-height: 1
    }

    footer .navBox.cart .full div.wrapper ul li div.product span.label span.ico::before {
        color: dimgray
    }

    footer .navBox.cart .full div.wrapper ul li div.product span.label span.value {
        color: #000;
        font-weight: 700
    }

    footer .navBox.cart .full div.wrapper ul li div.product span.label span.value.icon {
        margin-left: 4px
    }

    footer .navBox.cart .full div.wrapper ul li div.product span.label span.extra {
        padding: 0
    }

    footer .navBox.cart .full div.wrapper ul li div.product span.label span.line {
        width: 1px;
        margin: 0 7px;
        padding: 0;
        background: #e1e1e1
    }

    footer .navBox.cart .full div.wrapper ul li div.product span.label {
        grid-area: 2/2/3/3;
        margin-top: 4px
    }

    footer .navBox.cart .full div.wrapper ul li div.product span.label:not(:has(span)) {
        display: none
    }

    footer .navBox.cart .full div.wrapper ul li div.product span.label span:first-of-type:empty {
        display: none
    }

    footer .navBox.cart .full div.wrapper ul li div.product a {
        grid-area: 3/2/4/3
    }

    footer .navBox.cart .full div.wrapper ul li div.product a span.label {
        margin-top: -1px
    }

    footer .navBox.cart .full div.wrapper ul li div.product strong {
        width: auto !important;
        margin: 8px 30px 0 0;
        grid-area: 4/2/5/3
    }

    footer .navBox.cart .full div.wrapper ul li div.product strong span.bold {
        font-weight: 700
    }

    footer .navBox.cart .full div.wrapper ul li div.product:after {
        clear: both;
        display: block !important;
        content: '';
        visibility: hidden
    }

    footer .navBox.cart .full div.wrapper ul li div.accessories p {
        margin-bottom: 1px;
        padding: 5px 8px;
        background: #eee;
        font-size: 12px;
        line-height: 16px
    }

    footer .navBox.cart .full div.summary {
        margin-top: 13px;
        padding: 0 30px
    }

    footer .navBox.cart .full div.summary p {
        text-align: right
    }

    footer .navBox.cart .full div.summary p.delivery {
        padding: 0 0 7px;
        color: #269328;
        font-size: 18px;
        font-weight: 700
    }

    footer .navBox.cart .full div.summary p.sum {
        padding: 7px 0 15px;
        font-size: 16px
    }

    footer .navBox.cart .full div.summary p.sum strong {
        font-weight: 700
    }

    footer .navBox.cart .full div.summary .button {
        display: block
    }

    footer .navBox.cart .empty {
        padding: 40px 0
    }

    footer .navBox.cart .empty span.close {
        position: absolute;
        top: 20px;
        right: 20px;
        font-size: 15px;
        cursor: pointer
    }

    footer .navBox.cart .empty p {
        font-size: 19px;
        line-height: 1;
        text-align: center
    }

    footer .navBox.cart:after {
        margin-left: 167px
    }

    footer .navBox.account {
        width: 252px;
        margin-left: 190px;
        padding: 25px 0 15px
    }

    footer .navBox.account div.buttonSection {
        margin-bottom: 10px;
        padding: 0 30px 20px;
        border-bottom: 1px solid #e4e4e4;
        text-align: center
    }

    footer .navBox.account div.buttonSection a {
        display: block
    }

    footer .navBox.account div.buttonSection a:not(.login) {
        font-size: 14px
    }

    footer .navBox.account div.buttonSection a.login {
        margin-bottom: 16px
    }

    footer .navBox.account div.accountMenu {
        padding: 0 28px
    }

    footer .navBox.account div.accountMenu div.item.accountHeader span.title {
        display: block;
        margin-bottom: 5px;
        font-size: 16px
    }

    footer .navBox.account div.accountMenu div.item.accountHeader span.user {
        margin-left: 2px;
        font-size: 13px
    }

    footer .navBox.account div.accountMenu div.item.accountHeader span.ico {
        float: left
    }

    footer .navBox.account div.accountMenu div.item.accountHeader span.padding {
        float: left;
        padding-left: 4px
    }

    footer .navBox.account div.accountMenu div.item.accountHeader:after {
        clear: both;
        display: block !important;
        content: '';
        visibility: hidden
    }

    footer .navBox.account div.accountMenu div.item a {
        display: inline-block;
        width: 187px;
        padding: 7px 5px;
        color: #000;
        font-size: 16px;
        cursor: pointer;
        text-decoration: none
    }

    footer .navBox.account div.accountMenu div.item a * {
        text-decoration: none
    }

    footer .navBox.account div.accountMenu div.item a:hover, footer .navBox.account div.accountMenu div.item a:focus {
        background: #e8eef7
    }

    footer .navBox.account div.accountMenu div.item a span.ico {
        position: relative;
        top: 1px;
        width: 12px;
        padding-right: 20px;
        color: dimgray;
        font-size: 21px
    }

    footer .navBox.account div.accountMenu div.item a span.ico.icon-order-cart {
        margin-right: 2px;
        margin-left: -3px
    }

    footer .navBox.account div.accountMenu div.item.line {
        margin-bottom: 12px;
        padding-bottom: 12px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1)
    }

    footer .navBox:after {
        content: '';
        position: absolute;
        top: -12px;
        left: 50%;
        z-index: 2099;
        width: 0;
        height: 0;
        margin: 0 auto;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #0066e3;
        border-left: 10px solid transparent;
        transform: translate(-50%, 0)
    }

    header nav .mobile {
        display: flex;
        justify-content: space-between;
        width: 405px;
        height: 56px;
        margin: 14px 0 0 70px
    }

    header nav .navItem:not(.icon) {
        margin-top: 10px
    }

    header nav .navItem:not(.icon) .navLink {
        font-size: 24px;
        font-weight: 400;
        line-height: 32px
    }

    header nav .navItem:not(.icon) .navLink:before {
        top: 10px;
        font-size: 14px
    }

    header nav .navItem:not(.icon) div.navBox.product div.type {
        gap: 19px;
        position: relative
    }

    header nav .navItem:not(.icon) div.navBox.product div.type a span {
        margin-bottom: 25px
    }

    header nav .navItem:not(.icon).tires div.type {
        margin: 0 60px
    }

    header nav .navItem:not(.icon).tires div.type a {
        width: 140px;
        height: 169px;
        min-width: 140px;
        font-size: 19px;
        line-height: 24px
    }

    header nav .navItem:not(.icon).tires div.type a img {
        width: 115px
    }

    header nav .navItem:not(.icon).tires .navBox {
        width: 960px;
        margin-left: -480px
    }

    header nav .navItem:not(.icon).tires .navBox:after {
        margin-left: -229px
    }

    header nav .navItem:not(.icon).tires .navBox .category {
        justify-content: space-between;
        gap: 120px;
        padding: 40px 60px
    }

    header nav .navItem:not(.icon).tires .navBox .category .col.tools {
        font-size: 18px;
        line-height: 22px
    }

    header nav .navItem:not(.icon).tires .navBox .category .other {
        margin-top: 13px;
        font-size: 14px;
        line-height: 18px
    }

    header nav .navItem:not(.icon).wheels div.type {
        justify-content: center
    }

    header nav .navItem:not(.icon).wheels div.type a {
        gap: 25px;
        width: auto;
        height: 169px;
        font-size: 24px;
        line-height: 28px
    }

    header nav .navItem:not(.icon).wheels .navBox {
        width: 820px;
        margin-left: -455px
    }

    header nav .navItem:not(.icon).wheels .navBox:after {
        margin-left: -23px
    }

    header nav .navItem:not(.icon).wheels .navBox .category {
        align-items: center;
        justify-content: center;
        padding: 25px 0
    }

    header nav .navItem:not(.icon).installer .navBox {
        margin-left: -236px
    }

    header nav .navItem:not(.icon).installer .navBox:after {
        margin-left: 37px
    }

    header nav .navItem .navLink.strong {
        font-weight: 700
    }

    header.fixed {
        padding-top: 73px
    }

    header.fixed:after {
        content: '';
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 6000;
        width: 100%;
        height: 40px;
        background: #fff;
        box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
        -webkit-animation: fixedHeader 0.5s ease;
        -moz-animation: fixedHeader 0.5s ease;
        animation: fixedHeader 0.5s ease
    }

    @-moz-keyframes fixedHeader {
        0% {
            -webkit-transform: translateX(0px) translateY(-100px);
            -moz-transform: translateX(0px) translateY(-100px);
            -o-transform: translateX(0px) translateY(-100px);
            transform: translateX(0px) translateY(-100px);
            -webkit-transform: translateX(0px) translateY(-100px);
            -moz-transform: translateX(0px) translateY(-100px);
            -o-transform: translateX(0px) translateY(-100px);
            transform: translateX(0px) translateY(-100px)
        }
        100% {
            -webkit-transform: translateX(0px) translateY(0);
            -moz-transform: translateX(0px) translateY(0);
            -o-transform: translateX(0px) translateY(0);
            transform: translateX(0px) translateY(0);
            -webkit-transform: translateX(0px) translateY(0);
            -moz-transform: translateX(0px) translateY(0);
            -o-transform: translateX(0px) translateY(0);
            transform: translateX(0px) translateY(0)
        }
    }
    @-webkit-keyframes fixedHeader {
        0% {
            -webkit-transform: translateX(0px) translateY(-100px);
            -moz-transform: translateX(0px) translateY(-100px);
            -o-transform: translateX(0px) translateY(-100px);
            transform: translateX(0px) translateY(-100px);
            -webkit-transform: translateX(0px) translateY(-100px);
            -moz-transform: translateX(0px) translateY(-100px);
            -o-transform: translateX(0px) translateY(-100px);
            transform: translateX(0px) translateY(-100px)
        }
        100% {
            -webkit-transform: translateX(0px) translateY(0);
            -moz-transform: translateX(0px) translateY(0);
            -o-transform: translateX(0px) translateY(0);
            transform: translateX(0px) translateY(0);
            -webkit-transform: translateX(0px) translateY(0);
            -moz-transform: translateX(0px) translateY(0);
            -o-transform: translateX(0px) translateY(0);
            transform: translateX(0px) translateY(0)
        }
    }
    @keyframes fixedHeader {
        0% {
            -webkit-transform: translateX(0px) translateY(-100px);
            -moz-transform: translateX(0px) translateY(-100px);
            -o-transform: translateX(0px) translateY(-100px);
            transform: translateX(0px) translateY(-100px);
            -webkit-transform: translateX(0px) translateY(-100px);
            -moz-transform: translateX(0px) translateY(-100px);
            -o-transform: translateX(0px) translateY(-100px);
            transform: translateX(0px) translateY(-100px)
        }
        100% {
            -webkit-transform: translateX(0px) translateY(0);
            -moz-transform: translateX(0px) translateY(0);
            -o-transform: translateX(0px) translateY(0);
            transform: translateX(0px) translateY(0);
            -webkit-transform: translateX(0px) translateY(0);
            -moz-transform: translateX(0px) translateY(0);
            -o-transform: translateX(0px) translateY(0);
            transform: translateX(0px) translateY(0)
        }
    }
    header.fixed nav {
        position: fixed;
        top: 0;
        left: 50%;
        z-index: 6001;
        width: 960px;
        height: 40px;
        margin-left: -480px;
        padding: 0;
        -webkit-animation: fixedHeader 0.5s ease;
        -moz-animation: fixedHeader 0.5s ease;
        animation: fixedHeader 0.5s ease
    }

    @-moz-keyframes fixedHeader {
        0% {
            -webkit-transform: translateX(0px) translateY(-100px);
            -moz-transform: translateX(0px) translateY(-100px);
            -o-transform: translateX(0px) translateY(-100px);
            transform: translateX(0px) translateY(-100px);
            -webkit-transform: translateX(0px) translateY(-100px);
            -moz-transform: translateX(0px) translateY(-100px);
            -o-transform: translateX(0px) translateY(-100px);
            transform: translateX(0px) translateY(-100px)
        }
        100% {
            -webkit-transform: translateX(0px) translateY(0);
            -moz-transform: translateX(0px) translateY(0);
            -o-transform: translateX(0px) translateY(0);
            transform: translateX(0px) translateY(0);
            -webkit-transform: translateX(0px) translateY(0);
            -moz-transform: translateX(0px) translateY(0);
            -o-transform: translateX(0px) translateY(0);
            transform: translateX(0px) translateY(0)
        }
    }
    @-webkit-keyframes fixedHeader {
        0% {
            -webkit-transform: translateX(0px) translateY(-100px);
            -moz-transform: translateX(0px) translateY(-100px);
            -o-transform: translateX(0px) translateY(-100px);
            transform: translateX(0px) translateY(-100px);
            -webkit-transform: translateX(0px) translateY(-100px);
            -moz-transform: translateX(0px) translateY(-100px);
            -o-transform: translateX(0px) translateY(-100px);
            transform: translateX(0px) translateY(-100px)
        }
        100% {
            -webkit-transform: translateX(0px) translateY(0);
            -moz-transform: translateX(0px) translateY(0);
            -o-transform: translateX(0px) translateY(0);
            transform: translateX(0px) translateY(0);
            -webkit-transform: translateX(0px) translateY(0);
            -moz-transform: translateX(0px) translateY(0);
            -o-transform: translateX(0px) translateY(0);
            transform: translateX(0px) translateY(0)
        }
    }
    @keyframes fixedHeader {
        0% {
            -webkit-transform: translateX(0px) translateY(-100px);
            -moz-transform: translateX(0px) translateY(-100px);
            -o-transform: translateX(0px) translateY(-100px);
            transform: translateX(0px) translateY(-100px);
            -webkit-transform: translateX(0px) translateY(-100px);
            -moz-transform: translateX(0px) translateY(-100px);
            -o-transform: translateX(0px) translateY(-100px);
            transform: translateX(0px) translateY(-100px)
        }
        100% {
            -webkit-transform: translateX(0px) translateY(0);
            -moz-transform: translateX(0px) translateY(0);
            -o-transform: translateX(0px) translateY(0);
            transform: translateX(0px) translateY(0);
            -webkit-transform: translateX(0px) translateY(0);
            -moz-transform: translateX(0px) translateY(0);
            -o-transform: translateX(0px) translateY(0);
            transform: translateX(0px) translateY(0)
        }
    }
    header.fixed nav .logo {
        width: 108px;
        margin-top: 11px
    }

    header.fixed nav .mobile {
        margin: 0 0 0 108px
    }

    header.fixed nav .icons {
        margin-top: 0
    }

    header.fixed nav .navItem:not(.icon) {
        margin: 5px 0 0 60px
    }

    header.fixed nav .navItem:not(.icon):first-child {
        margin-left: 0
    }

    header.fixed nav .navItem:not(.icon) .navLink {
        font-size: 22px;
        line-height: 29px
    }

    header.fixed nav .navItem:not(.icon) .navBox.tires::after {
        margin-left: -232px
    }

    header.fixed nav .navItem:not(.icon) .navBox.wheels::after {
        margin-left: -21px
    }

    header.fixed nav .navItem:not(.icon) .navBox.tireInstaller::after {
        margin-left: 41px
    }

    header.fixed nav .navItem.icon.cart {
        float: right;
        margin: 8px 0 0 0
    }

    header.fixed nav .navItem.icon.cart .navLink .count {
        position: absolute;
        top: -5px;
        left: 9px;
        height: 13px;
        min-width: 13px;
        padding: 0 4px;
        background: #0066e3;
        border-radius: 10px;
        box-sizing: border-box;
        color: #fff;
        font-size: 10px;
        font-weight: 700;
        line-height: 13px;
        text-align: center
    }

    header.fixed nav .navItem.icon.cart .navLink span[class^="icon-"]:before {
        font-size: 33px
    }

    header.fixed nav .navItem.icon.cart .navLink span[class^="icon-"]:after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        width: 30px;
        height: 32px;
        background: #fff;
        border-radius: 100%
    }

    header.fixed nav .navItem.icon.cart .navLink a {
        color: #000
    }

    header.fixed nav .navItem.icon.account {
        float: left;
        margin: 8px 0 0 0
    }

    header.fixed nav .navItem.icon.account .navLink .count {
        position: absolute;
        top: -5px;
        left: 18px;
        height: 13px;
        min-width: 13px;
        padding: 0 4px 0 6px;
        background: #0066e3;
        border-radius: 10px;
        box-sizing: border-box;
        color: #fff;
        font-size: 10px;
        font-weight: 700;
        line-height: 13px;
        text-align: center
    }

    header.fixed nav .navItem.icon.account .navLink span[class^="icon-"]:before {
        font-size: 33px
    }

    header.fixed nav .navItem.icon.account .navLink span[class^="icon-"]:after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        width: 30px;
        height: 32px;
        background: #fff;
        border-radius: 100%
    }

    header.fixed nav .navItem.icon.account .navLink span[class^="icon-"]:after {
        width: 25px;
        height: 25px
    }

    header.fixed nav .navItem.icon.cart .navLink span[class^="icon-"]:before, header.fixed nav .navItem.icon.account .navLink span[class^="icon-"]:before {
        font-size: 26px
    }

    header.fixed nav .navItem.icon.cart .navLink em.label, header.fixed nav .navItem.icon.account .navLink em.label {
        margin-left: 18px
    }

    header.fixed nav .navItem.icon .navLink span[class^="icon-"]:before {
        font-size: 26px
    }

    header.fixed nav .navItem.icon .navLink em.label {
        margin-left: 18px
    }

    header.fixed nav .navItem div.navBox {
        top: 125%
    }

    header.fixed nav .navItem div.navBox.account {
        top: 157%
    }
}

@media (min-width: 768px) and (max-width: 959px) {
    body.fixedHeader footer .navBox {
        position: fixed;
        margin-top: 50px
    }

    header nav {
        position: relative;
        padding: 0
    }

    header nav .logo {
        width: 146px;
    }

    header nav .navItem {
        float: left;
        height: 46px
    }

    header nav .navItem .navLink .block {
        display: block
    }

    header nav .navItem.icon.cart {
        float: right;
        margin: 10px 0 0 0
    }

    header nav .navItem.icon.cart .navLink .count {
        position: absolute;
        top: -8px;
        left: 12px;
        height: 17px;
        min-width: 17px;
        padding: 0 4px;
        background: #0066e3;
        border-radius: 10px;
        box-sizing: border-box;
        color: #fff;
        font-size: 12px;
        font-weight: 700;
        line-height: 17px;
        text-align: center
    }

    header nav .navItem.icon.cart .navLink span[class^="icon-"]:before {
        font-size: 33px
    }

    header nav .navItem.icon.cart .navLink span[class^="icon-"]:after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        width: 30px;
        height: 32px;
        background: #fff;
        border-radius: 100%
    }

    header nav .navItem.icon.account {
        float: left;
        margin: 10px 0 0 0
    }

    header nav .navItem.icon.account .navLink .count {
        position: absolute;
        top: -8px;
        left: 22px;
        height: 17px;
        min-width: 17px;
        padding: 0 4px 0 6px;
        background: #0066e3;
        border-radius: 10px;
        box-sizing: border-box;
        color: #fff;
        font-size: 12px;
        font-weight: 700;
        line-height: 17px;
        text-align: center
    }

    header nav .navItem.icon.account .navLink span[class^="icon-"]:before {
        font-size: 33px
    }

    header nav .navItem.icon.account .navLink span[class^="icon-"]:after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        width: 30px;
        height: 32px;
        background: #fff;
        border-radius: 100%
    }

    header nav .navItem.icon.account .navLink span[class^="icon-"] {
        position: relative;
        z-index: 5
    }

    header nav .navItem.icon.account .navLink span[class^="icon-"]:before {
        font-size: 32px
    }

    header nav .navItem.icon.account .navLink em.count {
        z-index: 4
    }

    header nav .navItem.icon.cart .navLink, header nav .navItem.icon.account .navLink {
        height: 100%
    }

    header nav .navItem.icon.cart .navLink div, header nav .navItem.icon.account .navLink div {
        height: 100%
    }

    header nav .navItem.icon.cart .navLink div em.count, header nav .navItem.icon.account .navLink div em.count {
        line-height: 18px
    }

    header nav .navItem.icon .navLink {
        font-size: 0;
        line-height: 0
    }

    header nav .navItem.icon .navLink span[class^="icon-"] {
        vertical-align: middle
    }

    header nav .navItem.icon .navLink em.label {
        display: inline-block;
        margin-left: 10px;
        color: #000;
        font-size: 14px;
        line-height: 19px;
        vertical-align: middle
    }

    header nav .navItem.installer .navLink:hover {
        text-decoration: none
    }

    header nav .navItem .navBox {
        position: absolute;
        top: 100%;
        left: 50%;
        z-index: 2100;
        visibility: hidden;
        opacity: 0;
        background: #fff;
        border-top: 3px solid #0066e3;
        box-shadow: 0 5px 16px rgba(0, 0, 0, 0.22);
        box-sizing: border-box
    }

    header nav .navItem .navBox.show {
        display: block;
        visibility: visible;
        opacity: 1;
        -webkit-transition: opacity 0.2s ease-in-out;
        -moz-transition: opacity 0.2s ease-in-out;
        -o-transition: opacity 0.2s ease-in-out;
        transition: opacity 0.2s ease-in-out
    }

    header nav .navItem .navBox.product.tires {
        padding: 34px 0 0
    }

    header nav .navItem .navBox.product.wheels {
        padding: 34px 0 0
    }

    header nav .navItem .navBox.product.wheels div.type a:after {
        content: '';
        display: block;
        background: url('/gfx/common/header-sprite.jpg?v=1') center -9999px no-repeat
    }

    header nav .navItem .navBox.product.wheels div.type a.wheel:hover, header nav .navItem .navBox.product.wheels div.type a.wheel:focus {
        color: #004cac;
        text-decoration: underline;
        text-underline-offset: 6px;
        text-decoration-thickness: 2px
    }

    header nav .navItem .navBox.product.wheels div.type a.wheel:after {
        width: 240px;
        height: 169px
    }

    header nav .navItem .navBox.product.wheels div.type a.wheel.alu:after {
        background-position-y: -470px
    }

    header nav .navItem .navBox.product.wheels div.type a.wheel.steel:after {
        background-position-y: -640px
    }

    header nav .navItem .navBox.product.wheels div.type a.wheel.tpms:after {
        background-position-y: -1235px
    }

    header nav .navItem .navBox.product .category {
        display: flex;
        flex-direction: row;
        background: #f4f4f4;
        border-top: 1px solid #ddd
    }

    header nav .navItem .navBox.product .category .col {
        display: flex;
        flex-direction: column;
        font-size: 20px;
        line-height: 24px
    }

    header nav .navItem .navBox.product .category .col.tools div.links {
        gap: 20px
    }

    header nav .navItem .navBox.product .category .col p {
        font-weight: 700;
        margin-bottom: 20px
    }

    header nav .navItem .navBox.product .category .col p:after {
        content: ':'
    }

    header nav .navItem .navBox.product .category .col div.links {
        display: flex;
        flex-direction: column;
        gap: 7px
    }

    header nav .navItem .navBox.product .category .col div.links .icon {
        font-size: 31px
    }

    header nav .navItem .navBox.product .category .col div.links a:has(span.icon) {
        display: flex;
        align-items: center;
        gap: 10px
    }

    header nav .navItem .navBox.product div.arrows {
        position: relative;
        z-index: 2
    }

    header nav .navItem .navBox.product div.arrows div {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        position: absolute;
        width: 60px;
        height: 169px;
        background: #fff;
        font-size: 47px;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-tap-highlight-color: transparent;
        -webkit-touch-callout: none
    }

    header nav .navItem .navBox.product div.arrows div::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        z-index: -1;
        width: 60px;
        height: 100%;
        transform: translateX(100%);
        transition: transform 0.3s ease-in-out
    }

    header nav .navItem .navBox.product div.arrows div span {
        transition: color 0.3s ease-in-out;
        color: #c9c9c9
    }

    header nav .navItem .navBox.product div.arrows div:hover {
        cursor: default
    }

    header nav .navItem .navBox.product div.arrows div:hover span {
        opacity: 0.6
    }

    header nav .navItem .navBox.product div.arrows div.active {
        cursor: pointer
    }

    header nav .navItem .navBox.product div.arrows div.active span {
        color: #000
    }

    header nav .navItem .navBox.product div.arrows div.prev {
        left: 0
    }

    header nav .navItem .navBox.product div.arrows div.prev::before {
        background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0.9) 30%, rgba(255, 255, 255, 0.7) 60%, rgba(255, 255, 255, 0.5) 75%, rgba(255, 255, 255, 0.3) 85%, rgba(255, 255, 255, 0.1) 95%, transparent 100%);
        transform: translateX(100%)
    }

    header nav .navItem .navBox.product div.arrows div.next {
        right: 0
    }

    header nav .navItem .navBox.product div.arrows div.next::before {
        background: linear-gradient(to left, #fff, rgba(255, 255, 255, 0.9) 30%, rgba(255, 255, 255, 0.7) 60%, rgba(255, 255, 255, 0.5) 75%, rgba(255, 255, 255, 0.3) 85%, rgba(255, 255, 255, 0.1) 95%, transparent 100%);
        transform: translateX(-100%)
    }

    header nav .navItem .navBox.product div.arrows div:not(.active)::before {
        transform: translateX(0)
    }

    header nav .navItem .navBox.product div.type {
        display: flex;
        overflow: hidden;
        overflow-x: scroll;
        position: relative;
        -ms-overflow-style: none;
        scrollbar-width: none;
        scroll-behavior: smooth;
        scroll-snap-type: x mandatory
    }

    header nav .navItem .navBox.product div.type::-webkit-scrollbar {
        display: none
    }

    header nav .navItem .navBox.product div.type a {
        display: flex;
        flex-direction: column;
        align-self: center;
        font-weight: 700;
        scroll-snap-align: start;
        text-align: center
    }

    header nav .navItem .navBox.product div.type a:hover, header nav .navItem .navBox.product div.type a:focus {
        color: #004cac
    }

    header nav .navItem .navBox.product div.type a:hover span, header nav .navItem .navBox.product div.type a:focus span {
        text-decoration: underline;
        text-underline-offset: 6px;
        text-decoration-thickness: 2px
    }

    header nav .navItem .navBox.tireInstaller {
        width: 600px
    }

    header nav .navItem .navBox:after {
        content: '';
        position: absolute;
        top: -12px;
        left: 50%;
        z-index: 2099;
        width: 0;
        height: 0;
        margin: 0 auto;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #0066e3;
        border-left: 10px solid transparent;
        transform: translate(-50%, 0)
    }

    header nav .mobile {
        float: left
    }

    header nav .icons {
        float: right;
        width: 234px;
        margin-top: 14px
    }

    header nav:after {
        clear: both;
        display: block !important;
        content: '';
        visibility: hidden
    }

    header.order nav {
        padding: 10px 0 8px
    }

    header.order nav .logo {
        width: 115px;
        margin-top: 0
    }

    footer .navBox {
        position: absolute;
        top: 0;
        left: 50%;
        z-index: 2100;
        margin-top: 70px;
        visibility: hidden;
        opacity: 0;
        background: #fff;
        border-top: 3px solid #0066e3;
        box-shadow: 0 5px 16px rgba(0, 0, 0, 0.22);
        box-sizing: border-box
    }

    footer .navBox.show {
        display: block;
        visibility: visible;
        opacity: 1;
        -webkit-transition: opacity 0.2s ease-in-out;
        -moz-transition: opacity 0.2s ease-in-out;
        -o-transition: opacity 0.2s ease-in-out;
        transition: opacity 0.2s ease-in-out
    }

    footer .navBox.cart {
        width: 380px;
        margin-left: 4px
    }

    footer .navBox.cart.info {
        -webkit-animation: fade-in 1.5s linear 1 normal;
        -moz-animation: fade-in 1.5s linear 1 normal;
        animation: fade-in 1.5s linear 1 normal;
        z-index: 2000
    }

    @-moz-keyframes fade-in {
        0% {
            opacity: 0
        }
        100% {
            opacity: 1
        }
    }
    @-webkit-keyframes fade-in {
        0% {
            opacity: 0
        }
        100% {
            opacity: 1
        }
    }
    @keyframes fade-in {
        0% {
            opacity: 0
        }
        100% {
            opacity: 1
        }
    }
    footer .navBox.cart.info.hide {
        -webkit-animation: fade-out 0.5s linear 5s 1 normal forwards;
        -moz-animation: fade-out 0.5s linear 5s 1 normal forwards;
        animation: fade-out 0.5s linear 5s 1 normal forwards
    }

    @-moz-keyframes fade-out {
        0% {
            opacity: 1
        }
        100% {
            visibility: hidden;
            opacity: 0
        }
    }
    @-webkit-keyframes fade-out {
        0% {
            opacity: 1
        }
        100% {
            visibility: hidden;
            opacity: 0
        }
    }
    @keyframes fade-out {
        0% {
            opacity: 1
        }
        100% {
            visibility: hidden;
            opacity: 0
        }
    }
    footer .navBox.cart.info .info {
        padding: 40px 0
    }

    footer .navBox.cart.info .info span.close {
        position: absolute;
        top: 20px;
        right: 20px;
        font-size: 15px;
        cursor: pointer
    }

    footer .navBox.cart.info .info p {
        font-size: 19px;
        line-height: 1;
        text-align: center
    }

    footer .navBox.cart.info.hide .navBox {
        display: none
    }

    footer .navBox.cart .full {
        padding: 30px 0
    }

    footer .navBox.cart .full p.title {
        padding: 0 30px 14px;
        font-size: 22px;
        font-weight: bold;
        line-height: 1
    }

    footer .navBox.cart .full div.wrapper {
        overflow: hidden;
        position: relative
    }

    footer .navBox.cart .full div.wrapper.scroll:after, footer .navBox.cart .full div.wrapper.scroll:before {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        width: 100%;
        height: 1px;
        box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.8)
    }

    footer .navBox.cart .full div.wrapper.scroll:before {
        top: -1px
    }

    footer .navBox.cart .full div.wrapper.scroll:after {
        bottom: -1px
    }

    footer .navBox.cart .full div.wrapper.scroll ul {
        overflow-y: auto;
        scrollbar-width: none
    }

    footer .navBox.cart .full div.wrapper.scroll ul::-webkit-scrollbar {
        width: 0
    }

    footer .navBox.cart .full div.wrapper ul {
        padding: 0 30px
    }

    footer .navBox.cart .full div.wrapper ul li div.product {
        display: grid;
        grid-template-columns:80px 1fr 25px;
        grid-column-gap: 10px;
        position: relative;
        min-height: 54px;
        padding: 10px 0 6px;
        border-bottom: 1px solid #e5e5e5;
        font-size: 14px;
        line-height: 16px
    }

    footer .navBox.cart .full div.wrapper ul li div.product a.remove {
        display: grid;
        place-items: center;
        width: 25px;
        height: 25px;
        margin-top: -9px;
        color: dimgray;
        font-size: 14px;
        cursor: pointer;
        grid-area: 1/3/2/3;
        place-self: start end
    }

    footer .navBox.cart .full div.wrapper ul li div.product a.remove:after {
        content: '';
        display: block;
        position: absolute;
        top: -10px;
        left: -18px;
        width: 30px;
        Z-index: 99999;
        aspect-ratio: 1
    }

    footer .navBox.cart .full div.wrapper ul li div.product a.remove:hover, footer .navBox.cart .full div.wrapper ul li div.product a.remove:hover + span {
        color: #eb1700
    }

    footer .navBox.cart .full div.wrapper ul li div.product span.remove {
        margin-top: 13px;
        color: dimgray;
        font-size: 10px;
        grid-area: 1/3/2/3;
        place-self: start center
    }

    footer .navBox.cart .full div.wrapper ul li div.product .loading {
        position: relative
    }

    footer .navBox.cart .full div.wrapper ul li div.product .loading:after {
        position: absolute;
        z-index: 1;
        content: '';
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: url(/gfx/common/loader.gif) center center no-repeat;
        background-size: 30px
    }

    footer .navBox.cart .full div.wrapper ul li div.product div.thumb {
        overflow: hidden;
        position: absolute;
        bottom: 0;
        width: 80px;
        height: 58px;
        grid-area: 1/1/6/2;
        place-self: end start;
        text-align: center
    }

    footer .navBox.cart .full div.wrapper ul li div.product div.thumb img {
        width: auto;
        height: auto;
        max-width: 80px
    }

    footer .navBox.cart .full div.wrapper ul li div.product div.thumb div.icon.season {
        position: absolute;
        top: 0;
        left: 0;
        width: 26px;
        height: 26px;
        background-color: #fff;
        border-radius: 50%
    }

    footer .navBox.cart .full div.wrapper ul li div.product div.thumb div.icon.season span {
        font-size: 16px;
        line-height: 26px
    }

    footer .navBox.cart .full div.wrapper ul li div.product div.thumb div.icon.season span.icon-season-winter::before {
        display: inline-block;
        min-width: 16px
    }

    footer .navBox.cart .full div.wrapper ul li div.product div.thumb div.noPhotoInfo {
        display: none
    }

    footer .navBox.cart .full div.wrapper ul li div.product div.thumb.noPhoto div.noPhotoInfo {
        display: block;
        position: absolute;
        top: 46px;
        left: 0;
        z-index: 1;
        width: 57px;
        padding: 2px 4px;
        background: #fff;
        border-radius: 0 5px 5px 0;
        pointer-events: none;
        cursor: default;
        font-size: 8px;
        line-height: 8px;
        color: dimgray;
        text-align: left;
        font-weight: 700;
        text-transform: uppercase
    }

    @media (max-width: 767px) {
        footer .navBox.cart .full div.wrapper ul li div.product div.thumb.noPhoto div.noPhotoInfo {
            top: 46px;
            left: 0;
            width: 57px;
            padding: 2px 4px
        }
    }footer .navBox.cart .full div.wrapper ul li div.product a.name {
         width: auto !important;
         margin: 0 !important;
         font-weight: 700;
         grid-area: 1/2/2/3
     }

    footer .navBox.cart .full div.wrapper ul li div.product a.name span {
        display: block;
        margin: 4px 0 0;
        font-weight: 400
    }

    footer .navBox.cart .full div.wrapper ul li div.product span.label {
        display: flex;
        width: max-content;
        padding: 0 7px;
        border: 1px solid #e1e1e1;
        border-radius: 3px;
        box-sizing: border-box
    }

    footer .navBox.cart .full div.wrapper ul li div.product span.label span {
        padding: 4px 0;
        font-size: 12px;
        line-height: 1
    }

    footer .navBox.cart .full div.wrapper ul li div.product span.label span.ico::before {
        color: dimgray
    }

    footer .navBox.cart .full div.wrapper ul li div.product span.label span.value {
        color: #000;
        font-weight: 700
    }

    footer .navBox.cart .full div.wrapper ul li div.product span.label span.value.icon {
        margin-left: 4px
    }

    footer .navBox.cart .full div.wrapper ul li div.product span.label span.extra {
        padding: 0
    }

    footer .navBox.cart .full div.wrapper ul li div.product span.label span.line {
        width: 1px;
        margin: 0 7px;
        padding: 0;
        background: #e1e1e1
    }

    footer .navBox.cart .full div.wrapper ul li div.product span.label {
        grid-area: 2/2/3/3;
        margin-top: 4px
    }

    footer .navBox.cart .full div.wrapper ul li div.product span.label:not(:has(span)) {
        display: none
    }

    footer .navBox.cart .full div.wrapper ul li div.product span.label span:first-of-type:empty {
        display: none
    }

    footer .navBox.cart .full div.wrapper ul li div.product a {
        grid-area: 3/2/4/3
    }

    footer .navBox.cart .full div.wrapper ul li div.product a span.label {
        margin-top: -1px
    }

    footer .navBox.cart .full div.wrapper ul li div.product strong {
        width: auto !important;
        margin: 8px 30px 0 0;
        grid-area: 4/2/5/3
    }

    footer .navBox.cart .full div.wrapper ul li div.product strong span.bold {
        font-weight: 700
    }

    footer .navBox.cart .full div.wrapper ul li div.product:after {
        clear: both;
        display: block !important;
        content: '';
        visibility: hidden
    }

    footer .navBox.cart .full div.wrapper ul li div.accessories p {
        margin-bottom: 1px;
        padding: 5px 8px;
        background: #eee;
        font-size: 12px;
        line-height: 16px
    }

    footer .navBox.cart .full div.summary {
        margin-top: 13px;
        padding: 0 30px
    }

    footer .navBox.cart .full div.summary p {
        text-align: right
    }

    footer .navBox.cart .full div.summary p.delivery {
        padding: 0 0 7px;
        color: #269328;
        font-size: 18px;
        font-weight: 700
    }

    footer .navBox.cart .full div.summary p.sum {
        padding: 7px 0 15px;
        font-size: 16px
    }

    footer .navBox.cart .full div.summary p.sum strong {
        font-weight: 700
    }

    footer .navBox.cart .full div.summary .button {
        display: block
    }

    footer .navBox.cart .empty {
        padding: 40px 0
    }

    footer .navBox.cart .empty span.close {
        position: absolute;
        top: 20px;
        right: 20px;
        font-size: 15px;
        cursor: pointer
    }

    footer .navBox.cart .empty p {
        font-size: 19px;
        line-height: 1;
        text-align: center
    }

    footer .navBox.cart:after {
        margin-left: 167px
    }

    footer .navBox.account {
        width: 252px;
        margin-left: 96px;
        padding: 25px 0 15px
    }

    footer .navBox.account div.buttonSection {
        margin-bottom: 10px;
        padding: 0 30px 20px;
        border-bottom: 1px solid #e4e4e4;
        text-align: center
    }

    footer .navBox.account div.buttonSection a {
        display: block
    }

    footer .navBox.account div.buttonSection a:not(.login) {
        font-size: 14px
    }

    footer .navBox.account div.buttonSection a.login {
        margin-bottom: 16px
    }

    footer .navBox.account div.accountMenu {
        padding: 0 28px
    }

    footer .navBox.account div.accountMenu div.item.accountHeader span.title {
        display: block;
        margin-bottom: 5px;
        font-size: 16px
    }

    footer .navBox.account div.accountMenu div.item.accountHeader span.user {
        margin-left: 2px;
        font-size: 13px
    }

    footer .navBox.account div.accountMenu div.item.accountHeader span.ico {
        float: left
    }

    footer .navBox.account div.accountMenu div.item.accountHeader span.padding {
        float: left;
        padding-left: 4px
    }

    footer .navBox.account div.accountMenu div.item.accountHeader:after {
        clear: both;
        display: block !important;
        content: '';
        visibility: hidden
    }

    footer .navBox.account div.accountMenu div.item a {
        display: inline-block;
        width: 187px;
        padding: 7px 5px;
        color: #000;
        font-size: 16px;
        cursor: pointer;
        text-decoration: none
    }

    footer .navBox.account div.accountMenu div.item a * {
        text-decoration: none
    }

    footer .navBox.account div.accountMenu div.item a:hover, footer .navBox.account div.accountMenu div.item a:focus {
        background: #e8eef7
    }

    footer .navBox.account div.accountMenu div.item a span.ico {
        position: relative;
        top: 1px;
        width: 12px;
        padding-right: 20px;
        color: dimgray;
        font-size: 21px
    }

    footer .navBox.account div.accountMenu div.item a span.ico.icon-order-cart {
        margin-right: 2px;
        margin-left: -3px
    }

    footer .navBox.account div.accountMenu div.item.line {
        margin-bottom: 12px;
        padding-bottom: 12px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1)
    }

    footer .navBox:after {
        content: '';
        position: absolute;
        top: -12px;
        left: 50%;
        z-index: 2099;
        width: 0;
        height: 0;
        margin: 0 auto;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #0066e3;
        border-left: 10px solid transparent;
        transform: translate(-50%, 0)
    }

    header nav .mobile {
        margin: 10px 0 0 35px
    }

    header nav .navItem {
        height: 45px
    }

    header nav .navItem:not(.icon) {
        margin: 15px 0 0 40px
    }

    header nav .navItem:not(.icon):first-child {
        margin-left: 0
    }

    header nav .navItem:not(.icon) div.navBox.product div.type a {
        font-size: 20px
    }

    header nav .navItem:not(.icon) div.navBox.product div.type a:after {
        height: 102px !important;
        margin: 20px auto 0
    }

    header nav .navItem:not(.icon) .navLink {
        font-size: 19px;
        line-height: 26px
    }

    header nav .navItem:not(.icon).tires div.arrows div {
        width: 47px;
        height: 133px
    }

    header nav .navItem:not(.icon).tires div.arrows div::before {
        width: 47px
    }

    header nav .navItem:not(.icon).tires div.type {
        gap: 15px;
        margin: 0 47px
    }

    header nav .navItem:not(.icon).tires div.type a {
        width: 110px;
        height: 133px;
        min-width: 110px;
        font-size: 16px !important;
        line-height: 20px
    }

    header nav .navItem:not(.icon).tires div.type a span {
        margin-bottom: 25px
    }

    header nav .navItem:not(.icon).tires div.type a img {
        max-width: 90%
    }

    header nav .navItem:not(.icon).tires .navBox {
        width: 768px;
        margin-left: -384px
    }

    header nav .navItem:not(.icon).tires .navBox:after {
        margin-left: -175px
    }

    header nav .navItem:not(.icon).tires .navBox .category {
        justify-content: space-between;
        gap: 35px;
        padding: 25px 50px
    }

    header nav .navItem:not(.icon).tires .navBox .category .col {
        font-size: 18px;
        line-height: 22px
    }

    header nav .navItem:not(.icon).tires .navBox .category .col.tools {
        font-size: 16px
    }

    header nav .navItem:not(.icon).tires .navBox .category .col div.links a.other {
        margin-top: 13px;
        font-size: 14px
    }

    header nav .navItem:not(.icon).wheels .navBox {
        width: 768px;
        margin-left: -384px
    }

    header nav .navItem:not(.icon).wheels .navBox:after {
        margin-left: -57px
    }

    header nav .navItem:not(.icon).wheels .navBox .category {
        align-items: center;
        justify-content: center;
        padding: 20px 0
    }

    header nav .navItem:not(.icon).wheels .navBox .category .col {
        font-size: 18px;
        line-height: 22px
    }

    header nav .navItem:not(.icon).installer .navBox {
        margin-left: -307px
    }

    header nav .navItem:not(.icon).installer .navBox:after {
        margin-left: 76px
    }
}

@media (max-width: 767px) {
    html.menuActive {
        overflow: hidden
    }

    html.menuActive body {
        overflow: hidden
    }

    html.menuActive body header {
        pointer-events: auto
    }

    html.menuActive body header nav:before {
        content: '';
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 5000;
        width: 100%;
        height: 100%;
        opacity: 0.5;
        background: #000
    }

    header {
        position: relative;
        height: 87px
    }

    header:before {
        content: '';
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 45px;
        background-color: #004cac
    }

    header nav {
        position: relative;
        margin-bottom: -3px;
        padding: 0 8px 8px
    }

    header nav .logo {
        width: 165px;
        margin-top: 15px
    }

    header nav .mobile .navItem {
        float: left;
        margin-right: 30px
    }

    header nav .mobile .navItem .navLink {
        color: #fff;
        font-size: 16px;
        line-height: 21px
    }

    header nav .mobile .navItem .navBox.product {
        display: block
    }

    header nav .mobile .navItem .navBox.product div.type a {
        display: block;
        color: #000;
        font-size: 18px;
        font-weight: 400;
        line-height: 36px;
        cursor: pointer;
        position: relative
    }

    header nav .mobile .navItem .navBox.product div.type a:hover, header nav .mobile .navItem .navBox.product div.type a:focus {
        text-decoration: none
    }

    header nav .mobile .navItem .navBox.product div.type a:hover *, header nav .mobile .navItem .navBox.product div.type a:focus * {
        text-decoration: none
    }

    header nav .mobile .navItem .navBox.product div.type a:hover::before, header nav .mobile .navItem .navBox.product div.type a:focus::before {
        content: '';
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        background: #e8eef7;
        height: 100%;
        width: 100dvw;
        z-index: -1
    }

    header nav .mobile .navItem .navBox.product div.category div.col {
        margin-top: 15px;
        padding-top: 15px;
        border-top: 1px solid rgba(0, 0, 0, 0.1)
    }

    header nav .mobile .navItem .navBox.product div.category div.col p {
        color: dimgray;
        font-size: 14px;
        line-height: 28px
    }

    header nav .mobile .navItem .navBox.product div.category div.col div.links a {
        display: block;
        color: #000;
        font-size: 18px;
        font-weight: 400;
        line-height: 36px;
        cursor: pointer;
        position: relative
    }

    header nav .mobile .navItem .navBox.product div.category div.col div.links a:hover, header nav .mobile .navItem .navBox.product div.category div.col div.links a:focus {
        text-decoration: none
    }

    header nav .mobile .navItem .navBox.product div.category div.col div.links a:hover *, header nav .mobile .navItem .navBox.product div.category div.col div.links a:focus * {
        text-decoration: none
    }

    header nav .mobile .navItem .navBox.product div.category div.col div.links a:hover::before, header nav .mobile .navItem .navBox.product div.category div.col div.links a:focus::before {
        content: '';
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        background: #e8eef7;
        height: 100%;
        width: 100dvw;
        z-index: -1
    }

    header nav .mobile:after {
        clear: both;
        display: block !important;
        content: '';
        visibility: hidden
    }

    header nav .icons {
        position: absolute;
        top: 10px;
        right: 8px
    }

    header nav .icons .navItem .navLink {
        text-align: center
    }

    header nav .icons .navItem .navLink span[class^="icon-"] {
        display: inline-block
    }

    header nav .icons .navItem .navLink em.label {
        display: block;
        color: #000;
        font-size: 11px
    }

    header nav .icons .navItem.cart {
        float: right;
        margin: 0 0 0 14px
    }

    header nav .icons .navItem.cart .navLink .count {
        position: absolute;
        top: -5px;
        left: 13px;
        height: 13px;
        min-width: 13px;
        padding: 0 4px;
        background: #0066e3;
        border-radius: 10px;
        box-sizing: border-box;
        color: #fff;
        font-size: 10px;
        font-weight: 700;
        line-height: 13px;
        text-align: center
    }

    header nav .icons .navItem.cart .navLink span[class^="icon-"]:before {
        font-size: 24px
    }

    header nav .icons .navItem.cart .navLink span[class^="icon-"]:after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        width: 30px;
        height: 32px;
        background: #fff;
        border-radius: 100%
    }

    header nav .icons .navItem.cart em.label {
        width: auto;
        margin-left: 0
    }

    header nav .icons .navItem.account {
        float: left;
        margin: 0 0 0 14px;
        width: 68px
    }

    header nav .icons .navItem.account .navLink .count {
        position: absolute;
        top: -5px;
        left: 37px;
        height: 13px;
        min-width: 13px;
        padding: 0 4px 0 5px;
        background: #0066e3;
        border-radius: 10px;
        box-sizing: border-box;
        color: #fff;
        font-size: 10px;
        font-weight: 700;
        line-height: 13px;
        text-align: center
    }

    header nav .icons .navItem.account .navLink span[class^="icon-"]:before {
        font-size: 24px
    }

    header nav .icons .navItem.account .navLink span[class^="icon-"]:after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        width: 30px;
        height: 32px;
        background: #fff;
        border-radius: 100%
    }

    header nav .icons .navItem.account .navLink {
        text-align: center
    }

    header nav .icons .navItem.account .navLink span[class^="icon-"] {
        position: relative;
        z-index: 2
    }

    header nav .icons .navItem.account .navLink span[class^="icon-"]:after {
        top: 0;
        left: 1px;
        width: 18px;
        height: 18px
    }

    header nav .navItem .navBox {
        display: block;
        position: fixed;
        padding: 0 20px 20px;
        box-sizing: border-box;
        overflow: auto;
        top: 0;
        right: -100%;
        bottom: 0;
        z-index: 999999;
        width: 100%;
        height: 100%;
        background-color: #fff;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    header nav .navItem .navBox.slideIn {
        display: block;
        -webkit-transition: 0.3s ease-in;
        -moz-transition: 0.3s ease-in;
        -o-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
        -webkit-animation: menuSlideIn 0.3s ease-in alternate forwards;
        -moz-animation: menuSlideIn 0.3s ease-in alternate forwards;
        animation: menuSlideIn 0.3s ease-in alternate forwards
    }

    @-moz-keyframes menuSlideIn {
        0% {
            right: -100%
        }
        100% {
            right: 0
        }
    }
    @-webkit-keyframes menuSlideIn {
        0% {
            right: -100%
        }
        100% {
            right: 0
        }
    }
    @keyframes menuSlideIn {
        0% {
            right: -100%
        }
        100% {
            right: 0
        }
    }
    header nav .navItem .navBox.slideOut {
        -webkit-animation: menuSlideOut 0.3s ease-in alternate forwards;
        -moz-animation: menuSlideOut 0.3s ease-in alternate forwards;
        animation: menuSlideOut 0.3s ease-in alternate forwards
    }

    @-moz-keyframes menuSlideOut {
        0% {
            right: 0
        }
        100% {
            right: -100%
        }
    }
    @-webkit-keyframes menuSlideOut {
        0% {
            right: 0
        }
        100% {
            right: -100%
        }
    }
    @keyframes menuSlideOut {
        0% {
            right: 0
        }
        100% {
            right: -100%
        }
    }
    header nav .navItem .navBox .header {
        display: grid;
        grid-template-columns:1fr 150px 150px 1fr;
        position: relative;
        margin: 0 -20px 18px;
        background-color: #004cac
    }

    header nav .navItem .navBox .header .blue {
        display: block;
        padding: 15px 0;
        color: #fff;
        font-size: 20px;
        grid-column: 2/3
    }

    header nav .navItem .navBox .header .close {
        position: absolute;
        top: 4px;
        right: 4px;
        padding: 10px 0;
        color: #fff;
        font-size: 16px;
        cursor: pointer;
        grid-column: 3/4
    }

    header nav .navItem .navBox.wheels div.type, header nav .navItem .navBox.wheels div.category {
        width: 300px;
        margin: 0 auto;
        box-sizing: border-box
    }

    header nav .navItem .navBox.tires div.type, header nav .navItem .navBox.tires div.category {
        width: 300px;
        margin: 0 auto;
        box-sizing: border-box
    }

    header nav .navItem .navBox.tireInstaller {
        overflow: hidden;
        padding: 0
    }

    header nav .navItem .navBox.tireInstaller div.topBox {
        width: 300px;
        margin: 0 auto;
        padding: 0 10px 20px
    }

    header nav .navItem .navBox.tireInstaller div.topBox p.title {
        font-size: 20px;
        line-height: 28px
    }

    header nav .navItem .navBox.tireInstaller div.topBox.selectedService p.title {
        font-size: 18px;
        line-height: 24px
    }

    header nav .navItem .navBox.tireInstaller div.topBox.selectedService .info {
        width: 300px;
        margin-right: 0
    }

    header nav .navItem .navBox.tireInstaller div.topBox.selectedService .showOffer {
        width: 300px;
        margin-top: 20px
    }

    header nav .navItem .navBox.tireInstaller div.steps {
        position: relative;
        width: 100%;
        padding: 20px 0
    }

    header nav .navItem .navBox.tireInstaller div.steps::after {
        content: '';
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        height: 100vh;
        background: #eee
    }

    header nav .navItem .navBox.tireInstaller div.steps ul {
        display: flex;
        flex-direction: column;
        width: 300px;
        margin: 0 auto
    }

    header nav .navItem .navBox.tireInstaller div.steps ul::after {
        display: none !important
    }

    header nav .navItem .navBox.tireInstaller div.steps ul li {
        display: flex;
        align-items: center;
        gap: 20px;
        padding: 10px 0
    }

    header nav .navItem .navBox.tireInstaller div.steps ul li strong {
        margin: 0;
        margin-bottom: 5px
    }

    header nav .navItem .navBox.tireInstaller div.steps ul li span {
        text-align: left
    }

    header nav .navItem .navBox.tireInstaller div.steps ul li span[class^="icon-"] {
        margin: 0
    }

    header nav:after {
        clear: both;
        display: block !important;
        content: '';
        visibility: hidden
    }

    header.order {
        z-index: 3;
        height: 49px
    }

    header.order nav {
        padding: 14px 8px 0
    }

    header.order nav .logo {
        width: 117px;
        margin-top: 0
    }

    header.order:before {
        display: none
    }

    footer .navBox:not(.info) {
        display: block;
        position: fixed;
        padding: 0 20px 20px;
        box-sizing: border-box;
        overflow: auto;
        top: 0;
        right: -100%;
        bottom: 0;
        z-index: 999999;
        width: 100%;
        height: 100%;
        background-color: #fff;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    footer .navBox:not(.info).slideIn {
        display: block;
        -webkit-transition: 0.3s ease-in;
        -moz-transition: 0.3s ease-in;
        -o-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
        -webkit-animation: menuSlideIn 0.3s ease-in alternate forwards;
        -moz-animation: menuSlideIn 0.3s ease-in alternate forwards;
        animation: menuSlideIn 0.3s ease-in alternate forwards
    }

    @-moz-keyframes menuSlideIn {
        0% {
            right: -100%
        }
        100% {
            right: 0
        }
    }
    @-webkit-keyframes menuSlideIn {
        0% {
            right: -100%
        }
        100% {
            right: 0
        }
    }
    @keyframes menuSlideIn {
        0% {
            right: -100%
        }
        100% {
            right: 0
        }
    }
    footer .navBox:not(.info).slideOut {
        -webkit-animation: menuSlideOut 0.3s ease-in alternate forwards;
        -moz-animation: menuSlideOut 0.3s ease-in alternate forwards;
        animation: menuSlideOut 0.3s ease-in alternate forwards
    }

    @-moz-keyframes menuSlideOut {
        0% {
            right: 0
        }
        100% {
            right: -100%
        }
    }
    @-webkit-keyframes menuSlideOut {
        0% {
            right: 0
        }
        100% {
            right: -100%
        }
    }
    @keyframes menuSlideOut {
        0% {
            right: 0
        }
        100% {
            right: -100%
        }
    }
    footer .navBox:not(.info) .header {
        display: grid;
        grid-template-columns:1fr 150px 150px 1fr;
        position: relative;
        margin: 0 -20px 18px;
        background-color: #004cac
    }

    footer .navBox:not(.info) .header .blue {
        display: block;
        padding: 15px 0;
        color: #fff;
        font-size: 20px;
        grid-column: 2/3
    }

    footer .navBox:not(.info) .header .close {
        position: absolute;
        top: 4px;
        right: 4px;
        padding: 10px 0;
        color: #fff;
        font-size: 16px;
        cursor: pointer;
        grid-column: 3/4
    }

    footer .navBox.account.slideIn, footer .navBox.cart.slideIn {
        pointer-events: auto
    }

    footer .navBox.account div.accountMenu div.item a.messagesRow, footer .navBox.cart div.accountMenu div.item a.messagesRow {
        display: block
    }

    footer .navBox.cart.info {
        display: none;
        position: absolute;
        top: 64px;
        left: 50%;
        z-index: 1111;
        width: 320px;
        margin-left: -160px;
        background: #fff;
        border-top: 3px solid #0066e3;
        box-shadow: 0 5px 16px rgba(0, 0, 0, 0.22);
        box-sizing: border-box;
        -webkit-animation: fade-in 1.5s linear 1 normal;
        -moz-animation: fade-in 1.5s linear 1 normal;
        animation: fade-in 1.5s linear 1 normal
    }

    @-moz-keyframes fade-in {
        0% {
            opacity: 0
        }
        100% {
            opacity: 1
        }
    }
    @-webkit-keyframes fade-in {
        0% {
            opacity: 0
        }
        100% {
            opacity: 1
        }
    }
    @keyframes fade-in {
        0% {
            opacity: 0
        }
        100% {
            opacity: 1
        }
    }
    footer .navBox.cart.info.hide {
        -webkit-animation: fade-out 0.5s linear 5s 1 normal forwards;
        -moz-animation: fade-out 0.5s linear 5s 1 normal forwards;
        animation: fade-out 0.5s linear 5s 1 normal forwards
    }

    @-moz-keyframes fade-out {
        0% {
            opacity: 1
        }
        100% {
            visibility: hidden;
            opacity: 0
        }
    }
    @-webkit-keyframes fade-out {
        0% {
            opacity: 1
        }
        100% {
            visibility: hidden;
            opacity: 0
        }
    }
    @keyframes fade-out {
        0% {
            opacity: 1
        }
        100% {
            visibility: hidden;
            opacity: 0
        }
    }
    footer .navBox.cart.info .info {
        padding: 40px 0
    }

    footer .navBox.cart.info .info span.close {
        position: absolute;
        top: 20px;
        right: 20px;
        font-size: 15px;
        cursor: pointer
    }

    footer .navBox.cart.info .info p {
        font-size: 19px;
        line-height: 1;
        text-align: center
    }

    footer .navBox.cart.info.hide .navBox {
        display: none
    }

    footer .navBox.cart.info.show {
        display: block
    }

    footer .navBox.cart.info:after {
        content: '';
        position: absolute;
        top: -12px;
        left: 50%;
        z-index: 2099;
        width: 0;
        height: 0;
        margin: 0 auto;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #0066e3;
        border-left: 10px solid transparent;
        transform: translate(-50%, 0);
        margin-left: 135px
    }

    footer .navBox.cart .full, footer .navBox.cart .empty {
        width: 300px;
        margin: 0 auto
    }

    footer .navBox.cart .full p.title {
        display: none
    }

    footer .navBox.cart .full ul li {
        margin-bottom: 10px;
        padding-top: 10px
    }

    footer .navBox.cart .full ul li div.product {
        display: grid;
        grid-template-columns:80px 1fr 25px;
        grid-column-gap: 10px;
        position: relative;
        min-height: 54px;
        padding: 10px 0 6px;
        border-bottom: 1px solid #e5e5e5;
        font-size: 14px;
        line-height: 16px
    }

    footer .navBox.cart .full ul li div.product a.remove {
        display: grid;
        place-items: center;
        width: 25px;
        height: 25px;
        margin-top: -9px;
        color: dimgray;
        font-size: 14px;
        cursor: pointer;
        grid-area: 1/3/2/3;
        place-self: start end
    }

    footer .navBox.cart .full ul li div.product a.remove:after {
        content: '';
        display: block;
        position: absolute;
        top: -10px;
        left: -18px;
        width: 30px;
        Z-index: 99999;
        aspect-ratio: 1
    }

    footer .navBox.cart .full ul li div.product a.remove:hover, footer .navBox.cart .full ul li div.product a.remove:hover + span {
        color: #eb1700
    }

    footer .navBox.cart .full ul li div.product span.remove {
        margin-top: 13px;
        color: dimgray;
        font-size: 10px;
        grid-area: 1/3/2/3;
        place-self: start center
    }

    footer .navBox.cart .full ul li div.product .loading {
        position: relative
    }

    footer .navBox.cart .full ul li div.product .loading:after {
        position: absolute;
        z-index: 1;
        content: '';
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: url(/gfx/common/loader.gif) center center no-repeat;
        background-size: 30px
    }

    footer .navBox.cart .full ul li div.product div.thumb {
        overflow: hidden;
        position: absolute;
        bottom: 0;
        width: 80px;
        height: 58px;
        grid-area: 1/1/6/2;
        place-self: end start;
        text-align: center
    }

    footer .navBox.cart .full ul li div.product div.thumb img {
        width: auto;
        height: auto;
        max-width: 80px
    }

    footer .navBox.cart .full ul li div.product div.thumb div.icon.season {
        position: absolute;
        top: 0;
        left: 0;
        width: 26px;
        height: 26px;
        background-color: #fff;
        border-radius: 50%
    }

    footer .navBox.cart .full ul li div.product div.thumb div.icon.season span {
        font-size: 16px;
        line-height: 26px
    }

    footer .navBox.cart .full ul li div.product div.thumb div.icon.season span.icon-season-winter::before {
        display: inline-block;
        min-width: 16px
    }

    footer .navBox.cart .full ul li div.product div.thumb div.noPhotoInfo {
        display: none
    }

    footer .navBox.cart .full ul li div.product div.thumb.noPhoto div.noPhotoInfo {
        display: block;
        position: absolute;
        top: 46px;
        left: 0;
        z-index: 1;
        width: 57px;
        padding: 2px 4px;
        background: #fff;
        border-radius: 0 5px 5px 0;
        pointer-events: none;
        cursor: default;
        font-size: 8px;
        line-height: 8px;
        color: dimgray;
        text-align: left;
        font-weight: 700;
        text-transform: uppercase
    }

    @media (max-width: 767px) {
        footer .navBox.cart .full ul li div.product div.thumb.noPhoto div.noPhotoInfo {
            top: 46px;
            left: 0;
            width: 57px;
            padding: 2px 4px
        }
    }footer .navBox.cart .full ul li div.product a.name {
         width: auto !important;
         margin: 0 !important;
         font-weight: 700;
         grid-area: 1/2/2/3
     }

    footer .navBox.cart .full ul li div.product a.name span {
        display: block;
        margin: 4px 0 0;
        font-weight: 400
    }

    footer .navBox.cart .full ul li div.product span.label {
        display: flex;
        width: max-content;
        padding: 0 7px;
        border: 1px solid #e1e1e1;
        border-radius: 3px;
        box-sizing: border-box
    }

    footer .navBox.cart .full ul li div.product span.label span {
        padding: 4px 0;
        font-size: 12px;
        line-height: 1
    }

    footer .navBox.cart .full ul li div.product span.label span.ico::before {
        color: dimgray
    }

    footer .navBox.cart .full ul li div.product span.label span.value {
        color: #000;
        font-weight: 700
    }

    footer .navBox.cart .full ul li div.product span.label span.value.icon {
        margin-left: 4px
    }

    footer .navBox.cart .full ul li div.product span.label span.extra {
        padding: 0
    }

    footer .navBox.cart .full ul li div.product span.label span.line {
        width: 1px;
        margin: 0 7px;
        padding: 0;
        background: #e1e1e1
    }

    footer .navBox.cart .full ul li div.product span.label {
        grid-area: 2/2/3/3;
        margin-top: 4px
    }

    footer .navBox.cart .full ul li div.product span.label:not(:has(span)) {
        display: none
    }

    footer .navBox.cart .full ul li div.product span.label span:first-of-type:empty {
        display: none
    }

    footer .navBox.cart .full ul li div.product a {
        grid-area: 3/2/4/3
    }

    footer .navBox.cart .full ul li div.product a span.label {
        margin-top: -1px
    }

    footer .navBox.cart .full ul li div.product strong {
        width: auto !important;
        margin: 8px 30px 0 0;
        grid-area: 4/2/5/3
    }

    footer .navBox.cart .full ul li div.product strong span.bold {
        font-weight: 700
    }

    footer .navBox.cart .full ul li div.product:after {
        clear: both;
        display: block !important;
        content: '';
        visibility: hidden
    }

    footer .navBox.cart .full ul li div.accessories p {
        margin-bottom: 1px;
        padding: 5px 8px;
        background: #eee;
        font-size: 12px;
        line-height: 16px
    }

    footer .navBox.cart .full ul li div.product a.remove {
        top: 22px
    }

    footer .navBox.cart .full ul li div.product span.remove {
        top: 38px
    }

    footer .navBox.cart .full ul li div.product a.name {
        margin: 15px 15px 0 0
    }

    footer .navBox.cart .full ul li div.product strong {
        width: 210px;
        margin-right: 0
    }

    footer .navBox.cart .full ul li div.product div.icons {
        width: 210px;
        margin-right: 0
    }

    footer .navBox.cart .full div.summary {
        padding: 4px 0 0
    }

    footer .navBox.cart .full div.summary p {
        text-align: right
    }

    footer .navBox.cart .full div.summary p.delivery {
        padding: 0 0 11px;
        color: #269328;
        font-size: 18px;
        font-weight: 700
    }

    footer .navBox.cart .full div.summary p.sum {
        padding: 0 0 10px;
        font-size: 20px
    }

    footer .navBox.cart .full div.summary p.sum strong {
        font-weight: 700
    }

    footer .navBox.cart .full div.summary .button {
        display: block
    }

    footer .navBox.cart .empty {
        padding: 26px 0 18px
    }

    footer .navBox.cart .empty span.close {
        position: absolute;
        top: 20px;
        right: 20px;
        font-size: 15px;
        cursor: pointer
    }

    footer .navBox.cart .empty p {
        font-size: 19px;
        line-height: 1;
        text-align: center
    }

    footer .navBox.account div.content {
        width: 300px;
        margin: 0 auto
    }

    footer .navBox.account div.buttonSection {
        margin-bottom: 12px;
        padding: 20px 0;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        text-align: center
    }

    footer .navBox.account div.buttonSection a {
        display: block
    }

    footer .navBox.account div.buttonSection a:not(.login) {
        font-size: 14px
    }

    footer .navBox.account div.buttonSection a.login {
        margin-bottom: 16px
    }

    footer .navBox.account div.accountMenu div.item.accountHeader span.title {
        display: block;
        margin-bottom: 5px;
        font-size: 16px
    }

    footer .navBox.account div.accountMenu div.item.accountHeader span.user {
        margin-left: 2px;
        font-size: 13px
    }

    footer .navBox.account div.accountMenu div.item.accountHeader span.ico {
        float: left
    }

    footer .navBox.account div.accountMenu div.item.accountHeader span.padding {
        float: left;
        padding-left: 4px
    }

    footer .navBox.account div.accountMenu div.item.accountHeader:after {
        clear: both;
        display: block !important;
        content: '';
        visibility: hidden
    }

    footer .navBox.account div.accountMenu div.item a {
        display: block;
        padding: 7px 10px;
        color: #000;
        font-size: 16px;
        cursor: pointer;
        position: relative
    }

    footer .navBox.account div.accountMenu div.item a:hover *, footer .navBox.account div.accountMenu div.item a:focus * {
        text-decoration: none
    }

    footer .navBox.account div.accountMenu div.item a:hover::before, footer .navBox.account div.accountMenu div.item a:focus::before {
        content: '';
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        background: #e8eef7;
        height: 100%;
        width: 100dvw;
        z-index: -1
    }

    footer .navBox.account div.accountMenu div.item a span.ico {
        position: relative;
        top: 1px;
        width: 20px;
        margin-right: 20px;
        color: dimgray;
        font-size: 20px
    }

    footer .navBox.account div.accountMenu div.item a:after {
        clear: both;
        display: block !important;
        content: '';
        visibility: hidden
    }

    footer .navBox.account div.accountMenu div.item.line {
        margin-bottom: 12px;
        padding-bottom: 12px;
        border-bottom: 1px solid #f4f4f4
    }
}

html:has(#consentsBar) {
    overscroll-behavior-y: none;
    overflow: hidden
}

#consentsOverlay {
    position: fixed;
    z-index: 10000000;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    pointer-events: all
}

#consentsBar {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10000001;
    width: 100%;
    padding: 16px 0 18px;
    background: #000;
    box-sizing: border-box;
    color: #fff;
    pointer-events: all
}

#consentsBar p.text {
    margin-bottom: 26px;
    font-size: 16px;
    line-height: 22px
}

#consentsBar p.text strong {
    font-weight: 700
}

#consentsBar div.headingContainer p.header {
    margin-bottom: 22px;
    font-size: 22px;
    font-weight: 700;
    line-height: 22px
}

#consentsBar div.contentContainer div.consentContent {
    overflow: auto;
    height: 400px;
    margin: 0 0 20px;
    padding: 0 15px 0 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.36);
    font-size: 14px;
    line-height: 20px
}

#consentsBar div.contentContainer div.consentContent p {
    margin: 0 0 20px
}

#consentsBar div.contentContainer div.consentContent p a {
    color: inherit;
    text-decoration-thickness: 1px !important;
    text-decoration: underline;
    text-underline-offset: 3px
}

#consentsBar div.contentContainer div.consentContent ul {
    margin: 0 0 20px;
    padding: 0 0 0 21px;
    list-style-type: disc
}

#consentsBar div.contentContainer div.consentContent ul li {
    position: relative
}

#consentsBar div.contentContainer div.consentContent ul.horizontal {
    display: inline-flex;
    gap: 57px;
    padding: 0 0 0 21px
}

#consentsBar div.contentContainer div.consentContent ul.horizontal li {
    width: 260px
}

#consentsBar div.contentContainer div.consentContent ul.horizontal li:last-child {
    width: 270px
}

#consentsBar div.buttonsContainer div.buttons {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: flex-end;
    gap: 41px;
    padding: 0 0 2px
}

#consentsBar div.buttonsContainer div.buttons span {
    display: inline-block;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 20px;
    cursor: pointer
}

#consentsBar div.buttonsContainer div.buttons span.accept {
    padding: 8px 15px;
    background: #0066e3;
    border-radius: 5px;
    font-weight: 700
}

#consentsBar div.buttonsContainer div.buttons span.reject, #consentsBar div.buttonsContainer div.buttons span.settings {
    text-decoration-thickness: 1px !important;
    text-decoration: underline;
    text-underline-offset: 3px
}

#consentsSettingsModal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10000001;
    transition: 0.25s all ease-in-out;
    pointer-events: all
}

.settingsModalBox {
    display: grid;
    grid-template-rows:54px 1fr auto;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10010;
    width: 768px;
    height: 576px;
    background: #fff;
    translate: -50% -50%
}

.settingsModalBox div#header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 11px 30px 8px 30px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1)
}

.settingsModalBox div#header p {
    font-size: 22px;
    font-weight: 700;
    line-height: 34px
}

.settingsModalBox div#header span {
    font-size: 20px;
    cursor: pointer
}

.settingsModalBox div#content {
    overflow: clip auto;
    padding: 30px 15px 0;
    scrollbar-gutter: stable both-edges
}

.settingsModalBox div#content p.description {
    margin: 0 0 30px;
    font-size: 14px;
    line-height: 20px
}

.settingsModalBox div#content ul li {
    margin: 0 0 30px;
    padding: 0 0 5px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1)
}

.settingsModalBox div#content ul li div.header {
    display: grid;
    grid-template-columns:1fr 102px 58px;
    align-items: center;
    margin: 0 0 13px
}

.settingsModalBox div#content ul li div.header p {
    font-size: 14px;
    font-weight: 700;
    line-height: 20px
}

.settingsModalBox div#content ul li div.header label {
    font-size: 12px;
    line-height: 20px;
    text-align: center
}

.settingsModalBox div#content ul li div.header label.switch {
    position: relative;
    width: 40px;
    height: 20px;
    margin: 0 20px 2px auto
}

.settingsModalBox div#content ul li div.header label.switch input {
    display: none
}

.settingsModalBox div#content ul li div.header label.switch input:checked + span.slider {
    background: #33b806;
    border-color: #33b806
}

.settingsModalBox div#content ul li div.header label.switch input:checked + span.slider:after {
    background: #fff;
    transform: translateX(19px)
}

.settingsModalBox div#content ul li div.header label.switch span.slider {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fff;
    border: 1px solid #000;
    border-radius: 25px;
    box-sizing: border-box;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    cursor: pointer
}

.settingsModalBox div#content ul li div.header label.switch span.slider:after {
    content: "";
    position: absolute;
    top: 1px;
    left: 2px;
    width: 16px;
    height: 16px;
    background: #000;
    border-radius: 50%;
    -webkit-transition: 0.4s;
    transition: 0.4s
}

.settingsModalBox div#content ul li div.header span.expandButton {
    width: 100%;
    padding: 5px 0;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    font-size: 20px;
    cursor: pointer;
    text-align: center;
    place-self: center
}

.settingsModalBox div#content ul li div.content {
    display: none
}

.settingsModalBox div#content ul li div.content p {
    color: dimgray;
    font-size: 13px;
    line-height: 17px
}

.settingsModalBox div#content ul li.expanded {
    padding: 0 0 20px
}

.settingsModalBox div#content ul li.expanded div.header span.expandButton::before {
    display: inline-block;
    rotate: 180deg
}

.settingsModalBox div#content ul li.expanded div.content {
    display: block
}

.settingsModalBox div#content div.hints p {
    margin: 0 0 30px;
    font-size: 14px;
    line-height: 20px
}

.settingsModalBox div#footer {
    display: grid;
    grid-template-columns:1fr 1fr 1fr;
    place-items: start;
    grid-gap: 10px;
    grid-column-gap: 20px;
    padding: 20px 30px 30px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    grid-auto-flow: column
}

.settingsModalBox div#footer span.button {
    display: block;
    width: 100%;
    padding: 8px 15px;
    background: #0066e3;
    border-radius: 5px;
    font-size: 16px;
    line-height: 20px
}

.settingsModalBoxOverlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    z-index: 10002
}

@media (min-width: 768px) and (max-width: 959px) {
    #consentsBar {
        padding: 21px 0
    }

    #consentsBar div.contentContainer div.consentContent {
        height: 370px
    }

    #consentsBar div.contentContainer div.consentContent ul.horizontal {
        gap: 38px
    }

    #consentsBar div.contentContainer div.consentContent ul.horizontal li {
        width: 215px
    }

    #consentsBar div.contentContainer div.consentContent ul.horizontal li:last-child {
        width: 215px
    }
}

@media (max-width: 767px) {
    #consentsBar {
        display: grid;
        grid-template-rows:auto 1fr auto;
        height: 400px;
        padding: 0
    }

    #consentsBar p.header {
        margin-bottom: 15px;
        font-size: 20px
    }

    #consentsBar p.text {
        font-size: 14px;
        line-height: 18px
    }

    #consentsBar div.container {
        position: relative;
        padding: 0 10px;
        box-sizing: border-box
    }

    #consentsBar div.headingContainer {
        grid-area: 1/1/2/2;
        z-index: 1;
        padding: 18px 10px 0;
        background: #000
    }

    #consentsBar div.contentContainer {
        grid-area: 1/1/4/2;
        display: grid;
        grid-template-columns:1fr 300px 1fr;
        overflow: auto;
        width: 100lvw;
        height: 100%;
        scrollbar-gutter: stable both-edges
    }

    #consentsBar div.contentContainer div.consentContent {
        grid-column: 2/3;
        overflow: initial;
        height: initial;
        padding: 60px 0 140px;
        font-size: 12px;
        line-height: 18px
    }

    #consentsBar div.contentContainer div.consentContent p {
        margin: 0 0 15px
    }

    #consentsBar div.contentContainer div.consentContent ul {
        padding: 0 0 0 19px
    }

    #consentsBar div.contentContainer div.consentContent ul.horizontal {
        display: block;
        gap: 38px
    }

    #consentsBar div.contentContainer div.consentContent ul.horizontal li {
        width: 215px
    }

    #consentsBar div.contentContainer div.consentContent ul.horizontal li:last-child {
        width: 215px
    }

    #consentsBar div.buttonsContainer {
        grid-area: 3/1/4/2;
        z-index: 1;
        background: #000
    }

    #consentsBar div.buttonsContainer div.buttons {
        flex-direction: column;
        align-items: center;
        gap: 20px;
        padding: 11px 0 21px;
        border-top: 1px solid rgba(255, 255, 255, 0.36)
    }

    #consentsBar div.buttonsContainer div.buttons span.accept {
        width: 100%;
        text-align: center
    }

    .settingsModalBox {
        display: grid;
        grid-template-rows:45px 1fr 150px;
        width: 100dvw;
        height: 100dvh
    }

    .settingsModalBox div#header {
        grid-area: 1/1/2/4;
        display: grid;
        grid-template-columns:1fr 270px 30px 1fr;
        padding: 0;
        background: #004cac;
        border: none;
        color: #fff
    }

    .settingsModalBox div#header p {
        grid-column: 2/3;
        font-size: 20px;
        font-weight: 400;
        line-height: 28px
    }

    .settingsModalBox div#header span {
        grid-column: 3/4;
        font-size: 16px;
        place-self: center end
    }

    .settingsModalBox div#content {
        grid-area: 2/1/3/4;
        display: grid;
        grid-template-columns:1fr 300px 1fr;
        padding: 30px 0 0 0;
        grid-auto-rows: min-content
    }

    .settingsModalBox div#content p.description {
        grid-column: 2/3
    }

    .settingsModalBox div#content ul {
        grid-column: 2/3
    }

    .settingsModalBox div#content ul li div.header {
        grid-template-columns:1fr 102px 61px
    }

    .settingsModalBox div#content div.hints {
        grid-column: 2/3
    }

    .settingsModalBox div#footer {
        grid-area: 3/1/4/4;
        display: grid;
        grid-template-columns:1fr 300px 1fr;
        padding: 10px 0;
        grid-auto-rows: min-content
    }

    .settingsModalBox div#footer span.button {
        grid-column: 2/3
    }
}

footer {
    background: #eee;
    padding: 45px 0 30px
}

footer > div:not(.navBox):after {
    clear: both;
    display: block !important;
    content: '';
    visibility: hidden
}

footer .contactOnlineBoxAndOrderStatus ul .checkOrderStatusWidget {
    display: grid;
    grid-template-columns:auto auto;
    overflow: visible;
    position: relative;
    left: -400px;
    width: 456px;
    height: unset;
    margin-bottom: 10px;
    cursor: default;
    box-sizing: border-box;
    background: #fff;
    transition: ease-in 0.4s
}

footer .contactOnlineBoxAndOrderStatus ul .checkOrderStatusWidget .checkOrderStatus {
    padding: 25px;
    box-sizing: border-box
}

footer .contactOnlineBoxAndOrderStatus ul .checkOrderStatusWidget .checkOrderStatus * {
    box-sizing: border-box
}

footer .contactOnlineBoxAndOrderStatus ul .checkOrderStatusWidget .checkOrderStatus div.header {
    padding-bottom: 20px;
    border-bottom: 1px solid #000
}

footer .contactOnlineBoxAndOrderStatus ul .checkOrderStatusWidget .checkOrderStatus div.header span.heading {
    font-weight: 700;
    line-height: 28px;
    font-size: 20px
}

footer .contactOnlineBoxAndOrderStatus ul .checkOrderStatusWidget .checkOrderStatus div.form .inputWithLabel {
    position: relative;
    width: 100%;
    margin-top: 10px;
    box-sizing: border-box
}

footer .contactOnlineBoxAndOrderStatus ul .checkOrderStatusWidget .checkOrderStatus div.form .inputWithLabel input {
    width: 100%;
    height: 42px;
    box-sizing: border-box
}

footer .contactOnlineBoxAndOrderStatus ul .checkOrderStatusWidget .checkOrderStatus div.form .inputWithLabel input:focus {
    border-color: #0066e3
}

footer .contactOnlineBoxAndOrderStatus ul .checkOrderStatusWidget .checkOrderStatus div.form .inputWithLabel input:-webkit-autofill {
    -webkit-background-clip: text;
    -webkit-text-fill-color: #000;
    box-shadow: inset 0 0 20px 20px #fff
}

footer .contactOnlineBoxAndOrderStatus ul .checkOrderStatusWidget .checkOrderStatus div.form .inputWithLabel label {
    position: absolute;
    top: 14px;
    left: 5px;
    margin: 0;
    padding: 0 5px;
    pointer-events: none;
    transition: 0.1s all;
    font-size: 14px
}

footer .contactOnlineBoxAndOrderStatus ul .checkOrderStatusWidget .checkOrderStatus div.form .inputWithLabel label span.star {
    color: #eb1700
}

footer .contactOnlineBoxAndOrderStatus ul .checkOrderStatusWidget .checkOrderStatus div.form .inputWithLabel span.validate {
    position: absolute;
    top: 11px;
    right: 10px;
    font-size: 21px
}

footer .contactOnlineBoxAndOrderStatus ul .checkOrderStatusWidget .checkOrderStatus div.form .inputWithLabel span.validate span.icon-ok-negative {
    display: none;
    color: #008d04
}

footer .contactOnlineBoxAndOrderStatus ul .checkOrderStatusWidget .checkOrderStatus div.form .inputWithLabel span.validate span.icon-note-negative {
    display: none;
    position: relative;
    color: #eb1700
}

footer .contactOnlineBoxAndOrderStatus ul .checkOrderStatusWidget .checkOrderStatus div.form .inputWithLabel span.validate span.icon-note-negative span.tooltip {
    position: absolute;
    right: 50%;
    bottom: 29px;
    width: max-content;
    margin: 0 auto;
    padding: 18px 15px 15px 15px;
    transform: translateX(-50%)
}

footer .contactOnlineBoxAndOrderStatus ul .checkOrderStatusWidget .checkOrderStatus div.form .inputWithLabel span.validate span.icon-note-negative span.tooltip .arrow {
    overflow: hidden;
    position: absolute;
    z-index: 999999;
    width: 50px;
    height: 25px;
    margin: 0 auto;
    left: 50%;
    transform: translateX(-50%)
}

footer .contactOnlineBoxAndOrderStatus ul .checkOrderStatusWidget .checkOrderStatus div.form .inputWithLabel.error input {
    border-color: #eb1700
}

footer .contactOnlineBoxAndOrderStatus ul .checkOrderStatusWidget .checkOrderStatus div.form .inputWithLabel.error input:focus {
    border-color: #0066e3
}

footer .contactOnlineBoxAndOrderStatus ul .checkOrderStatusWidget .checkOrderStatus div.form .inputWithLabel.error input ~ span.validate span.icon-note-negative {
    display: block
}

footer .contactOnlineBoxAndOrderStatus ul .checkOrderStatusWidget .checkOrderStatus div.form .inputWithLabel.error input ~ span.validate span.icon-note-negative:hover span.tooltip {
    display: block
}

footer .contactOnlineBoxAndOrderStatus ul .checkOrderStatusWidget .checkOrderStatus div.form .inputWithLabel.correct input ~ span.validate span.icon-ok-negative {
    display: block
}

footer .contactOnlineBoxAndOrderStatus ul .checkOrderStatusWidget .checkOrderStatus div.form .inputWithLabel.focus label {
    top: -7px;
    font-size: 12px;
    transform: none
}

footer .contactOnlineBoxAndOrderStatus ul .checkOrderStatusWidget .checkOrderStatus div.form div.inputWithLabel {
    margin-top: 20px
}

footer .contactOnlineBoxAndOrderStatus ul .checkOrderStatusWidget .checkOrderStatus div.form div.inputWithLabel.orderCustomer {
    margin-bottom: 12px
}

footer .contactOnlineBoxAndOrderStatus ul .checkOrderStatusWidget .checkOrderStatus div.form p.requiredNote {
    margin-bottom: 19px;
    text-align: right;
    color: dimgray;
    font-size: 12px;
    line-height: 18px
}

footer .contactOnlineBoxAndOrderStatus ul .checkOrderStatusWidget .checkOrderStatus div.form p.requiredNote .star {
    font-size: 16px;
    color: #eb1700
}

footer .contactOnlineBoxAndOrderStatus ul .checkOrderStatusWidget .checkOrderStatus div.form div.errorMessageWrapper {
    display: none;
    align-items: center;
    position: relative;
    min-height: 50px;
    margin-bottom: 20px;
    padding: 5px 10px 3px 39px;
    border: solid 1px #eb1700;
    border-radius: 3px;
    background: linear-gradient(90deg, rgba(255, 47, 25, 0.05) 0%, rgba(255, 47, 25, 0) 100%);
    box-sizing: border-box
}

footer .contactOnlineBoxAndOrderStatus ul .checkOrderStatusWidget .checkOrderStatus div.form div.errorMessageWrapper span.errorIcon {
    position: absolute;
    top: 14px;
    left: 9px;
    color: #eb1700;
    font-size: 20px
}

footer .contactOnlineBoxAndOrderStatus ul .checkOrderStatusWidget .checkOrderStatus div.form div.errorMessageWrapper p.errorMessage {
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

footer .contactOnlineBoxAndOrderStatus ul .checkOrderStatusWidget .checkOrderStatus div.form div.captchaContainer {
    display: none
}

footer .contactOnlineBoxAndOrderStatus ul .checkOrderStatusWidget .checkOrderStatus div.form button.formSubmit {
    width: 100%;
    padding: 8px 15px;
    border: none;
    font-family: 'Roboto', sans-serif;
    background: #0066e3;
    border-radius: 5px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    cursor: pointer
}

footer .contactOnlineBoxAndOrderStatus ul .checkOrderStatusWidget .checkOrderStatus div.form button.formSubmit.disabled {
    pointer-events: none
}

footer .contactOnlineBoxAndOrderStatus ul .checkOrderStatusWidget .checkOrderStatus div.form.captchaRendered div.captchaContainer {
    display: grid;
    place-items: center;
    position: relative;
    height: 82px;
    margin-bottom: 20px;
    background: #f9f9f9;
    border: 1px solid #ccc;
    border-radius: 4px
}

footer .contactOnlineBoxAndOrderStatus ul .checkOrderStatusWidget .checkOrderStatus div.form.captchaRendered div.captchaContainer::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    border: solid #f9f9f9;
    border-width: 2px 26px 4px 24px;
    box-sizing: border-box;
    pointer-events: none
}

footer .contactOnlineBoxAndOrderStatus ul .checkOrderStatusWidget .checkOrderStatus div.form.captchaRendered div.captchaContainer.error {
    border-color: #eb1700
}

footer .contactOnlineBoxAndOrderStatus ul .checkOrderStatusWidget .checkOrderStatus div.response {
    display: none;
    padding: 21px 0 0
}

footer .contactOnlineBoxAndOrderStatus ul .checkOrderStatusWidget .checkOrderStatus div.response p {
    display: grid;
    grid-template-columns:148px 1fr;
    margin-bottom: 7px;
    font-size: 14px;
    line-height: 1.1
}

footer .contactOnlineBoxAndOrderStatus ul .checkOrderStatusWidget .checkOrderStatus div.response p:last-of-type {
    margin-bottom: 19px
}

footer .contactOnlineBoxAndOrderStatus ul .checkOrderStatusWidget .checkOrderStatus div.response p span.val {
    font-weight: 700
}

footer .contactOnlineBoxAndOrderStatus ul .checkOrderStatusWidget .checkOrderStatus div.response p span.val.red {
    color: #eb1700
}

footer .contactOnlineBoxAndOrderStatus ul .checkOrderStatusWidget .checkOrderStatus div.response p span.val.green {
    color: #258704
}

footer .contactOnlineBoxAndOrderStatus ul .checkOrderStatusWidget .checkOrderStatus div.response p.product span.val {
    font-weight: 400
}

footer .contactOnlineBoxAndOrderStatus ul .checkOrderStatusWidget .checkOrderStatus div.response .checkOther {
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    color: #0066e3;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    cursor: pointer
}

footer .contactOnlineBoxAndOrderStatus ul .checkOrderStatusWidget .checkOrderStatus {
    width: 400px;
    min-height: 309px
}

footer .contactOnlineBoxAndOrderStatus ul .checkOrderStatusWidget.expanded {
    left: 0
}

footer .contactOnlineBoxAndOrderStatus ul .checkOrderStatusWidget .triggerButton {
    display: grid;
    grid-template-rows:1fr 45px 124px 1fr;
    justify-content: center;
    position: relative;
    width: 56px;
    height: 100%;
    margin: 0;
    padding: 0;
    background: inherit;
    border: none;
    border-radius: 0;
    font-family: 'Roboto', sans-serif;
    cursor: pointer
}

footer .contactOnlineBoxAndOrderStatus ul .checkOrderStatusWidget .triggerButton::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: calc(100% - 50px);
    background: #000;
    opacity: 0.1;
    translate: 0 -50%
}

footer .contactOnlineBoxAndOrderStatus ul .checkOrderStatusWidget .triggerButton span.icon {
    width: max-content;
    margin: 0 0 11px;
    padding: 0;
    grid-row: 2/3;
    place-self: end start
}

footer .contactOnlineBoxAndOrderStatus ul .checkOrderStatusWidget .triggerButton span.label {
    position: static;
    margin: 0;
    grid-row: 3/4;
    font-size: 14px;
    line-height: 16.5px;
    letter-spacing: 0.35px;
    color: #000;
    text-align: center;
    white-space: nowrap;
    writing-mode: vertical-rl;
    rotate: 180deg
}

footer .contactOnlineBoxAndOrderStatus ul .checkOrderStatusWidget .triggerButton span.label strong {
    display: block;
    font-weight: 700;
    font-size: 21px;
    line-height: 20.5px
}

@media (min-width: 768px) and (max-width: 1140px) {
    footer .contactOnlineBoxAndOrderStatus ul .checkOrderStatusWidget {
        left: initial;
        width: 100%;
        margin: 0;
        background: none;
        direction: ltr;
        transition: none
    }

    footer .contactOnlineBoxAndOrderStatus ul .checkOrderStatusWidget .checkOrderStatus {
        display: none
    }

    footer .contactOnlineBoxAndOrderStatus ul .checkOrderStatusWidget .triggerButton {
        display: inline-block;
        width: 273px;
        height: 100%;
        direction: ltr;
        box-sizing: border-box;
        text-align: left
    }

    footer .contactOnlineBoxAndOrderStatus ul .checkOrderStatusWidget .triggerButton::after {
        display: none
    }

    footer .contactOnlineBoxAndOrderStatus ul .checkOrderStatusWidget .triggerButton span.icon {
        display: inline-block;
        margin: 0;
        vertical-align: middle;
        font-size: 32px
    }

    footer .contactOnlineBoxAndOrderStatus ul .checkOrderStatusWidget .triggerButton span.label {
        display: inline-block;
        margin-left: 7px;
        writing-mode: initial;
        rotate: initial;
        letter-spacing: initial;
        font-size: 14px;
        line-height: 32px;
        vertical-align: middle;
        color: #000
    }

    footer .contactOnlineBoxAndOrderStatus ul .checkOrderStatusWidget .triggerButton span.label strong {
        display: initial;
        font: inherit
    }

    footer .contactOnlineBoxAndOrderStatus ul .checkOrderStatusWidget.expanded {
        z-index: 10;
        height: 100%;
        filter: drop-shadow(0 3px 35px rgba(78, 78, 78, 0.2))
    }

    footer .contactOnlineBoxAndOrderStatus ul .checkOrderStatusWidget.expanded .checkOrderStatus {
        display: block;
        position: absolute;
        bottom: calc(100% - 2px);
        left: 0;
        padding: 25px 24px 25px 26px;
        background: #fff
    }

    footer .contactOnlineBoxAndOrderStatus ul .checkOrderStatusWidget.expanded .triggerButton {
        background: #fff;
        text-align: center
    }
}

@media (max-width: 767px) {
    footer .contactOnlineBoxAndOrderStatus ul .checkOrderStatusWidget {
        display: block;
        position: static;
        left: initial;
        width: 100%;
        margin: 0;
        background: none;
        transition: none
    }

    footer .contactOnlineBoxAndOrderStatus ul .checkOrderStatusWidget .checkOrderStatus {
        display: none
    }

    footer .contactOnlineBoxAndOrderStatus ul .checkOrderStatusWidget .triggerButton {
        display: inline-block;
        width: 100%;
        height: 60px;
        background: #fff;
        border-radius: 6px;
        box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.12)
    }

    footer .contactOnlineBoxAndOrderStatus ul .checkOrderStatusWidget .triggerButton::after {
        display: none
    }

    footer .contactOnlineBoxAndOrderStatus ul .checkOrderStatusWidget .triggerButton span.icon {
        display: inline-block;
        margin: 0;
        vertical-align: middle;
        font-size: 32px
    }

    footer .contactOnlineBoxAndOrderStatus ul .checkOrderStatusWidget .triggerButton span.label {
        margin-left: 10px;
        writing-mode: initial;
        rotate: initial;
        letter-spacing: initial;
        font-size: 14px
    }

    footer .contactOnlineBoxAndOrderStatus ul .checkOrderStatusWidget .triggerButton span.label strong {
        display: initial;
        font: inherit
    }

    footer .contactOnlineBoxAndOrderStatus ul .checkOrderStatusWidget.expanded {
        z-index: 10;
        height: 100%
    }

    footer .contactOnlineBoxAndOrderStatus ul .checkOrderStatusWidget.expanded .checkOrderStatus {
        display: grid;
        grid-template-columns:1fr 300px 1fr;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 999999;
        width: 100dvw;
        height: 100dvh;
        padding: 0;
        grid-auto-rows: max-content;
        background: #fff
    }

    footer .contactOnlineBoxAndOrderStatus ul .checkOrderStatusWidget.expanded .checkOrderStatus > * {
        grid-column: 2/3
    }

    footer .contactOnlineBoxAndOrderStatus ul .checkOrderStatusWidget.expanded .checkOrderStatus div.header {
        display: grid;
        grid-template-columns:1fr 280px 20px 1fr;
        margin-bottom: 30px;
        padding: 15px 0 12px;
        grid-column: 1/4;
        background: #004cac;
        color: #fff;
        border: none
    }

    footer .contactOnlineBoxAndOrderStatus ul .checkOrderStatusWidget.expanded .checkOrderStatus div.header span.heading {
        grid-column: 2/3;
        font-size: 20px;
        font-weight: 400;
        line-height: 15px
    }

    footer .contactOnlineBoxAndOrderStatus ul .checkOrderStatusWidget.expanded .checkOrderStatus div.header button.closeButton {
        margin: 0;
        padding: 0;
        grid-column: 3/4;
        background: none;
        border: none;
        font-size: 16px;
        color: inherit;
        place-self: center end;
        cursor: pointer
    }

    footer .contactOnlineBoxAndOrderStatus ul .checkOrderStatusWidget.expanded .checkOrderStatus div.form div.captchaContainer {
        width: 304px;
        margin-left: -1px
    }

    footer .contactOnlineBoxAndOrderStatus ul .checkOrderStatusWidget.expanded .checkOrderStatus div.form div.captchaContainer::after {
        border-width: 2px 2px 5px 2px
    }

    footer .contactOnlineBoxAndOrderStatus ul .checkOrderStatusWidget.expanded .triggerButton {
        background: #fff;
        text-align: center
    }
}

footer .contactOnlineBoxAndOrderStatus ul li.chat {
    display: none
}

footer .contactOnlineBoxAndOrderStatus ul li.chat.visible {
    display: block
}

footer div.col {
    float: left;
    width: 33.33%
}

footer div.col.references {
    float: right
}

footer div.col.references div.label {
    margin-bottom: 21px
}

footer div.col.references div.referencesGrid {
    display: grid;
    grid-template-columns:repeat(2, 120px);
    grid-template-rows:repeat(2, 120px);
    grid-gap: 30px 50px
}

footer div.col.references div.referencesGrid figure {
    width: 100%;
    place-self: center
}

footer div.col.references div.referencesGrid figure img {
    width: 100%;
    height: auto
}

footer div.col div.label {
    margin-bottom: 26px;
    font-size: 16px
}

footer div.col ul li {
    margin: 0 0 13px
}

footer div.col ul li a, footer div.col ul li span {
    display: inline-block;
    font-size: 16px;
    line-height: 22px
}

footer div.col ul li span {
    color: #0066e3;
    cursor: pointer
}

footer div.col ul li span:hover {
    color: #004cac
}

footer div.paymentMethod {
    margin-top: 15px;
    padding: 40px 20px;
    border-top: 1px solid #d6d6d6
}

footer div#languages {
    margin: 45px auto 0;
    padding: 30px 0 10px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1)
}

footer div#languages span.languagesHeader {
    display: block;
    margin-bottom: 30px;
    font-size: 24px;
    text-align: left
}

footer div#languages div.item {
    display: block;
    float: left;
    width: 62px;
    height: 65px;
    margin: 0 0 20px;
    box-sizing: border-box;
    text-align: center
}

footer div#languages div.item a {
    display: inline-block;
    width: 44px;
    height: 28px;
    cursor: pointer
}

footer div#languages div.item a.be {
    background-position-y: -41px
}

footer div#languages div.item a.cz {
    background-position-y: -74px
}

footer div#languages div.item a.de {
    background-position-y: -239px
}

footer div#languages div.item a.ie {
    background-position-y: -206px
}

footer div#languages div.item a.es {
    background-position-y: -139px
}

footer div#languages div.item a.fr {
    background-position-y: -107px
}

footer div#languages div.item a.it {
    background-position-y: -371px
}

footer div#languages div.item a.hu {
    background-position-y: -305px
}

footer div#languages div.item a.nl {
    background-position-y: -173px
}

footer div#languages div.item a.at {
    background-position-y: -8px
}

footer div#languages div.item a.sk {
    background-position-y: -272px
}

footer div#languages div.item a.uk {
    background-position-y: -338px
}

footer div#languages div.item span.name {
    display: block;
    margin-top: 5px;
    font-size: 10px;
    color: #888
}

footer div#languages div.item.cr {
    width: 69px;
    height: 65px;
    padding: 10px 0 0 14px;
    margin-left: 15px;
    border-left: 1px solid rgba(0, 0, 0, 0.1)
}

footer div#languages div.item.cr a {
    width: 69px;
    height: 45px
}

footer div#languages div.item.narzedzia {
    width: 95px;
    height: 65px;
    padding: 23px 0 0 14px;
    margin-left: 14px
}

footer div#languages div.item.narzedzia a {
    width: 95px;
    height: 13px
}

footer div#languages.loaded div.item:not(.cr, .narzedzia) a {
    background-image: url(/gfx/common/country-flags.svg);
    background-repeat: no-repeat;
    background-size: 44px;
    border: 1px solid rgba(0, 0, 0, 0.1)
}

footer div#languages.loaded div.item.cr a {
    background-image: url('/gfx/common/logo-cr.svg');
    background-size: 100%
}

footer div#languages.loaded div.item.narzedzia a {
    background-image: url('/gfx/common/logo-narzedzia.svg');
    background-size: 100%
}

footer div#languages:after {
    clear: both;
    display: block !important;
    content: '';
    visibility: hidden
}

footer div.footerRule {
    padding-top: 28px
}

footer div.footerRule > div:after {
    clear: both;
    display: block !important;
    content: '';
    visibility: hidden
}

footer div.footerRule div.links {
    text-align: center
}

footer div.footerRule div.links a {
    display: inline-block;
    font-size: 18px;
    vertical-align: middle
}

footer div.footerRule div.links a[class^="icon-social"] {
    display: inline-block;
    width: 32px;
    height: 32px
}

footer div.footerRule div.links a[class^="icon-social"][class*="-fb"] {
    padding-left: 30px;
    margin-left: 30px;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    background-position: 30px 0
}

footer div.footerRule div.links a[class^="icon-social"][class*="-yt"] {
    margin: 0 25px;
    background-position: -45px 0
}

footer div.footerRule div.links a[class^="icon-social"][class*="-instagram"] {
    background-position: right 0
}

footer div.footerRule div.links a[class^="icon-social"].loaded {
    background-image: url('/gfx/common/icon-social.png');
    background-repeat: no-repeat
}

footer.order {
    padding: 0
}

footer.order div.helpSection {
    padding: 35px 0
}

footer.order div.helpSection ul {
    text-align: center
}

footer.order div.helpSection ul li {
    display: inline-block;
    margin: 0 6px;
    font-size: 15px
}

footer.order div.paymentMethod {
    margin-top: 0;
    padding: 43px 0 38px;
    border: 0
}

@media (min-width: 1141px) {
    footer .contactOnlineBoxAndOrderStatus ul {
        position: fixed;
        left: 0;
        top: 132px;
        z-index: 9999;
        width: 56px
    }

    footer .contactOnlineBoxAndOrderStatus ul li {
        position: relative;
        width: 56px;
        height: 56px;
        cursor: pointer;
        -webkit-transition: width 0.1s;
        -moz-transition: width 0.1s;
        -o-transition: width 0.1s;
        transition: width 0.1s;
        overflow: hidden;
        box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
        background: #fff
    }

    footer .contactOnlineBoxAndOrderStatus ul li span.icon {
        float: left;
        margin: 10px;
        font-size: 35px;
        color: #33b806
    }

    footer .contactOnlineBoxAndOrderStatus ul li span.text {
        position: absolute;
        left: 60px;
        width: 120px;
        margin: 22px 0 0 5px;
        color: #000
    }

    footer .contactOnlineBoxAndOrderStatus ul li:not(.checkOrderStatusWidget):hover {
        -webkit-transition: width 0.3s ease 0.5s;
        -moz-transition: width 0.3s ease 0.5s;
        -o-transition: width 0.3s ease 0.5s;
        transition: width 0.3s ease 0.5s;
        width: 200px
    }

    footer .contactOnlineBoxAndOrderStatus ul li:after {
        clear: both;
        display: block !important;
        content: '';
        visibility: hidden
    }
}

@media (min-width: 768px) and (max-width: 1140px) {
    footer {
        padding-top: 0
    }

    footer div.contactOnlineBoxAndOrderStatus {
        margin: 0 0 25px;
        border-bottom: 1px solid #d2d2d2
    }

    footer div.contactOnlineBoxAndOrderStatus ul {
        min-height: 34px
    }

    footer div.contactOnlineBoxAndOrderStatus ul li {
        position: relative;
        font-size: 12px
    }

    footer div.contactOnlineBoxAndOrderStatus ul li > span {
        display: inline-block;
        cursor: pointer
    }

    footer div.contactOnlineBoxAndOrderStatus ul li > span:after {
        clear: both;
        display: block !important;
        content: '';
        visibility: hidden
    }

    footer div.contactOnlineBoxAndOrderStatus ul li:first-child span.icon {
        margin-left: 10px
    }

    footer div.contactOnlineBoxAndOrderStatus ul li.selected span {
        position: relative
    }

    footer div.contactOnlineBoxAndOrderStatus ul li.selected:before {
        position: absolute;
        content: ' ';
        display: block;
        z-index: 2;
        top: -27px;
        left: 0;
        width: 100%;
        height: 86px;
        background: #fff;
        box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.18)
    }

    footer div.contactOnlineBoxAndOrderStatus ul li.selected:after {
        position: absolute;
        content: ' ';
        display: block;
        background: #fff;
        height: 20px;
        width: 100%;
        z-index: 11;
        top: -27px;
        left: 0
    }

    footer div.contactOnlineBoxAndOrderStatus ul li span.highIndex {
        z-index: 2
    }

    footer div.contactOnlineBoxAndOrderStatus ul li span.icon {
        display: inline-block;
        vertical-align: middle;
        font-size: 32px;
        color: #33b806
    }

    footer div.contactOnlineBoxAndOrderStatus ul li span.text {
        display: inline-block;
        margin: 0 0 0 12px;
        font-size: 14px;
        line-height: 32px;
        vertical-align: middle;
        color: #000
    }

    footer div.contactOnlineBoxAndOrderStatus ul {
        display: grid;
        grid-template-columns:304px 1fr 1fr;
        align-items: center;
        height: 87px
    }

    footer div.contactOnlineBoxAndOrderStatus ul li {
        box-sizing: border-box
    }

    footer div.contactOnlineBoxAndOrderStatus ul li.last-child {
        text-align: right
    }

    footer div.contactOnlineBoxAndOrderStatus ul li.jqCallBack {
        display: none
    }

    footer div.contactOnlineBoxAndOrderStatus ul li.chat.visible {
        display: inline-block
    }

    footer div.contactOnlineBoxAndOrderStatus ul li.chat.visible:before, footer div.contactOnlineBoxAndOrderStatus ul li.chat.visible:after {
        display: none
    }
}

@media (min-width: 768px) and (max-width: 959px) {
    body {
        margin: 0 !important
    }

    footer {
        padding: 0 0 30px
    }

    footer div.col {
        margin-bottom: 8px
    }

    footer div.col:nth-child(2) {
        width: 270px
    }

    footer div.col:nth-child(3) {
        width: 300px
    }

    footer div.col.references {
        width: 198px
    }

    footer div.col.references div.referencesGrid {
        grid-template-columns:repeat(2, 90px);
        grid-template-rows:repeat(2, 90px);
        grid-gap: 20px 16px
    }

    footer div.paymentMethod {
        border: none;
        padding: 0;
        margin-top: 35px
    }

    footer div.paymentMethod div.container {
        border-top: 1px solid #d6d6d6;
        padding-top: 30px
    }

    footer div#languages div.item {
        width: 82px;
        padding: 0 7px
    }

    footer div#languages div.item.cr {
        padding: 7px 0 0 25px
    }

    footer div#languages div.item.cr a {
        width: 80px;
        height: 52px
    }

    footer div#languages div.item.narzedzia {
        margin-left: 50px
    }

    footer div#languages div.item.narzedzia a {
        width: 115px;
        height: 16px
    }

    footer div#languages div.item span {
        word-break: break-word
    }

    footer.order div.paymentMethod div.container {
        border: none;
        padding-top: 0
    }

    footer.order div.helpSection {
        margin: 36px 0
    }

    footer.order div.helpSection ul li {
        margin: 0 10px;
        font-size: 15px
    }

    footer.order div.helpSection ul li:nth-child(n+5) {
        margin-top: 10px
    }
}

@media (max-width: 767px) {
    footer {
        padding: 25px 0 0
    }

    footer .paddingContainerBox {
        padding: 0 10px
    }

    footer div.contactOnlineBoxAndOrderStatus {
        margin-bottom: 29px
    }

    footer div.contactOnlineBoxAndOrderStatus ul {
        min-height: 34px
    }

    footer div.contactOnlineBoxAndOrderStatus ul li {
        position: relative;
        font-size: 12px
    }

    footer div.contactOnlineBoxAndOrderStatus ul li > span {
        display: inline-block;
        cursor: pointer
    }

    footer div.contactOnlineBoxAndOrderStatus ul li > span:after {
        clear: both;
        display: block !important;
        content: '';
        visibility: hidden
    }

    footer div.contactOnlineBoxAndOrderStatus ul li:first-child span.icon {
        margin-left: 10px
    }

    footer div.contactOnlineBoxAndOrderStatus ul li.selected span {
        position: relative
    }

    footer div.contactOnlineBoxAndOrderStatus ul li.selected:before {
        position: absolute;
        content: ' ';
        display: block;
        z-index: 2;
        top: -27px;
        left: 0;
        width: 100%;
        height: 86px;
        background: #fff;
        box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.18)
    }

    footer div.contactOnlineBoxAndOrderStatus ul li.selected:after {
        position: absolute;
        content: ' ';
        display: block;
        background: #fff;
        height: 20px;
        width: 100%;
        z-index: 11;
        top: -27px;
        left: 0
    }

    footer div.contactOnlineBoxAndOrderStatus ul li span.highIndex {
        z-index: 2
    }

    footer div.contactOnlineBoxAndOrderStatus ul li span.icon {
        display: inline-block;
        vertical-align: middle;
        font-size: 32px;
        color: #33b806
    }

    footer div.contactOnlineBoxAndOrderStatus ul li span.text {
        display: inline-block;
        margin: 0 0 0 12px;
        font-size: 14px;
        line-height: 32px;
        vertical-align: middle;
        color: #000
    }

    footer div.col {
        width: auto;
        margin: 0 0 50px;
        float: none
    }

    footer div.col.references {
        float: none;
        margin: 0 -10px 0;
        text-align: center
    }

    footer div.col.references div.label {
        padding-left: 10px;
        margin-bottom: 32px;
        text-align: left
    }

    footer div.col.references div.referencesGrid {
        padding-left: 14px;
        grid-template-columns:repeat(2, 140px);
        grid-template-rows:repeat(2, 140px);
        grid-gap: 30px 11px
    }

    footer div.col.references:after {
        clear: both;
        display: block !important;
        content: '';
        visibility: hidden
    }

    footer div.paymentMethod {
        border: none;
        padding: 0
    }

    footer div.paymentMethod div.container {
        border-top: 1px solid #d6d6d6;
        padding-top: 30px
    }

    footer div#languages {
        width: 300px;
        position: relative;
        margin: 20px auto 0
    }

    footer div#languages > div.container {
        width: 300px
    }

    footer div#languages span.languagesHeader {
        font-size: 18px
    }

    footer div#languages div.item {
        width: 70px;
        margin-left: 6px
    }

    footer div#languages div.item.cr {
        float: left;
        width: 85px;
        height: 100%;
        margin: 0 auto;
        padding: 20px 0 20px 37px;
        text-align: center;
        border-left: none
    }

    footer div#languages div.item.cr a {
        width: 80px;
        height: 52px
    }

    footer div#languages div.item.narzedzia {
        float: left;
        width: 115px;
        height: 100%;
        margin: 0 auto;
        padding: 38px 0 20px 60px;
        text-align: center;
        border-left: none
    }

    footer div#languages div.item.narzedzia a {
        width: 115px;
        height: 16px
    }

    footer div#languages div.item:first-of-type, footer div#languages div.item:nth-of-type(5), footer div#languages div.item:nth-of-type(9) {
        margin-left: 0
    }

    footer div.footerRule {
        position: relative;
        padding-top: 40px
    }

    footer div.footerRule div.links {
        float: none;
        padding-bottom: 40px;
        text-align: right
    }

    footer div.footerRule div.links a:first-child {
        float: left;
        margin-top: 10px
    }

    footer div.footerRule div.links a[class^="icon-social"][class*="-fb"] {
        margin-left: 0;
        padding-left: 0;
        border-left: 0;
        background-position: 0 0
    }

    footer div.footerRule div.links a[class^="icon-social"][class*="-yt"] {
        margin: 0 17px
    }

    footer div.footerRule div.links:after {
        clear: both;
        display: block !important;
        content: '';
        visibility: hidden
    }

    footer.order {
        padding-bottom: 10px
    }

    footer.order div.helpSection {
        margin: 36px 0;
        padding: 20px 0
    }

    footer.order div.helpSection div.links {
        padding: 0
    }

    footer.order div.helpSection div.links ul {
        text-align: left
    }

    footer.order div.helpSection div.links ul li {
        display: block
    }

    footer.order div.helpSection div.links ul li a {
        display: inline-block;
        font-size: 16px;
        line-height: 19px;
        margin: 8px 0
    }

    footer.order div.paymentMethod {
        padding: 20px 0
    }

    footer.order div.paymentMethod div.container {
        border: none;
        padding-top: 0
    }
}

.clear, .clrBoth, .both {
    clear: both;
    display: block !important
}

.left {
    float: left
}

.right {
    float: right
}

.relative {
    position: relative
}

.rotateArrow {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: all 330ms ease-in-out;
    transition: all 330ms ease-in-out
}

a:not(:has([class*="icon"]), .underLine, .button, .linkButton, .borderButton, .tire, .wheel, .filter, .jqRemoveFromCart, .icon-remove-2 ):focus, a:not(:has([class*="icon"]), .underLine, .button, .linkButton, .borderButton, .tire, .wheel, .filter, .jqRemoveFromCart, .icon-remove-2 ):hover {
    text-decoration-thickness: 1px !important;
    text-decoration: underline;
    text-underline-offset: 3px
}

a:has([class*="icon"]):not(.toolBox, .productThumb, .protocol, .label, .diameterIcon):focus *:not([class*="icon"], .tooltip ), a:has([class*="icon"]):not(.toolBox, .productThumb, .protocol, .label, .diameterIcon):hover *:not([class*="icon"], .tooltip ) {
    text-decoration-thickness: 1px !important;
    text-decoration: underline;
    text-underline-offset: 3px
}

.shadowBtn {
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1)
}

.shadowBtn:focus, .shadowBtn:hover {
    box-shadow: 0 5px 16px rgba(0, 0, 0, 0.22)
}

div.zopim {
    right: 120px !important
}

html {
    background: #fff
}

body {
    margin: 0;
    padding: 0;
    font: 12px/15px 'Roboto', 'Avenir Medium', Helvetica, sans-serif;
    font-weight: 400
}

.noScroll {
    overscroll-behavior-y: none;
    overflow: hidden !important
}

.noScrollWithScrollBar {
    position: fixed;
    overflow-y: scroll;
    top: 0;
    left: 0;
    right: 0
}

.hiddenAlways {
    display: none !important
}

img[width="1"] {
    display: none
}

iframe[name="google_conversion_frame"] {
    position: absolute;
    top: -999px
}

div#mobileFloatingBar {
    position: fixed;
    display: flex;
    z-index: 99998;
    align-items: center;
    justify-content: center;
    background: none;
    border-radius: 21px
}

div#mobileFloatingBar div#scrollTop {
    position: fixed;
    width: 108px;
    height: 33px;
    z-index: 10000;
    text-align: center;
    font-size: 24px;
    color: #fff;
    cursor: pointer;
    border-radius: 16px;
    background: #000
}

div#mobileFloatingBar div#scrollTop span.arrow {
    display: inline-block;
    position: relative;
    top: 4px;
    font-size: 10px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

div#mobileFloatingBar div#scrollTop em {
    position: relative;
    top: 5px;
    font-size: 14px
}

div#mobileFloatingBar div#floatingCart {
    display: none
}

select {
    border: solid 1px #ccc;
    cursor: pointer;
    font-family: 'Roboto', sans-serif;
    border-radius: 4px;
    background-color: #fff;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMjQiIGhlaWdodD0iMTAyNCIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCI+PHRpdGxlPjwvdGl0bGU+PGcgaWQ9Imljb21vb24taWdub3JlIj48L2c+PHBhdGggZmlsbD0iIzAwMCIgZD0iTTUxMS45OTggNTY3LjA4NmwzNzguNDU2LTM3NS4wNjggMTMzLjU0OCAxMzIuMzktNTEyLjAwNCA1MDcuNTc0LTUxMi01MDcuNTc0IDEzMy41NDItMTMyLjM5IDM3OC40NTggMzc1LjA2OHoiPjwvcGF0aD48L3N2Zz4=);
    background-size: 0.83em;
    background-position: right 11px top 11px;
    background-repeat: no-repeat;
    appearance: none;
    height: 36px;
    min-width: 50px;
    padding-right: 26px;
    text-indent: 1px;
    font-size: 14px;
    color: #000;
    -moz-appearance: none;
    -webkit-appearance: none
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    select {
        text-indent: 13px
    }
}

@media screen and (min--moz-device-pixel-ratio: 0) {
    select {
        text-indent: 2px
    }
}

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

select option {
    font-weight: 400;
    font-size: 14px;
    padding: 2px 0
}

select[disabled="disabled"], select[disabled=""] {
    opacity: 0.4;
    cursor: not-allowed
}

select.small {
    background-size: 0.68em;
    background-position: right 6px top 8px
}

input[type="text"], input[type="tel"], input[type="password"], input[type="email"] {
    border-radius: 4px;
    background-color: #fff;
    border: 1px solid #ccc;
    height: 28px;
    text-indent: 6px;
    font-family: 'Roboto', sans-serif
}

input[type="number"] {
    -moz-appearance: textfield
}

div.checkboxStyle {
    position: relative;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

div.checkboxStyle input[type="checkbox"] {
    display: none
}

div.checkboxStyle input[type="checkbox"] + label > span:not(.tooltip) {
    display: inline-block;
    position: relative;
    width: 16px;
    height: 16px;
    margin: -2px 4px 0 0;
    vertical-align: middle;
    cursor: pointer;
    box-sizing: border-box;
    border-radius: 4px;
    background: #fff;
    border: 1px solid #ccc
}

div.checkboxStyle input[type="checkbox"]:checked + label > span:not(.tooltip) {
    background-color: #0066e3;
    color: #fff;
    border-color: #0066e3
}

div.checkboxStyle input[type="checkbox"]:checked + label > span:not(.tooltip):before {
    position: absolute;
    top: 3px;
    left: 3px;
    font-size: 8px;
    content: "\f13f";
    font-family: "icon";
    display: inline-block;
    line-height: 1;
    font-weight: normal;
    font-style: normal;
    speak: none;
    text-decoration: inherit;
    text-transform: none;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

div.checkboxStyle label {
    font-size: 16px;
    font-weight: 400;
    color: #000;
    cursor: pointer;
    margin: 8px 0
}

div.checkboxStyle.insideLabel input[type="checkbox"] + span {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: -2px 4px 0 0;
    vertical-align: middle;
    box-sizing: border-box;
    border-radius: 4px;
    background: #fff;
    border: 1px solid #ccc
}

div.checkboxStyle.insideLabel input[type="checkbox"]:checked + span {
    background-color: #0066e3;
    color: #fff
}

div.checkboxStyle.insideLabel input[type="checkbox"]:checked + span:before {
    position: absolute;
    top: 3px;
    left: 3px;
    font-size: 9px;
    content: "\f13f";
    font-family: "icon";
    display: inline-block;
    line-height: 1;
    font-weight: normal;
    font-style: normal;
    speak: none;
    text-decoration: inherit;
    text-transform: none;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

div.tooltipBig {
    position: absolute;
    left: 50%;
    margin-left: -480px;
    width: 960px;
    display: none;
    z-index: 2100;
    background: #fff;
    margin-top: 24px;
    box-shadow: 0 5px 16px rgba(0, 0, 0, 0.22)
}

div.tooltipBig.gray {
    background: #eee
}

div.tooltipBig.show {
    display: block
}

div.tooltipBig.arrowTop:after {
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    background: inherit;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    top: -12px;
    left: 50%;
    margin-left: -55px;
    box-shadow: -3px 3px 3px 0 rgba(0, 0, 0, 0.06)
}

div.container {
    margin: 0 auto;
    padding-left: 0;
    padding-right: 0;
}

@media (min-width: 960px) {
    div.container {
        width: 960px
    }
}

@media (min-width: 768px) and (max-width: 959px) {
    div.container {
        width: 768px
    }
}

@media (max-width: 767px) {
    div.container {
        width: 320px
    }
}

div.container.withPadding {
    padding: 20px
}

div.container-fluid {
    width: 100%
}

.catalogPrice {
    font-size: 12px;
    line-height: 18px;
    color: dimgray
}

.catalogPrice strong {
    font-size: 14px;
    font-weight: 700
}

#loadingBg {
    background: none repeat scroll 0 0 #fff;
    display: block;
    height: 100%;
    left: 0;
    opacity: 0.7;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999999
}

#loadingWait {
    background: url("/gfx/common/loader.gif") no-repeat scroll center center;
    background-size: 100%;
    display: block;
    height: 50px;
    left: 50%;
    margin: -25px 0 0 -25px;
    position: fixed;
    top: 50%;
    width: 50px;
    z-index: 9999999
}

div#cboxLoadedContent div.modalBox {
    display: block !important;
    position: static;
    width: 100%;
    margin: 0 auto;
    background: #fff;
    border-radius: 3px
}

div.modalBox {
    display: none
}

div#discountInfo {
    position: fixed;
    top: 227px;
    right: 0px;
    width: 255px;
    z-index: 9999;
    margin-top: -60px;
    padding: 33px 20px 8px 30px;
    background: #e43f08;
    border-radius: 5px 0 0 5px
}

div#discountInfo span.close {
    display: block;
    position: absolute;
    width: 12px;
    height: 12px;
    top: 15px;
    right: 15px;
    cursor: pointer;
    background: url('/gfx/global/discount-sprite.png') -124px top no-repeat
}

div#discountInfo p {
    margin-bottom: 26px;
    color: #fff;
    font-size: 18px;
    line-height: 20px
}

div#discountInfo div.discount {
    margin-bottom: 28px;
    color: #fff;
    font-size: 38px;
    line-height: 38px;
    font-weight: 700
}

div#discountInfo.hidden {
    overflow: hidden;
    cursor: pointer;
    width: 66px;
    height: 280px;
    padding: 0;
    background: #ff650f url('/gfx/global/discount-sprite.png') -9999px -9999px no-repeat
}

div#discountInfo.hidden.discount50 {
    background-position: -143px 1px
}

div#discountInfo.hidden.discount100 {
    background-position: left bottom
}

div#discountInfo.hidden.discount200 {
    background-position: -70px bottom
}

div#discountInfo.hidden div.discount {
    display: none
}

div#discountInfo.hidden span.close {
    display: none
}

div#discountInfo.hidden p {
    display: none
}

div#contactOnlineBox {
    position: fixed;
    left: 0;
    top: 355px;
    z-index: 9999
}

div#contactOnlineBox.bottom {
    top: 355px
}

div#contactOnlineBox.down {
    top: 550px
}

div#contactOnlineBox ul li {
    position: relative;
    width: 56px;
    height: 56px;
    cursor: pointer;
    transition-duration: 0.1s;
    background: #fff;
    overflow: hidden;
    box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.18)
}

div#contactOnlineBox ul li a {
    color: #000
}

div#contactOnlineBox ul li span.icon {
    display: block;
    float: left;
    margin: 10px;
    color: #0066e3;
    font-size: 35px
}

div#contactOnlineBox ul li span.text {
    position: absolute;
    left: 60px;
    align-items: center;
    margin: 22px 0 0 5px;
    width: 120px
}

div.pager ul {
    float: right;
    margin: 10px 21px 20px 0
}

div.pager ul li {
    display: block;
    float: left;
    margin-top: 4px;
    font-size: 15px;
    text-align: center
}

div.pager ul li a {
    display: block;
    overflow: hidden;
    min-width: 15px;
    padding: 8px;
    color: #000;
    background: #fff;
    border-radius: 6px;
    border: 1px solid transparent
}

div.pager ul li a:hover {
    text-decoration: none;
    border: 1px solid dimgray
}

div.pager ul li.active span {
    display: block;
    overflow: hidden;
    min-width: 15px;
    padding: 9px;
    color: #fff;
    background: #000;
    border-radius: 6px;
    font-weight: 700
}

div.pager ul li.arrow a {
    padding: 9px 9px 10px;
    font-size: 12px;
    font-weight: 700
}

div.pager ul li:first-child {
    margin-left: 0
}

div.pager ul li + li {
    margin-left: 8px
}

div.pager ul li.moreItems {
    padding-top: 14px
}

div.pager ul:after {
    clear: both;
    display: block !important;
    content: '';
    visibility: hidden
}

div.pager:after {
    clear: both;
    display: block !important;
    content: '';
    visibility: hidden
}

div.breadcrumb {
    position: relative;
    height: 40px;
    padding: 7px 0;
    box-sizing: border-box;
    border-bottom: 1px solid rgba(255, 255, 255, 0.36);
    background: #e1e1e1
}

div.breadcrumb .container {
    position: relative
}

div.breadcrumb ul {
    font-size: 0;
    line-height: 0
}

div.breadcrumb ul li {
    display: inline-block;
    color: #000;
    font-size: 13px;
    line-height: 26px
}

div.breadcrumb ul li span[class^="icon-"] {
    padding: 0 5px;
    font-size: 10px
}

div.breadcrumb ul li a {
    display: inline-block;
    line-height: 26px;
    color: #000
}

div.productComparerButton a.compare {
    position: fixed;
    z-index: 3;
    display: block;
    left: 50%;
    bottom: 15px;
    transform: translate(-50%, 0);
    color: #fff;
    font-weight: 700;
    text-align: center;
    border-radius: 25px;
    opacity: 0.97;
    background: #075dc7;
    -webkit-transition: bottom 0.2s ease-out 0.1s;
    -moz-transition: bottom 0.2s ease-out 0.1s;
    -o-transition: bottom 0.2s ease-out 0.1s;
    transition: bottom 0.2s ease-out 0.1s;
    -webkit-animation: fromBottom 1s alternate both;
    -moz-animation: fromBottom 1s alternate both;
    animation: fromBottom 1s alternate both;
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
}

div.productComparerButton a.compare:hover {
    text-decoration: none;
    background: #034fae
}

@-moz-keyframes fromBottom {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-50%, 300px, 0);
        -moz-transform: translate3d(-50%, 300px, 0);
        -o-transform: translate3d(-50%, 300px, 0);
        transform: translate3d(-50%, 300px, 0);
        -webkit-transform: translate3d(-50%, 300px, 0);
        -moz-transform: translate3d(-50%, 300px, 0);
        -o-transform: translate3d(-50%, 300px, 0);
        transform: translate3d(-50%, 300px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-50%, -5px, 0);
        -moz-transform: translate3d(-50%, -5px, 0);
        -o-transform: translate3d(-50%, -5px, 0);
        transform: translate3d(-50%, -5px, 0);
        -webkit-transform: translate3d(-50%, -5px, 0);
        -moz-transform: translate3d(-50%, -5px, 0);
        -o-transform: translate3d(-50%, -5px, 0);
        transform: translate3d(-50%, -5px, 0)
    }
    100% {
        -webkit-transform: translate3d(-50%, 0, 0);
        -moz-transform: translate3d(-50%, 0, 0);
        -o-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0);
        -webkit-transform: translate3d(-50%, 0, 0);
        -moz-transform: translate3d(-50%, 0, 0);
        -o-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0)
    }
}

@-webkit-keyframes fromBottom {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-50%, 300px, 0);
        -moz-transform: translate3d(-50%, 300px, 0);
        -o-transform: translate3d(-50%, 300px, 0);
        transform: translate3d(-50%, 300px, 0);
        -webkit-transform: translate3d(-50%, 300px, 0);
        -moz-transform: translate3d(-50%, 300px, 0);
        -o-transform: translate3d(-50%, 300px, 0);
        transform: translate3d(-50%, 300px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-50%, -5px, 0);
        -moz-transform: translate3d(-50%, -5px, 0);
        -o-transform: translate3d(-50%, -5px, 0);
        transform: translate3d(-50%, -5px, 0);
        -webkit-transform: translate3d(-50%, -5px, 0);
        -moz-transform: translate3d(-50%, -5px, 0);
        -o-transform: translate3d(-50%, -5px, 0);
        transform: translate3d(-50%, -5px, 0)
    }
    100% {
        -webkit-transform: translate3d(-50%, 0, 0);
        -moz-transform: translate3d(-50%, 0, 0);
        -o-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0);
        -webkit-transform: translate3d(-50%, 0, 0);
        -moz-transform: translate3d(-50%, 0, 0);
        -o-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0)
    }
}

@keyframes fromBottom {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-50%, 300px, 0);
        -moz-transform: translate3d(-50%, 300px, 0);
        -o-transform: translate3d(-50%, 300px, 0);
        transform: translate3d(-50%, 300px, 0);
        -webkit-transform: translate3d(-50%, 300px, 0);
        -moz-transform: translate3d(-50%, 300px, 0);
        -o-transform: translate3d(-50%, 300px, 0);
        transform: translate3d(-50%, 300px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-50%, -5px, 0);
        -moz-transform: translate3d(-50%, -5px, 0);
        -o-transform: translate3d(-50%, -5px, 0);
        transform: translate3d(-50%, -5px, 0);
        -webkit-transform: translate3d(-50%, -5px, 0);
        -moz-transform: translate3d(-50%, -5px, 0);
        -o-transform: translate3d(-50%, -5px, 0);
        transform: translate3d(-50%, -5px, 0)
    }
    100% {
        -webkit-transform: translate3d(-50%, 0, 0);
        -moz-transform: translate3d(-50%, 0, 0);
        -o-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0);
        -webkit-transform: translate3d(-50%, 0, 0);
        -moz-transform: translate3d(-50%, 0, 0);
        -o-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0)
    }
}

div.productComparerButton div.limitExceeded {
    position: fixed;
    z-index: 1000;
    left: 50%;
    transform: translate(-50%, 0);
    padding: 9px 15px;
    font-size: 14px;
    opacity: 0;
    line-height: 16px;
    background: #ffee6a;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
    -webkit-animation: limitFadeInFadeOut 3.5s alternate both;
    -moz-animation: limitFadeInFadeOut 3.5s alternate both;
    animation: limitFadeInFadeOut 3.5s alternate both
}

@-moz-keyframes limitFadeInFadeOut {
    25% {
        opacity: 0
    }
    37.5% {
        opacity: 1
    }
    87.5% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@-webkit-keyframes limitFadeInFadeOut {
    25% {
        opacity: 0
    }
    37.5% {
        opacity: 1
    }
    87.5% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@keyframes limitFadeInFadeOut {
    25% {
        opacity: 0
    }
    37.5% {
        opacity: 1
    }
    87.5% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

div.productComparerButton div.limitExceeded:before {
    position: absolute;
    top: 100%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 6px 0 6px;
    border-color: #ffee6a transparent transparent transparent;
    content: ''
}

div.productComparerButton div.limitExceeded span[class^="icon-"] {
    float: left;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    font-size: 16px
}

div.productComparerButton div.limitExceeded:after {
    clear: both;
    display: block !important;
    content: '';
    visibility: hidden
}

#linkFarm {
    background: #fff
}

#linkFarm div.container {
    padding: 50px 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1)
}

#linkFarm h4 {
    margin-bottom: 20px;
    font-size: 20px;
    line-height: 24px;
    font-weight: 700
}

#linkFarm ul {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4
}

#linkFarm ul li {
    display: inline-block;
    width: 100%;
    margin-bottom: 7px
}

#linkFarm ul li a {
    font-size: 14px;
    line-height: 20px
}

#linkFarm p.more {
    display: none
}

div.inputWithLabel {
    position: relative
}

div.inputWithLabel label {
    position: absolute;
    background: #fff;
    margin: 12px 8px 0;
    padding: 0 7px;
    font-size: 14px;
    cursor: text;
    color: #999
}

div.inputWithLabel.valid label, div.inputWithLabel.error label {
    top: -19px;
    font-size: 12px
}

div.inputWithLabel.valid.focus label, div.inputWithLabel.error.focus label {
    transition-property: none;
    transform: none
}

div.inputWithLabel.valid span.success {
    display: inline-block
}

div.inputWithLabel.error span.error {
    display: inline-block
}

div.inputWithLabel.error input {
    border-color: #eb1700
}

div.inputWithLabel.focus label {
    font-size: 12px;
    transition-duration: 0.3s;
    transform: translateY(-19px);
    transition-property: color, transform
}

div.inputWithLabel span.icon {
    position: absolute;
    display: none;
    top: 8px;
    right: 11px;
    z-index: 17
}

div.inputWithLabel span.icon.error span.ico {
    color: #ff2f19;
    font-size: 22px
}

div.inputWithLabel span.icon.success span.ico {
    color: #25a200;
    font-size: 22px
}

div.inputWithLabel span.icon:hover span.text {
    display: block
}

div.inputWithLabel span.icon span.text {
    color: #fff;
    display: none;
    position: absolute;
    background: #ff2f19;
    z-index: 9;
    width: 200px;
    max-width: 240px;
    margin: 0 0 0 -84px;
    padding: 20px;
    font-size: 15px;
    font-style: normal;
    text-align: center;
    text-transform: none;
    cursor: default;
    border-radius: 2px;
    bottom: 40px;
    left: 10%;
    transform: translateX(-50%)
}

div.inputWithLabel span.icon span.text em {
    display: block;
    font-size: 12px;
    opacity: 0.7
}

div.inputWithLabel span.icon span.text:before, div.inputWithLabel span.icon span.text:after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border: solid transparent;
    pointer-events: none;
    left: 50%
}

div.inputWithLabel span.icon span.text:after {
    border-width: 13px;
    margin-left: 80px;
    border-color: transparent;
    top: 100%;
    border-top-color: #ff2f19
}

div.inputWithLabel span.icon span.text:before {
    border-width: 14px;
    margin-left: 80px;
    border-color: transparent;
    top: 100%;
    border-top-color: #fff
}

span.tooltip {
    display: none;
    position: absolute !important;
    z-index: 50;
    left: 50%;
    margin-left: -50px;
    padding: 15px;
    color: #000;
    font-size: 14px;
    line-height: 17px;
    text-align: left;
    border: 1px solid #a9a9a9;
    background-color: #fff;
    box-shadow: 0 5px 16px rgba(0, 0, 0, 0.22);
    border: 1px solid #eee;
    font-family: 'Roboto', sans-serif;
    cursor: default;
    z-index: 5555
}

span.tooltip:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 20px;
    bottom: -20px;
    left: 0
}

span.tooltip span.arrow {
    position: absolute !important;
    width: 50px;
    height: 25px;
    left: 50px;
    transform: translateX(-50%);
    overflow: hidden;
    bottom: -25px;
    z-index: 999999
}

span.tooltip span.arrow:after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    background: #fff;
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
    top: 0;
    left: 50%;
    box-shadow: 0 5px 16px rgba(0, 0, 0, 0.22);
    border: 1px solid #eee
}

span.tooltip span.header {
    display: block;
    margin-bottom: 5px;
    font-size: 16px;
    line-height: 23px;
    font-weight: 700
}

span.tooltip span.close {
    position: absolute !important;
    top: 17px;
    right: 17px;
    color: #000;
    font-size: 15px;
    padding: 17px;
    margin: -17px -20px 0 0
}

span.tooltip.big {
    padding: 30px;
    line-height: 21px
}

span.tooltip.big span.header {
    margin-bottom: 20px
}

body div#chatbotize {
    position: relative;
    z-index: 9999999
}

@media (min-width: 960px) {
    .hiddenBig {
        display: none !important
    }

    div.productComparerButton a.compare {
        width: 380px;
        height: 50px;
        font-size: 18px;
        line-height: 50px
    }

    div.productComparerButton div.limitExceeded {
        bottom: 63px
    }

    div.productComparerButton div.limitExceeded:before {
        left: 222px
    }

    div#mobileFloatingBar {
        display: none;
        bottom: 36px;
        right: 90px
    }

    div#mobileFloatingBar div#scrollTop {
        bottom: 36px;
        right: 90px;
        box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1)
    }

    div#mobileFloatingBar div#scrollTop:hover, div#mobileFloatingBar div#scrollTop:focus {
        font-weight: 700;
        box-shadow: 0 5px 16px rgba(0, 0, 0, 0.22)
    }

    div#mobileFloatingBar.visible {
        display: block;
        box-shadow: 0 5px 16px rgba(0, 0, 0, 0.22)
    }
}

@media (min-width: 768px) and (max-width: 959px) {
    body {
        margin: 0 !important
    }

    .hiddenMedium {
        display: none !important
    }

    .hiddenMedium.line {
        display: block
    }

    div.tooltipBig {
        width: 768px;
        margin-left: -384px
    }

    #linkFarm ul {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3
    }

    div.productComparerButton a.compare {
        width: 380px;
        height: 50px;
        font-size: 18px;
        line-height: 50px
    }

    div.productComparerButton div.limitExceeded {
        bottom: 63px
    }

    div.productComparerButton div.limitExceeded:before {
        left: 222px
    }

    div#mobileFloatingBar {
        height: 42px;
        top: -45px;
        left: 50%;
        transform: translateX(-50%)
    }

    div#mobileFloatingBar.hide {
        -webkit-animation: hideScroll 0.3s ease-in alternate;
        -moz-animation: hideScroll 0.3s ease-in alternate;
        animation: hideScroll 0.3s ease-in alternate
    }

    div#mobileFloatingBar.visible {
        top: 20px;
        -webkit-animation: showScroll 0.3s ease-in alternate;
        -moz-animation: showScroll 0.3s ease-in alternate;
        animation: showScroll 0.3s ease-in alternate
    }

    @-webkit-keyframes hideScroll {
        0% {
            top: 20px
        }
        100% {
            top: -45px
        }
    }
    @-moz-keyframes hideScroll {
        0% {
            top: 20px
        }
        100% {
            top: -45px
        }
    }
    @-ms-keyframes hideScroll {
        0% {
            top: 20px
        }
        100% {
            top: -45px
        }
    }
    @-o-keyframes hideScroll {
        0% {
            top: 20px
        }
        100% {
            top: -45px
        }
    }
    @keyframes hideScroll {
        0% {
            top: 20px
        }
        100% {
            top: -45px
        }
    }
    @-webkit-keyframes showScroll {
        0% {
            top: -45px
        }
        100% {
            top: 20px
        }
    }
    @-moz-keyframes showScroll {
        0% {
            top: -45px
        }
        100% {
            top: 20px
        }
    }
    @-ms-keyframes showScroll {
        0% {
            top: -45px
        }
        100% {
            top: 20px
        }
    }
    @-o-keyframes showScroll {
        0% {
            top: -45px
        }
        100% {
            top: 20px
        }
    }
    @keyframes showScroll {
        0% {
            top: -45px
        }
        100% {
            top: 20px
        }
    }
    span.tooltip {
        padding: 15px 35px 15px 15px
    }
}

@media (max-width: 767px) {
    body.mobileBar {
        padding-bottom: 46px
    }

    body.mobileBar div.productComparerButton a.compare {
        bottom: 61px
    }

    body.mobileBar div.productComparerButton div.limitExceeded {
        bottom: 96px
    }

    div.yourOpinion {
        margin-bottom: 32px
    }

    div.yourOpinion a {
        display: block;
        padding: 5px 0;
        font-size: 18px;
        font-weight: 700;
        color: #000;
        cursor: pointer
    }

    div.yourOpinion a span.icon {
        display: inline-block;
        vertical-align: middle;
        width: 42px;
        height: 42px;
        margin: 0 10px;
        font-size: 26px;
        line-height: 42px;
        color: #fff;
        text-align: center;
        border-radius: 50%;
        background: #0066e3
    }

    .hiddenSmall {
        display: none !important
    }

    div.livecall-widget {
        display: none !important
    }

    div.paddingContainerBox {
        padding: 0 10px
    }

    div.tooltipBig {
        width: 320px;
        margin-left: -160px
    }

    div.breadcrumb .container {
        padding: 0 10px;
        box-sizing: border-box;
        overflow: hidden
    }

    div.breadcrumb .container:before, div.breadcrumb .container:after {
        display: none;
        position: absolute;
        z-index: 1;
        content: '';
        top: 0;
        width: 53px;
        height: 100%
    }

    div.breadcrumb .container:before {
        left: 0;
        background: linear-gradient(90deg, #e1e1e1 7.35%, rgba(225, 225, 225, 0) 100%)
    }

    div.breadcrumb .container:after {
        right: 0;
        background: linear-gradient(270deg, #e1e1e1 7.35%, rgba(225, 225, 225, 0) 100%)
    }

    div.breadcrumb.start .container:after {
        display: block
    }

    div.breadcrumb.middle .container:before {
        display: block
    }

    div.breadcrumb.middle .container:after {
        display: block
    }

    div.breadcrumb.end .container:before {
        display: block
    }

    div.breadcrumb ul {
        white-space: nowrap
    }

    #linkFarm.visible ul li:nth-child(n+6) {
        display: block
    }

    #linkFarm.visible p.more {
        display: none
    }

    #linkFarm h4 {
        font-size: 18px;
        line-height: 22px
    }

    #linkFarm ul {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1
    }

    #linkFarm ul li:nth-child(n+6) {
        display: none
    }

    #linkFarm p.more {
        display: block;
        margin-top: 16px;
        font-size: 14px;
        color: #0066e3;
        text-align: center
    }

    #linkFarm p.more > span {
        cursor: pointer
    }

    #linkFarm p.more > span:hover {
        color: #0066e3;
        border-bottom: 1px solid #0066e3
    }

    #linkFarm p.more span.icon {
        display: inline-block;
        margin-left: 10px
    }

    div.productComparerButton a.compare {
        width: 292px;
        height: 36px;
        font-size: 16px;
        line-height: 36px
    }

    div.productComparerButton div.limitExceeded {
        width: 320px;
        bottom: 50px;
        box-sizing: border-box
    }

    div.productComparerButton div.limitExceeded:before {
        left: 190px
    }

    div.productComparerButton div.limitExceeded span[class^="icon-"] {
        margin-top: 8px
    }

    div.productComparerButton div.limitExceeded span {
        display: block
    }

    div#mobileFloatingBar {
        position: fixed;
        display: flex;
        z-index: 99998;
        width: auto;
        height: 42px;
        padding: 0 5px;
        align-items: center;
        border-radius: 21px;
        top: -45px;
        left: 50%;
        transform: translateX(-50%)
    }

    div#mobileFloatingBar.hide {
        -webkit-animation: hideScroll 0.3s ease-in alternate;
        -moz-animation: hideScroll 0.3s ease-in alternate;
        animation: hideScroll 0.3s ease-in alternate
    }

    div#mobileFloatingBar.visible {
        top: 20px;
        -webkit-animation: showScroll 0.3s ease-in alternate;
        -moz-animation: showScroll 0.3s ease-in alternate;
        animation: showScroll 0.3s ease-in alternate
    }

    @-webkit-keyframes hideScroll {
        0% {
            top: 20px
        }
        100% {
            top: -45px
        }
    }
    @-moz-keyframes hideScroll {
        0% {
            top: 20px
        }
        100% {
            top: -45px
        }
    }
    @-ms-keyframes hideScroll {
        0% {
            top: 20px
        }
        100% {
            top: -45px
        }
    }
    @-o-keyframes hideScroll {
        0% {
            top: 20px
        }
        100% {
            top: -45px
        }
    }
    @keyframes hideScroll {
        0% {
            top: 20px
        }
        100% {
            top: -45px
        }
    }
    @-webkit-keyframes showScroll {
        0% {
            top: -45px
        }
        100% {
            top: 20px
        }
    }
    @-moz-keyframes showScroll {
        0% {
            top: -45px
        }
        100% {
            top: 20px
        }
    }
    @-ms-keyframes showScroll {
        0% {
            top: -45px
        }
        100% {
            top: 20px
        }
    }
    @-o-keyframes showScroll {
        0% {
            top: -45px
        }
        100% {
            top: 20px
        }
    }
    @keyframes showScroll {
        0% {
            top: -45px
        }
        100% {
            top: 20px
        }
    }
    div#mobileFloatingBar div#scrollTop {
        position: relative;
        width: 95px;
        height: 34px;
        background: #000;
        color: #fff
    }

    div#mobileFloatingBar.stockInCart {
        background: #004395;
        top: -45px;
        left: 50%;
        transform: translateX(-50%)
    }

    div#mobileFloatingBar.stockInCart.hide {
        -webkit-animation: hideScroll 0.3s ease-in alternate;
        -moz-animation: hideScroll 0.3s ease-in alternate;
        animation: hideScroll 0.3s ease-in alternate
    }

    div#mobileFloatingBar.stockInCart.visible {
        top: 20px;
        -webkit-animation: showScroll 0.3s ease-in alternate;
        -moz-animation: showScroll 0.3s ease-in alternate;
        animation: showScroll 0.3s ease-in alternate
    }

    @-webkit-keyframes hideScroll {
        0% {
            top: 20px
        }
        100% {
            top: -45px
        }
    }
    @-moz-keyframes hideScroll {
        0% {
            top: 20px
        }
        100% {
            top: -45px
        }
    }
    @-ms-keyframes hideScroll {
        0% {
            top: 20px
        }
        100% {
            top: -45px
        }
    }
    @-o-keyframes hideScroll {
        0% {
            top: 20px
        }
        100% {
            top: -45px
        }
    }
    @keyframes hideScroll {
        0% {
            top: 20px
        }
        100% {
            top: -45px
        }
    }
    @-webkit-keyframes showScroll {
        0% {
            top: -45px
        }
        100% {
            top: 20px
        }
    }
    @-moz-keyframes showScroll {
        0% {
            top: -45px
        }
        100% {
            top: 20px
        }
    }
    @-ms-keyframes showScroll {
        0% {
            top: -45px
        }
        100% {
            top: 20px
        }
    }
    @-o-keyframes showScroll {
        0% {
            top: -45px
        }
        100% {
            top: 20px
        }
    }
    @keyframes showScroll {
        0% {
            top: -45px
        }
        100% {
            top: 20px
        }
    }
    div#mobileFloatingBar.stockInCart div#scrollTop {
        background: #fff;
        color: #000
    }

    div#mobileFloatingBar.stockInCart div#floatingCart {
        display: flex;
        align-items: center;
        position: relative;
        z-index: 100;
        margin-right: 15px;
        top: 0px;
        text-align: center;
        font-size: 14px;
        color: #fff;
        cursor: pointer
    }

    div#mobileFloatingBar.stockInCart div#floatingCart span.icon-cart {
        padding: 0 7px 0 13px;
        font-size: 24px
    }

    div#mobileFloatingBar.stockInCart div#floatingCart em.count {
        position: absolute;
        top: -3px;
        left: 21px;
        padding: 0 4px;
        min-width: 13px;
        height: 13px;
        font-size: 10px;
        font-weight: 700;
        box-sizing: border-box;
        line-height: 13px;
        text-align: center;
        border-radius: 10px;
        background: #fff;
        color: #0066e3
    }

    span.tooltip {
        margin-left: -25px;
        padding: 15px 30px 15px 15px
    }

    span.tooltip span.close {
        top: 15px
    }

    span.tooltip span.arrow {
        left: 25px
    }
}