.b2c-feature-card__immersiveimage img{width:100% !important} 
.dgad-static-page__header {
	width: 100vw;
    margin-left: calc(-50vw + 50%);
}
.apos-area, .apos-area-widgets, .apos-area-widget {
    position: relative;
}
.iti__flag {
    height: 15px;
    box - shadow: 0 0 1px 0 # 888;
    background - image: url(https://dcadprod.azureedge.net/b2c-experience-production/assets/ckqj5idca000101oa6unt1bo7/modules/@dgad/forms-phone-field-widgets/img/flags.png);
    background-repeat: no-repeat;
    background-color: #dbdbdb;
    background-position: 20px 0
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {
    .iti__flag {
        background-image:url(https://dcadprod.azureedge.net/b2c-experience-production/assets/ckqj5idca000101oa6unt1bo7/modules/@dgad/forms-phone-field-widgets/img/flags@2x.png)
    }
}

.iti__flag.iti__np {
    background-color: transparent
}

.dgad-notification {
    position: fixed;
    z-index: 400;
    right: 1rem;
    bottom: 1rem;
    display: none;
    width: 30rem;
    background-color: #fff;
    color: #fff;
    opacity: 0;
    border: .1rem solid #eee;
    border-radius: .3rem;
    box-shadow: .1rem .1rem .8rem #ccc;
    transition: opacity .5s ease-in;
    overflow: hidden
}

.dgad-notification--show {
    display: block;
    opacity: 1
}

.dgad-notification__content {
    height: 7.1rem
}

.dgad-notification--unfolded .dgad-notification__content {
    height: auto
}

.dgad-notification--unfolded .dgad-notification__fold-section {
    visibility: visible;
    opacity: 1;
    height: auto;
    max-height: calc(100vh - 10rem);
    overflow-y: auto;
    transition: visibility,opacity .5s ease-out
}

.dgad-notification--unfolded .dgad-notification__fold-section-description {
    position: relative
}

.dgad-notification--unfolded .dgad-notification__header .unfold-chevron {
    visibility: hidden;
    opacity: 0
}

.dgad-notification--unfolded .dgad-notification__close {
    display: block
}

.dgad-notification--unfolded .dgad-notification__timeout-progress {
    bottom: 0;
    top: unset;
    display: none
}

.dgad-notification__container {
    display: block;
    width: 100%;
    height: auto
}

.dgad-notification__close {
    display: none;
    position: absolute;
    cursor: pointer;
    right: 2rem;
    top: 2rem;
    width: 1.5rem;
    height: 1.5rem;
    opacity: .7
}

.dgad-notification__close:hover {
    opacity: 1
}

.dgad-notification__close:after,.dgad-notification__close:before {
    position: absolute;
    left: .75rem;
    content: "";
    height: 1.5rem;
    width: .2rem;
    border-radius: .2rem;
    background-color: #fff
}

.dgad-notification__close:before {
    transform: rotate(45deg)
}

.dgad-notification__close:after {
    transform: rotate(-45deg)
}

.dgad-notification__header {
    cursor: pointer;
    font-size: 1.6rem;
    padding: 2rem 6rem 2rem 2rem;
    background-color: #2f5295
}

.dgad-notification__header h3 {
    margin-bottom: 0
}

.dgad-notification__header .unfold-chevron {
    display: inline-block;
    position: absolute;
    visibility: visible;
    opacity: 1;
    cursor: pointer;
    top: 50%;
    right: 2rem;
    font-size: 3rem;
    transform-origin: center center;
    transform: translateY(-50%) rotate(90deg);
    transition: visibility,opacity .25s ease-in
}

.dgad-notification__fold-section {
    display: block;
    transform-origin: bottom center;
    height: 0
}

.dgad-notification__fold-section-description {
    padding: 0 2rem 2rem;
    position: absolute
}

.dgad-notification__fold-section-widgets {
    padding: 1rem
}

.dgad-notification__timeout-progress {
    display: block;
    position: absolute;
    left: 0;
    bottom: unset;
    top: -.3rem;
    width: 100%;
    height: .3rem;
    background-color: #f9e44d;
    transform-origin: center left;
    -webkit-animation-name: notification-timeout;
    animation-name: notification-timeout;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

@-webkit-keyframes notification-timeout {
    0% {
        transform: scaleX(1)
    }

    to {
        transform: scaleX(0)
    }
}

@keyframes notification-timeout {
    0% {
        transform: scaleX(1)
    }

    to {
        transform: scaleX(0)
    }
}

.dgad-algolia-search-autocomplete-dropdown__lists {
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    margin-top: 1.6rem;
    align-items: center;
    padding-bottom: 2.4rem
}

@media screen and (min-width: 1280px) {
    .dgad-algolia-search-autocomplete-dropdown__lists {
        flex-direction:row;
        width: 100%;
        margin-bottom: 1rem;
        justify-content: center;
        align-items: flex-start
    }
}

.dgad-algolia-search-autocomplete-dropdown__column {
    display: flex;
    flex-direction: column;
    padding: 0;
    margin: 0 1.6rem;
    width: calc(100vw - 3.2rem)
}

@media screen and (min-width: 600px) {
    .dgad-algolia-search-autocomplete-dropdown__column {
        margin:0 2.4rem;
        width: 55.2rem;
        flex-wrap: wrap
    }
}

@media screen and (min-width: 1280px) {
    .dgad-algolia-search-autocomplete-dropdown__column {
        width:32.8rem;
        margin: 0 1.2rem
    }
}

@media screen and (min-width: 1920px) {
    .dgad-algolia-search-autocomplete-dropdown__column {
        width:45rem;
        margin: 0 3.2rem
    }

    .dgad-algolia-search-autocomplete-dropdown__column--advice {
        width: 48.8rem
    }
}

.dgad-algolia-search-autocomplete-dropdown__column-title {
    margin: 1.6rem 0;
    text-align: left;
    flex: 1
}

@media screen and (min-width: 1280px) {
    .dgad-algolia-search-autocomplete-dropdown__column-content {
        margin-bottom:2.4rem
    }
}

.dgad-algolia-search-autocomplete-dropdown__column-content--advice {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 0
}

@media screen and (min-width: 600px) {
    .dgad-algolia-search-autocomplete-dropdown__column-content--advice {
        flex-direction:row;
        align-items: stretch;
        justify-content: flex-start;
        flex-wrap: wrap
    }
}

.dgad-algolia-search-autocomplete-dropdown__column span {
    text-align: left
}

.dgad-algolia-search-autocomplete-dropdown__item {
    display: flex;
    align-items: stretch;
    background-color: #fff;
    text-align: left;
    flex-basis: 100%;
    margin-bottom: 2.4rem
}

@media screen and (min-width: 1280px) {
    .dgad-algolia-search-autocomplete-dropdown__item {
        padding:1rem;
        margin-bottom: 0
    }
}

.dgad-algolia-search-autocomplete-dropdown__item--advice {
    width: 100%;
    padding: 0;
    margin: 0 0 2.4rem;
    display: block
}

@media screen and (min-width: 600px) {
    .dgad-algolia-search-autocomplete-dropdown__item--advice {
        margin:0 0 2.4rem;
        flex-basis: 26.8rem
    }

    .dgad-algolia-search-autocomplete-dropdown__item--advice:nth-child(odd) {
        margin-right: 1.6rem
    }
}

@media screen and (min-width: 1280px) {
    .dgad-algolia-search-autocomplete-dropdown__item--advice {
        flex-basis:15.2rem
    }

    .dgad-algolia-search-autocomplete-dropdown__item--advice:nth-child(odd) {
        margin-right: 2.4rem
    }
}

@media screen and (min-width: 1920px) {
    .dgad-algolia-search-autocomplete-dropdown__item--advice {
        flex-basis:23.2rem
    }
}

.dgad-algolia-search-autocomplete-dropdown__item--advice p {
    margin: .8rem
}

.dgad-algolia-search-autocomplete-dropdown__item p em {
    font-style: normal;
    font-weight: 700
}

.dgad-algolia-search-autocomplete-dropdown__item:hover {
    background-color: #f6f6f6
}

.dgad-algolia-search-autocomplete-dropdown-item__link {
    display: flex;
    align-items: center
}

.dgad-algolia-search-autocomplete-dropdown-item__title {
    font-size: 1.4rem
}

.dgad-algolia-search-autocomplete-dropdown-item__image {
    margin-right: .8rem;
    display: flex;
    align-items: center;
    align-self: center;
    height: 3.2rem;
    width: 3.2rem
}

.dgad-algolia-search-autocomplete-dropdown-item__image--advice {
    width: 100%;
    height: auto;
    margin: 0
}

.dgad-algolia-search-autocomplete-dropdown-item__description {
    display: none;
    color: #d8d8d8;
    font-size: 1.2rem
}

.dgad-algolia-search-autocomplete-dropdown__title-text {
    font-size: 1.4rem
}

.dgad-algolia-search-autocomplete {
    position: relative
}

.dgad-algolia-search-autocomplete input {
    width: 32.8rem;
    margin: 0 auto;
    padding: 1rem 3.5rem 1rem 1rem;
    border: none;
    border-radius: .4rem;
    font-size: 1.4rem;
    height: 4rem;
    background-color: #f2f2f2;
    box-sizing: border-box
}

@media screen and (min-width: 600px) {
    .dgad-algolia-search-autocomplete input {
        width:55.2rem
    }
}

@media screen and (min-width: 960px) {
    .dgad-algolia-search-autocomplete input {
        width:32.8rem
    }
}

.dgad-algolia-search-autocomplete li:before {
    content: none!important
}

.dgad-algolia-search-autocomplete svg {
    width: 2.4rem;
    height: 2.4rem;
    position: absolute;
    right: .8rem;
    top: .8rem
}

.dgad-algolia-search-autocomplete .close-icon {
    display: none;
    cursor: pointer
}

.dgad-algolia-search-autocomplete-dropdown {
    color: #000;
    background-color: #fff;
    position: fixed;
    width: 100vw;
    z-index: 999;
    left: 0;
    right: 0
}

@media screen and (min-width: 960px) {
    .dgad-algolia-search-autocomplete-dropdown:before {
        content:"";
        width: 100vw;
        height: 1rem;
        background: linear-gradient(180deg,rgba(0,0,0,.05),transparent);
        position: absolute;
        left: 0
    }
}

.dgad-algolia-search-autocomplete-dropdown.hidden {
    display: none
}

.dgad-algolia-search-autocomplete-dropdown__cta {
    padding: 1.4rem 2rem 1.3rem 1.9rem;
    display: flex;
    background-color: #fce500;
    font-size: 1.4rem;
    border-radius: 2.5rem;
    margin: 0 auto 1.6rem;
    text-align: center
}

@media screen and (min-width: 1280px) {
    .dgad-algolia-search-autocomplete-dropdown__cta {
        margin:0 auto 0 0
    }
}

.dgad-algolia-search-widget {
    position: relative;
    text-align: center
}

.dgad-algolia-ratings {
    display: none;
    justify-items: flex-start;
    margin: 0 1.6rem 1.6rem
}

.dgad-algolia-ratings__meter {
    position: relative;
    width: 8.42rem;
    height: 1.6rem;
    line-height: 1.6rem;
    display: flex
}

.dgad-algolia-ratings__stars {
    position: absolute;
    overflow-x: hidden
}

.dgad-algolia-ratings__stars svg {
    height: 1.6rem
}

.dgad-algolia-ratings__count {
    color: #27509b;
    margin-left: 1rem;
    font-size: 1.4rem
}

.dgad-algolia-list-filters {
    padding: 0;
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 2;
    height: 8rem;
    width: 6.4rem
}

@media screen and (min-width: 960px) {
    .dgad-algolia-list-filters {
        position:relative;
        height: auto;
        flex: 0 0 26.4rem;
        margin-right: 2.4rem
    }
}

@media screen and (min-width: 1280px) {
    .dgad-algolia-list-filters {
        flex:0 0 24rem;
        margin-right: 2.4rem
    }
}

@media screen and (min-width: 1920px) {
    .dgad-algolia-list-filters {
        flex:0 0 36rem;
        margin-right: 2.4rem
    }
}

.dgad-algolia-list-filters--opened {
    width: 100vw;
    height: 100vh;
    bottom: 0;
    left: 0;
    padding: 0 1.6rem
}

.dgad-algolia-list-filters--opened .dgad-algolia-list-filters-header {
    align-items: center
}

.dgad-algolia-list-filters--opened .dgad-algolia-list-filters-header__title {
    display: flex
}

.dgad-algolia-list-filters--opened .dgad-algolia-list-filters-header__reset-button,.dgad-algolia-list-filters--opened .dgad-algolia-list-filters__content {
    display: block
}

@media screen and (min-width: 600px) {
    .dgad-algolia-list-filters--opened {
        margin:0;
        padding: 0 2.4rem
    }
}

.dgad-algolia-list-filters-header {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    margin-top: 8rem;
    padding: 1.6rem 0 0;
    background-color: #fff
}

@media screen and (min-width: 960px) {
    .dgad-algolia-list-filters-header {
        margin-top:0;
        flex-wrap: nowrap;
        height: 4.8rem;
        margin-bottom: 1.6rem;
        align-items: center;
        padding: 0
    }
}

.dgad-algolia-list-filters-header__icon {
    height: 100%;
    display: flex;
    align-items: center;
    order: 2
}

.dgad-algolia-list-filters-header__icon-button {
    display: none
}

.dgad-algolia-list-filters-header__icon .show {
    display: block
}

.dgad-algolia-list-filters-header__icon svg {
    width: 4.8rem;
    height: 4.8rem
}

@media screen and (min-width: 960px) {
    .dgad-algolia-list-filters-header__icon {
        display:none;
        pointer-events: none;
        cursor: pointer;
        margin-right: .8rem;
        order: 1
    }

    .dgad-algolia-list-filters-header__icon svg {
        width: 2.8rem;
        height: 2.8rem
    }
}

.dgad-algolia-list-filters-header__reset-button {
    order: 3;
    flex-basis: 100%;
    margin: 0 0 1.6rem;
    display: none
}

@media screen and (min-width: 960px) {
    .dgad-algolia-list-filters-header__reset-button {
        width:auto;
        display: block;
        text-align: right;
        margin: 0
    }
}

.dgad-algolia-list-filters-header__reset-button .ais-ClearRefinements-button {
    border: 0;
    background: none;
    text-decoration: underline;
    font-size: 1.6rem;
    text-underline-offset: .5rem;
    padding: 0
}

@media screen and (min-width: 600px) {
    .dgad-algolia-list-filters-header__reset-button .ais-ClearRefinements-button {
        padding:.6
    }
}

.dgad-algolia-list-filters-header__title {
    display: none;
    align-items: center;
    font-weight: 700;
    font-size: 2.4rem;
    order: 1
}

@media screen and (min-width: 960px) {
    .dgad-algolia-list-filters-header__title {
        font-size:1.8rem;
        display: flex
    }
}

.dgad-algolia-list-filters__content {
    height: calc(100vh - 8rem);
    overflow-x: hidden;
    overflow-y: auto;
    background-color: #fff;
    padding: 0;
    display: none
}

@media screen and (min-width: 960px) {
    .dgad-algolia-list-filters__content {
        display:block
    }
}

.dgad-algolia-list-filters-section {
    padding: 1.6rem;
    background-color: #f6f6f6
}

.dgad-algolia-list-filters-section__label {
    height: 4.8rem;
    line-height: 4.8rem;
    vertical-align: middle;
    font-size: 1.6rem;
    margin-bottom: 1.4rem
}

.dgad-algolia-list-filters-section__values .ais-RefinementList-list {
    margin: .8rem 0
}

.dgad-algolia-list-filters-section__values .ais-RefinementList-item {
    margin-bottom: 2rem
}

.dgad-algolia-list-filters-section__values .ais-RefinementList-item:last-child {
    margin-bottom: 0
}

.dgad-algolia-list-filters-section__values .ais-RefinementList-item .ais-RefinementList-label {
    vertical-align: middle
}

.dgad-algolia-list-filters-section__values .ais-RefinementList-item .ais-RefinementList-labelText {
    line-height: 2rem;
    position: relative;
    margin-left: 2.8rem;
    text-transform: capitalize
}

.dgad-algolia-list-filters-section__values .ais-RefinementList-item .ais-RefinementList-labelText:before {
    position: absolute;
    content: "";
    top: .3rem;
    left: -2.8rem;
    width: 2rem;
    height: 2rem;
    background-color: #d8d8d8;
    border: .1rem solid #666;
    border-radius: .25rem
}

.dgad-algolia-list-filters-section__values .ais-RefinementList-item .ais-RefinementList-labelText:after {
    content: "";
    position: absolute;
    top: .53rem;
    left: -2.15rem;
    display: none;
    width: .7rem;
    height: 1.15rem;
    border: solid #fff;
    border-width: 0 .2rem .2rem 0;
    border-radius: .1rem;
    transform: rotate(45deg)
}

.dgad-algolia-list-filters-section__values .ais-RefinementList-item .ais-RefinementList-labelText:hover {
    color: #27509b;
    cursor: pointer
}

.dgad-algolia-list-filters-section__values .ais-RefinementList-item .ais-RefinementList-labelText:hover:before {
    background-color: #7d7d7d
}

.dgad-algolia-list-filters-section__values .ais-RefinementList-item .ais-RefinementList-checkbox {
    display: none
}

.dgad-algolia-list-filters-section__values .ais-RefinementList-item .ais-RefinementList-checkbox:checked~.ais-RefinementList-labelText:before {
    background-color: #27509b
}

.dgad-algolia-list-filters-section__values .ais-RefinementList-item .ais-RefinementList-checkbox:checked~.ais-RefinementList-labelText:after {
    display: block
}

.dgad-algolia-list-filters__checkmark {
    position: absolute;
    top: .3rem;
    left: 0;
    width: 2rem;
    height: 2rem;
    background-color: #d8d8d8;
    background-color: red;
    border: .1rem solid #7d7d7d;
    border-radius: .25rem
}

.dgad-algolia-list-filters__chips {
    display: inline
}

.dgad-algolia-list-filters__chip {
    display: inline-block;
    border-radius: 1.6rem;
    height: 3.2rem;
    background-color: #27509b;
    padding: 0 1.6rem;
    color: #fff;
    line-height: 3.2rem;
    font-size: 1.4rem;
    margin-bottom: .8rem
}

.dgad-algolia-list-results__top-title {
    height: 8rem;
    background-color: #fff;
    position: fixed;
    z-index: 1;
    top: 8rem;
    width: 100%;
    display: flex;
    align-items: center;
    padding: 0 1.6rem
}

@media screen and (min-width: 600px) {
    .dgad-algolia-list-results__top-title {
        padding:0 2.4rem
    }
}

@media screen and (min-width: 960px) {
    .dgad-algolia-list-results__top-title {
        position:static;
        height: auto;
        padding: 0 0 1.6rem
    }
}

.dgad-algolia-list-results__top-title .ais-Stats-text {
    font-weight: 700;
    font-size: 2.4rem
}

@media screen and (min-width: 960px) {
    .dgad-algolia-list-results__top-title .ais-Stats-text {
        font-size:3.2rem
    }
}

.dgad-algolia-list-results__article {
    width: 100%;
    height: 100%;
    padding-bottom: 1.6rem;
    position: relative;
    display: flex;
    flex-flow: column nowrap;
    align-self: stretch
}

.dgad-algolia-list-results__cards {
    padding-top: 8rem
}

@media screen and (min-width: 960px) {
    .dgad-algolia-list-results__cards {
        padding-top:0
    }
}

.dgad-algolia-list-results__cards .ais-Hits-list {
    display: grid;
    grid-template-columns: repeat(1,32.8rem);
    grid-gap: 1.6rem;
    margin: 0 auto;
    width: 32.8rem
}

@media screen and (min-width: 600px) {
    .dgad-algolia-list-results__cards .ais-Hits-list {
        grid-template-columns:repeat(1,55.2rem);
        width: 55.2rem
    }
}

@media screen and (min-width: 960px) {
    .dgad-algolia-list-results__cards .ais-Hits-list {
        grid-template-columns:repeat(2,26.4rem);
        grid-gap: 2.4rem;
        margin: 0
    }
}

@media screen and (min-width: 1280px) {
    .dgad-algolia-list-results__cards .ais-Hits-list {
        grid-template-columns:repeat(3,24rem);
        width: 76.8rem
    }
}

@media screen and (min-width: 1920px) {
    .dgad-algolia-list-results__cards .ais-Hits-list {
        grid-template-columns:repeat(3,36rem);
        width: 112.8rem
    }
}

.dgad-algolia-list-results__cards .ais-Hits-item {
    box-shadow: 0 .2rem 5rem 2rem hsla(0,0%,94.5%,.5);
    display: flex;
    align-self: stretch
}

.dgad-algolia-list-results__cards .ais-Hits-item em {
    font-style: normal;
    font-weight: 700
}

.dgad-algolia-list-results__cards .ais-Hits-item:hover {
    box-shadow: 0 0 3rem 0 #d8d8d8
}

.dgad-algolia-list-results__media-container {
    position: relative;
    height: 18.4rem;
    background: linear-gradient(354deg,#fff 49.6%,#e4e4e4 50%);
    margin-bottom: 1.6rem;
    text-align: center;
    overflow: hidden;
    width: 100%
}

@media screen and (min-width: 600px) {
    .dgad-algolia-list-results__media-container {
        height:31.1rem
    }
}

@media screen and (min-width: 960px) {
    .dgad-algolia-list-results__media-container {
        height:14.9rem
    }
}

@media screen and (min-width: 1280px) {
    .dgad-algolia-list-results__media-container {
        height:13.5rem
    }
}

@media screen and (min-width: 1920px) {
    .dgad-algolia-list-results__media-container {
        height:20.2rem
    }
}

.dgad-algolia-list-results__media-container--tyres {
    padding: 2rem 2rem 0
}

.dgad-algolia-list-results__media-image {
    max-width: 100%;
    max-height: 100%
}

.dgad-algolia-list-results__brand {
    font-size: 2.8rem;
    font-weight: 700;
    font-family: Michelin,sans-serif;
    margin: 0 1.6rem 1.6rem
}

.dgad-algolia-list-results__title {
    font-size: 2.4rem;
    font-weight: 700;
    font-family: Noto Sans,sans-serif;
    margin: 0 1.6rem 1.6rem
}

@media screen and (min-width: 1280px) {
    .dgad-algolia-list-results__title {
        font-size:2.2rem;
        font-weight: 400
    }
}

.dgad-algolia-list-results__subtitle {
    margin: 0 1.6rem 1.6rem
}

.dgad-algolia-list-results__description {
    font-size: 1.6rem;
    line-height: 2.4rem;
    margin: 0 1.6rem 1.6rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3
}

.dgad-algolia-list-results__link:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.dgad-algolia-list-results__cta {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fce500;
    height: 5.6rem;
    box-sizing: content-box;
    margin: auto 1.6rem 0;
    border-radius: 2.8rem
}

@media screen and (min-width: 1280px) {
    .dgad-algolia-list-results__cta {
        border-radius:0
    }
}

.dgad-algolia-list-results__cta-label {
    display: block;
    position: relative;
    width: calc(100% - 5.6rem);
    text-align: center
}

.dgad-algolia-list-results__cta-label:after {
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    border-style: solid;
    border-width: .1rem .1rem 0 0;
    content: "";
    height: .45em;
    width: .45em;
    transform: translateX(0) translateY(-50%) rotate(45deg)
}

.dgad-algolia-list-pagination {
    padding: 2rem 0
}

.dgad-algolia-list-pagination .ais-Pagination {
    color: #3a4570
}

.dgad-algolia-list-pagination .ais-Pagination-list {
    padding: 0;
    list-style: none;
    display: flex;
    margin: 0 auto;
    justify-content: center
}

.dgad-algolia-list-pagination .ais-Pagination-link {
    text-decoration: none;
    font-size: 1.4rem;
    display: inline-block;
    width: 3rem;
    text-align: center
}

.dgad-algolia-list-pagination .ais-Pagination-item {
    border-radius: 50%;
    width: 3rem;
    height: 3rem;
    line-height: 3rem;
    padding: 0;
    margin: 0 .5rem;
    display: inline-block
}

.dgad-algolia-list-pagination .ais-Pagination-item--nextPage,.dgad-algolia-list-pagination .ais-Pagination-item--previousPage {
    color: #363636;
    background-color: #fce500
}

.dgad-algolia-list-pagination .ais-Pagination-item--nextPage .ais-Pagination-link,.dgad-algolia-list-pagination .ais-Pagination-item--previousPage .ais-Pagination-link {
    font-size: 1.9rem;
    padding: .1rem 0 0 .2rem
}

.dgad-algolia-list-pagination .ais-Pagination-item--selected {
    color: #fff;
    background-color: #27509b
}

.dgad-algolia-list-pagination .ais-Pagination-item--disabled {
    color: #363636;
    background-color: #f6f6f6
}

.dgad-algolia-list-pagination .ais-Pagination-item--disabled .ais-Pagination-link {
    opacity: .6;
    cursor: not-allowed
}

.dgad-algolia-list-component {
    display: flex;
    flex-direction: column
}

@media screen and (min-width: 960px) {
    .dgad-algolia-list-component {
        flex-direction:row;
        justify-content: center;
        margin: 0 6rem
    }
}

.dgad-algolia-ratings {
    display: none;
    justify-items: flex-start;
    margin: 0 1.6rem 1.6rem
}

.dgad-algolia-ratings__meter {
    position: relative;
    width: 8.42rem;
    height: 1.6rem;
    line-height: 1.6rem;
    display: flex
}

.dgad-algolia-ratings__stars {
    position: absolute;
    overflow-x: hidden
}

.dgad-algolia-ratings__stars svg {
    height: 1.6rem
}

.dgad-algolia-ratings__count {
    color: #27509b;
    margin-left: 1rem;
    font-size: 1.4rem
}

.dgad-algolia-list-filters {
    padding: 0;
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 2;
    height: 8rem;
    width: 6.4rem
}

@media screen and (min-width: 960px) {
    .dgad-algolia-list-filters {
        position:relative;
        height: auto;
        flex: 0 0 26.4rem;
        margin-right: 2.4rem
    }
}

@media screen and (min-width: 1280px) {
    .dgad-algolia-list-filters {
        flex:0 0 24rem;
        margin-right: 2.4rem
    }
}

@media screen and (min-width: 1920px) {
    .dgad-algolia-list-filters {
        flex:0 0 36rem;
        margin-right: 2.4rem
    }
}

.dgad-algolia-list-filters--opened {
    width: 100vw;
    height: 100vh;
    bottom: 0;
    left: 0;
    padding: 0 1.6rem
}

.dgad-algolia-list-filters--opened .dgad-algolia-list-filters-header {
    align-items: center
}

.dgad-algolia-list-filters--opened .dgad-algolia-list-filters-header__title {
    display: flex
}

.dgad-algolia-list-filters--opened .dgad-algolia-list-filters-header__reset-button,.dgad-algolia-list-filters--opened .dgad-algolia-list-filters__content {
    display: block
}

@media screen and (min-width: 600px) {
    .dgad-algolia-list-filters--opened {
        margin:0;
        padding: 0 2.4rem
    }
}

.dgad-algolia-list-filters-header {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    margin-top: 8rem;
    padding: 1.6rem 0 0;
    background-color: #fff
}

@media screen and (min-width: 960px) {
    .dgad-algolia-list-filters-header {
        margin-top:0;
        flex-wrap: nowrap;
        height: 4.8rem;
        margin-bottom: 1.6rem;
        align-items: center;
        padding: 0
    }
}

.dgad-algolia-list-filters-header__icon {
    height: 100%;
    display: flex;
    align-items: center;
    order: 2
}

.dgad-algolia-list-filters-header__icon-button {
    display: none
}

.dgad-algolia-list-filters-header__icon .show {
    display: block
}

.dgad-algolia-list-filters-header__icon svg {
    width: 4.8rem;
    height: 4.8rem
}

@media screen and (min-width: 960px) {
    .dgad-algolia-list-filters-header__icon {
        display:none;
        pointer-events: none;
        cursor: pointer;
        margin-right: .8rem;
        order: 1
    }

    .dgad-algolia-list-filters-header__icon svg {
        width: 2.8rem;
        height: 2.8rem
    }
}

.dgad-algolia-list-filters-header__reset-button {
    order: 3;
    flex-basis: 100%;
    margin: 0 0 1.6rem;
    display: none
}

@media screen and (min-width: 960px) {
    .dgad-algolia-list-filters-header__reset-button {
        width:auto;
        display: block;
        text-align: right;
        margin: 0
    }
}

.dgad-algolia-list-filters-header__reset-button .ais-ClearRefinements-button {
    border: 0;
    background: none;
    text-decoration: underline;
    font-size: 1.6rem;
    text-underline-offset: .5rem;
    padding: 0
}

@media screen and (min-width: 600px) {
    .dgad-algolia-list-filters-header__reset-button .ais-ClearRefinements-button {
        padding:.6
    }
}

.dgad-algolia-list-filters-header__title {
    display: none;
    align-items: center;
    font-weight: 700;
    font-size: 2.4rem;
    order: 1
}

@media screen and (min-width: 960px) {
    .dgad-algolia-list-filters-header__title {
        font-size:1.8rem;
        display: flex
    }
}

.dgad-algolia-list-filters__content {
    height: calc(100vh - 8rem);
    overflow-x: hidden;
    overflow-y: auto;
    background-color: #fff;
    padding: 0;
    display: none
}

@media screen and (min-width: 960px) {
    .dgad-algolia-list-filters__content {
        display:block
    }
}

.dgad-algolia-list-filters-section {
    padding: 1.6rem;
    background-color: #f6f6f6
}

.dgad-algolia-list-filters-section__label {
    height: 4.8rem;
    line-height: 4.8rem;
    vertical-align: middle;
    font-size: 1.6rem;
    margin-bottom: 1.4rem
}

.dgad-algolia-list-filters-section__values .ais-RefinementList-list {
    margin: .8rem 0
}

.dgad-algolia-list-filters-section__values .ais-RefinementList-item {
    margin-bottom: 2rem
}

.dgad-algolia-list-filters-section__values .ais-RefinementList-item:last-child {
    margin-bottom: 0
}

.dgad-algolia-list-filters-section__values .ais-RefinementList-item .ais-RefinementList-label {
    vertical-align: middle
}

.dgad-algolia-list-filters-section__values .ais-RefinementList-item .ais-RefinementList-labelText {
    line-height: 2rem;
    position: relative;
    margin-left: 2.8rem;
    text-transform: capitalize
}

.dgad-algolia-list-filters-section__values .ais-RefinementList-item .ais-RefinementList-labelText:before {
    position: absolute;
    content: "";
    top: .3rem;
    left: -2.8rem;
    width: 2rem;
    height: 2rem;
    background-color: #d8d8d8;
    border: .1rem solid #666;
    border-radius: .25rem
}

.dgad-algolia-list-filters-section__values .ais-RefinementList-item .ais-RefinementList-labelText:after {
    content: "";
    position: absolute;
    top: .53rem;
    left: -2.15rem;
    display: none;
    width: .7rem;
    height: 1.15rem;
    border: solid #fff;
    border-width: 0 .2rem .2rem 0;
    border-radius: .1rem;
    transform: rotate(45deg)
}

.dgad-algolia-list-filters-section__values .ais-RefinementList-item .ais-RefinementList-labelText:hover {
    color: #27509b;
    cursor: pointer
}

.dgad-algolia-list-filters-section__values .ais-RefinementList-item .ais-RefinementList-labelText:hover:before {
    background-color: #7d7d7d
}

.dgad-algolia-list-filters-section__values .ais-RefinementList-item .ais-RefinementList-checkbox {
    display: none
}

.dgad-algolia-list-filters-section__values .ais-RefinementList-item .ais-RefinementList-checkbox:checked~.ais-RefinementList-labelText:before {
    background-color: #27509b
}

.dgad-algolia-list-filters-section__values .ais-RefinementList-item .ais-RefinementList-checkbox:checked~.ais-RefinementList-labelText:after {
    display: block
}

.dgad-algolia-list-filters__checkmark {
    position: absolute;
    top: .3rem;
    left: 0;
    width: 2rem;
    height: 2rem;
    background-color: #d8d8d8;
    background-color: red;
    border: .1rem solid #7d7d7d;
    border-radius: .25rem
}

.dgad-algolia-list-filters__chips {
    display: inline
}

.dgad-algolia-list-filters__chip {
    display: inline-block;
    border-radius: 1.6rem;
    height: 3.2rem;
    background-color: #27509b;
    padding: 0 1.6rem;
    color: #fff;
    line-height: 3.2rem;
    font-size: 1.4rem;
    margin-bottom: .8rem
}

.dgad-algolia-list-results__top-title {
    height: 8rem;
    background-color: #fff;
    position: fixed;
    z-index: 1;
    top: 8rem;
    width: 100%;
    display: flex;
    align-items: center;
    padding: 0 1.6rem
}

@media screen and (min-width: 600px) {
    .dgad-algolia-list-results__top-title {
        padding:0 2.4rem
    }
}

@media screen and (min-width: 960px) {
    .dgad-algolia-list-results__top-title {
        position:static;
        height: auto;
        padding: 0 0 1.6rem
    }
}

.dgad-algolia-list-results__top-title .ais-Stats-text {
    font-weight: 700;
    font-size: 2.4rem
}

@media screen and (min-width: 960px) {
    .dgad-algolia-list-results__top-title .ais-Stats-text {
        font-size:3.2rem
    }
}

.dgad-algolia-list-results__article {
    width: 100%;
    height: 100%;
    padding-bottom: 1.6rem;
    position: relative;
    display: flex;
    flex-flow: column nowrap;
    align-self: stretch
}

.dgad-algolia-list-results__cards {
    padding-top: 8rem
}

@media screen and (min-width: 960px) {
    .dgad-algolia-list-results__cards {
        padding-top:0
    }
}

.dgad-algolia-list-results__cards .ais-Hits-list {
    display: grid;
    grid-template-columns: repeat(1,32.8rem);
    grid-gap: 1.6rem;
    margin: 0 auto;
    width: 32.8rem
}

@media screen and (min-width: 600px) {
    .dgad-algolia-list-results__cards .ais-Hits-list {
        grid-template-columns:repeat(1,55.2rem);
        width: 55.2rem
    }
}

@media screen and (min-width: 960px) {
    .dgad-algolia-list-results__cards .ais-Hits-list {
        grid-template-columns:repeat(2,26.4rem);
        grid-gap: 2.4rem;
        margin: 0
    }
}

@media screen and (min-width: 1280px) {
    .dgad-algolia-list-results__cards .ais-Hits-list {
        grid-template-columns:repeat(3,24rem);
        width: 76.8rem
    }
}

@media screen and (min-width: 1920px) {
    .dgad-algolia-list-results__cards .ais-Hits-list {
        grid-template-columns:repeat(3,36rem);
        width: 112.8rem
    }
}

.dgad-algolia-list-results__cards .ais-Hits-item {
    box-shadow: 0 .2rem 5rem 2rem hsla(0,0%,94.5%,.5);
    display: flex;
    align-self: stretch
}

.dgad-algolia-list-results__cards .ais-Hits-item em {
    font-style: normal;
    font-weight: 700
}

.dgad-algolia-list-results__cards .ais-Hits-item:hover {
    box-shadow: 0 0 3rem 0 #d8d8d8
}

.dgad-algolia-list-results__media-container {
    position: relative;
    height: 18.4rem;
    background: linear-gradient(354deg,#fff 49.6%,#e4e4e4 50%);
    margin-bottom: 1.6rem;
    text-align: center;
    overflow: hidden;
    width: 100%
}

@media screen and (min-width: 600px) {
    .dgad-algolia-list-results__media-container {
        height:31.1rem
    }
}

@media screen and (min-width: 960px) {
    .dgad-algolia-list-results__media-container {
        height:14.9rem
    }
}

@media screen and (min-width: 1280px) {
    .dgad-algolia-list-results__media-container {
        height:13.5rem
    }
}

@media screen and (min-width: 1920px) {
    .dgad-algolia-list-results__media-container {
        height:20.2rem
    }
}

.dgad-algolia-list-results__media-container--tyres {
    padding: 2rem 2rem 0
}

.dgad-algolia-list-results__media-image {
    max-width: 100%;
    max-height: 100%
}

.dgad-algolia-list-results__brand {
    font-size: 2.8rem;
    font-weight: 700;
    font-family: Michelin,sans-serif;
    margin: 0 1.6rem 1.6rem
}

.dgad-algolia-list-results__title {
    font-size: 2.4rem;
    font-weight: 700;
    font-family: Noto Sans,sans-serif;
    margin: 0 1.6rem 1.6rem
}

@media screen and (min-width: 1280px) {
    .dgad-algolia-list-results__title {
        font-size:2.2rem;
        font-weight: 400
    }
}

.dgad-algolia-list-results__subtitle {
    margin: 0 1.6rem 1.6rem
}

.dgad-algolia-list-results__description {
    font-size: 1.6rem;
    line-height: 2.4rem;
    margin: 0 1.6rem 1.6rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3
}

.dgad-algolia-list-results__link:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.dgad-algolia-list-results__cta {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fce500;
    height: 5.6rem;
    box-sizing: content-box;
    margin: auto 1.6rem 0;
    border-radius: 2.8rem
}

@media screen and (min-width: 1280px) {
    .dgad-algolia-list-results__cta {
        border-radius:0
    }
}

.dgad-algolia-list-results__cta-label {
    display: block;
    position: relative;
    width: calc(100% - 5.6rem);
    text-align: center
}

.dgad-algolia-list-results__cta-label:after {
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    border-style: solid;
    border-width: .1rem .1rem 0 0;
    content: "";
    height: .45em;
    width: .45em;
    transform: translateX(0) translateY(-50%) rotate(45deg)
}

.dgad-algolia-list-pagination {
    padding: 2rem 0
}

.dgad-algolia-list-pagination .ais-Pagination {
    color: #3a4570
}

.dgad-algolia-list-pagination .ais-Pagination-list {
    padding: 0;
    list-style: none;
    display: flex;
    margin: 0 auto;
    justify-content: center
}

.dgad-algolia-list-pagination .ais-Pagination-link {
    text-decoration: none;
    font-size: 1.4rem;
    display: inline-block;
    width: 3rem;
    text-align: center
}

.dgad-algolia-list-pagination .ais-Pagination-item {
    border-radius: 50%;
    width: 3rem;
    height: 3rem;
    line-height: 3rem;
    padding: 0;
    margin: 0 .5rem;
    display: inline-block
}

.dgad-algolia-list-pagination .ais-Pagination-item--nextPage,.dgad-algolia-list-pagination .ais-Pagination-item--previousPage {
    color: #363636;
    background-color: #fce500
}

.dgad-algolia-list-pagination .ais-Pagination-item--nextPage .ais-Pagination-link,.dgad-algolia-list-pagination .ais-Pagination-item--previousPage .ais-Pagination-link {
    font-size: 1.9rem;
    padding: .1rem 0 0 .2rem
}

.dgad-algolia-list-pagination .ais-Pagination-item--selected {
    color: #fff;
    background-color: #27509b
}

.dgad-algolia-list-pagination .ais-Pagination-item--disabled {
    color: #363636;
    background-color: #f6f6f6
}

.dgad-algolia-list-pagination .ais-Pagination-item--disabled .ais-Pagination-link {
    opacity: .6;
    cursor: not-allowed
}

.dgad-algolia-list-component {
    display: flex;
    flex-direction: column
}

@media screen and (min-width: 960px) {
    .dgad-algolia-list-component {
        flex-direction:row;
        justify-content: center;
        margin: 0 6rem
    }
}

.dgad-algolia-list-page {
    padding-top: 8rem
}

@media screen and (min-width: 960px) {
    .dgad-algolia-list-page {
        padding-top:2.4rem
    }
}

.apos-i18n-debugger-modal .apos-modal-body button {
    margin: 32px;
    padding: 32px
}

.apos-i18n-debugger-toggle {
    background-color: white;
    color: gray
}

.apos-i18n-debugger-toggle.apos-active {
    background-color: gray;
    color: white
}

@charset "UTF-8";.b2c-workflow-guid-selector .b2c-workflow-guid-selector__header,.b2c-workflow-guid-selector .b2c-workflow-guid-selector__row,.b2c-workflow-guid-selector .b2c-workflow-guid-selector__row-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.b2c-workflow-guid-selector .b2c-workflow-guid-selector__header-link,.b2c-workflow-guid-selector .b2c-workflow-guid-selector__header-published,.b2c-workflow-guid-selector .b2c-workflow-guid-selector__header-radio,.b2c-workflow-guid-selector .b2c-workflow-guid-selector__row-child-link,.b2c-workflow-guid-selector .b2c-workflow-guid-selector__row-child-published,.b2c-workflow-guid-selector .b2c-workflow-guid-selector__row-child-radio,.b2c-workflow-guid-selector .b2c-workflow-guid-selector__row-link,.b2c-workflow-guid-selector .b2c-workflow-guid-selector__row-published,.b2c-workflow-guid-selector .b2c-workflow-guid-selector__row-radio {
    display: block;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.b2c-workflow-guid-selector .b2c-workflow-guid-selector__header-radio,.b2c-workflow-guid-selector .b2c-workflow-guid-selector__row-child-radio,.b2c-workflow-guid-selector .b2c-workflow-guid-selector__row-radio {
    width: 3rem
}

.b2c-workflow-guid-selector .b2c-workflow-guid-selector__header-locale,.b2c-workflow-guid-selector .b2c-workflow-guid-selector__row-child-locale,.b2c-workflow-guid-selector .b2c-workflow-guid-selector__row-locale {
    width: 20rem
}

.b2c-workflow-guid-selector .b2c-workflow-guid-selector__header-link,.b2c-workflow-guid-selector .b2c-workflow-guid-selector__row-child-link,.b2c-workflow-guid-selector .b2c-workflow-guid-selector__row-link {
    width: 6rem
}

.b2c-workflow-guid-selector .b2c-workflow-guid-selector__header-published,.b2c-workflow-guid-selector .b2c-workflow-guid-selector__row-child-published,.b2c-workflow-guid-selector .b2c-workflow-guid-selector__row-published {
    width: 6rem;
    text-align: center
}

.b2c-workflow-guid-selector .b2c-workflow-guid-selector__header-title,.b2c-workflow-guid-selector .b2c-workflow-guid-selector__row-child-title,.b2c-workflow-guid-selector .b2c-workflow-guid-selector__row-title {
    display: block;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-right: 2rem
}

.b2c-workflow-guid-selector .b2c-workflow-guid-selector__header {
    position: sticky;
    top: 0;
    padding: 2rem 4rem;
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    background-color: #fff
}

.b2c-workflow-guid-selector .b2c-workflow-guid-selector__row {
    margin: 0 4rem;
    padding: 1rem 0;
    font-size: 1.6rem;
    font-weight: 700;
    border-bottom: 1px solid #eee
}

.b2c-workflow-guid-selector .b2c-workflow-guid-selector__row--current {
    background: rgba(0,191,154,.1)
}

.b2c-workflow-guid-selector .b2c-workflow-guid-selector__row-title {
    cursor: pointer
}

.b2c-workflow-guid-selector .b2c-workflow-guid-selector__row-published {
    width: 6rem;
    text-align: center
}

.b2c-workflow-guid-selector .b2c-workflow-guid-selector__row-child-published:before,.b2c-workflow-guid-selector .b2c-workflow-guid-selector__row-published:before {
    content: "";
    display: inline-block;
    width: 1rem;
    height: 1rem;
    background: #ea433a;
    border-radius: 50%
}

.b2c-workflow-guid-selector .b2c-workflow-guid-selector__row-child-published--active:before,.b2c-workflow-guid-selector .b2c-workflow-guid-selector__row-published--active:before {
    background: #00bf9a
}

.b2c-workflow-guid-selector .b2c-workflow-guid-selector__row-details {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 100%;
    padding-left: 4rem;
    font-size: 1.4rem;
    font-weight: 400;
    overflow: hidden
}

.b2c-workflow-guid-selector .b2c-workflow-guid-selector__row-description {
    margin: .8rem 0;
    color: #888
}

.b2c-rider-page--summary .title {
    padding: 3rem 0;
    font-size: 2.2rem;
    font-weight: 700;
    color: #333;
    text-align: center;
    background: #fff
}

@media screen and (min-width: 1280px) {
    .b2c-rider-page--summary .title {
        height:15rem;
        margin: -14rem 6rem 0;
        padding: 3rem 0 1.5rem;
        font-size: 3.4rem;
        line-height: 10rem
    }
}

@media screen and (min-width: 1920px) {
    .b2c-rider-page--summary .title {
        margin:-15rem 9rem 0
    }
}

.b2c-rider-page--summary .summary-description {
    font-size: 1.6rem;
    color: #27509b
}

.b2c-rider-page--summary .summary-description-richtext {
    width: 100%;
    margin: 5rem auto;
    padding: 0 1.5rem
}

@media screen and (min-width: 960px) {
    .b2c-rider-page--summary .summary-description-richtext {
        width:80%;
        padding: 0
    }
}

.b2c-rider-page--summary .summary-description-social-desktop svg {
    width: 3.5rem;
    height: 3.5rem
}

@media screen and (min-width: 600px) {
    .b2c-rider-page--summary .summary-description-social-desktop svg {
        width:5rem;
        height: 5rem
    }
}

.b2c-rider-page--summary .summary-description-social-desktop {
    text-align: center
}

.b2c-rider-page--summary .summary-description-social-desktop>a {
    margin: 0 2.5rem
}

@media screen and (min-width: 1280px) {
    .b2c-rider-page--summary .summary-description-social-desktop {
        display:block
    }
}

.b2c-rider-page--summary--background {
    height: 42.2rem;
    background: 50% no-repeat;
    background-size: cover
}

@media screen and (min-width: 600px) {
    .b2c-rider-page--summary--background {
        height:36rem
    }
}

@media screen and (min-width: 960px) {
    .b2c-rider-page--summary--background {
        height:36rem
    }
}

@media screen and (min-width: 1280px) {
    .b2c-rider-page--summary--background {
        height:60rem
    }
}

@media screen and (min-width: 1920px) {
    .b2c-rider-page--summary--background {
        height:90rem
    }
}

.b2c-rider-page--citation {
    padding: 0 1.5rem;
    background: #fff
}

@media screen and (min-width: 960px) {
    .b2c-rider-page--citation {
        padding:3.4rem 0;
        background: #f5f5f5
    }
}

.b2c-rider-page--citation-rider-name {
    padding-bottom: 2.5rem;
    font-weight: 700;
    font-size: 1.8rem;
    color: #363636;
    text-align: center
}

@media screen and (min-width: 960px) {
    .b2c-rider-page--citation-rider-name {
        padding:2.5rem 0
    }
}

.b2c-rider-page--citation-description {
    width: 95%;
    margin: 0 auto;
    padding: 0 1rem;
    font-size: 1.6rem;
    color: #27509b;
    border-left: .2rem solid #27509b
}

@media screen and (min-width: 960px) {
    .b2c-rider-page--citation-description {
        width:65%;
        padding: 0 3rem;
        font-size: 2rem
    }
}

.b2c-rider-page--editorial .mdc-layout-grid {
    padding: 0
}

:root {
    --mdc-layout-grid-margin-xxl: 10rem;
    --mdc-layout-grid-margin-xl: 10rem;
    --mdc-layout-grid-margin-lg: 5rem
}

.mdc-layout-grid {
    width: 100%;
    max-width: 192rem
}

@media screen and (min-width: 960px) {
    .mdc-layout-grid {
        width:80%
    }
}

@media (min-width: 1920px) {
    .mdc-layout-grid {
        padding:10rem;
        padding: var(--mdc-layout-grid-margin-xxl,10rem)
    }
}

@media (min-width: 1280px) and (max-width:1919px) {
    .mdc-layout-grid {
        padding:10rem;
        padding: var(--mdc-layout-grid-margin-xl,10rem)
    }
}

@media (min-width: 960px) and (max-width:1279px) {
    .mdc-layout-grid {
        padding:5rem;
        padding: var(--mdc-layout-grid-margin-lg,5rem)
    }
}

.mdc-layout-grid .apos-area-widget-in-persona[data-apos-widget=b2c-feature-card] {
    height: inherit
}

.mdc-layout-grid .apos-area-widget,.mdc-layout-grid .apos-area-widget-wrapper:first-child:last-child[data-apos-widget-wrapper=b2c-feature-card],.mdc-layout-grid .apos-area-widgets,.mdc-layout-grid__cell,.mdc-layout-grid__cell>.apos-area,.mdc-layout-grid__cell>.apos-area[data-current-widget-viewtype=vertical-card-with-icon] {
    height: 100%
}

@media (max-width: 959px) {
    .mdc-layout-grid.mdc-layout-grid--no-padding {
        padding:0
    }
}

:root {
    --mdc-layout-grid-margin-md: 2.4rem;
    --mdc-layout-grid-gutter-md: 2.4rem;
    --mdc-layout-grid-column-width-md: 7rem;
    --mdc-layout-grid-margin-sm: 2.4rem;
    --mdc-layout-grid-gutter-sm: 1.6rem;
    --mdc-layout-grid-column-width-sm: 7rem;
    --mdc-layout-grid-margin-xs: 1.5rem;
    --mdc-layout-grid-gutter-xs: 1.6rem;
    --mdc-layout-grid-column-width-xs: 7rem
}

@media (min-width: 960px) {
    .mdc-layout-grid {
        -webkit-box-sizing:border-box;
        box-sizing: border-box;
        margin: 0 auto;
        padding: 2.4rem;
        padding: var(--mdc-layout-grid-margin-md,2.4rem)
    }
}

@media (min-width: 600px) and (max-width:959px) {
    .mdc-layout-grid {
        -webkit-box-sizing:border-box;
        box-sizing: border-box;
        margin: 0 auto;
        padding: 2.4rem;
        padding: var(--mdc-layout-grid-margin-sm,2.4rem)
    }
}

@media (min-width: 0px) and (max-width:599px) {
    .mdc-layout-grid {
        -webkit-box-sizing:border-box;
        box-sizing: border-box;
        margin: 0 auto;
        padding: 1.5rem;
        padding: var(--mdc-layout-grid-margin-xs,1.5rem)
    }
}

@media (min-width: 960px) {
    .mdc-layout-grid__inner {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        margin: -1.2rem;
        margin: calc(var(--mdc-layout-grid-gutter-md, 2.4rem)/2*-1)
    }

    @supports (display: grid) {
        .mdc-layout-grid__inner {
            display:grid;
            margin: 0;
            grid-gap: 2.4rem;
            grid-gap: var(--mdc-layout-grid-gutter-md,2.4rem);
            grid-template-columns: repeat(12,minmax(0,1fr))
        }
    }
}

@media (min-width: 600px) and (max-width:959px) {
    .mdc-layout-grid__inner {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        margin: -.8rem;
        margin: calc(var(--mdc-layout-grid-gutter-sm, 1.6rem)/2*-1)
    }

    @supports (display: grid) {
        .mdc-layout-grid__inner {
            display:grid;
            margin: 0;
            grid-gap: 1.6rem;
            grid-gap: var(--mdc-layout-grid-gutter-sm,1.6rem);
            grid-template-columns: repeat(8,minmax(0,1fr))
        }
    }
}

@media (min-width: 0px) and (max-width:599px) {
    .mdc-layout-grid__inner {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        margin: -.8rem;
        margin: calc(var(--mdc-layout-grid-gutter-xs, 1.6rem)/2*-1)
    }

    @supports (display: grid) {
        .mdc-layout-grid__inner {
            display:grid;
            margin: 0;
            grid-gap: 1.6rem;
            grid-gap: var(--mdc-layout-grid-gutter-xs,1.6rem);
            grid-template-columns: repeat(4,minmax(0,1fr))
        }
    }
}

@media (min-width: 960px) {
    .mdc-layout-grid__cell {
        width:calc(33.33333% - 2.4rem);
        width: calc(33.33333% - var(--mdc-layout-grid-gutter-md, 2.4rem));
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin: 1.2rem;
        margin: calc(var(--mdc-layout-grid-gutter-md, 2.4rem)/2)
    }

    @supports (display: grid) {
        .mdc-layout-grid__cell {
            width:auto;
            grid-column-end: span 4;
            margin: 0
        }
    }

    .mdc-layout-grid__cell--span-1,.mdc-layout-grid__cell--span-1-md {
        width: calc(8.33333% - 2.4rem);
        width: calc(8.33333% - var(--mdc-layout-grid-gutter-md, 2.4rem))
    }

    @supports (display: grid) {
        .mdc-layout-grid__cell--span-1,.mdc-layout-grid__cell--span-1-md {
            width:auto;
            grid-column-end: span 1
        }
    }

    .mdc-layout-grid__cell--span-2,.mdc-layout-grid__cell--span-2-md {
        width: calc(16.66667% - 2.4rem);
        width: calc(16.66667% - var(--mdc-layout-grid-gutter-md, 2.4rem))
    }

    @supports (display: grid) {
        .mdc-layout-grid__cell--span-2,.mdc-layout-grid__cell--span-2-md {
            width:auto;
            grid-column-end: span 2
        }
    }

    .mdc-layout-grid__cell--span-3,.mdc-layout-grid__cell--span-3-md {
        width: calc(25% - 2.4rem);
        width: calc(25% - var(--mdc-layout-grid-gutter-md, 2.4rem))
    }

    @supports (display: grid) {
        .mdc-layout-grid__cell--span-3,.mdc-layout-grid__cell--span-3-md {
            width:auto;
            grid-column-end: span 3
        }
    }

    .mdc-layout-grid__cell--span-4,.mdc-layout-grid__cell--span-4-md {
        width: calc(33.33333% - 2.4rem);
        width: calc(33.33333% - var(--mdc-layout-grid-gutter-md, 2.4rem))
    }

    @supports (display: grid) {
        .mdc-layout-grid__cell--span-4,.mdc-layout-grid__cell--span-4-md {
            width:auto;
            grid-column-end: span 4
        }
    }

    .mdc-layout-grid__cell--span-5,.mdc-layout-grid__cell--span-5-md {
        width: calc(41.66667% - 2.4rem);
        width: calc(41.66667% - var(--mdc-layout-grid-gutter-md, 2.4rem))
    }

    @supports (display: grid) {
        .mdc-layout-grid__cell--span-5,.mdc-layout-grid__cell--span-5-md {
            width:auto;
            grid-column-end: span 5
        }
    }

    .mdc-layout-grid__cell--span-6,.mdc-layout-grid__cell--span-6-md {
        width: calc(50% - 2.4rem);
        width: calc(50% - var(--mdc-layout-grid-gutter-md, 2.4rem))
    }

    @supports (display: grid) {
        .mdc-layout-grid__cell--span-6,.mdc-layout-grid__cell--span-6-md {
            width:auto;
            grid-column-end: span 6
        }
    }

    .mdc-layout-grid__cell--span-7,.mdc-layout-grid__cell--span-7-md {
        width: calc(58.33333% - 2.4rem);
        width: calc(58.33333% - var(--mdc-layout-grid-gutter-md, 2.4rem))
    }

    @supports (display: grid) {
        .mdc-layout-grid__cell--span-7,.mdc-layout-grid__cell--span-7-md {
            width:auto;
            grid-column-end: span 7
        }
    }

    .mdc-layout-grid__cell--span-8,.mdc-layout-grid__cell--span-8-md {
        width: calc(66.66667% - 2.4rem);
        width: calc(66.66667% - var(--mdc-layout-grid-gutter-md, 2.4rem))
    }

    @supports (display: grid) {
        .mdc-layout-grid__cell--span-8,.mdc-layout-grid__cell--span-8-md {
            width:auto;
            grid-column-end: span 8
        }
    }

    .mdc-layout-grid__cell--span-9,.mdc-layout-grid__cell--span-9-md {
        width: calc(75% - 2.4rem);
        width: calc(75% - var(--mdc-layout-grid-gutter-md, 2.4rem))
    }

    @supports (display: grid) {
        .mdc-layout-grid__cell--span-9,.mdc-layout-grid__cell--span-9-md {
            width:auto;
            grid-column-end: span 9
        }
    }

    .mdc-layout-grid__cell--span-10,.mdc-layout-grid__cell--span-10-md {
        width: calc(83.33333% - 2.4rem);
        width: calc(83.33333% - var(--mdc-layout-grid-gutter-md, 2.4rem))
    }

    @supports (display: grid) {
        .mdc-layout-grid__cell--span-10,.mdc-layout-grid__cell--span-10-md {
            width:auto;
            grid-column-end: span 10
        }
    }

    .mdc-layout-grid__cell--span-11,.mdc-layout-grid__cell--span-11-md {
        width: calc(91.66667% - 2.4rem);
        width: calc(91.66667% - var(--mdc-layout-grid-gutter-md, 2.4rem))
    }

    @supports (display: grid) {
        .mdc-layout-grid__cell--span-11,.mdc-layout-grid__cell--span-11-md {
            width:auto;
            grid-column-end: span 11
        }
    }

    .mdc-layout-grid__cell--span-12,.mdc-layout-grid__cell--span-12-md {
        width: calc(100% - 2.4rem);
        width: calc(100% - var(--mdc-layout-grid-gutter-md, 2.4rem))
    }

    @supports (display: grid) {
        .mdc-layout-grid__cell--span-12,.mdc-layout-grid__cell--span-12-md {
            width:auto;
            grid-column-end: span 12
        }
    }
}

@media (min-width: 600px) and (max-width:959px) {
    .mdc-layout-grid__cell {
        width:calc(50% - 1.6rem);
        width: calc(50% - var(--mdc-layout-grid-gutter-sm, 1.6rem));
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin: .8rem;
        margin: calc(var(--mdc-layout-grid-gutter-sm, 1.6rem)/2)
    }

    @supports (display: grid) {
        .mdc-layout-grid__cell {
            width:auto;
            grid-column-end: span 4;
            margin: 0
        }
    }

    .mdc-layout-grid__cell--span-1,.mdc-layout-grid__cell--span-1-sm {
        width: calc(12.5% - 1.6rem);
        width: calc(12.5% - var(--mdc-layout-grid-gutter-sm, 1.6rem))
    }

    @supports (display: grid) {
        .mdc-layout-grid__cell--span-1,.mdc-layout-grid__cell--span-1-sm {
            width:auto;
            grid-column-end: span 1
        }
    }

    .mdc-layout-grid__cell--span-2,.mdc-layout-grid__cell--span-2-sm {
        width: calc(25% - 1.6rem);
        width: calc(25% - var(--mdc-layout-grid-gutter-sm, 1.6rem))
    }

    @supports (display: grid) {
        .mdc-layout-grid__cell--span-2,.mdc-layout-grid__cell--span-2-sm {
            width:auto;
            grid-column-end: span 2
        }
    }

    .mdc-layout-grid__cell--span-3,.mdc-layout-grid__cell--span-3-sm {
        width: calc(37.5% - 1.6rem);
        width: calc(37.5% - var(--mdc-layout-grid-gutter-sm, 1.6rem))
    }

    @supports (display: grid) {
        .mdc-layout-grid__cell--span-3,.mdc-layout-grid__cell--span-3-sm {
            width:auto;
            grid-column-end: span 3
        }
    }

    .mdc-layout-grid__cell--span-4,.mdc-layout-grid__cell--span-4-sm {
        width: calc(50% - 1.6rem);
        width: calc(50% - var(--mdc-layout-grid-gutter-sm, 1.6rem))
    }

    @supports (display: grid) {
        .mdc-layout-grid__cell--span-4,.mdc-layout-grid__cell--span-4-sm {
            width:auto;
            grid-column-end: span 4
        }
    }

    .mdc-layout-grid__cell--span-5,.mdc-layout-grid__cell--span-5-sm {
        width: calc(62.5% - 1.6rem);
        width: calc(62.5% - var(--mdc-layout-grid-gutter-sm, 1.6rem))
    }

    @supports (display: grid) {
        .mdc-layout-grid__cell--span-5,.mdc-layout-grid__cell--span-5-sm {
            width:auto;
            grid-column-end: span 5
        }
    }

    .mdc-layout-grid__cell--span-6,.mdc-layout-grid__cell--span-6-sm {
        width: calc(75% - 1.6rem);
        width: calc(75% - var(--mdc-layout-grid-gutter-sm, 1.6rem))
    }

    @supports (display: grid) {
        .mdc-layout-grid__cell--span-6,.mdc-layout-grid__cell--span-6-sm {
            width:auto;
            grid-column-end: span 6
        }
    }

    .mdc-layout-grid__cell--span-7,.mdc-layout-grid__cell--span-7-sm {
        width: calc(87.5% - 1.6rem);
        width: calc(87.5% - var(--mdc-layout-grid-gutter-sm, 1.6rem))
    }

    @supports (display: grid) {
        .mdc-layout-grid__cell--span-7,.mdc-layout-grid__cell--span-7-sm {
            width:auto;
            grid-column-end: span 7
        }
    }

    .mdc-layout-grid__cell--span-8,.mdc-layout-grid__cell--span-8-sm {
        width: calc(100% - 1.6rem);
        width: calc(100% - var(--mdc-layout-grid-gutter-sm, 1.6rem))
    }

    @supports (display: grid) {
        .mdc-layout-grid__cell--span-8,.mdc-layout-grid__cell--span-8-sm {
            width:auto;
            grid-column-end: span 8
        }
    }

    .mdc-layout-grid__cell--span-9,.mdc-layout-grid__cell--span-9-sm {
        width: calc(100% - 1.6rem);
        width: calc(100% - var(--mdc-layout-grid-gutter-sm, 1.6rem))
    }

    @supports (display: grid) {
        .mdc-layout-grid__cell--span-9,.mdc-layout-grid__cell--span-9-sm {
            width:auto;
            grid-column-end: span 8
        }
    }

    .mdc-layout-grid__cell--span-10,.mdc-layout-grid__cell--span-10-sm {
        width: calc(100% - 1.6rem);
        width: calc(100% - var(--mdc-layout-grid-gutter-sm, 1.6rem))
    }

    @supports (display: grid) {
        .mdc-layout-grid__cell--span-10,.mdc-layout-grid__cell--span-10-sm {
            width:auto;
            grid-column-end: span 8
        }
    }

    .mdc-layout-grid__cell--span-11,.mdc-layout-grid__cell--span-11-sm {
        width: calc(100% - 1.6rem);
        width: calc(100% - var(--mdc-layout-grid-gutter-sm, 1.6rem))
    }

    @supports (display: grid) {
        .mdc-layout-grid__cell--span-11,.mdc-layout-grid__cell--span-11-sm {
            width:auto;
            grid-column-end: span 8
        }
    }

    .mdc-layout-grid__cell--span-12,.mdc-layout-grid__cell--span-12-sm {
        width: calc(100% - 1.6rem);
        width: calc(100% - var(--mdc-layout-grid-gutter-sm, 1.6rem))
    }

    @supports (display: grid) {
        .mdc-layout-grid__cell--span-12,.mdc-layout-grid__cell--span-12-sm {
            width:auto;
            grid-column-end: span 8
        }
    }
}

@media (min-width: 0px) and (max-width:599px) {
    .mdc-layout-grid__cell {
        width:calc(100% - 1.6rem);
        width: calc(100% - var(--mdc-layout-grid-gutter-xs, 1.6rem));
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin: .8rem;
        margin: calc(var(--mdc-layout-grid-gutter-xs, 1.6rem)/2)
    }

    @supports (display: grid) {
        .mdc-layout-grid__cell {
            width:auto;
            grid-column-end: span 4;
            margin: 0
        }
    }

    .mdc-layout-grid__cell--span-1,.mdc-layout-grid__cell--span-1-xs {
        width: calc(25% - 1.6rem);
        width: calc(25% - var(--mdc-layout-grid-gutter-xs, 1.6rem))
    }

    @supports (display: grid) {
        .mdc-layout-grid__cell--span-1,.mdc-layout-grid__cell--span-1-xs {
            width:auto;
            grid-column-end: span 1
        }
    }

    .mdc-layout-grid__cell--span-2,.mdc-layout-grid__cell--span-2-xs {
        width: calc(50% - 1.6rem);
        width: calc(50% - var(--mdc-layout-grid-gutter-xs, 1.6rem))
    }

    @supports (display: grid) {
        .mdc-layout-grid__cell--span-2,.mdc-layout-grid__cell--span-2-xs {
            width:auto;
            grid-column-end: span 2
        }
    }

    .mdc-layout-grid__cell--span-3,.mdc-layout-grid__cell--span-3-xs {
        width: calc(75% - 1.6rem);
        width: calc(75% - var(--mdc-layout-grid-gutter-xs, 1.6rem))
    }

    @supports (display: grid) {
        .mdc-layout-grid__cell--span-3,.mdc-layout-grid__cell--span-3-xs {
            width:auto;
            grid-column-end: span 3
        }
    }

    .mdc-layout-grid__cell--span-4,.mdc-layout-grid__cell--span-4-xs {
        width: calc(100% - 1.6rem);
        width: calc(100% - var(--mdc-layout-grid-gutter-xs, 1.6rem))
    }

    @supports (display: grid) {
        .mdc-layout-grid__cell--span-4,.mdc-layout-grid__cell--span-4-xs {
            width:auto;
            grid-column-end: span 4
        }
    }

    .mdc-layout-grid__cell--span-5,.mdc-layout-grid__cell--span-5-xs {
        width: calc(100% - 1.6rem);
        width: calc(100% - var(--mdc-layout-grid-gutter-xs, 1.6rem))
    }

    @supports (display: grid) {
        .mdc-layout-grid__cell--span-5,.mdc-layout-grid__cell--span-5-xs {
            width:auto;
            grid-column-end: span 4
        }
    }

    .mdc-layout-grid__cell--span-6,.mdc-layout-grid__cell--span-6-xs {
        width: calc(100% - 1.6rem);
        width: calc(100% - var(--mdc-layout-grid-gutter-xs, 1.6rem))
    }

    @supports (display: grid) {
        .mdc-layout-grid__cell--span-6,.mdc-layout-grid__cell--span-6-xs {
            width:auto;
            grid-column-end: span 4
        }
    }

    .mdc-layout-grid__cell--span-7,.mdc-layout-grid__cell--span-7-xs {
        width: calc(100% - 1.6rem);
        width: calc(100% - var(--mdc-layout-grid-gutter-xs, 1.6rem))
    }

    @supports (display: grid) {
        .mdc-layout-grid__cell--span-7,.mdc-layout-grid__cell--span-7-xs {
            width:auto;
            grid-column-end: span 4
        }
    }

    .mdc-layout-grid__cell--span-8,.mdc-layout-grid__cell--span-8-xs {
        width: calc(100% - 1.6rem);
        width: calc(100% - var(--mdc-layout-grid-gutter-xs, 1.6rem))
    }

    @supports (display: grid) {
        .mdc-layout-grid__cell--span-8,.mdc-layout-grid__cell--span-8-xs {
            width:auto;
            grid-column-end: span 4
        }
    }

    .mdc-layout-grid__cell--span-9,.mdc-layout-grid__cell--span-9-xs {
        width: calc(100% - 1.6rem);
        width: calc(100% - var(--mdc-layout-grid-gutter-xs, 1.6rem))
    }

    @supports (display: grid) {
        .mdc-layout-grid__cell--span-9,.mdc-layout-grid__cell--span-9-xs {
            width:auto;
            grid-column-end: span 4
        }
    }

    .mdc-layout-grid__cell--span-10,.mdc-layout-grid__cell--span-10-xs {
        width: calc(100% - 1.6rem);
        width: calc(100% - var(--mdc-layout-grid-gutter-xs, 1.6rem))
    }

    @supports (display: grid) {
        .mdc-layout-grid__cell--span-10,.mdc-layout-grid__cell--span-10-xs {
            width:auto;
            grid-column-end: span 4
        }
    }

    .mdc-layout-grid__cell--span-11,.mdc-layout-grid__cell--span-11-xs {
        width: calc(100% - 1.6rem);
        width: calc(100% - var(--mdc-layout-grid-gutter-xs, 1.6rem))
    }

    @supports (display: grid) {
        .mdc-layout-grid__cell--span-11,.mdc-layout-grid__cell--span-11-xs {
            width:auto;
            grid-column-end: span 4
        }
    }

    .mdc-layout-grid__cell--span-12,.mdc-layout-grid__cell--span-12-xs {
        width: calc(100% - 1.6rem);
        width: calc(100% - var(--mdc-layout-grid-gutter-xs, 1.6rem))
    }

    @supports (display: grid) {
        .mdc-layout-grid__cell--span-12,.mdc-layout-grid__cell--span-12-xs {
            width:auto;
            grid-column-end: span 4
        }
    }
}

.mdc-layout-grid__cell--order-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.mdc-layout-grid__cell--order-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.mdc-layout-grid__cell--order-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
}

.mdc-layout-grid__cell--order-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4
}

.mdc-layout-grid__cell--order-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5
}

.mdc-layout-grid__cell--order-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6
}

.mdc-layout-grid__cell--order-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7
}

.mdc-layout-grid__cell--order-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8
}

.mdc-layout-grid__cell--order-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9
}

.mdc-layout-grid__cell--order-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10
}

.mdc-layout-grid__cell--order-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11
}

.mdc-layout-grid__cell--order-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12
}

.mdc-layout-grid__cell--align-top {
    -ms-flex-item-align: start;
    align-self: flex-start
}

@supports (display: grid) {
    .mdc-layout-grid__cell--align-top {
        -ms-flex-item-align:start;
        align-self: start
    }
}

.mdc-layout-grid__cell--align-middle {
    -ms-flex-item-align: center;
    align-self: center
}

.mdc-layout-grid__cell--align-bottom {
    -ms-flex-item-align: end;
    align-self: flex-end
}

@supports (display: grid) {
    .mdc-layout-grid__cell--align-bottom {
        -ms-flex-item-align:end;
        align-self: end
    }
}

@media (min-width: 960px) {
    .mdc-layout-grid--fixed-column-width {
        width:115.2rem;
        width: calc(var(--mdc-layout-grid-column-width-md, 7rem)*12 + var(--mdc-layout-grid-gutter-md, 2.4rem)*11 + var(--mdc-layout-grid-margin-md, 2.4rem)*2)
    }
}

@media (min-width: 600px) and (max-width:959px) {
    .mdc-layout-grid--fixed-column-width {
        width:72rem;
        width: calc(var(--mdc-layout-grid-column-width-sm, 7rem)*8 + var(--mdc-layout-grid-gutter-sm, 1.6rem)*7 + var(--mdc-layout-grid-margin-sm, 2.4rem)*2)
    }
}

@media (min-width: 0px) and (max-width:599px) {
    .mdc-layout-grid--fixed-column-width {
        width:35.8rem;
        width: calc(var(--mdc-layout-grid-column-width-xs, 7rem)*4 + var(--mdc-layout-grid-gutter-xs, 1.6rem)*3 + var(--mdc-layout-grid-margin-xs, 1.5rem)*2)
    }
}

.mdc-layout-grid--align-left {
    margin-right: auto;
    margin-left: 0
}

.mdc-layout-grid--align-right {
    margin-right: 0;
    margin-left: auto
}

.mdc-layout-grid {
    margin: 0 auto;
    padding-top: 0;
    padding-bottom: 0
}

.b2c-iframe {
    width: 100%
}

.b2c-multi-entries-card {
    padding: 0 1.5rem
}

@media screen and (min-width: 600px) {
    .b2c-multi-entries-card {
        padding:0 2.5rem
    }
}

.b2c-multi-entries-card__title {
    margin-bottom: 1rem;
    font-size: 2.2rem;
    font-weight: 700
}

.b2c-multi-entries-card__description {
    margin-bottom: 3rem
}

@media screen and (min-width: 960px) {
    .b2c-multi-entries-card__description {
        margin-bottom:4rem
    }
}

.b2c-multi-entries-card__description,.b2c-multi-entries-card__title {
    text-align: center
}

@media screen and (min-width: 960px) {
    .b2c-multi-entries-card__description,.b2c-multi-entries-card__title {
        text-align:left
    }
}

.b2c-multi-entries-card__image {
    height: 20rem;
    margin-bottom: 2rem;
    background-size: cover;
    border-radius: .4rem
}

@media screen and (min-width: 960px) {
    .b2c-multi-entries-card__image {
        margin-bottom:4rem
    }
}

.b2c-multi-entries-card__image--rounded {
    max-width: 20rem;
    margin: 0 auto 4rem;
    border-radius: 50%
}

.b2c-multi-entries-card .b2c-multi-entries-nav__link {
    background-color: #f5f5f5;
    border-bottom: .1rem solid #fff
}

@media screen and (min-width: 600px) {
    .b2c-multi-entries-card .b2c-multi-entries-nav__link {
        background-color:#fff;
        border-bottom: .1rem solid rgba(54,54,54,.3)
    }
}

.b2c-multi-entries-card .b2c-multi-entries-nav__link a {
    padding-left: 1rem
}

@media screen and (min-width: 960px) {
    .b2c-multi-entries-card .b2c-multi-entries-nav__link a {
        padding-left:1rem
    }
}

.b2c-multi-entries-card .b2c-multi-entries-nav__link-label {
    white-space: normal;
    line-height: 1.31;
    color: #27509b
}

.b2c-multi-entries-card--icon {
    background-color: #f5f5f5
}

.b2c-multi-entries-card--icon .b2c-multi-entries-nav__link {
    background-color: #fff;
    border-bottom: .1rem solid #f5f5f5
}

@media screen and (min-width: 960px) {
    .b2c-multi-entries-card--icon .b2c-multi-entries-nav__link {
        background-color:#f5f5f5;
        border-bottom: .1rem solid #fff
    }
}

@media screen and (min-width: 960px) {
    .b2c-multi-entries-card--horizontal {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .b2c-multi-entries-card--horizontal .b2c-multi-entries-card__image {
        width: 100%;
        max-width: 30rem;
        height: 30rem;
        margin-right: 4.5rem;
        margin-bottom: 0
    }
}

@media screen and (min-width: 960px) and (min-width:960px) {
    .b2c-multi-entries-card--horizontal .b2c-multi-entries-card__image {
        margin-right:3.5rem
    }
}

@media screen and (min-width: 960px) and (min-width:1280px) {
    .b2c-multi-entries-card--horizontal .b2c-multi-entries-card__image {
        margin-right:4.5rem
    }
}

@media screen and (min-width: 960px) and (min-width:1920px) {
    .b2c-multi-entries-card--horizontal .b2c-multi-entries-card__image {
        margin-right:7.5rem
    }
}

@media screen and (min-width: 960px) {
    .b2c-multi-entries-card--horizontal .b2c-multi-entries-card__informations {
        width:100%;
        max-width: 35rem;
        margin-right: 2.5rem
    }
}

@media screen and (min-width: 960px) and (min-width:960px) {
    .b2c-multi-entries-card--horizontal .b2c-multi-entries-card__informations {
        max-width:27rem
    }
}

@media screen and (min-width: 960px) and (min-width:1280px) {
    .b2c-multi-entries-card--horizontal .b2c-multi-entries-card__informations {
        max-width:34rem
    }
}

@media screen and (min-width: 960px) and (min-width:1920px) {
    .b2c-multi-entries-card--horizontal .b2c-multi-entries-card__informations {
        max-width:46.5rem
    }
}

@media screen and (min-width: 960px) {
    .b2c-multi-entries-card--horizontal .b2c-multi-entries-nav {
        width:100%
    }
}

@media screen and (min-width: 960px) and (min-width:960px) {
    .b2c-multi-entries-card--horizontal .b2c-multi-entries-nav {
        max-width:27rem
    }
}

@media screen and (min-width: 960px) and (min-width:1280px) {
    .b2c-multi-entries-card--horizontal .b2c-multi-entries-nav {
        max-width:34rem
    }
}

@media screen and (min-width: 960px) and (min-width:1920px) {
    .b2c-multi-entries-card--horizontal .b2c-multi-entries-nav {
        max-width:46.5rem
    }
}

.b2c-scrapbook-wall-loader {
    position: relative;
    width: 100%;
    padding: 6rem;
    font-family: sans-serif;
    font-size: 1.2rem;
    color: #000;
    text-align: center;
    background-color: #e6e6e6;
    border: .1rem solid #dcdcdc
}

.b2c-scrapbook-wall-loader__bar {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: .6rem;
    margin-top: .5rem;
    background-color: #b2b2b2
}

.b2c-scrapbook-wall-loader__bar-piece {
    content: "";
    position: absolute;
    left: 50%;
    display: inline;
    width: 0;
    height: 100%;
    text-align: center
}

.b2c-scrapbook-wall-loader__bar-piece:first-child {
    background-color: #333;
    -webkit-animation: aposLinkPreviewLoading 3s linear infinite;
    animation: aposLinkPreviewLoading 3s linear infinite
}

.b2c-scrapbook-wall-loader__bar-piece:nth-child(2) {
    background-color: #999;
    -webkit-animation: aposLinkPreviewLoading 3s linear 1s infinite;
    animation: aposLinkPreviewLoading 3s linear 1s infinite
}

.b2c-scrapbook-wall-loader__bar-piece:nth-child(3) {
    background-color: #b2b2b2;
    -webkit-animation: aposLinkPreviewLoading 3s linear 2s infinite;
    animation: aposLinkPreviewLoading 3s linear 2s infinite
}

@-webkit-keyframes aposLinkPreviewLoading {
    0% {
        z-index: 100;
        left: 50%;
        width: 0
    }

    33.3333% {
        z-index: 10;
        left: 0;
        width: 100%
    }

    to {
        left: 0;
        width: 100%
    }
}

@keyframes aposLinkPreviewLoading {
    0% {
        z-index: 100;
        left: 50%;
        width: 0
    }

    33.3333% {
        z-index: 10;
        left: 0;
        width: 100%
    }

    to {
        left: 0;
        width: 100%
    }
}

@media screen and (min-width: 960px) {
    .b2c-scrapbook-wall-title-wrapper {
        background:#f5f5f5
    }
}

.b2c-scrapbook-wall-title {
    margin: 0 auto;
    padding: 3rem 0 2rem;
    font-family: Noto Sans,arial,sans-serif;
    font-size: 2.6rem;
    font-weight: 700;
    line-height: 1.77;
    letter-spacing: -.1rem;
    text-align: center
}

@media screen and (min-width: 960px) {
    .b2c-scrapbook-wall-title {
        padding:4rem 0 .3rem;
        font-family: Noto Sans,arial,sans-serif;
        line-height: 1.23
    }
}

@media screen and (min-width: 1280px) {
    .b2c-scrapbook-wall-title {
        padding:4rem 0 2.5rem
    }
}

.b2c-scrapbook-wall-category {
    display: none
}

@media screen and (min-width: 840px) {
    .b2c-scrapbook-wall-category {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        background: #f5f5f5
    }
}

@media screen and (min-width: 840px) and (max-width:959px) {
    .b2c-scrapbook-wall-category {
        padding-top:2.4rem
    }
}

.b2c-scrapbook-wall-category-wrapper__refinement-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: .5rem;
    font-family: Noto Sans,arial,sans-serif;
    font-size: 1.4rem;
    font-weight: 700;
    color: #363636;
    line-height: 1.14
}

@media screen and (min-width: 1280px) {
    .b2c-scrapbook-wall-category-wrapper__refinement-label {
        display:-webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        margin-right: .6rem
    }
}

@media screen and (min-width: 1920px) {
    .b2c-scrapbook-wall-category-wrapper__refinement-label {
        min-width:19.5rem;
        margin-right: 1.5rem
    }
}

.b2c-scrapbook-wall-refinement {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 2.5rem
}

@media screen and (min-width: 1280px) {
    .b2c-scrapbook-wall-refinement {
        display:-webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        margin-bottom: 1.9rem
    }
}

.b2c-scrapbook-wall-refinement__refinement-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.b2c-scrapbook-wall-refinement__active .b2c-scrapbook-wall-refinement__button,.b2c-scrapbook-wall-refinement__active .b2c-scrapbook-wall-refinement__button:hover {
    color: #fff;
    background: #363636
}

.b2c-scrapbook-wall-refinement__item {
    margin-right: 1rem
}

.b2c-scrapbook-wall-refinement__button {
    display: inline-block;
    width: 100%;
    min-width: 10.3rem;
    height: auto;
    padding: .85rem 1.35rem;
    font-family: Noto Sans,arial,sans-serif;
    font-size: 1.4rem;
    line-height: 1.14;
    text-align: center;
    background: 0 0;
    border: .1rem solid #363636;
    border-radius: 1.7rem;
    outline: 0;
    cursor: pointer;
    -webkit-transition: background-color .1s ease-in-out,color .1s ease-in-out,border-color .1s ease-in-out;
    transition: background-color .1s ease-in-out,color .1s ease-in-out,border-color .1s ease-in-out
}

.b2c-scrapbook-wall-refinement__button:hover {
    color: #363636;
    background-color: rgba(51,51,51,.2)
}

@media screen and (min-width: 960px) {
    .b2c-scrapbook-wall-refinement__mobile {
        display:none
    }
}

.b2c-scrapbook-wall {
    padding: 0 0 1.9rem;
    background: #f5f5f5
}

@media screen and (min-width: 960px) {
    .b2c-scrapbook-wall {
        padding:0 0 12.7rem
    }
}

@media screen and (min-width: 1280px) {
    .b2c-scrapbook-wall {
        padding:0 0 11rem
    }
}

@media screen and (min-width: 1920px) {
    .b2c-scrapbook-wall {
        padding:0 0 12rem
    }
}

.b2c-scrapbook-wall-item {
    background-color: #fff;
    border-radius: .2rem
}

.b2c-scrapbook-wall-item.mdc-layout-grid__cell--span-3-md {
    grid-column-end: span 6
}

@media screen and (min-width: 1280px) {
    .b2c-scrapbook-wall-item.mdc-layout-grid__cell--span-3-md {
        grid-column-end:span 4
    }
}

@media screen and (min-width: 1920px) {
    .b2c-scrapbook-wall-item.mdc-layout-grid__cell--span-3-md {
        grid-column-end:span 3
    }
}

.b2c-scrapbook-wall-item:hover {
    -webkit-box-shadow: -.1rem 1rem 1rem 0 rgba(0,0,0,.1);
    box-shadow: -.1rem 1rem 1rem 0 rgba(0,0,0,.1)
}

.b2c-scrapbook-wall-item__image {
    display: block;
    min-height: 17.5rem
}

@media screen and (min-width: 960px) {
    .b2c-scrapbook-wall-item__image {
        min-height:23rem
    }
}

.b2c-scrapbook-wall-item__image--background {
    position: relative;
    width: 100%;
    max-width: 100%;
    height: 17.5rem;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    border-radius: .2rem
}

@media screen and (min-width: 960px) {
    .b2c-scrapbook-wall-item__image--background {
        height:23rem
    }
}

.b2c-scrapbook-wall-item__image--mask {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.4)),to(transparent));
    background-image: linear-gradient(180deg,rgba(0,0,0,.4),transparent);
    border-radius: .2rem
}

.b2c-scrapbook-wall-item__link {
    display: block
}

.b2c-scrapbook-wall-item__popularity {
    position: absolute;
    top: 2rem;
    left: 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 10.3rem;
    height: 3rem;
    background-color: #dcdcdc;
    border-radius: 1.5rem;
    -webkit-box-shadow: 0 .1rem .5rem 0 rgba(0,0,0,.5);
    box-shadow: 0 .1rem .5rem 0 rgba(0,0,0,.5)
}

.b2c-scrapbook-wall-item__popularity--background {
    width: 3rem;
    height: 3rem;
    background: #27509b;
    border: .1rem solid #dcdcdc;
    border-radius: 1.5rem
}

.b2c-scrapbook-wall-item__popularity--background>svg {
    width: 100%;
    height: 2.4rem
}

.b2c-scrapbook-wall-item__popularity--likes {
    margin: .6rem 0 .6rem .4rem;
    font-family: Noto Sans,arial,sans-serif;
    font-size: 1.4rem;
    font-weight: 700;
    color: #27509b
}

.b2c-scrapbook-wall-item-wrapper {
    padding: 1.1rem 2rem 0
}

@media screen and (min-width: 960px) {
    .b2c-scrapbook-wall-item-wrapper {
        padding:2rem 2rem 0
    }
}

.b2c-scrapbook-wall-item-wrapper__title {
    height: 1.6rem;
    margin-bottom: .8rem;
    font-family: Noto Sans,arial,sans-serif;
    font-size: 1.6rem;
    font-weight: 700;
    color: #27509b;
    line-height: 1;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

@media screen and (min-width: 960px) {
    .b2c-scrapbook-wall-item-wrapper__title {
        margin-bottom:1rem
    }
}

.b2c-scrapbook-wall-item-wrapper__description {
    height: 6.3rem;
    margin-bottom: .8rem;
    font-family: Noto Sans,arial,sans-serif;
    font-size: 1.6rem;
    color: #000;
    line-height: 1.31;
    overflow: hidden
}

@media screen and (min-width: 960px) {
    .b2c-scrapbook-wall-item-wrapper__description {
        height:8.4rem;
        margin-bottom: 1.2rem
    }
}

.b2c-scrapbook-wall-item-wrapper__cat-label {
    float: right;
    width: auto;
    min-width: 8.3rem;
    height: 1.9rem;
    margin-bottom: 1.9rem;
    background-color: #e6efff;
    border-radius: 1.7rem
}

@media screen and (min-width: 960px) {
    .b2c-scrapbook-wall-item-wrapper__cat-label {
        margin-bottom:2rem
    }
}

.b2c-scrapbook-wall-item-wrapper__cat-label--cat-link {
    display: block;
    padding: .3rem .6rem .2rem .7rem;
    font-family: Noto Sans,arial,sans-serif;
    font-size: 1.1rem;
    color: #27509b;
    line-height: 1.27;
    text-align: center
}

.b2c-cat-block-mobile {
    padding: 2rem 0 3.9rem
}

.b2c-cat-block-mobile__title {
    margin-bottom: .4rem;
    font-family: Noto Sans,arial,sans-serif;
    font-size: 1.6rem;
    font-weight: 700;
    color: #27509b;
    line-height: 1.5;
    letter-spacing: normal
}

.b2c-cat-block-mobile__results {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow-x: auto
}

.b2c-cat-block-mobile__results .b2c-scrapbook-wall-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    width: 50%;
    margin-right: 2rem
}

.load-more__container {
    margin: 2.5rem 0
}

.b2c-scroll-to-top {
    position: fixed;
    bottom: 10rem;
    opacity: 0;
    cursor: pointer;
    -webkit-transform: translateY(5rem);
    transform: translateY(5rem);
    -webkit-transition: opacity .3s,-webkit-transform .4s;
    transition: opacity .3s,-webkit-transform .4s;
    transition: opacity .3s,transform .4s;
    transition: opacity .3s,transform .4s,-webkit-transform .4s
}

.b2c-scroll-to-top--init {
    display: block
}

.b2c-scroll-to-top--visible {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.b2c-scroll-to-top--sticky {
    position: absolute
}

.dgad-siderail-section-item--overlay {
    width: 100%
}

.b2c-panel-slider__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    width: 100%
}

@media (max-width: 959px) {
    .b2c-panel-slider__wrapper .mdc-layout-grid {
        padding:0
    }

    .b2c-panel-slider__wrapper .mdc-layout-grid__inner {
        display: block
    }
}

@media screen and (min-width: 960px) {
    .b2c-panel-slider__wrapper {
        z-index:9;
        padding: 0 5rem
    }

    .b2c-panel-slider__wrapper.b2c-panel-slider__wrapper--shown:after {
        height: 35%;
        opacity: 1
    }

    .b2c-panel-slider__wrapper:after {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        width: .1rem;
        height: 0;
        opacity: 0;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        -webkit-transition: .3s;
        transition: .3s
    }
}

@media (max-width: 959px) {
    .b2c-panel-slider__wrapper .dgad-widgets-slider {
        padding:2rem
    }
}

.b2c-panel-slider__wrapper .b2c-panel-slider {
    width: 100%;
    padding: 0 2.5rem
}

@media screen and (min-width: 960px) {
    .b2c-panel-slider__wrapper .b2c-panel-slider {
        padding:2rem
    }
}

.b2c-panel-slider__wrapper .b2c-panel-slider .dgad-slider__prev {
    left: 0
}

@media (max-width: 959px) {
    .b2c-panel-slider__wrapper .b2c-panel-slider .dgad-slider__prev {
        left:1rem
    }
}

.b2c-panel-slider__wrapper .b2c-panel-slider .dgad-slider__next {
    right: 0
}

@media (max-width: 959px) {
    .b2c-panel-slider__wrapper .b2c-panel-slider .dgad-slider__next {
        right:1rem
    }
}

.b2c-panel-slider__wrapper .b2c-panel-slider .dgad-slider__buttons-container .dgad-btn {
    top: 10rem
}

.b2c-panel-slider__wrapper .dgad-key-benefits-item__description {
    padding: 2rem
}

@media (max-width: 599px) {
    .b2c-panel-slider__wrapper .dgad-key-benefits-item__description {
        padding-top:0
    }
}

.b2c-panel-slider__wrapper .dgad-key-benefits-item__media-wrapper.dgad-key-benefits-item__media-wrapper--empty {
    display: none
}

@media screen and (min-width: 960px) {
    .b2c-panel-slider__wrapper .dgad-key-benefits-item__media-wrapper.dgad-key-benefits-item__media-wrapper--empty {
        height:0
    }
}

@media screen and (min-width: 960px) {
    .b2c-panel-slider__wrapper .dgad-key-benefits-item__media-wrapper {
        height:28.5rem;
        min-height: 0
    }
}

.b2c-table {
    max-width: 144rem
}

.b2c-table .apos-rich-text,.b2c-table .apos-rich-text p {
    margin-bottom: 0
}

.b2c-table__title {
    margin-bottom: 2rem;
    font-size: 2rem;
    font-weight: 400
}

.b2c-table__header .b2c-table__row {
    height: .6rem;
    padding: 0;
    font-weight: 900
}

.b2c-table__header .b2c-table__row .b2c-table__cell {
    display: none
}

@media screen and (min-width: 840px) {
    .b2c-table__header .b2c-table__row {
        height:auto
    }

    .b2c-table__header .b2c-table__row .b2c-table__cell {
        display: block
    }
}

.b2c-table__header--primary .b2c-table__row {
    color: #000;
    background-color: #fce500
}

.b2c-table__header--secondary .b2c-table__row {
    color: #fff;
    background-color: #27509b
}

.b2c-table__header--tertiary .b2c-table__row {
    color: #000;
    background-color: #f5f5f5
}

.b2c-table__header--white .b2c-table__row {
    color: #000;
    background-color: #fff
}

.b2c-table tbody .b2c-table__row:nth-child(2n) {
    background-color: #f5f5f5
}

.b2c-table__row {
    display: block;
    padding: 1.4rem 0 .7rem;
    background: #fff
}

.b2c-table__row .b2c-table__cell {
    display: block;
    margin-bottom: 1rem;
    padding: .2rem 1.6rem
}

.b2c-table__row .b2c-table__cell .apos-rich-text {
    padding: 0
}

.b2c-table__row .b2c-table__cell>div {
    width: 100%
}

@media screen and (min-width: 840px) {
    .b2c-table__row .b2c-table__cell {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 1.2rem
    }
}

.b2c-table__row .b2c-table__cell [data-apos-widget-wrapper=apostrophe-rich-text]:hover {
    z-index: 999
}

.b2c-table__row .b2c-table__cell:before {
    content: attr(data-title);
    display: block;
    min-width: 1rem;
    margin-bottom: .3rem;
    font-size: 1rem;
    font-weight: 700;
    color: #363636;
    line-height: 1rem;
    text-transform: uppercase
}

@media screen and (min-width: 840px) {
    .b2c-table__row {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 0
    }

    .b2c-table__row .b2c-table__cell {
        margin-bottom: 0
    }

    .b2c-table__row .b2c-table__cell:before {
        display: none
    }
}

.b2c-table__content {
    width: 100%
}

.b2c-table .apos-area-widget-wrapper>.apos-ui>.apos-area-controls {
    bottom: 0;
    height: .5rem;
    padding: 0
}

.b2c-table .apos-area-widget-wrapper {
    scroll-margin-top: 12rem
}

.b2c-pressure-ts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    margin: 1rem 0;
    padding: .8rem;
    color: #000;
    background-color: #27509b
}

.b2c-pressure-ts__error {
    color: #fff;
    text-align: center;
    background-color: #c90000
}

.b2c-pressure-ts-field {
    position: relative;
    display: none;
    width: 100%;
    height: 3.8rem;
    font-size: 1.1rem;
    color: #fff;
    cursor: pointer;
    -webkit-transition: height .4s ease;
    transition: height .4s ease
}

.b2c-pressure-ts-field--active {
    height: 18.8rem;
    color: #fce500
}

.b2c-pressure-ts-field--active .b2c-pressure-ts-field__header {
    height: 3.8rem;
    min-height: 3.8rem;
    border-bottom: 1px solid #fce500
}

.b2c-pressure-ts-field--active .b2c-pressure-ts-field__options {
    height: 15rem
}

.b2c-pressure-ts-field--active .b2c-pressure-ts-field__options--with-header .b2c-pressure-ts-field__options-shadow--top {
    top: 2rem
}

.b2c-pressure-ts-field--empty {
    color: #fce500
}

.b2c-pressure-ts-field--empty .b2c-pressure-ts-field__header {
    height: 3.8rem;
    min-height: 3.8rem;
    border-bottom: 1px solid #fce500
}

.b2c-pressure-ts-field--empty .b2c-pressure-ts-field__header .b2c-pressure-ts-field__input-box input:disabled::-webkit-input-placeholder {
    color: hsla(0,0%,100%,.6)
}

.b2c-pressure-ts-field--empty .b2c-pressure-ts-field__header .b2c-pressure-ts-field__input-box input:disabled::-moz-placeholder {
    color: hsla(0,0%,100%,.6)
}

.b2c-pressure-ts-field--empty .b2c-pressure-ts-field__header .b2c-pressure-ts-field__input-box input:disabled::-ms-input-placeholder {
    color: hsla(0,0%,100%,.6)
}

.b2c-pressure-ts-field--empty .b2c-pressure-ts-field__header .b2c-pressure-ts-field__input-box input:disabled::placeholder {
    color: hsla(0,0%,100%,.6)
}

.b2c-pressure-ts-field__header {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 3.8rem;
    padding: .6rem 0;
    border-bottom: 1px solid #fff
}

.b2c-pressure-ts-field__header,.b2c-pressure-ts-field__header-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.b2c-pressure-ts-field__header-label {
    margin-right: 1rem;
    text-transform: capitalize;
    opacity: .5
}

@media (max-width: 359px) {
    .b2c-pressure-ts-field__header-label {
        width:55%
    }
}

@media screen and (min-width: 360px) {
    .b2c-pressure-ts-field__header-label {
        width:43%
    }
}

@media screen and (min-width: 600px) and (max-width:839px) {
    .b2c-pressure-ts-field__header-label {
        width:21%
    }
}

@media screen and (min-width: 840px) {
    .b2c-pressure-ts-field__header-label {
        width:15%
    }
}

.b2c-pressure-ts-field__header .b2c-pressure-ts-field__input-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    height: 3rem
}

.b2c-pressure-ts-field__header .b2c-pressure-ts-field__input-box input {
    width: 96%;
    color: #fff;
    text-transform: uppercase;
    background-color: hsla(0,0%,100%,0);
    border: none;
    outline: none
}

.b2c-pressure-ts-field__header .b2c-pressure-ts-field__input-box input::-webkit-input-placeholder {
    color: #fff;
    text-transform: none
}

.b2c-pressure-ts-field__header .b2c-pressure-ts-field__input-box input::-moz-placeholder {
    color: #fff;
    text-transform: none
}

.b2c-pressure-ts-field__header .b2c-pressure-ts-field__input-box input::-ms-input-placeholder {
    color: #fff;
    text-transform: none
}

.b2c-pressure-ts-field__header .b2c-pressure-ts-field__input-box input::placeholder {
    color: #fff;
    text-transform: none
}

.b2c-pressure-ts-field__edit-icon {
    width: 4rem;
    padding: .7rem;
    fill: #fff
}

.b2c-pressure-ts-field__options {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%;
    height: 0;
    padding: -1rem 0;
    color: #fff;
    text-transform: uppercase;
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-transition: height .5s,-webkit-transition 0s ease 1s;
    transition: height .5s,-webkit-transition 0s ease 1s;
    transition: height .5s,transition 0s ease 1s;
    transition: height .5s,transition 0s ease 1s,-webkit-transition 0s ease 1s
}

.b2c-pressure-ts-field__options .b2c-pressure-ts-field__option {
    height: 3.8rem;
    padding: .8rem .5rem
}

.b2c-pressure-ts-field__options .b2c-pressure-ts-field__option:hover {
    background-color: hsla(0,0%,100%,.12)
}

.b2c-pressure-ts-field__options .b2c-pressure-ts-field__option:before {
    content: "›";
    margin-right: 1.5rem;
    font-size: 1.5rem
}

.b2c-pressure-ts-field__options .b2c-pressure-ts-field__sticky-header {
    position: sticky;
    z-index: 99;
    top: 0;
    width: 100%;
    height: 2rem;
    min-height: 2rem;
    padding: .4rem .5rem;
    color: #fff;
    background-color: #717f9a
}

.b2c-pressure-ts-field__options-shadow--top {
    position: sticky;
    width: 100%;
    height: 1rem;
    min-height: 1rem;
    max-height: 1rem;
    pointer-events: none;
    z-index: 98;
    top: 0;
    background: -webkit-gradient(linear,left bottom,left top,from(rgba(39,80,155,0)),to(#27509b));
    background: linear-gradient(0deg,rgba(39,80,155,0),#27509b)
}

.b2c-pressure-ts-field__options-shadow--bottom {
    position: sticky;
    width: 100%;
    height: 1rem;
    min-height: 1rem;
    max-height: 1rem;
    pointer-events: none;
    z-index: 97;
    top: 14rem;
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(39,80,155,0)),to(#27509b));
    background: linear-gradient(180deg,rgba(39,80,155,0),#27509b)
}

.b2c-pressure-ts-field__options::-webkit-scrollbar {
    -webkit-appearance: none
}

.b2c-pressure-ts-field__options::-webkit-scrollbar:vertical {
    width: 1.1rem
}

.b2c-pressure-ts-field__options::-webkit-scrollbar:horizontal {
    height: 1.1rem
}

.b2c-pressure-ts-field__options::-webkit-scrollbar-thumb {
    background-color: #717f9a;
    border-radius: .8rem
}

.b2c-pressure-ts__cta-box .cta-disable {
    opacity: .3;
    pointer-events: none;
    cursor: default
}

.b2c-pressure-ts__cta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    margin: 2rem auto;
    font-size: 1.3rem;
    background-color: #fce500;
    border: none;
    border-radius: 1.8rem
}

.b2c-pressure-ts__cta:after {
    content: "›";
    margin-right: 1.6rem;
    font-size: 2rem
}

.b2c-pressure-ts__cta-label {
    margin: .8rem .8rem .8rem 1.6rem
}

@media screen and (min-width: 1280px) {
    .b2c-ts-recall-products {
        width:55rem
    }
}

.b2c-ts-recall-products .b2c-ts-recall-list {
    position: absolute;
    z-index: 3;
    display: none;
    width: 40rem;
    background-color: #fff
}

@media screen and (min-width: 960px) {
    .b2c-ts-recall-products .b2c-ts-recall-list {
        width:49rem
    }
}

@media screen and (min-width: 1280px) {
    .b2c-ts-recall-products .b2c-ts-recall-list {
        width:55rem
    }
}

.b2c-ts-recall-products .b2c-ts-recall-list .b2c-ts-recall-info-fitment__infos {
    width: 100%
}

.b2c-ts-recall-products .b2c-ts-recall-item {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    margin: 0;
    padding: 1.2rem;
    text-align: center;
    border-bottom: .1rem solid #dcdcdc;
    outline-color: #dcdcdc
}

@media (max-width: 598px) {
    .b2c-ts-recall-products .b2c-ts-recall-item {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: unset;
        flex-flow: unset;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        padding: 1.2rem 0 1.2rem 1.2rem
    }
}

.b2c-ts-recall-products .b2c-ts-recall-item:hover {
    background-color: #7ea8d4
}

.b2c-ts-recall-products .b2c-ts-recall-item:hover .b2c-ts-recall-item__arrow svg {
    -webkit-transform: translate(1.5rem);
    transform: translate(1.5rem)
}

.b2c-ts-recall-products .b2c-ts-recall-item__arrow svg {
    width: 1.5rem;
    height: 1.2rem
}

.b2c-ts-recall-products .b2c-ts-recall-item .b2c-ts-recall-info-fitment {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    margin: auto;
    text-align: center
}

@media screen and (min-width: 960px) {
    .b2c-ts-recall-products .b2c-ts-recall-item .b2c-ts-recall-info-fitment {
        display:-webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        width: 50%
    }
}

.b2c-ts-recall-products .b2c-ts-recall-item .b2c-ts-recall-info-fitment__infos {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 700;
    text-align: left
}

@media (max-width: 598px) {
    .b2c-ts-recall-products .b2c-ts-recall-item .b2c-ts-recall-info-fitment__infos {
        width:100%
    }
}

.b2c-ts-recall-products .b2c-ts-recall-item .b2c-ts-recall-info-fitment__labellings {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.b2c-ts-recall-products .b2c-ts-recall-item .b2c-ts-recall-info-fitment__labellings .b2c-tooltip {
    padding-top: .6rem
}

.b2c-ts-recall-products .b2c-ts-recall-item .b2c-ts-recall-info-fitment__labellings p {
    margin: .6rem .82rem .2rem .4rem
}

.b2c-ts-recall-products .b2c-ts-recall-item .b2c-ts-recall-info-fitment__info {
    padding-left: 1rem
}

@media screen and (min-width: 960px) {
    .b2c-ts-recall-products .b2c-ts-recall-item .b2c-ts-recall-info-fitment__info {
        padding-left:0
    }
}

.b2c-ts-recall-products .b2c-ts-recall-item .b2c-ts-recall-info-price-mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (min-width: 599px) {
    .b2c-ts-recall-products .b2c-ts-recall-item .b2c-ts-recall-info-price-mobile {
        display:none
    }
}

.b2c-ts-recall-products .b2c-ts-recall-item .b2c-ts-recall-info-price {
    width: 50%
}

.b2c-ts-recall-products .b2c-ts-recall-item .b2c-ts-recall-info-price__label {
    font-size: 1.2rem
}

.b2c-ts-recall-products .b2c-ts-recall-item .b2c-ts-recall-info-price__pricelabel {
    font-size: 1.6rem;
    font-weight: 700
}

.b2c-ts-recall-products .b2c-ts-recall-item .b2c-ts-recall-info-price__recommendedlabel {
    font-size: 1rem;
    color: #7f7f7f
}

@media screen and (min-width: 600px) {
    .b2c-ts-recall-products .b2c-ts-recall-item .b2c-ts-recall-info-price__recommendedlabel {
        max-width:inherit
    }
}

@media (max-width: 598px) {
    .b2c-ts-recall-products .b2c-ts-recall-item .b2c-ts-recall-info-price {
        display:none
    }
}

@media screen and (min-width: 600px) {
    .b2c-ts-recall-products .b2c-ts-recall-item .b2c-ts-recall-item__arrow {
        width:5%
    }
}

.b2c-ts-recall-products .b2c-ts-recall-item .b2c-ts-recall-icon-fitment {
    width: auto;
    margin-right: 0
}

@media screen and (min-width: 600px) {
    .b2c-ts-recall-products .b2c-ts-recall-item .b2c-ts-recall-icon-fitment {
        width:20%;
        margin-right: 2rem
    }
}

@media screen and (min-width: 960px) {
    .b2c-ts-recall-products .b2c-ts-recall-item .b2c-ts-recall-icon-fitment {
        white-space:nowrap
    }
}

@media screen and (min-width: 1280px) {
    .b2c-ts-recall-products .b2c-ts-recall-item .b2c-ts-recall-icon-fitment {
        width:25%
    }
}

.b2c-ts-recall-products .b2c-ts-recall-item .b2c-ts-recall-icon-fitment__icon svg {
    width: 4.2rem;
    height: 1.5rem
}

.b2c-ts-recall-products .b2c-ts-recall-tabs__both,.b2c-ts-recall-products .b2c-ts-recall-tabs__front,.b2c-ts-recall-products .b2c-ts-recall-tabs__rear {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .6rem 1.6rem .3rem;
    font-size: 1rem;
    background-color: #f2f2f2;
    border: .1rem solid #ccc;
    border-top-right-radius: .4rem;
    border-top-left-radius: .4rem;
    cursor: pointer
}

.b2c-ts-recall-products .b2c-ts-recall-tabs__both svg,.b2c-ts-recall-products .b2c-ts-recall-tabs__front svg,.b2c-ts-recall-products .b2c-ts-recall-tabs__rear svg {
    width: 3.2rem;
    height: 1.1rem;
    margin-right: .8rem
}

.b2c-ts-recall-products .b2c-ts-recall-tabs .active {
    padding-bottom: .4rem;
    background-color: #fff;
    border-bottom: none
}

.b2c-ts-recall-products .b2c-ts-recall-btn {
    background-color: #fff;
    border: .1rem solid #dcdcdc;
    border-radius: .4rem;
    cursor: pointer
}

.b2c-ts-recall-products .b2c-ts-recall-btn .b2c-ts-recall-item {
    border-bottom: none
}

.b2c-ts-recall-products .b2c-ts-recall-btn .b2c-ts-recall-item__arrow svg {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.b2c-ts-recall-search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1.2rem 0
}

.b2c-ts-recall-search:active .b2c-ts-recall-list,.b2c-ts-recall-search:hover .b2c-ts-recall-list {
    display: block
}

.b2c-ts-recall-search:active .b2c-ts-recall-btn__arrow svg,.b2c-ts-recall-search:hover .b2c-ts-recall-btn__arrow svg {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.b2c-ts-recall-search .b2c-ts-recall-btn {
    position: relative;
    min-width: 38rem;
    font-size: 1.6rem;
    font-weight: 700;
    white-space: nowrap;
    text-transform: uppercase;
    background-color: #fff;
    overflow: hidden;
    cursor: pointer
}

.b2c-ts-recall-search .b2c-ts-recall-btn__maker {
    margin-right: 1rem
}

.b2c-ts-recall-search .b2c-ts-recall-btn__model {
    color: #27509b
}

.b2c-ts-recall-search .b2c-ts-recall-btn__segment {
    margin-left: 1rem;
    color: #9d9d9d
}

.b2c-ts-recall-search .b2c-ts-recall-btn__arrow {
    position: absolute;
    top: 25%;
    right: 1rem
}

.b2c-ts-recall-search .b2c-ts-recall-btn__arrow svg {
    width: 1.5rem;
    height: 1.2rem;
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.b2c-ts-recall-search .b2c-ts-recall-list {
    position: absolute;
    z-index: 3;
    display: none;
    min-width: 38rem;
    background-color: #f5f5f5
}

.b2c-ts-recall-search .b2c-ts-recall-item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin: 0;
    padding: 1.2rem;
    border-bottom: .1rem solid #9d9d9d;
    outline-color: #f5f5f5
}

.b2c-ts-recall-search .b2c-ts-recall-item:last-child {
    outline: none
}

.b2c-ts-recall-search .b2c-ts-recall-item div:first-letter {
    text-transform: uppercase
}

.b2c-ts-recall-search .b2c-ts-recall-item__key,.b2c-ts-recall-search .b2c-ts-recall-item__value {
    cursor: default
}

.b2c-ts-recall-search .b2c-ts-recall-item__key {
    width: 30%;
    color: #9d9d9d
}

.b2c-ts-recall-search .b2c-ts-recall-item__value {
    width: 70%
}

.b2c-ts-recall-search .b2c-ts-recall-item__icon svg {
    width: 1.5rem;
    height: 1.2rem
}

.b2c-ts-recall-widget {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 2rem 2.4rem
}

@media screen and (min-width: 840px) {
    .b2c-ts-recall-widget {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 2rem 5rem
    }
}

@media screen and (min-width: 960px) {
    .b2c-ts-recall-widget {
        padding:2rem 0
    }
}

.b2c-ts__search-box {
    padding: 2rem 2rem 1rem
}

.b2c-ts__breadcrumb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (min-width: 960px) {
    .b2c-ts__breadcrumb {
        -ms-flex-wrap:nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-bottom: 0
    }
}

.b2c-ts__breadcrumb-item {
    position: relative;
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 12rem;
    height: 4.5rem;
    margin-bottom: .4rem;
    padding: 0 3rem;
    color: #333;
    background-color: #f5f5f5;
    border-radius: .4rem
}

@media screen and (min-width: 960px) {
    .b2c-ts__breadcrumb-item--enabled:not(.b2c-ts__breadcrumb-item--active):hover {
        background:#fce500;
        cursor: pointer
    }

    .b2c-ts__breadcrumb-item--enabled:not(.b2c-ts__breadcrumb-item--active):hover .b2c-ts__breadcrumb-item-status {
        opacity: 0
    }

    .b2c-ts__breadcrumb-item--enabled:not(.b2c-ts__breadcrumb-item--active):hover .b2c-ts__breadcrumb-item-indicator-pen {
        opacity: 1
    }

    .b2c-ts__breadcrumb-item--enabled:not(.b2c-ts__breadcrumb-item--active):hover~.b2c-ts__breadcrumb-item .b2c-ts__breadcrumb-item-indicator-bin,.b2c-ts__breadcrumb-item--enabled:not(.b2c-ts__breadcrumb-item--active):hover~.b2c-ts__breadcrumb-item .b2c-ts__breadcrumb-item-label {
        opacity: .5
    }

    .b2c-ts__breadcrumb-item--enabled:not(.b2c-ts__breadcrumb-item--active):hover~.b2c-ts__breadcrumb-item .b2c-ts__breadcrumb-item-indicator-pen,.b2c-ts__breadcrumb-item--enabled:not(.b2c-ts__breadcrumb-item--active):hover~.b2c-ts__breadcrumb-item .b2c-ts__breadcrumb-item-status {
        opacity: 0!important
    }

    .b2c-ts__breadcrumb-item--enabled:not(.b2c-ts__breadcrumb-item--active):hover:before {
        border-left-color: #fce500
    }

    .b2c-ts__breadcrumb-item--active,.b2c-ts__breadcrumb-item--disabled {
        cursor: not-allowed
    }

    .b2c-ts__breadcrumb-item--all-fields-filled:hover {
        cursor: pointer
    }
}

.b2c-ts__breadcrumb-item:after,.b2c-ts__breadcrumb-item:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0
}

.b2c-ts__breadcrumb-item:before {
    z-index: 2;
    top: .3rem;
    right: -.8rem;
    border-top: 2rem solid transparent;
    border-bottom: 2rem solid transparent;
    border-left: .8rem solid hsla(0,0%,100%,.5)
}

.b2c-ts__breadcrumb-item:after {
    z-index: 1;
    top: -.5rem;
    right: -1.2rem;
    border-top: 2.8rem solid transparent;
    border-bottom: 2.8rem solid transparent;
    border-left: 1.2rem solid #304b83;
    border-radius: .4rem
}

.b2c-ts__breadcrumb-item .b2c-ts__breadcrumb-item-indicator {
    position: absolute;
    top: 0;
    right: 0;
    width: 3rem;
    height: 4.5rem;
    pointer-events: none
}

.b2c-ts__breadcrumb-item .b2c-ts__breadcrumb-item-indicator-bin,.b2c-ts__breadcrumb-item .b2c-ts__breadcrumb-item-indicator-pen {
    position: absolute;
    top: 1.4rem;
    right: .7rem;
    width: 1.4rem
}

.b2c-ts__breadcrumb-item .b2c-ts__breadcrumb-item-indicator-pen {
    height: 1.4rem;
    opacity: 0;
    fill: #333
}

.b2c-ts__breadcrumb-item .b2c-ts__breadcrumb-item-indicator-bin {
    display: none;
    height: 1.6rem;
    opacity: 0;
    fill: #333
}

@media screen and (min-width: 960px) {
    .b2c-ts__breadcrumb-item .b2c-ts__breadcrumb-item-indicator-bin {
        display:block
    }
}

.b2c-ts__breadcrumb-item-status {
    position: absolute;
    top: -1rem;
    left: 1.5rem;
    width: 2rem;
    height: 2rem;
    font-size: 1.4rem;
    line-height: 2.1rem;
    background-color: #fce500;
    opacity: 1;
    border-radius: 10rem;
    pointer-events: none;
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear
}

.b2c-ts__breadcrumb-item-status-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    display: none;
    width: .8rem;
    height: .8rem;
    stroke: #fff;
    stroke-width: .3rem;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.b2c-ts__breadcrumb-item-label {
    display: block;
    white-space: nowrap;
    text-align: center;
    text-transform: capitalize;
    text-overflow: ellipsis;
    overflow: hidden
}

.b2c-ts__breadcrumb-item--toggle-filters {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin: 2rem 0
}

.b2c-ts__breadcrumb-item--toggle-filters button.b2c-btn {
    width: 4.5rem;
    height: 4.5rem
}

.b2c-ts__breadcrumb-item--mobile {
    width: calc(100% - 8rem);
    max-width: 33.3rem;
    height: 5.5rem;
    margin-right: 2.5rem;
    padding: 0 4rem 0 2rem;
    line-height: 5.5rem;
    text-align: center;
    border-radius: 2.5rem;
    -webkit-box-shadow: 0 0 1rem 0 rgba(0,0,0,.2);
    box-shadow: 0 0 1rem 0 rgba(0,0,0,.2)
}

.b2c-ts__breadcrumb-item--mobile:after,.b2c-ts__breadcrumb-item--mobile:before {
    display: none
}

.b2c-ts__breadcrumb-item--mobile span {
    text-overflow: ellipsis;
    overflow: hidden
}

.b2c-ts__breadcrumb-item--mobile svg {
    position: absolute;
    top: 1.9rem;
    right: 2rem;
    width: 1.6rem;
    height: 1.6rem
}

@media (max-width: 959px) {
    .b2c-ts__breadcrumb-item--active {
        display:none
    }
}

@media (max-width: 959px) {
    .b2c-ts__breadcrumb-item--all-fields-filled {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.b2c-ts__breadcrumb-item--displayed {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.b2c-ts__breadcrumb-item--displayed.b2c-ts__breadcrumb-item--enabled:before {
    border-left: .8rem solid #f5f5f5
}

.b2c-ts__breadcrumb-item--displayed.b2c-ts__breadcrumb-item--enabled .b2c-ts__breadcrumb-item-status {
    color: #fff;
    background-color: #32ab54
}

.b2c-ts__breadcrumb-item--displayed.b2c-ts__breadcrumb-item--enabled .b2c-ts__breadcrumb-item-status-index {
    display: none
}

.b2c-ts__breadcrumb-item--displayed.b2c-ts__breadcrumb-item--enabled .b2c-ts__breadcrumb-item-status-icon {
    display: block
}

.b2c-ts__breadcrumb-item--displayed.b2c-ts__breadcrumb-item--enabled .b2c-ts__breadcrumb-item-indicator-pen {
    opacity: 1
}

.b2c-ts__breadcrumb-item--displayed.b2c-ts__breadcrumb-item--disabled {
    display: none
}

.b2c-ts__breadcrumb-item--displayed.b2c-ts__breadcrumb-item--disabled:before {
    border-left-color: hsla(0,0%,100%,.5)
}

.b2c-ts__breadcrumb-item--displayed.b2c-ts__breadcrumb-item--disabled .b2c-ts__breadcrumb-item-status {
    color: hsla(0,0%,100%,.3);
    background-color: #717f9a
}

.b2c-ts__breadcrumb-item--displayed.b2c-ts__breadcrumb-item--disabled .b2c-ts__breadcrumb-item-label {
    color: #717f9a
}

@media screen and (min-width: 960px) {
    .b2c-ts__breadcrumb-item--displayed.b2c-ts__breadcrumb-item--disabled {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        background: hsla(0,0%,100%,.5)
    }
}

.b2c-ts__breadcrumb-item--displayed.b2c-ts__breadcrumb-item--active .b2c-ts__breadcrumb-item-status-index {
    display: none
}

@media screen and (min-width: 960px) {
    .b2c-ts__breadcrumb-item--displayed.b2c-ts__breadcrumb-item--active .b2c-ts__breadcrumb-item-status-index {
        display:block
    }
}

.b2c-ts__breadcrumb-item--displayed.b2c-ts__breadcrumb-item--active .b2c-ts__breadcrumb-item-status-icon {
    display: none
}

.b2c-ts__breadcrumb-item--displayed.b2c-ts__breadcrumb-item--active .b2c-ts__breadcrumb-item-status:not(.b2c-ts__breadcrumb-item-status--all-fields-filled) {
    color: #000;
    background-color: #fce500
}

@media (max-width: 959px) {
    .b2c-ts__breadcrumb-item--displayed.b2c-ts__breadcrumb-item--active .b2c-ts__breadcrumb-item-status:not(.b2c-ts__breadcrumb-item-status--all-fields-filled) {
        background-color:transparent;
        opacity: 0
    }
}

.b2c-ts__breadcrumb-item--displayed.b2c-ts__breadcrumb-item--active .b2c-ts__breadcrumb-item-status:not(.b2c-ts__breadcrumb-item-status--all-fields-filled) .b2c-ts__breadcrumb-item-status-index {
    display: none
}

@media screen and (min-width: 960px) {
    .b2c-ts__breadcrumb-item--displayed.b2c-ts__breadcrumb-item--active .b2c-ts__breadcrumb-item-status:not(.b2c-ts__breadcrumb-item-status--all-fields-filled) .b2c-ts__breadcrumb-item-status-index {
        display:block
    }
}

.b2c-ts__breadcrumb-item--displayed.b2c-ts__breadcrumb-item--active .b2c-ts__breadcrumb-item-status.b2c-ts__breadcrumb-item-status--all-fields-filled .b2c-ts__breadcrumb-item-status-index,.b2c-ts__breadcrumb-item--displayed.b2c-ts__breadcrumb-item--active .b2c-ts__breadcrumb-item-status:not(.b2c-ts__breadcrumb-item-status--all-fields-filled) .b2c-ts__breadcrumb-item-status-icon {
    display: none
}

.b2c-ts__breadcrumb-item--displayed.b2c-ts__breadcrumb-item--active .b2c-ts__breadcrumb-item-status.b2c-ts__breadcrumb-item-status--all-fields-filled .b2c-ts__breadcrumb-item-status-icon {
    display: block
}

.b2c-ts__breadcrumb-item--displayed.b2c-ts__breadcrumb-item--active .b2c-ts__breadcrumb-item-status.b2c-ts__breadcrumb-item-status--all-fields-filled+.b2c-ts__breadcrumb-item-indicator .b2c-ts__breadcrumb-item-indicator-pen {
    opacity: 1
}

.b2c-ts__breadcrumb-item--displayed.b2c-ts__breadcrumb-item--active .b2c-ts__breadcrumb-item-indicator-pen {
    opacity: 0
}

.b2c-ts__breadcrumb-plate {
    position: relative;
    width: 100%;
    height: 8.8rem;
    margin: 1.1rem 0 1rem;
    background-color: hsla(0,0%,100%,.2);
    border-radius: .4rem
}

@media screen and (min-width: 960px) {
    .b2c-ts__breadcrumb-plate {
        height:6.4rem
    }
}

.b2c-ts__breadcrumb-plate-title {
    width: 100%;
    padding: 1rem 0 .2rem 1rem;
    font-size: 1.6rem;
    font-weight: 700;
    color: #fff;
    line-height: normal;
    text-align: left
}

@media screen and (min-width: 960px) {
    .b2c-ts__breadcrumb-plate-title {
        padding:1rem 0 .2rem 2rem
    }
}

.b2c-ts__breadcrumb-plate-model {
    padding: 0 0 0 1rem;
    font-size: 1.4rem;
    font-style: italic;
    font-weight: 400;
    color: #fce500;
    line-height: normal;
    text-align: left
}

@media screen and (min-width: 960px) {
    .b2c-ts__breadcrumb-plate-model {
        padding:0 0 0 2rem;
        font-style: normal
    }
}

.b2c-ts__breadcrumb-plate-value {
    padding-right: 2rem;
    padding-left: .2rem;
    font-size: 1.4rem;
    font-style: normal;
    color: #fff;
    line-height: normal
}

@media screen and (min-width: 960px) {
    .b2c-ts__breadcrumb-plate-value {
        font-weight:700
    }
}

@media (max-width: 959px) {
    .b2c-ts__breadcrumb-plate-mobile {
        display:block
    }
}

.b2c-ts__breadcrumb-plate-color {
    font-size: 1.4rem;
    font-style: italic;
    color: #fce500;
    line-height: normal
}

@media screen and (min-width: 960px) {
    .b2c-ts__breadcrumb-plate-color {
        font-style:normal
    }
}

.b2c-ts__breadcrumb-plate-reset {
    float: right;
    margin-top: -1.5rem;
    padding-right: 4rem;
    font-size: 1.6rem;
    color: #fff;
    line-height: normal;
    text-decoration: underline;
    cursor: pointer
}

.b2c-ts__search-warning {
    margin: 3rem 0 0;
    padding: 0 0 1rem;
    font-size: 1.4rem;
    line-height: 2.1rem
}

.b2c-ts__search-warning p {
    margin: 2rem 0 0
}

.b2c-ts__search-warning a {
    color: inherit;
    text-decoration: underline
}

@media screen and (min-width: 600px) {
    .b2c-ts__search-warning {
        margin:2rem 0 0
    }
}

@media (max-width: 959px) {
    .b2c-ts-reifenfreigaben .b2c-ts__breadcrumb {
        -webkit-box-pack:left;
        -ms-flex-pack: left;
        justify-content: left
    }
}

@media screen and (min-width: 960px) {
    .b2c-ts-reifenfreigaben .b2c-ts__breadcrumb-item {
        width:25%
    }
}

@media screen and (min-width: 960px) {
    .b2c-ts-reifenfreigaben .b2c-ts__breadcrumb .b2c-ts__breadcrumb-item:last-child:after,.b2c-ts-reifenfreigaben .b2c-ts__breadcrumb .b2c-ts__breadcrumb-item:last-child:before {
        display:none
    }
}

.b2c-ts-title {
    font-size: 2.2rem;
    font-weight: 700
}

@media screen and (min-width: 960px) {
    .b2c-ts-title {
        font-size:2.6rem
    }
}

.b2c-ts-title--with-number {
    margin: 0 0 1rem
}

.b2c-ts-title--with-number+span {
    display: block;
    margin-bottom: 1.5rem
}

@media (max-width: 959px) {
    .b2c-ts-title--with-number {
        position:relative;
        display: block;
        min-height: 4rem;
        margin: 0
    }
}

.b2c-ts-title__close-btn {
    position: absolute;
    top: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 4rem;
    height: 4rem;
    background-color: #fce500;
    border-radius: 4rem
}

.b2c-ts-title__close-btn svg {
    width: 1.5rem;
    height: 1.5rem;
    margin: auto;
    fill: #363636
}

.b2c-ts-fields {
    position: relative
}

.b2c-ts-field--mobile {
    position: relative;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 1rem;
    color: #000;
    background: #fff;
    border-radius: .4rem
}

.b2c-ts-field--desktop,.b2c-ts-field--mobile {
    display: none;
    width: 100%;
    height: 100%;
    line-height: 1
}

.b2c-ts-field--invisible {
    display: none
}

.b2c-ts-field--mobile-content {
    width: 100%
}

@media (max-width: 959px) {
    .b2c-ts-field__container {
        width:100%
    }
}

.b2c-ts-field__label {
    width: 100%;
    height: 25%;
    padding: 1.3rem 1rem .4rem;
    font-size: 1.2rem;
    color: rgba(54,54,54,.6);
    line-height: 50%;
    text-transform: capitalize
}

.b2c-ts-field__current-value,.b2c-ts-field__label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: left
}

.b2c-ts-field__current-value {
    width: 88%;
    height: 61%;
    padding: 1.1rem 1rem 1rem;
    font-size: 1.7rem;
    line-height: 2rem;
    letter-spacing: normal;
    border: none;
    border-radius: .4rem .4rem 0 0;
    cursor: text
}

@media screen and (min-width: 960px) {
    .b2c-ts-field__current-value {
        padding:.4rem 1rem 1.5rem
    }
}

.b2c-ts-field__current-value:focus {
    outline: none
}

.b2c-ts-field__current-value::-webkit-input-placeholder {
    color: #b2b2b2
}

.b2c-ts-field__current-value::-moz-placeholder {
    color: #b2b2b2
}

.b2c-ts-field__current-value::-ms-input-placeholder {
    color: #b2b2b2
}

.b2c-ts-field__current-value::placeholder {
    color: #b2b2b2
}

@media screen and (min-width: 600px) {
    .b2c-ts-field__current-value {
        width:100%
    }
}

@media screen and (min-width: 960px) {
    .b2c-ts-field__current-value {
        position:relative;
        height: 8.4rem;
        padding: 0;
        font-size: 1.6rem;
        color: #333;
        line-height: inherit;
        background-color: #fff
    }

    .b2c-ts-field__current-value svg {
        width: 1rem;
        height: 8.7rem;
        margin-left: 1rem;
        line-height: 8.7rem;
        stroke: #b2b2b2
    }
}

@media screen and (min-width: 960px) {
    .b2c-ts-field__current-value--error {
        color:#c90000
    }
}

.b2c-ts-field__counter {
    margin-left: .2rem;
    font-size: 1.2rem
}

.b2c-ts-field__arrow {
    position: absolute;
    top: 0;
    right: 0;
    width: 6.7rem;
    height: 100%;
    line-height: 6.4rem;
    overflow: hidden;
    pointer-events: none;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

.b2c-ts-field__arrow svg {
    width: 1rem;
    height: .5rem;
    margin-top: .3rem;
    line-height: 100%;
    stroke: #b2b2b2
}

.b2c-ts-field--disabled {
    opacity: .4;
    pointer-events: none
}

@media screen and (min-width: 960px) {
    .b2c-ts-field--disabled {
        display:none
    }
}

.b2c-ts-field--displayed {
    display: block
}

.b2c-ts-field__segment-title {
    margin-bottom: 1rem;
    margin-left: 1rem;
    font-weight: 700;
    color: #27509b
}

.b2c-ts-field__select-item-segment {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: auto;
    margin-bottom: 2rem;
    text-transform: uppercase
}

.b2c-ts-field__select-item-segment--makes {
    text-transform: inherit
}

.b2c-ts-field__select {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 6.7rem;
    opacity: 0
}

.b2c-ts-field__select-header {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .8rem 1rem;
    color: #b2b2b2;
    background-color: #fff;
    border-radius: .4rem
}

@media screen and (min-width: 960px) {
    .b2c-ts-field__select-header {
        padding:0 2rem
    }
}

.b2c-ts-field__select-header:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: calc(100% - 2rem);
    height: .1rem;
    margin: 0 1rem;
    background-color: hsla(0,0%,59.2%,.2)
}

.b2c-ts-field__select-header svg {
    width: 1.5rem;
    height: 1.5rem;
    margin-right: 1.5rem;
    fill: #b2b2b2;
    stroke: #b2b2b2
}

.b2c-ts-field__select-header-bg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 6rem;
    height: 5rem;
    margin-right: 1.5rem;
    color: #fff;
    background-color: #304b83;
    border-radius: .5rem 0 0 .5rem
}

@media screen and (min-width: 960px) {
    .b2c-ts-field__select-header-bg {
        width:6.2rem;
        height: 5.8rem
    }
}

.b2c-ts-field__select-header-legel {
    margin-top: 1.5rem;
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 300;
    font-stretch: normal;
    color: #dcdcdc;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: center
}

.b2c-ts-field__select-list {
    height: 23.5rem;
    padding: 1.5rem 1rem 0;
    text-align: left;
    background-color: #fff;
    border-radius: 0 0 .4rem .4rem;
    overflow-y: scroll;
    pointer-events: auto
}

.b2c-ts-field__select-list--wrong-entry {
    height: 6rem;
    padding: 1rem;
    overflow-y: unset
}

.b2c-ts-field__select-list::-webkit-scrollbar {
    -webkit-appearance: none
}

.b2c-ts-field__select-list::-webkit-scrollbar:vertical {
    width: 1.1rem
}

.b2c-ts-field__select-list::-webkit-scrollbar-thumb {
    background-color: #27509b;
    border: .2rem solid #fff;
    border-radius: .5rem
}

.b2c-ts-field__select-item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    height: 5rem;
    padding: 1rem;
    color: rgba(51,51,51,.7);
    line-height: 3rem;
    background-color: #fff;
    border-radius: .4rem;
    pointer-events: auto;
    cursor: pointer;
    -webkit-transition: background-color .1s linear;
    transition: background-color .1s linear
}

.b2c-ts-field__select-item-icon {
    position: absolute;
    top: 1.7rem;
    left: 1rem;
    width: 2rem;
    height: 2rem;
    margin-right: 1.5rem;
    stroke: #b2b2b2
}

.b2c-ts-field__select-item-icon--search {
    opacity: 0;
    fill: #b2b2b2;
    -webkit-transition: opacity .1s linear;
    transition: opacity .1s linear
}

.b2c-ts-field__select-item-icon--arrow {
    opacity: 1;
    -webkit-transition: opacity .1s linear;
    transition: opacity .1s linear
}

.b2c-ts-field__select-item--keyboarded {
    pointer-events: none;
    cursor: none
}

.b2c-ts-field__select-item-label {
    margin-left: 3rem
}

.b2c-ts-field__select-item-search {
    font-weight: 400;
    text-transform: uppercase
}

.b2c-ts-field__select-item-bold {
    font-weight: 700;
    text-transform: uppercase
}

.b2c-ts-field__select-item-search--active,.b2c-ts-field__select-item:focus {
    background-color: #f5f5f5;
    outline: none
}

.b2c-ts-field__select-item-search--active .b2c-ts-field__select-item-icon--search,.b2c-ts-field__select-item:focus .b2c-ts-field__select-item-icon--search {
    opacity: 1
}

.b2c-ts-field__select-item--no-arrow .b2c-ts-field__select-item-icon--arrow,.b2c-ts-field__select-item-search--active .b2c-ts-field__select-item-icon--arrow,.b2c-ts-field__select-item:focus .b2c-ts-field__select-item-icon--arrow {
    opacity: 0
}

@media screen and (min-width: 960px) {
    .b2c-ts-field .b2c-ts__button-help a {
        width:11.5rem;
        min-width: 11.5rem;
        padding: 0
    }
}

.b2c-ts-field-reifenfreigaben {
    margin-bottom: 0;
    border-radius: .4rem .4rem 0 0
}

.b2c-ts-field__select-item-icon-winter {
    height: 2rem;
    margin: 0 0 -.4rem .8rem
}

.b2c-ts__button {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 2rem auto 0
}

@media screen and (min-width: 960px) {
    .b2c-ts__button {
        position:absolute;
        top: 50%;
        right: 1.8rem;
        margin: auto;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

.b2c-ts__button-view-tyres {
    position: relative
}

.b2c-ts__button-view-tyres .b2c-btn__icon {
    position: absolute;
    right: 3rem;
    height: 2.2rem;
    -webkit-animation: none;
    animation: none
}

.b2c-ts__button-view-tyres .b2c-btn__icon svg {
    width: 1.6rem;
    height: 2.2rem
}

@media screen and (min-width: 960px) {
    .b2c-ts__button-validation-box {
        position:relative;
        right: 0;
        margin: 0;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.b2c-ts__button-validation-box a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (max-width: 959px) {
    .b2c-ts__button .b2c-btn__icon--magnifying {
        position:absolute;
        right: 3rem
    }
}

.b2c-ts__button .b2c-btn__icon--magnifying,.b2c-ts__button .b2c-btn__icon--magnifying svg {
    stroke: none
}

@media (max-width: 959px) {
    .b2c-ts__button .b2c-btn__icon--magnifying,.b2c-ts__button .b2c-btn__icon--magnifying svg {
        width:1.5rem;
        height: auto
    }
}

.b2c-ts-validation-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 2rem;
    border-radius: .4rem
}

.b2c-ts-validation-box-wrapper {
    margin-top: -3rem;
    padding-bottom: 2rem;
    background-color: #27509b
}

@media screen and (min-width: 960px) {
    .b2c-ts-validation-box-wrapper {
        margin-top:-7rem;
        padding-bottom: 7rem
    }
}

@media screen and (min-width: 960px) {
    .b2c-ts-validation-box {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        max-width: 86rem;
        height: 8.5rem;
        margin: 0 auto;
        padding: 2rem;
        background-color: #fff
    }
}

@media screen and (min-width: 1280px) {
    .b2c-ts-validation-box {
        max-width:89.5rem;
        margin: 0 auto
    }
}

@media screen and (min-width: 1920px) {
    .b2c-ts-validation-box {
        max-width:95rem
    }
}

.b2c-ts-validation-box-icon-message {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 2.5rem
}

@media screen and (min-width: 960px) {
    .b2c-ts-validation-box-icon-message {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.b2c-ts-validation-box-icon {
    position: relative;
    display: inline-block;
    width: 4rem;
    height: 4rem;
    margin-bottom: 1rem;
    border-radius: 10rem
}

@media screen and (min-width: 960px) {
    .b2c-ts-validation-box-icon {
        width:2.5rem;
        height: 2.5rem;
        margin-right: 1rem;
        margin-bottom: 0
    }
}

.b2c-ts-validation-box-icon--success {
    background-color: #32ab54
}

.b2c-ts-validation-box-icon--success svg {
    width: 2rem;
    height: 2rem;
    stroke-width: .2rem
}

@media screen and (min-width: 960px) {
    .b2c-ts-validation-box-icon--success svg {
        width:1.5rem;
        height: 1rem;
        stroke: #fff;
        stroke-width: .2rem
    }
}

.b2c-ts-validation-box-icon--error,.b2c-ts-validation-box-icon--unavailable {
    background-color: #c90000
}

.b2c-ts-validation-box-icon--error svg,.b2c-ts-validation-box-icon--unavailable svg {
    width: 1.4rem;
    height: 1.4rem;
    fill: #fff;
    stroke-width: .1rem
}

@media screen and (min-width: 960px) {
    .b2c-ts-validation-box-icon--error svg,.b2c-ts-validation-box-icon--unavailable svg {
        width:1.2rem;
        height: 1.2rem;
        stroke-width: .1rem
    }
}

.b2c-ts-validation-box-icon svg {
    position: absolute;
    top: 50%;
    left: 50%;
    stroke: #fff;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

@media screen and (min-width: 960px) {
    .b2c-ts-validation-box-message {
        font-weight:700
    }
}

.b2c-ts-validation-box-message--success {
    font-size: 1.6rem;
    font-weight: 400;
    color: #fff
}

@media screen and (min-width: 960px) {
    .b2c-ts-validation-box-message--success {
        color:#363636
    }
}

@media screen and (min-width: 960px) {
    .b2c-ts-validation-box-message--error,.b2c-ts-validation-box-message--unavailable {
        color:#c90000
    }
}

.b2c-ts-field .b2c-ts-validation-box {
    margin: 0
}

@media screen and (min-width: 960px) {
    .b2c-ts.b2c-ts-with-reifenfreigaben-push .b2c-ts__tyre-selector .b2c-ts-validation-box-wrapper {
        padding-bottom:2rem
    }
}

.b2c-ts-pl-switch__persona-list li span,.b2c-ts-pl-switch__persona-toggler span {
    font-family: Noto Sans,arial,sans-serif;
    font-size: 1.4rem;
    color: #363636
}

.b2c-ts-pl-switch__arrow {
    width: 7rem;
    height: .7rem;
    pointer-events: none
}

.b2c-ts-pl-switch {
    position: relative;
    z-index: 2;
    width: 100%;
    margin-bottom: 1rem;
    padding: 0;
    background: #fff;
    border-radius: .4rem
}

.b2c-ts-pl-switch__arrow {
    margin-top: .2rem;
    margin-left: auto
}

@media screen and (min-width: 960px) {
    .b2c-ts-pl-switch__arrow {
        margin:.2rem auto 0
    }
}

@media (max-width: 959px) {
    .b2c-ts-pl-switch__arrow {
        position:absolute;
        top: 2.8rem;
        right: 0;
        pointer-events: none
    }
}

.b2c-ts-pl-switch__arrow--rotate {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.b2c-ts-pl-switch__arrow--right {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.b2c-ts-pl-switch__check-icon {
    width: 7rem;
    height: .7rem
}

@media screen and (min-width: 960px) {
    .b2c-ts-pl-switch {
        position:absolute;
        top: 0;
        width: 10.1rem;
        height: 100%;
        margin-bottom: 0;
        border-right: none;
        border-radius: .4rem 0 0 .4rem
    }

    .b2c-ts-pl-switch:before {
        content: "";
        position: absolute;
        top: 50%;
        right: 0;
        width: .1rem;
        height: 4.4rem;
        background: #b2b2b2;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .b2c-ts-pl-switch:hover {
        background: #f5f5f5
    }
}

.b2c-ts-pl-switch__persona-list {
    z-index: 2;
    top: 6.8rem;
    left: 0;
    width: 100%;
    background: #f5f5f5;
    border-radius: .4rem
}

@media screen and (min-width: 960px) {
    .b2c-ts-pl-switch__persona-list {
        position:absolute;
        top: 8.5rem;
        width: 31rem;
        border-radius: .4rem 0 .4rem .4rem
    }
}

.b2c-ts-pl-switch__persona-list-icon {
    pointer-events: none
}

@media screen and (min-width: 960px) {
    .b2c-ts-pl-switch__persona-list-icon {
        width:3.5rem;
        height: 1.5rem;
        margin: .3rem .8rem 0 0
    }
}

@media (max-width: 959px) {
    .b2c-ts-pl-switch__persona-list-icon {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 5.2rem;
        height: 2.4rem;
        margin: auto 1.5rem auto 0
    }
}

.b2c-ts-pl-switch__persona-list .b2c-ts-pl-switch__arrow,.b2c-ts-pl-switch__persona-list .b2c-ts-pl-switch__check-icon {
    position: absolute;
    top: 2.1rem;
    right: -1rem
}

@media (max-width: 959px) {
    .b2c-ts-pl-switch__persona-list .b2c-ts-pl-switch__arrow,.b2c-ts-pl-switch__persona-list .b2c-ts-pl-switch__check-icon {
        top:2.8rem;
        right: 0
    }
}

.b2c-ts-pl-switch__persona-list li {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 6.7rem;
    padding: 1.8rem 3rem;
    background-color: #f5f5f5;
    border-top: .1rem solid #dcdcdc;
    border-bottom: .1rem solid #dcdcdc;
    cursor: pointer
}

.b2c-ts-pl-switch__persona-list li:last-child {
    border-bottom: none;
    border-radius: 0 0 .4rem .4rem
}

.b2c-ts-pl-switch__persona-list li.current {
    background-color: #fce500
}

.b2c-ts-pl-switch__persona-list li.current label {
    cursor: not-allowed
}

@media screen and (min-width: 960px) {
    .b2c-ts-pl-switch__persona-list li {
        height:5.1rem;
        padding: 1.5rem;
        border-top: 0;
        -webkit-transition: background-color .1s ease-in-out;
        transition: background-color .1s ease-in-out
    }

    .b2c-ts-pl-switch__persona-list li:not(.current):hover {
        background-color: #e6efff
    }
}

.b2c-ts-pl-switch__persona-list li label {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 0 3rem;
    line-height: 5.7rem;
    text-align: left;
    overflow: hidden;
    cursor: pointer
}

@media screen and (min-width: 960px) {
    .b2c-ts-pl-switch__persona-list li label {
        padding:0 1.5rem
    }
}

@media (max-width: 959px) {
    .b2c-ts-pl-switch__persona-list li label {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.b2c-ts-pl-switch__persona-list li span {
    pointer-events: none
}

@media (max-width: 959px) {
    .b2c-ts-pl-switch__persona-list li span {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: auto 0
    }
}

.b2c-ts-pl-switch__persona-toggler {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 6.7rem;
    margin-top: .1rem;
    padding: 1.5rem 3rem;
    background: none;
    border: 0;
    outline: 0;
    cursor: pointer
}

@media screen and (min-width: 960px) {
    .b2c-ts-pl-switch__persona-toggler {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: auto;
        padding: 1.5rem 0
    }
}

.b2c-ts-pl-switch__persona-toggler span {
    float: left;
    max-width: 10rem;
    margin-top: .4rem;
    text-align: center
}

@media screen and (min-width: 960px) {
    .b2c-ts-pl-switch__persona-toggler span {
        float:none;
        font-size: 1.2rem
    }
}

.b2c-ts-pl-switch__persona-toggler-selected {
    float: left;
    width: 5.2rem;
    height: 2.4rem;
    margin-right: 1.5rem
}

@media screen and (min-width: 960px) {
    .b2c-ts-pl-switch__persona-toggler-selected {
        float:none;
        margin: 0 auto
    }
}

.b2c-ts-pl-switch--disabled {
    display: none
}

@media screen and (min-width: 960px) {
    .b2c-ts-pl-switch--disabled {
        display:block
    }
}

.b2c-ts-pl-switch--disabled:active,.b2c-ts-pl-switch--disabled:focus,.b2c-ts-pl-switch--disabled:hover {
    background: #fff
}

.b2c-ts-pl-switch--disabled button {
    height: 8.2rem;
    padding: 2.1rem;
    cursor: auto
}

.b2c-ts-loader {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: hsla(0,0%,100%,.75);
    opacity: 0;
    border-radius: .4rem;
    visibility: hidden;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.b2c-ts-loader-content {
    position: absolute;
    width: 4rem;
    height: 4rem;
    background: rgba(252,229,0,.4);
    border-radius: 50%;
    -webkit-animation: jelly 2.5s cubic-bezier(.455,.03,.515,.955) infinite;
    animation: jelly 2.5s cubic-bezier(.455,.03,.515,.955) infinite
}

.b2c-ts-loader-content:nth-child(2) {
    z-index: -2;
    -webkit-transform: scale(1.4);
    transform: scale(1.4);
    -webkit-animation: jelly2 2.5s cubic-bezier(.455,.03,.515,.955) .2s infinite;
    animation: jelly2 2.5s cubic-bezier(.455,.03,.515,.955) .2s infinite
}

.b2c-ts-loader-content:nth-child(3) {
    z-index: -3;
    -webkit-transform: scale(1.8);
    transform: scale(1.8);
    -webkit-animation: jelly3 2.5s cubic-bezier(.455,.03,.515,.955) .4s infinite;
    animation: jelly3 2.5s cubic-bezier(.455,.03,.515,.955) .4s infinite
}

.b2c-ts-loader-content:nth-child(4) {
    z-index: -4;
    -webkit-transform: scale(2.2);
    transform: scale(2.2);
    -webkit-animation: jelly4 2.5s cubic-bezier(.455,.03,.515,.955) .6s infinite;
    animation: jelly4 2.5s cubic-bezier(.455,.03,.515,.955) .6s infinite
}

@-webkit-keyframes jelly {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(.6);
        transform: scale(.6)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes jelly {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(.6);
        transform: scale(.6)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes jelly2 {
    0% {
        -webkit-transform: scale(1.4);
        transform: scale(1.4)
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    to {
        -webkit-transform: scale(1.4);
        transform: scale(1.4)
    }
}

@keyframes jelly2 {
    0% {
        -webkit-transform: scale(1.4);
        transform: scale(1.4)
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    to {
        -webkit-transform: scale(1.4);
        transform: scale(1.4)
    }
}

@-webkit-keyframes jelly3 {
    0% {
        -webkit-transform: scale(1.8);
        transform: scale(1.8)
    }

    50% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }

    to {
        -webkit-transform: scale(1.8);
        transform: scale(1.8)
    }
}

@keyframes jelly3 {
    0% {
        -webkit-transform: scale(1.8);
        transform: scale(1.8)
    }

    50% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }

    to {
        -webkit-transform: scale(1.8);
        transform: scale(1.8)
    }
}

@-webkit-keyframes jelly4 {
    0% {
        -webkit-transform: scale(2.2);
        transform: scale(2.2)
    }

    50% {
        -webkit-transform: scale(1.9);
        transform: scale(1.9)
    }

    to {
        -webkit-transform: scale(2.2);
        transform: scale(2.2)
    }
}

@keyframes jelly4 {
    0% {
        -webkit-transform: scale(2.2);
        transform: scale(2.2)
    }

    50% {
        -webkit-transform: scale(1.9);
        transform: scale(1.9)
    }

    to {
        -webkit-transform: scale(2.2);
        transform: scale(2.2)
    }
}

.b2c-ts-loader.b2c-ts-loader--loading {
    z-index: 10000;
    opacity: 1;
    visibility: visible
}

.b2c-ts-loader.b2c-ts-loader--opacity {
    background-color: rgba(0,30,79,.75)
}

.b2c-ts__header {
    padding: 3rem 1.5rem;
    background-color: #27509b
}

@media screen and (min-width: 960px) {
    .b2c-ts__header {
        padding:5rem 2.5rem 7rem
    }
}

@media screen and (min-width: 960px) {
    .b2c-ts__header+.b2c-ts-result-list-wrapper {
        margin-top:3rem
    }
}

.b2c-ts-size-details {
    margin-top: 1rem;
    color: #363636;
    background: #fff;
    border-radius: .4rem;
    overflow: hidden;
    -webkit-transition: height .1s ease-in-out;
    transition: height .1s ease-in-out
}

.b2c-ts-size-details--displayed .b2c-ts-size-details__toggle-area svg:not(.b2c-ts-size-details__toggle-area--svg) {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.b2c-ts-size-details__toggle-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 6.5rem;
    margin: 0;
    border-bottom: .1rem solid hsla(0,0%,69.8%,.2);
    border-radius: .4rem .4rem 0 0;
    overflow: hidden;
    cursor: pointer
}

.b2c-ts-size-details__toggle-area-title {
    display: block;
    margin: 0 auto 0 0;
    padding: 0 2rem;
    font-weight: 700;
    line-height: 6.7rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.b2c-ts-size-details__toggle-area-toggle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 1rem;
    margin-right: 3rem;
    fill: #333;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: -webkit-transform .1s linear;
    transition: -webkit-transform .1s linear;
    transition: transform .1s linear;
    transition: transform .1s linear,-webkit-transform .1s linear
}

.b2c-ts-size-details__toggle-area-warning {
    margin: 0 0 0 2rem;
    line-height: 8rem
}

.b2c-ts-size-details__toggle-area-warning-icon {
    width: 2.5rem;
    height: 2.5rem;
    margin-right: .3rem
}

.b2c-ts-size-details__details {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 2rem;
    color: #333;
    overflow: hidden
}

@media screen and (min-width: 960px) {
    .b2c-ts-size-details__details {
        -ms-flex-wrap:nowrap;
        flex-wrap: nowrap
    }
}

.b2c-ts-size-details__details--pressure {
    padding: 1rem
}

@media screen and (min-width: 960px) {
    .b2c-ts-size-details__details--pressure {
        padding:2rem
    }
}

.b2c-ts-size-details__dimension,.b2c-ts-size-details__label {
    display: block;
    font-weight: 700;
    line-height: 2.2rem;
    color: #333
}

.b2c-ts-size-details__pressure {
    display: block;
    color: #27509b
}

.b2c-ts-size-details__front-section,.b2c-ts-size-details__rear-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 50%;
    margin: 1.2rem auto 0;
    text-align: center
}

@media screen and (min-width: 960px) {
    .b2c-ts-size-details__front-section,.b2c-ts-size-details__rear-section {
        width:15rem;
        margin: 0 9rem;
        text-align: left
    }
}

@media screen and (min-width: 1280px) {
    .b2c-ts-size-details__front-section,.b2c-ts-size-details__rear-section {
        margin:0 10rem
    }
}

@media screen and (min-width: 1920px) {
    .b2c-ts-size-details__front-section,.b2c-ts-size-details__rear-section {
        margin:0 11rem
    }
}

.b2c-ts-size-details__main-visual {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    width: 100%
}

.b2c-ts-size-details__main-visual--picture {
    margin-bottom: 1.75rem;
    overflow: hidden
}

.b2c-ts-size-details__main-visual--picture img {
    width: 14rem;
    height: 10.5rem
}

.b2c-ts-size-details__main-visual svg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 12.6rem;
    height: 12.2rem
}

@media screen and (min-width: 960px) {
    .b2c-ts-size-details__main-visual {
        -ms-flex-preferred-size:14rem;
        flex-basis: 14rem;
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }
}

.b2c-ts-size-details__picture-credits {
    height: 1.7rem;
    margin-top: -1.75rem;
    font-size: 1rem;
    color: #9b9b9b
}

.b2c-ts-size-details__warning {
    margin: 1.6rem;
    font-size: 1.6rem;
    line-height: 2.1rem;
    text-align: left
}

@media screen and (min-width: 960px) {
    .b2c-ts-size-details__warning {
        margin:.8rem
    }
}

.b2c-ts-size-details__warning-details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: .8rem 0 0;
    padding: .8rem;
    background-color: #e6efff;
    border-radius: .4rem
}

.b2c-ts-size-details__warning-details:first-child {
    margin: 0
}

.b2c-ts-size-details-warning-message {
    padding: .2rem 0
}

.b2c-ts-size-details__warning-icon {
    width: 2.4rem;
    height: 2.4rem;
    margin-right: 1rem
}

.b2c-ts-size-details__warning-icon svg {
    width: 2.4rem;
    height: 2.4rem
}

.b2c-ts-help__container {
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    padding-bottom: 3rem;
    color: #333;
    background: #fff;
    opacity: 0;
    overflow-y: scroll;
    visibility: hidden;
    -webkit-transition: max-height .7s cubic-bezier(.8,0,.2,1),opacity .3s,visibility .3s;
    transition: max-height .7s cubic-bezier(.8,0,.2,1),opacity .3s,visibility .3s
}

@media screen and (min-width: 960px) {
    .b2c-ts-help__container {
        position:relative;
        z-index: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: auto;
        max-height: 0;
        padding-bottom: 0;
        opacity: 1;
        overflow: hidden;
        visibility: visible
    }
}

.b2c-ts-help__container:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: calc(100% - 2rem);
    height: .1rem;
    margin: 0 1rem;
    background-color: hsla(0,0%,59.2%,.2)
}

.b2c-ts-help__container.b2c-ts-help__container--open {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100vh;
    opacity: 1;
    visibility: visible
}

.b2c-ts-help__container.b2c-ts-help__container--open:after {
    display: none
}

@media screen and (min-width: 960px) {
    .b2c-ts-help__container.b2c-ts-help__container--open {
        height:auto;
        max-height: 50rem
    }
}

.b2c-ts-help__container.b2c-ts-help__container--open .b2c-ts-help__body,.b2c-ts-help__container.b2c-ts-help__container--open .b2c-ts-help__by-vehicle,.b2c-ts-help__container.b2c-ts-help__container--open .b2c-ts-help__contact,.b2c-ts-help__container.b2c-ts-help__container--open .b2c-ts-help__description,.b2c-ts-help__container.b2c-ts-help__container--open .b2c-ts-help__header,.b2c-ts-help__container.b2c-ts-help__container--open .b2c-ts-help__image {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.b2c-ts-help__container.b2c-ts-help__container--open .b2c-ts-help__description span {
    font-size: 1.17em;
    font-weight: 700
}

.b2c-ts-help__container .b2c-ts-help__body,.b2c-ts-help__container .b2c-ts-help__by-vehicle,.b2c-ts-help__container .b2c-ts-help__contact,.b2c-ts-help__container .b2c-ts-help__description,.b2c-ts-help__container .b2c-ts-help__header,.b2c-ts-help__container .b2c-ts-help__image {
    opacity: 0;
    -webkit-transform: translateY(2rem);
    transform: translateY(2rem)
}

.b2c-ts-help__header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 5rem 2rem 2rem;
    -webkit-transition: opacity .5s cubic-bezier(.8,0,.2,1),-webkit-transform .5s cubic-bezier(.8,0,.2,1);
    transition: opacity .5s cubic-bezier(.8,0,.2,1),-webkit-transform .5s cubic-bezier(.8,0,.2,1);
    transition: opacity .5s cubic-bezier(.8,0,.2,1),transform .5s cubic-bezier(.8,0,.2,1);
    transition: opacity .5s cubic-bezier(.8,0,.2,1),transform .5s cubic-bezier(.8,0,.2,1),-webkit-transform .5s cubic-bezier(.8,0,.2,1)
}

@media screen and (min-width: 960px) {
    .b2c-ts-help__header {
        padding:2rem
    }
}

.b2c-ts-help__header span {
    font-size: 1.8rem;
    font-weight: 700;
    color: #27509b
}

.b2c-ts-help__header>div {
    max-width: 55rem;
    margin: 1rem auto;
    font-size: 1.4rem
}

.b2c-ts-help__body {
    -webkit-transition: opacity .7s cubic-bezier(.8,0,.2,1),-webkit-transform .7s cubic-bezier(.8,0,.2,1);
    transition: opacity .7s cubic-bezier(.8,0,.2,1),-webkit-transform .7s cubic-bezier(.8,0,.2,1);
    transition: opacity .7s cubic-bezier(.8,0,.2,1),transform .7s cubic-bezier(.8,0,.2,1);
    transition: opacity .7s cubic-bezier(.8,0,.2,1),transform .7s cubic-bezier(.8,0,.2,1),-webkit-transform .7s cubic-bezier(.8,0,.2,1)
}

.b2c-ts-help__body>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media screen and (min-width: 960px) {
    .b2c-ts-help__body>div {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.b2c-ts-help__image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition: opacity .7s cubic-bezier(.8,0,.2,1),-webkit-transform .7s cubic-bezier(.8,0,.2,1);
    transition: opacity .7s cubic-bezier(.8,0,.2,1),-webkit-transform .7s cubic-bezier(.8,0,.2,1);
    transition: opacity .7s cubic-bezier(.8,0,.2,1),transform .7s cubic-bezier(.8,0,.2,1);
    transition: opacity .7s cubic-bezier(.8,0,.2,1),transform .7s cubic-bezier(.8,0,.2,1),-webkit-transform .7s cubic-bezier(.8,0,.2,1)
}

.b2c-ts-help__image img {
    width: 100%
}

@media screen and (min-width: 960px) {
    .b2c-ts-help__image img {
        width:30rem;
        padding: 0
    }
}

.b2c-ts-help__description {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 2rem;
    line-height: 2.6rem;
    text-align: left;
    background: #f5f5f5;
    -webkit-transition: opacity .7s cubic-bezier(.8,0,.2,1),-webkit-transform .7s cubic-bezier(.8,0,.2,1);
    transition: opacity .7s cubic-bezier(.8,0,.2,1),-webkit-transform .7s cubic-bezier(.8,0,.2,1);
    transition: opacity .7s cubic-bezier(.8,0,.2,1),transform .7s cubic-bezier(.8,0,.2,1);
    transition: opacity .7s cubic-bezier(.8,0,.2,1),transform .7s cubic-bezier(.8,0,.2,1),-webkit-transform .7s cubic-bezier(.8,0,.2,1)
}

@media screen and (min-width: 960px) {
    .b2c-ts-help__description {
        background:#fce500
    }
}

.b2c-ts-help__contact {
    -webkit-transition: opacity .9s cubic-bezier(.8,0,.2,1),-webkit-transform .9s cubic-bezier(.8,0,.2,1);
    transition: opacity .9s cubic-bezier(.8,0,.2,1),-webkit-transform .9s cubic-bezier(.8,0,.2,1);
    transition: opacity .9s cubic-bezier(.8,0,.2,1),transform .9s cubic-bezier(.8,0,.2,1);
    transition: opacity .9s cubic-bezier(.8,0,.2,1),transform .9s cubic-bezier(.8,0,.2,1),-webkit-transform .9s cubic-bezier(.8,0,.2,1)
}

.b2c-ts-help__contact p {
    padding: 2rem;
    font-weight: 700;
    color: #27509b;
    text-align: center
}

.b2c-ts-help__contact a {
    position: relative;
    font-weight: 700;
    color: #333
}

.b2c-ts-help__contact a:before {
    content: "";
    position: absolute;
    bottom: -.1rem;
    left: 0;
    width: 100%;
    height: .1rem;
    background: #333
}

.b2c-ts-help__by-vehicle {
    -webkit-transition: opacity .7s cubic-bezier(.8,0,.2,1),-webkit-transform .7s cubic-bezier(.8,0,.2,1);
    transition: opacity .7s cubic-bezier(.8,0,.2,1),-webkit-transform .7s cubic-bezier(.8,0,.2,1);
    transition: opacity .7s cubic-bezier(.8,0,.2,1),transform .7s cubic-bezier(.8,0,.2,1);
    transition: opacity .7s cubic-bezier(.8,0,.2,1),transform .7s cubic-bezier(.8,0,.2,1),-webkit-transform .7s cubic-bezier(.8,0,.2,1)
}

.b2c-ts-help__by-vehicle ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    padding: 0 1rem
}

@media screen and (min-width: 960px) {
    .b2c-ts-help__by-vehicle ul {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.b2c-ts-help__by-vehicle ul .b2c-ts-help__by-vehicle-card {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 1.2rem;
    padding: 2rem;
    background: #f5f5f5;
    border-radius: .5rem
}

.b2c-ts-help__by-vehicle ul .b2c-ts-help__by-vehicle-card img {
    max-width: 5rem;
    margin-bottom: 1rem
}

.b2c-ts-help__by-vehicle ul .b2c-ts-help__by-vehicle-card-description {
    margin-top: 1rem
}

.b2c-ts__button {
    overflow: hidden
}

@media (max-width: 959px) {
    .b2c-ts__button.b2c-ts__button-help--open {
        position:fixed;
        z-index: 999;
        top: 1.5rem;
        right: 1.55rem;
        width: 4.8rem;
        height: 4.8rem;
        margin: 0
    }
}

.b2c-ts__button.b2c-ts__button-help--open a {
    width: 4.8rem;
    min-width: 4.8rem;
    height: 4.8rem;
    padding: 0;
    border-radius: 5rem
}

.b2c-ts__button.b2c-ts__button-help--open .b2c-ts__button-help-label {
    opacity: 0;
    -webkit-transform: translate(150%,-50%);
    transform: translate(150%,-50%)
}

.b2c-ts__button.b2c-ts__button-help--open .b2c-ts__button-help-close {
    opacity: 1;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.b2c-ts__button a {
    overflow: hidden
}

@media screen and (min-width: 960px) {
    .b2c-ts__button a {
        -webkit-transition:min-width .3s,width .3s,border-radius .3s;
        transition: min-width .3s,width .3s,border-radius .3s
    }
}

.b2c-ts__button .b2c-ts__button-help-label {
    opacity: 1
}

@media screen and (min-width: 960px) {
    .b2c-ts__button .b2c-ts__button-help-label {
        -webkit-transition:opacity .5s cubic-bezier(.8,0,.2,1),-webkit-transform .5s cubic-bezier(.8,0,.2,1);
        transition: opacity .5s cubic-bezier(.8,0,.2,1),-webkit-transform .5s cubic-bezier(.8,0,.2,1);
        transition: opacity .5s cubic-bezier(.8,0,.2,1),transform .5s cubic-bezier(.8,0,.2,1);
        transition: opacity .5s cubic-bezier(.8,0,.2,1),transform .5s cubic-bezier(.8,0,.2,1),-webkit-transform .5s cubic-bezier(.8,0,.2,1)
    }
}

.b2c-ts__button .b2c-ts__button-help-close {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 1.5rem;
    opacity: 0
}

@media screen and (min-width: 960px) {
    .b2c-ts__button .b2c-ts__button-help-close {
        -webkit-transform:translate(-150%,-50%);
        transform: translate(-150%,-50%);
        -webkit-transition: opacity .5s cubic-bezier(.8,0,.2,1),-webkit-transform .5s cubic-bezier(.8,0,.2,1);
        transition: opacity .5s cubic-bezier(.8,0,.2,1),-webkit-transform .5s cubic-bezier(.8,0,.2,1);
        transition: opacity .5s cubic-bezier(.8,0,.2,1),transform .5s cubic-bezier(.8,0,.2,1);
        transition: opacity .5s cubic-bezier(.8,0,.2,1),transform .5s cubic-bezier(.8,0,.2,1),-webkit-transform .5s cubic-bezier(.8,0,.2,1)
    }
}

.b2c-ts__button .b2c-ts__button-help-close svg {
    width: 1.5rem;
    height: 1.5rem;
    margin: 0 auto;
    fill: #333;
    stroke: #333;
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease,-webkit-transform .3s ease
}

.b2c-ts-help__container-MO.b2c-ts-help__container-by-vehicle .b2c-ts-help__by-vehicle-card-title {
    font-weight: 700;
    color: #27509b
}

.b2c-ts-wrong-entry {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 4rem;
    margin: 1rem;
    padding: 0 1.5rem;
    color: #c90000;
    background-color: rgba(201,0,0,.1);
    border-radius: .4rem
}

@media screen and (min-width: 960px) {
    .b2c-ts-wrong-entry {
        width:100%;
        margin: 0;
        padding: 0 2rem
    }
}

.b2c-ts-wrong-entry__warning svg {
    width: 1.4rem;
    height: 1.4rem;
    margin-right: 1.5rem
}

@media screen and (min-width: 960px) {
    .b2c-ts__search-wrapper {
        max-width:86rem;
        margin: 0 auto;
        border-radius: .4rem
    }
}

@media screen and (min-width: 1280px) {
    .b2c-ts__search-wrapper {
        max-width:89.5rem
    }
}

@media screen and (min-width: 1920px) {
    .b2c-ts__search-wrapper {
        max-width:95rem
    }
}

.b2c-ts-search-bar {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #b2b2b2;
    background-color: #fff;
    border-radius: .4rem
}

.b2c-ts-search-bar:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 10rem;
    width: .1rem;
    height: 4.5rem;
    background-color: #b2b2b2;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.b2c-ts-search-bar__wrapper-content {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding: 3.2rem 0 3.2rem 11.8rem;
    font-size: 1.5rem;
    color: rgba(60,60,60,.5);
    cursor: pointer
}

.b2c-ts-search-bar__wrapper-content p:first-letter {
    text-transform: uppercase
}

.b2c-ts-search-bar__wrapper-content svg {
    width: 1.5rem;
    height: 1.5rem;
    margin-right: 1rem;
    fill: #b2b2b2;
    stroke: #b2b2b2
}

.b2c-ts-search-categories {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 2rem;
    margin-bottom: 2rem
}

.b2c-ts-search-categories__slider {
    display: block;
    white-space: nowrap;
    overflow: -moz-scrollbars-none;
    overflow-x: auto;
    overflow-y: hidden;
    -ms-overflow-style: none
}

.b2c-ts-search-categories__slider::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0
}

.b2c-ts-search-categories__tab {
    position: relative;
    display: inline-block;
    min-width: 10.5rem;
    margin: 0 .3rem;
    padding-bottom: .5rem;
    cursor: pointer
}

.b2c-ts-search-categories__tab--reduced {
    min-width: 0
}

.b2c-ts-search-categories__tab .b2c-ts-search-categories__element-field-underline {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: .2rem;
    background-color: #7d9fde
}

.b2c-ts-search-categories__tab .b2c-ts-search-categories__element-field-ripple {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: .2rem;
    background-color: #fce500;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%
}

.b2c-ts-search-categories__tab--active .b2c-ts-search-categories__element-field-ripple,.b2c-ts-search-categories__tab .b2c-ts-search-categories__element-field-ripple,.b2c-ts-search-categories__tab:hover .b2c-ts-search-categories__element-field-ripple {
    -webkit-transition: background-color .3s cubic-bezier(.25,.8,.25,1),-webkit-transform .3s cubic-bezier(.25,.8,.25,1);
    transition: background-color .3s cubic-bezier(.25,.8,.25,1),-webkit-transform .3s cubic-bezier(.25,.8,.25,1);
    transition: transform .3s cubic-bezier(.25,.8,.25,1),background-color .3s cubic-bezier(.25,.8,.25,1);
    transition: transform .3s cubic-bezier(.25,.8,.25,1),background-color .3s cubic-bezier(.25,.8,.25,1),-webkit-transform .3s cubic-bezier(.25,.8,.25,1)
}

.b2c-ts-search-categories__tab--active .b2c-ts-search-categories__element-field-ripple,.b2c-ts-search-categories__tab:hover .b2c-ts-search-categories__element-field-ripple {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.b2c-ts-search-categories__element {
    padding: 0;
    font-size: 1.6rem;
    font-weight: 700;
    color: #fff;
    background: none;
    border: none;
    cursor: pointer
}

.b2c-ts-search-categories__element:active,.b2c-ts-search-categories__element:focus,.b2c-ts-search-categories__element:hover {
    outline-color: #27509b
}

.b2c-ts-result-list__number {
    z-index: 10;
    margin: 0;
    font-size: 2rem;
    text-align: left
}

@media screen and (min-width: 1280px) {
    .b2c-ts-result-list__number {
        max-width:108rem
    }
}

@media screen and (min-width: 1920px) {
    .b2c-ts-result-list__number {
        max-width:119.5rem
    }
}

@media (max-width: 959px) {
    .b2c-ts-result-list__number {
        margin:1rem 2rem 0
    }
}

.b2c-ts-result-list .b2c-ts-result-card__item {
    position: relative
}

@media screen and (min-width: 960px) {
    .b2c-ts-result-list .b2c-ts-result-card__item {
        margin-bottom:3rem
    }
}

.b2c-ts-result-list .b2c-alternate-tyre-hidden-list {
    display: none
}

.b2c-ts-result-list .b2c-manufacturer-pages__heading {
    margin-top: 3rem
}

@media screen and (min-width: 960px) {
    .b2c-ts-result-list .b2c-manufacturer-pages__heading {
        margin-top:0
    }
}

.b2c-ts-result-list .b2c-manufacturer-pages__heading h2 {
    color: #333
}

.b2c-ts-result-list .b2c-manufacturer-pages__heading .b2c-manufacturer-pages__h2 {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 1rem;
    font-size: 2rem;
    color: #333;
    line-height: 3.6rem;
    text-align: center
}

@media screen and (min-width: 960px) {
    .b2c-ts-result-list .b2c-manufacturer-pages__heading .b2c-manufacturer-pages__h2 {
        text-align:left
    }
}

.b2c-ts-result-card {
    position: relative;
    margin: 0 auto;
    color: #363636;
    border-radius: .4rem
}

.b2c-ts-result-card .b2c-ratings-reviews .rating-stars {
    font-size: 1.6rem
}

.b2c-ts-result-card .b2c-ratings-reviews .review-inline {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: .5rem
}

@media screen and (min-width: 960px) {
    .b2c-ts-result-card .b2c-ratings-reviews .review-inline {
        padding:.2rem 0 0
    }
}

.b2c-ts-result-card .b2c-ribbon {
    position: absolute;
    z-index: 2
}

@media (max-width: 959px) {
    .b2c-ts-result-card .b2c-ribbon:before {
        display:none
    }
}

.b2c-ts-result-card__content,.b2c-ts-result-card__features {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.b2c-ts-result-card__content img {
    width: 19rem
}

.b2c-ts-result-card__feature {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.b2c-ts-result-card__feature img,.b2c-ts-result-card__feature svg {
    width: 3rem;
    height: 3rem
}

.b2c-ts-result-card__feature-label {
    font-size: 1.2rem;
    text-transform: capitalize
}

.b2c-ts-result-card__brand {
    font-family: Michelin;
    font-weight: 700;
    text-transform: uppercase
}

.b2c-ts-result-card__brand a {
    color: inherit
}

.b2c-ts-result-card__brand sup {
    vertical-align: super;
    font-size: 1.4rem;
    text-decoration: none
}

.b2c-ts-result-card__name {
    font-family: Noto Sans;
    font-size: 2rem;
    font-style: italic
}

.b2c-ts-result-card__name a {
    color: inherit
}

.b2c-ts-result-card__name sup {
    vertical-align: super;
    font-size: 1.4rem;
    text-decoration: none
}

.b2c-ts-result-card__categories {
    font-family: Noto Sans;
    font-size: 1.6rem;
    color: #363636
}

@media screen and (min-width: 960px) {
    .b2c-ts-result-card__categories {
        font-weight:700;
        color: #b2b2b2
    }
}

.b2c-ts-result-card__price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-item-align: center;
    align-self: center;
    text-align: center
}

.b2c-ts-result-card__price--bolder {
    font-family: Michelin,arial,sans-serif;
    font-weight: 500;
    color: #27509b
}

.b2c-ts-result-card__price--reverse-ts {
    font-weight: 700;
    color: #363636
}

.b2c-ts-result-card__price__label {
    max-width: 13rem;
    font-size: 1.1rem;
    font-weight: 400;
    color: #b2b2b2;
    text-align: right
}

@media screen and (min-width: 600px) {
    .b2c-ts-result-card__price__label {
        max-width:inherit
    }
}

.b2c-ts-result-card__price__content {
    text-align: right
}

@media (max-width: 599px) {
    .b2c-ts-result-card__price__content {
        margin-right:1.8rem
    }
}

@media screen and (min-width: 1280px) {
    .b2c-ts-result-card__price {
        margin-bottom:0
    }
}

.b2c-ts-result-card__price .b2c-horizontal-loader {
    display: none
}

.b2c-ts-result-card__price--loading {
    pointer-events: none
}

.b2c-ts-result-card__price--loading>* {
    display: none!important
}

.b2c-ts-result-card__price--loading .b2c-horizontal-loader {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important
}

.b2c-ts-result-card__actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media screen and (min-width: 960px) {
    .b2c-ts-result-card__actions {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        margin-bottom: 2rem
    }
}

@media screen and (min-width: 1280px) {
    .b2c-ts-result-card__actions {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 0;
        margin-left: 4rem;
        padding: 0
    }
}

.b2c-ts-result-card__actions .b2c-btn__label--buy {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.b2c-ts-result-card__actions .b2c-btn__label--primary {
    display: block
}

@media screen and (min-width: 960px) and (max-width:1279px) {
    .b2c-ts-result-card__actions .b2c-btn {
        width:18rem;
        min-width: 18rem;
        font-size: 1.4rem;
        border-radius: .2rem
    }
}

.b2c-ts-result-card__wrapper-buy-now {
    display: none;
    margin-bottom: 2rem
}

.b2c-ts-result-card__wrapper-buy-now--display {
    display: block
}

@media screen and (min-width: 960px) {
    .b2c-ts-result-card__wrapper-buy-now {
        margin-bottom:0
    }
}

.b2c-ts-result-card__reverse-tunnel-cta {
    margin-bottom: 2rem
}

@media screen and (min-width: 960px) {
    .b2c-ts-result-card__reverse-tunnel-cta {
        margin:0 0 0 1rem
    }

    .b2c-ts-result-card__reverse-tunnel-cta .btn_primary {
        display: block
    }
}

.b2c-ts-result-card .b2c-ts-result-card__wrapper-buy-now+.b2c-ts-result-card__wrapper-buy-now {
    margin-top: 1rem
}

@media screen and (min-width: 960px) {
    .b2c-ts-result-card__view-details-btn {
        -webkit-box-ordinal-group:3;
        -ms-flex-order: 2;
        order: 2
    }
}

@media (max-width: 1279px) {
    .b2c-ts-result-card__view-details-btn {
        margin-right:1rem
    }
}

.b2c-ts-result-card__locate-dealers-btn {
    margin-right: 1rem;
    margin-left: 1rem
}

@media screen and (min-width: 1280px) {
    .b2c-ts-result-card__locate-dealers-btn {
        -webkit-box-ordinal-group:4;
        -ms-flex-order: 3;
        order: 3;
        margin-right: auto
    }
}

.b2c-ts-result-card--mobile .b2c-ribbon {
    top: 18.5rem;
    left: 0
}

.b2c-ts-result-card--mobile .b2c-ribbon:nth-child(2) {
    top: 23.5rem
}

.b2c-ts-result-card--mobile .b2c-ts-result-card {
    background: #f5f5f5
}

.b2c-ts-result-card--mobile .b2c-ts-result-card__content {
    padding: 0;
    background: #f5f5f5
}

.b2c-ts-result-card--mobile .b2c-ts-result-card__content,.b2c-ts-result-card--mobile .b2c-ts-result-card__overflow {
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.b2c-ts-result-card--mobile .b2c-ts-result-card__overflow {
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 3rem 0 4rem;
    overflow: hidden
}

.b2c-ts-result-card--mobile .b2c-ts-result-card__overflow:after {
    content: "";
    position: absolute;
    z-index: -1;
    top: 41.6%;
    left: 0;
    width: 100%;
    padding-bottom: 50rem;
    background: #fff;
    -webkit-transform: skew(0deg,-6deg);
    transform: skew(0deg,-6deg);
    -webkit-transition: top .3s;
    transition: top .3s
}

@media (max-width: 1279px) {
    .b2c-ts-result-card--mobile .b2c-ts-result-card__overflow:after {
        top:40.7%
    }
}

@media (max-width: 959px) {
    .b2c-ts-result-card--mobile .b2c-ts-result-card__overflow:after {
        top:40%
    }
}

@media (max-width: 839px) {
    .b2c-ts-result-card--mobile .b2c-ts-result-card__overflow:after {
        top:52%;
        -webkit-transform: skew(0deg,-25deg);
        transform: skew(0deg,-25deg)
    }
}

.b2c-ts-result-card--mobile .b2c-ts-result-card__tyre {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 2rem
}

@media screen and (min-width: 310px) and (max-width:410px) {
    .b2c-ts-result-card--mobile .b2c-ts-result-card__tyre {
        margin-bottom:2.5rem
    }
}

.b2c-ts-result-card--mobile .b2c-ts-result-card__name {
    display: inline-block;
    margin-bottom: 1rem
}

.b2c-ts-result-card--mobile .b2c-ts-result-card__name sup {
    vertical-align: super;
    text-decoration: none
}

.b2c-ts-result-card--mobile .b2c-ts-result-card__brand {
    margin-bottom: 0;
    font-size: 2.5rem
}

.b2c-ts-result-card--mobile .b2c-ts-result-card__categories {
    margin-bottom: 1rem
}

.b2c-ts-result-card--mobile .b2c-ts-result-card__feature {
    height: 4rem;
    margin-right: 1rem
}

.b2c-ts-result-card--mobile .b2c-ts-result-card__feature:last-child {
    margin-right: 0
}

.b2c-ts-result-card--mobile .b2c-ts-result-card__claim {
    margin: 1rem 0;
    padding: 0 5rem;
    font-size: 1.6rem;
    text-align: center
}

.b2c-ts-result-card--desktop .b2c-ribbon {
    top: 3.5rem;
    left: -1.6rem
}

.b2c-ts-result-card--desktop .b2c-ribbon:nth-child(2) {
    top: 8.5rem
}

.b2c-ts-result-card--desktop .b2c-ts-result-card__wrapper {
    position: relative;
    max-width: 86rem;
    margin: 0 auto;
    border: .6rem solid #f5f5f5
}

@media screen and (min-width: 1280px) {
    .b2c-ts-result-card--desktop .b2c-ts-result-card__wrapper {
        max-width:108rem
    }
}

@media screen and (min-width: 1920px) {
    .b2c-ts-result-card--desktop .b2c-ts-result-card__wrapper {
        max-width:119.5rem
    }
}

.b2c-ts-result-card--desktop .b2c-ts-result-card__content {
    position: relative;
    z-index: 1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 2rem 5rem 1rem;
    background: #fff
}

@media screen and (min-width: 960px) {
    .b2c-ts-result-card--desktop .b2c-ts-result-card__content {
        -webkit-box-align:start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

@media screen and (min-width: 1280px) {
    .b2c-ts-result-card--desktop .b2c-ts-result-card__content {
        -webkit-box-align:center;
        -ms-flex-align: center;
        align-items: center
    }
}

.b2c-ts-result-card--desktop .b2c-ts-result-card__content img {
    margin: 0;
    -o-object-fit: contain;
    object-fit: contain
}

.b2c-ts-result-card--desktop .b2c-ts-result-card__claim,.b2c-ts-result-card--desktop .b2c-ts-result-card__title {
    margin-left: 3rem;
    text-align: left
}

.b2c-ts-result-card--desktop .b2c-ts-result-card__claim ul {
    margin-left: 3rem;
    list-style-type: disc
}

.b2c-ts-result-card--desktop .b2c-ts-result-card__claim a {
    text-decoration: underline
}

.b2c-ts-result-card--desktop .b2c-ts-result-card__brand {
    font-size: 2.2rem
}

.b2c-ts-result-card--desktop .b2c-ts-result-card__informations {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

@media screen and (min-width: 960px) {
    .b2c-ts-result-card--desktop .b2c-ts-result-card__informations {
        margin-bottom:2rem
    }
}

@media screen and (min-width: 1280px) {
    .b2c-ts-result-card--desktop .b2c-ts-result-card__informations {
        -webkit-box-flex:1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }
}

.b2c-ts-result-card--desktop .b2c-ts-result-card__informations-dimensions {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-item-align: center;
    align-self: center
}

.b2c-ts-result-card--desktop .b2c-ts-result-card__informations-actions {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

@media screen and (min-width: 1280px) {
    .b2c-ts-result-card--desktop .b2c-ts-result-card__informations-actions {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        min-height: 19rem
    }
}

.b2c-ts-result-card--desktop .b2c-ts-result-card__price {
    text-align: right
}

@media screen and (min-width: 1280px) {
    .b2c-ts-result-card--desktop .b2c-ts-result-card__price {
        text-align:end
    }
}

.b2c-ts-result-card--desktop .b2c-ts-result-card__price-cta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (min-width: 1280px) {
    .b2c-ts-result-card--desktop .b2c-ts-result-card__price-cta {
        margin-bottom:1.2rem
    }
}

.b2c-ts-result-card--desktop .b2c-ts-result-card__features {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 7.5rem;
    padding: .6rem 3rem 0;
    background: #f5f5f5
}

.b2c-ts-result-card--desktop .b2c-ts-result-card__feature {
    margin-right: 13rem
}

@media screen and (min-width: 1280px) {
    .b2c-ts-result-card--desktop .b2c-ts-result-card__feature {
        margin-right:15.5rem
    }
}

.b2c-ts-result-card--desktop .b2c-ts-result-card__feature:last-child {
    margin-right: 0
}

.b2c-ts-result-card--desktop .b2c-ts-result-card__feature img,.b2c-ts-result-card--desktop .b2c-ts-result-card__feature svg {
    margin-bottom: .5rem
}

@media screen and (min-width: 960px) {
    .b2c-ts-result-card .b2c-switch-front-rear {
        margin-left:2rem
    }
}

.b2c-ts-result-card__awards {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (min-width: 960px) {
    .b2c-ts-result-card__awards {
        position:absolute;
        z-index: 2;
        top: 0;
        bottom: 0;
        left: 24.79rem;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: auto;
        resize: vertical
    }
}

.b2c-ts-result-card__awards img {
    height: 5rem;
    margin-bottom: 1rem
}

@media screen and (min-width: 960px) {
    .b2c-ts-result-card__awards img {
        width:100%;
        height: auto
    }
}

.b2c-ts-result-card__awards img:not(:last-child) {
    margin-right: 2rem
}

@media screen and (min-width: 960px) {
    .b2c-ts-result-card__awards img:not(:last-child) {
        margin-right:0;
        margin-bottom: .8rem
    }
}

.b2c-ts-result-hero .dgad-panel-hero-item__background-color {
    background: #27509b
}

.b2c-ts-result-hero .dgad-panel-hero-item__background {
    height: 35rem
}

.b2c-ts-result-hero .dgad-panel-hero-item__content {
    border-radius: .4rem .4rem 0 0
}

.b2c-ts-result-hero .dgad-panel-hero-item__container {
    padding-top: 2rem
}

@media screen and (min-width: 960px) {
    .b2c-ts-result-hero .dgad-panel-hero-item__container {
        padding-top:20rem
    }
}

.b2c-ts-result-hero .dgad-panel-hero-item__title {
    color: #333
}

.b2c-ts-result-hero .dgad-panel-hero-item__description {
    margin: 2rem
}

.b2c-ts-result-card__top-wrapper {
    top: 0;
    left: 0;
    width: 100%;
    padding: 2rem 0;
    color: #363636;
    text-align: left
}

@media screen and (min-width: 960px) {
    .b2c-ts-result-card__top-wrapper {
        position:absolute;
        height: 17.5rem
    }
}

.b2c-ts-result-card__top-wrapper-content {
    text-align: center
}

@media screen and (min-width: 960px) {
    .b2c-ts-result-card__top-wrapper-content {
        max-width:86rem;
        margin: 0 auto;
        text-align: left
    }
}

@media screen and (min-width: 1280px) {
    .b2c-ts-result-card__top-wrapper-content {
        max-width:108rem
    }
}

@media screen and (min-width: 1920px) {
    .b2c-ts-result-card__top-wrapper-content {
        max-width:144rem
    }
}

.b2c-ts-result-card__top-wrapper--alternative,.b2c-ts-result-card__top-wrapper--otherAlternative {
    background-color: #f5f5f5
}

.b2c-ts-result-card__top-wrapper-title {
    display: block;
    margin: 0;
    font-size: 2rem;
    font-weight: 700
}

@media screen and (min-width: 960px) {
    .b2c-ts-result-card__top-wrapper-title {
        display:inline-block
    }
}

.b2c-ts-result-card__top-wrapper--possible,.b2c-ts-result-card__top-wrapper--recommended {
    background-color: #fce500
}

@media screen and (min-width: 960px) {
    .b2c-ts-result-card__top-wrapper--possible+.b2c-ts-result-card .b2c-ribbon,.b2c-ts-result-card__top-wrapper--recommended+.b2c-ts-result-card .b2c-ribbon {
        top:11rem
    }
}

@media screen and (min-width: 960px) {
    .b2c-ts-result-card__top-wrapper+.b2c-ts-result-card {
        padding-top:7.5rem
    }
}

.b2c-ts-filters {
    position: relative;
    color: #333;
    text-align: left;
    overflow-x: hidden
}

.b2c-ts-filters:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    display: block;
    width: 3rem;
    height: 100%
}

@media screen and (min-width: 600px) {
    .b2c-ts-filters:after {
        display:none
    }
}

.b2c-ts-filters__top {
    position: relative
}

@media screen and (min-width: 960px) {
    .b2c-ts-filters__top {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        width: 100%;
        padding: 2rem 0
    }

    .b2c-ts-filters__top .b2c-ts-result-list-wrapper .b2c-ts-result-list__number {
        font-size: 2rem
    }

    .b2c-ts-filters__top--opened:before {
        content: "";
        position: absolute;
        z-index: 0;
        top: 0;
        right: -100vw;
        bottom: 0;
        left: -100vw;
        display: block;
        width: 300vw;
        height: 100%;
        -webkit-box-shadow: 0 .1rem 1rem 0 rgba(0,0,0,.2);
        box-shadow: 0 .1rem 1rem 0 rgba(0,0,0,.2)
    }

    .b2c-ts-filters__top .b2c-ts-filters-toggler-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%
    }

    .b2c-ts-filters__top .b2c-ts-filters__toggler {
        width: auto;
        min-width: 23rem;
        margin-left: auto;
        border-radius: .4rem
    }

    .b2c-ts-filters__top .b2c-ts-filters__toggler--closed {
        background-color: transparent
    }
}

.b2c-ts-filters__filters-wrapper {
    padding: 3rem;
    background: #fff
}

@media screen and (min-width: 960px) {
    .b2c-ts-filters__filters-wrapper {
        padding:3rem 0;
        background: none
    }
}

@media screen and (min-width: 960px) {
    .b2c-ts-filters+.b2c-ts-result-list-wrapper {
        margin-top:3rem
    }
}

.b2c-ts-filters__filter-category {
    margin-top: 1rem
}

.b2c-ts-filters__filter-category .b2c-filter-btn {
    margin: 0 2rem 2rem 0
}

.b2c-ts-filters__checked-filters-summary {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: auto;
    height: 8rem;
    padding: 2rem 0 2rem 2rem;
    white-space: nowrap;
    text-align: left;
    overflow: hidden
}

.b2c-ts-filters__checked-filters-summary .b2c-filter-btn {
    margin: 0 2rem 0 0
}

@media screen and (min-width: 360px) {
    .b2c-ts-filters__checked-filters-summary {
        height:auto;
        padding: 2rem 2rem 0
    }

    .b2c-ts-filters__checked-filters-summary .b2c-filter-btn {
        margin: 0 2rem 2rem 0
    }
}

@media screen and (min-width: 960px) {
    .b2c-ts-filters__checked-filters-summary {
        padding:0
    }
}

.b2c-ts-filters__panel {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 86rem;
    margin: 0 auto;
    padding: 0;
    overflow-y: hidden
}

@media screen and (min-width: 1280px) {
    .b2c-ts-filters__panel {
        max-width:108rem
    }
}

@media screen and (min-width: 1920px) {
    .b2c-ts-filters__panel {
        max-width:119.5rem
    }
}

@media screen and (min-width: 600px) {
    .b2c-ts-filters__panel {
        height:auto;
        overflow: visible
    }
}

.b2c-ts-filters__form {
    position: fixed;
    z-index: 992;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    padding-bottom: 10rem;
    overflow: auto
}

@media screen and (min-width: 960px) {
    .b2c-ts-filters__form {
        position:static;
        z-index: inherit;
        padding-bottom: 0;
        background: none;
        overflow: inherit
    }
}

.b2c-ts-filters .b2c-ts-filters__mobile-header {
    position: relative;
    margin: 0;
    padding-top: 2.5rem;
    padding-bottom: 3rem;
    font-size: 2.2rem;
    text-align: center
}

@media screen and (min-width: 960px) {
    .b2c-ts-filters .b2c-ts-filters__mobile-header {
        padding-top:0;
        font-size: 2rem;
        text-align: left;
        background: none
    }
}

.b2c-ts-filters .b2c-ts-filters__mobile-header .b2c-btn {
    position: absolute;
    top: 1.5rem;
    right: 1.5rem
}

@media screen and (min-width: 960px) {
    .b2c-ts-filters .b2c-ts-filters__mobile-header .b2c-btn {
        top:-.7rem;
        right: 0
    }
}

.b2c-ts-filters .b2c-ts-filters__mobile-header .b2c-btn__icon,.b2c-ts-filters .b2c-ts-filters__mobile-header .b2c-btn__icon svg {
    width: 1.2rem;
    height: 1.5rem
}

.b2c-ts-filters h3 {
    font-size: 1.6rem
}

.b2c-ts-filters h3 span:first-letter,.b2c-ts-filters h3:first-letter {
    text-transform: uppercase
}

.b2c-ts-filters .b2c-ts-field span {
    text-transform: capitalize
}

@media (max-width: 959px) {
    .b2c-ts-filters .b2c-accordion__content,.b2c-ts-filters .b2c-accordion__title {
        background:#fff
    }
}

.b2c-ts-filters .b2c-accordion__title {
    margin-bottom: 0
}

@media (max-width: 959px) {
    .b2c-ts-filters .b2c-accordion__title {
        -webkit-box-align:center;
        -ms-flex-align: center;
        align-items: center;
        padding: 2rem;
        border-radius: .4rem
    }
}

.b2c-ts-filters .b2c-accordion__content {
    display: none
}

@media (max-width: 959px) {
    .b2c-ts-filters .b2c-accordion__content {
        padding:0 2rem 2rem;
        border-radius: 0 0 .4rem .4rem
    }
}

.b2c-ts-filters .b2c-accordion--active .b2c-accordion__title {
    border-radius: .4rem .4rem 0 0
}

.b2c-ts-filters .b2c-accordion--active .b2c-accordion__content {
    display: block
}

.b2c-ts-filters .b2c-checkbox,.b2c-ts-filters .b2c-radio {
    margin-bottom: .1rem
}

.b2c-ts-filters .b2c-switch {
    height: 3rem;
    margin-top: 2rem
}

.b2c-ts-filters .b2c-switch label {
    height: 3rem
}

.b2c-ts-filters__actions {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 2rem 1.5rem
}

@media screen and (min-width: 960px) {
    .b2c-ts-filters__actions {
        position:static;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        margin-top: 3rem;
        padding: 0;
        background: none
    }
}

.b2c-ts-filters__actions .b2c-btn,.b2c-ts-filters__actions .b2c-ts-filters__reset {
    -webkit-box-shadow: 0 0 1rem 0 rgba(0,0,0,.2);
    box-shadow: 0 0 1rem 0 rgba(0,0,0,.2)
}

@media screen and (min-width: 960px) {
    .b2c-ts-filters__actions .b2c-btn,.b2c-ts-filters__actions .b2c-ts-filters__reset {
        -webkit-box-shadow:none;
        box-shadow: none
    }
}

.b2c-ts-filters__reset.b2c-btn {
    width: 5.5rem;
    height: 5.5rem;
    margin-right: 1.5rem
}

@media screen and (min-width: 960px) {
    .b2c-ts-filters__reset.b2c-btn {
        width:4.8rem;
        height: 4.8rem
    }
}

.b2c-ts-filters__reset.b2c-btn span,.b2c-ts-filters__reset.b2c-btn svg {
    width: 2rem;
    height: 2rem;
    stroke: none
}

.reverse-ts .b2c-ts {
    padding-bottom: 7rem;
    background-color: #27509b
}

.reverse-ts .b2c-ts__header {
    padding-bottom: 0
}

.reverse-ts .b2c-ts-search-bar:before {
    display: none
}

.reverse-ts .b2c-ts-search-bar__wrapper-content {
    padding: 3.2rem 1.5rem
}

.reverse-ts .b2c-ts-reverse-result-list {
    padding: 3rem 2.5rem 0;
    color: #363636
}

@media screen and (min-width: 960px) {
    .reverse-ts .b2c-ts-reverse-result-list-wrapper {
        max-width:86rem;
        margin: 0 auto;
        border-radius: .4rem
    }
}

@media screen and (min-width: 1280px) {
    .reverse-ts .b2c-ts-reverse-result-list-wrapper {
        max-width:89.5rem
    }
}

@media screen and (min-width: 1920px) {
    .reverse-ts .b2c-ts-reverse-result-list-wrapper {
        max-width:95rem
    }
}

.reverse-ts .b2c-ts-reverse-result-list__title {
    font-size: 2.8rem;
    font-weight: 700;
    color: #fff
}

.reverse-ts .b2c-ts-reverse-result-list-position__title {
    display: block;
    margin-bottom: 1.5rem;
    padding-left: 2rem;
    font-size: 1.6rem;
    font-weight: 700;
    color: #fff;
    text-align: left
}

.reverse-ts .b2c-ts-reverse-result-card {
    margin-bottom: 3rem;
    overflow: hidden
}

@media screen and (min-width: 600px) {
    .reverse-ts .b2c-ts-reverse-result-card .b2c-accordion__icon {
        margin:auto 0 auto 2rem
    }
}

.reverse-ts .b2c-ts-reverse-result-card--active {
    border-radius: .4rem .4rem 0 0
}

.reverse-ts .b2c-ts-reverse-result-card--active .b2c-accordion__icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.reverse-ts .b2c-ts-reverse-result-card-title {
    height: auto;
    margin: 0;
    padding: 1rem 2rem 1rem 1rem;
    -webkit-transition: border-radius .3s ease;
    transition: border-radius .3s ease
}

.reverse-ts .b2c-ts-reverse-result-card-title__item-left {
    padding: 1.2rem 0;
    text-align: left
}

.reverse-ts .b2c-ts-reverse-result-card-title__item-left .b2c-informations-card__tooltip {
    height: auto
}

.reverse-ts .b2c-ts-reverse-result-card-title__item-left .b2c-informations-card__tooltip svg {
    width: 2.5rem;
    height: 2.5rem;
    margin-top: .7rem;
    margin-left: 0
}

.reverse-ts .b2c-ts-reverse-result-card-title__availability {
    position: absolute;
    top: -.2rem;
    left: 0;
    margin-bottom: .3rem;
    font-size: 1rem;
    font-weight: 700;
    color: #32ab54
}

.reverse-ts .b2c-ts-reverse-result-card-title__size {
    margin: auto 0;
    font-size: 1.6rem;
    font-weight: 700;
    color: #363636
}

.reverse-ts .b2c-ts-reverse-result-card-title__btn,.reverse-ts .b2c-ts-reverse-result-card-title__prices {
    display: none
}

@media screen and (min-width: 960px) {
    .reverse-ts .b2c-ts-reverse-result-card-title__prices {
        width:29rem;
        height: 4.8rem;
        border-radius: 0
    }
}

.reverse-ts .b2c-ts-reverse-result-card-title .b2c-sku-table-row__item-left__labellings__value:last-child {
    margin-left: 0
}

.reverse-ts .b2c-ts-reverse-result-card-content {
    margin: -.3rem;
    padding: 0;
    text-align: left;
    background-color: #fff;
    border-radius: 0 0 .4rem .4rem
}

@media screen and (min-width: 960px) {
    .reverse-ts .b2c-ts-reverse-result-card-content {
        margin:0
    }
}

.reverse-ts .b2c-ts-reverse-result-card-content-sku {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    padding: 1rem
}

.reverse-ts .b2c-ts-reverse-result-card-content__mobile-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 1.5rem
}

.reverse-ts .b2c-ts-reverse-result-card-content__mobile-btn>a {
    max-width: calc(100% - 2rem)
}

.reverse-ts .b2c-ts-reverse-result-card-content__primary-btn {
    display: block
}

.reverse-ts .b2c-ts-reverse-result-card-content-sku__item {
    display: block;
    width: 100%;
    margin-bottom: 1.5rem
}

@media screen and (min-width: 960px) {
    .reverse-ts .b2c-ts-reverse-result-card-content-sku__item {
        width:50%
    }
}

.reverse-ts .b2c-ts-reverse-result-card-content-sku__item .b2c-sku-table-info__labellings__db__value {
    margin-left: 1rem
}

.reverse-ts .b2c-ts-reverse-result-card-content-sku__item .b2c-sku-table-info__specifications .b2c-sku-table-info__value {
    margin-bottom: .5rem
}

.reverse-ts .b2c-ts-reverse-result-card-content-sku__item .b2c-sku-table-info__specifications .b2c-sku-table-info__value:first-child {
    margin-top: .5rem
}

.reverse-ts .b2c-ts-reverse-result-card-content-sku__item .b2c-sku-table-info__specifications .b2c-sku-table-info__value:last-child {
    margin-bottom: 0
}

.reverse-ts .b2c-ts-reverse-result-card-content-sku__item .b2c-sku-table-info__value {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: auto
}

.reverse-ts .b2c-ts-reverse-result-card-content-sku__item .b2c-sku-table-info__value-icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.reverse-ts .b2c-ts-reverse-result-card-content-sku__item .b2c-sku-table-info__value-icon__label {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-top: .5rem;
    margin-left: .5rem;
    font-weight: 400
}

.reverse-ts .b2c-ts-reverse-result-card-content-sku__item .b2c-sku-table-info__value-icon__label__bold {
    margin-top: 0;
    margin-left: 0;
    font-weight: 700
}

.reverse-ts .b2c-ts-reverse-result-card-content-sku__item .b2c-sku-table-info__label.b2c-sku-table-info-reverse-labelling__label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: -1rem
}

.reverse-ts .b2c-ts-reverse-result-card-content-wrapper {
    position: relative;
    overflow: hidden;
    -webkit-transition: height .3s ease;
    transition: height .3s ease
}

.reverse-ts .b2c-ts-reverse-result-card-content-wrapper:before {
    content: "";
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: .2rem;
    background-color: #f5f5f5
}

.reverse-ts .b2c-ts-validation-box-wrapper {
    margin: 2rem 0;
    padding: 0
}

.b2c-ts-reifenfreigaben-push {
    padding: 0 0 2rem;
    background-color: #27509b
}

@media screen and (min-width: 960px) {
    .b2c-ts-reifenfreigaben-push {
        padding:2rem 2rem 7rem
    }
}

.b2c-ts-reifenfreigaben-push p {
    margin-bottom: 2rem;
    padding: 0 2rem
}

@media screen and (min-width: 960px) {
    .b2c-ts-reifenfreigaben-push p {
        padding:0
    }
}

.b2c-ts-reifenfreigaben-optin {
    padding: 3rem;
    color: #333;
    text-align: left;
    background: #fff;
    border-radius: .4rem
}

@media (max-width: 959px) {
    .b2c-ts-field-reifenfreigaben.b2c-ts-field--mobile+.b2c-ts-reifenfreigaben-optin {
        padding:1rem 1rem 2rem;
        border-radius: 0 0 .4rem .4rem
    }
}

.dgad-popin__overlay.b2c-popin-reifenfreigaben__overlay:not([data-popin=reifenfreigabenPopinTDP]) {
    display: block
}

.b2c-tooltip.b2c-tooltip-customised {
    margin-left: -1rem
}

.b2c-tooltip.b2c-tooltip-customised .b2c-tooltip__content-customized {
    top: 4rem!important;
    left: -16rem;
    width: 20rem
}

@media screen and (min-width: 600px) {
    .b2c-tooltip.b2c-tooltip-customised .b2c-tooltip__content-customized {
        left:-13rem
    }
}

@media screen and (min-width: 960px) {
    .b2c-tooltip.b2c-tooltip-customised .b2c-tooltip__content-customized {
        top:0!important;
        left: 2rem
    }
}

.b2c-ts-reverse-result-card-title__item-left .b2c-tooltip.b2c-tooltip-customised {
    margin: 0
}

.b2c-ts-reverse-result-card-title__item-left .b2c-tooltip.b2c-tooltip-customised .b2c-tooltip__content-customized {
    top: 3rem!important;
    left: -10rem;
    width: 20rem
}

@media screen and (min-width: 960px) {
    .b2c-ts-reverse-result-card-title__item-left .b2c-tooltip.b2c-tooltip-customised .b2c-tooltip__content-customized {
        top:-4rem!important;
        left: 2rem
    }
}

.b2c-sku-table-info-reverse-labelling__label .b2c-tooltip.b2c-tooltip-customised {
    margin-top: -.5rem;
    margin-left: 0
}

.b2c-sku-table-info-reverse-labelling__label .b2c-tooltip.b2c-tooltip-customised .b2c-tooltip__content-customized {
    left: -5rem
}

@media screen and (min-width: 960px) {
    .b2c-sku-table-info-reverse-labelling__label .b2c-tooltip.b2c-tooltip-customised .b2c-tooltip__content-customized {
        top:3rem!important
    }
}

.b2c-sku-table-info__label .b2c-tooltip {
    margin-top: -.5rem
}

.promotion-popin {
    z-index: 1
}

.b2c-ts {
    color: #fff;
    text-align: center
}

@media (max-width: 959px) {
    .b2c-ts {
        padding-bottom:2.5rem
    }
}

@media (max-width: 959px) {
    .b2c-ts .b2c-ts-pl-switch {
        margin:2rem 0 4rem
    }
}

@media (max-width: 959px) {
    .b2c-ts-mobile--hidden {
        display:none
    }
}

@media screen and (min-width: 600px) {
    .b2c-ts-desktop--hidden {
        display:none
    }
}

.apos-ui .apos-rich-text .h1-like {
    font-weight: 700;
    font-size: 4rem;
    line-height: 1.15
}

.apos-ui .apos-rich-text .h2-like {
    font-weight: 700;
    font-size: 3.2rem;
    line-height: 1.44
}

.b2c-ts-browse-by-page-richtext {
    padding: 2.5rem;
    color: #333
}

.b2c-dealer-details__back-button {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 5.5rem;
    padding: 0 1.5rem;
    background-color: #363636
}

@media screen and (min-width: 960px) {
    .b2c-dealer-details__back-button {
        height:4rem;
        padding: 0
    }
}

.b2c-dealer-details__back-button a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 5.5rem;
    font-size: 1.4rem;
    font-weight: 700;
    color: #fff
}

@media screen and (min-width: 960px) {
    .b2c-dealer-details__back-button a {
        height:4rem
    }
}

.b2c-dealer-details__back-button span {
    display: block;
    padding-top: .2rem
}

.b2c-dealer-details__back-button svg {
    width: 1.6rem;
    height: 1.6rem;
    margin-right: 1rem;
    fill: #fff
}

.b2c-dealer-details-contact-schedule {
    display: block;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin: 0 auto;
    padding: 0 1.5rem
}

@media screen and (min-width: 600px) {
    .b2c-dealer-details-contact-schedule {
        max-width:41rem;
        padding: 0
    }
}

@media screen and (min-width: 960px) {
    .b2c-dealer-details-contact-schedule {
        -webkit-box-ordinal-group:3;
        -ms-flex-order: 2;
        order: 2
    }
}

@media screen and (min-width: 960px) {
    .b2c-dealer-details-contact,.b2c-dealer-details-schedule {
        width:50%
    }
}

.b2c-dealer-details-contact-schedule-content {
    display: block
}

@media screen and (min-width: 960px) {
    .b2c-dealer-details-contact-schedule-content {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.b2c-dealer-details-schedule {
    margin-top: 2.3rem
}

@media screen and (min-width: 960px) {
    .b2c-dealer-details-schedule {
        margin-top:0
    }
}

.b2c-dealer-details-schedule__check-opening {
    display: inline-block;
    margin-bottom: 1rem;
    margin-left: 3rem;
    padding: 1rem;
    font-size: 1.6rem;
    line-height: 1rem;
    background-color: #f5f5f5;
    border-radius: .4rem
}

@media screen and (min-width: 600px) {
    .b2c-dealer-details-schedule__check-opening {
        margin-left:2rem
    }
}

@media screen and (min-width: 960px) {
    .b2c-dealer-details-schedule__check-opening {
        position:relative;
        z-index: 1;
        margin-bottom: 0;
        margin-left: 0;
        padding: .5rem;
        font-size: 1.4rem;
        border-radius: 0
    }

    .b2c-dealer-details-schedule__check-opening:before {
        content: "";
        position: absolute;
        z-index: 0;
        top: -.3rem;
        right: -.3rem;
        bottom: -.3rem;
        left: -.3rem;
        display: block;
        border: .3rem solid #f5f5f5;
        border-radius: .4rem
    }
}

@media screen and (min-width: 960px) {
    .b2c-dealer-details-schedule__check-opening--mobile {
        display:none
    }
}

.b2c-dealer-details-schedule__check-opening--desktop {
    display: none
}

@media screen and (min-width: 960px) {
    .b2c-dealer-details-schedule__check-opening--desktop {
        display:block
    }
}

.b2c-dealer-details-schedule__open-hours {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 0
}

@media screen and (min-width: 960px) {
    .b2c-dealer-details-schedule__open-hours {
        margin-left:7.5rem
    }
}

.b2c-dealer-details-schedule__open-hours svg,.b2c-dealer-details-schedule__open-hours ul {
    display: inline-block
}

.b2c-dealer-details-schedule__open-hours svg {
    width: 1.3rem;
    height: 1.3rem;
    margin-top: .1rem;
    margin-right: 1.7rem
}

@media screen and (min-width: 600px) {
    .b2c-dealer-details-schedule__open-hours svg {
        margin-right:.7rem
    }
}

@media screen and (min-width: 960px) {
    .b2c-dealer-details-schedule__open-hours svg {
        width:1.4rem;
        height: 1.4rem;
        margin-top: .3rem;
        margin-right: 1.5rem
    }
}

.b2c-dealer-details-schedule__today {
    font-weight: 700
}

.b2c-dealer-details-schedule__today .b2c-dealer-details-schedule__check-opening--desktop {
    font-weight: 400
}

@media screen and (min-width: 960px) {
    .b2c-dealer-details-schedule__today .b2c-dealer-details-schedule__check-opening--desktop {
        visibility:visible
    }
}

.b2c-dealer-details-schedule__table {
    border: none
}

@media screen and (min-width: 1280px) {
    .b2c-dealer-details-schedule__table {
        -webkit-columns:2;
        -moz-columns: 2;
        column-count: 2
    }
}

.b2c-dealer-details-schedule__table tr {
    margin-bottom: 1rem;
    font-size: 1.6rem;
    line-height: 1.7rem
}

@media screen and (min-width: 960px) {
    .b2c-dealer-details-schedule__table tr {
        -webkit-box-align:baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
        margin-bottom: 0;
        font-size: 1.4rem;
        line-height: normal
    }
}

@media screen and (min-width: 1280px) {
    .b2c-dealer-details-schedule__table tr {
        margin-right:7rem
    }
}

.b2c-dealer-details-schedule__column-label {
    padding-right: 5rem;
    padding-bottom: 1rem
}

@media screen and (min-width: 960px) {
    .b2c-dealer-details-schedule__column-label {
        padding-right:2.5rem;
        padding-bottom: .5rem
    }
}

.b2c-dealer-details-contact__address,.b2c-dealer-details-contact__appointment,.b2c-dealer-details-contact__phone,.b2c-dealer-details-contact__phoneAlt,.b2c-dealer-details-contact__website {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 1.6rem;
    font-size: 1.6rem;
    line-height: 1
}

@media screen and (min-width: 960px) {
    .b2c-dealer-details-contact__address,.b2c-dealer-details-contact__appointment,.b2c-dealer-details-contact__phone,.b2c-dealer-details-contact__phoneAlt,.b2c-dealer-details-contact__website {
        font-size:1.4rem
    }
}

.b2c-dealer-details-contact__address svg,.b2c-dealer-details-contact__appointment svg,.b2c-dealer-details-contact__phoneAlt svg,.b2c-dealer-details-contact__phone svg,.b2c-dealer-details-contact__website svg {
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-right: 1.7rem;
    fill: #363636
}

@media screen and (min-width: 600px) {
    .b2c-dealer-details-contact__address svg,.b2c-dealer-details-contact__appointment svg,.b2c-dealer-details-contact__phoneAlt svg,.b2c-dealer-details-contact__phone svg,.b2c-dealer-details-contact__website svg {
        margin-right:.7rem
    }
}

@media screen and (min-width: 960px) {
    .b2c-dealer-details-contact__address svg,.b2c-dealer-details-contact__appointment svg,.b2c-dealer-details-contact__phoneAlt svg,.b2c-dealer-details-contact__phone svg,.b2c-dealer-details-contact__website svg {
        margin-right:1.5rem
    }
}

.b2c-dealer-details-contact__address a {
    line-height: 2rem
}

.b2c-dealer-details-contact__address svg {
    width: 1.3rem;
    height: 1.5rem
}

@media screen and (min-width: 960px) {
    .b2c-dealer-details-contact__address svg {
        width:1.4rem;
        height: 1.8rem
    }
}

.b2c-dealer-details-contact__website a {
    display: inline;
    padding-bottom: .2rem
}

@media screen and (min-width: 960px) {
    .b2c-dealer-details-contact__website a:hover {
        text-decoration:underline
    }
}

.b2c-dealer-details-contact__phoneAlt svg,.b2c-dealer-details-contact__phone svg,.b2c-dealer-details-contact__website svg {
    width: 1.3rem;
    height: 1.2rem
}

@media screen and (min-width: 960px) {
    .b2c-dealer-details-contact__phoneAlt svg,.b2c-dealer-details-contact__phone svg,.b2c-dealer-details-contact__website svg {
        width:1.4rem;
        height: 1.3rem
    }
}

.b2c-dealer-details-contact__appointment {
    display: none
}

.b2c-dealer-details-contact__appointment svg:first-child {
    width: 1.4rem;
    height: 1.4rem
}

.b2c-dealer-details-contact__appointment a {
    display: inline-block;
    vertical-align: middle;
    padding-bottom: .2rem;
    border-bottom: .1rem solid #000
}

.b2c-dealer-details-contact__appointment__hover {
    display: none;
    width: 1rem;
    height: 1rem;
    margin-left: .4rem
}

a:hover+.b2c-dealer-details-contact__appointment__hover {
    display: inline
}

@media screen and (min-width: 960px) {
    .b2c-dealer-details-contact__appointment {
        display:inline
    }
}

.b2c-dealer-details-contact div:last-child {
    margin-bottom: 0
}

.b2c-dealer-details-alt-about,.b2c-dealer-details-contact-schedule-content {
    margin-bottom: 3.2rem
}

.b2c-dealer-details-header {
    width: 100%;
    margin: 0 auto 2rem;
    text-align: center
}

@media screen and (min-width: 600px) {
    .b2c-dealer-details-header {
        max-width:41rem
    }
}

@media screen and (min-width: 960px) {
    .b2c-dealer-details-header {
        padding:2rem 3rem 0
    }
}

.b2c-dealer-details-header__title {
    font-family: Noto Sans;
    font-size: 2.2rem;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase
}

@media screen and (min-width: 960px) {
    .b2c-dealer-details-header__title {
        font-size:3.4rem;
        line-height: 4.6rem;
        text-align: center
    }
}

.b2c-dealer-details-header__logos {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 1rem
}

.b2c-dealer-details-header__logo-certified img,.b2c-dealer-details-header__logo-certified svg,.b2c-dealer-details-header__logo img,.b2c-dealer-details-header__logo svg {
    max-width: 10rem;
    max-height: 6rem
}

@media screen and (min-width: 960px) {
    .b2c-dealer-details-header__logo-certified img,.b2c-dealer-details-header__logo-certified svg,.b2c-dealer-details-header__logo img,.b2c-dealer-details-header__logo svg {
        max-width:18rem
    }
}

.b2c-dealer-details-header__logo-certified {
    margin-left: 2rem
}

.b2c-dealer-details-header__logo-certified svg {
    height: 4rem
}

@media screen and (min-width: 960px) {
    .b2c-dealer-details-infos {
        position:relative;
        margin: 0 2rem;
        padding-top: 19rem
    }
}

@media screen and (min-width: 1280px) {
    .b2c-dealer-details-infos {
        margin:0 6rem;
        padding-top: 29rem
    }
}

@media screen and (min-width: 1920px) {
    .b2c-dealer-details-infos {
        margin:0 20rem;
        padding-top: 42rem
    }
}

.b2c-dealer-details-infos__content {
    position: relative;
    padding-top: 6.8rem
}

@media screen and (min-width: 960px) {
    .b2c-dealer-details-infos__content {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-top: 0;
        background-color: #fff
    }
}

@media screen and (min-width: 960px) {
    .b2c-dealer-details-map {
        position:absolute;
        top: 0;
        right: 0;
        left: 0
    }
}

.b2c-dealer-details-map__container {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 30rem;
    padding-top: 0;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

@media screen and (min-width: 960px) {
    .b2c-dealer-details-map__container {
        -webkit-box-align:start;
        -ms-flex-align: start;
        align-items: flex-start;
        background-position: 50% calc(50% - 9rem)
    }
}

@media screen and (min-width: 1280px) {
    .b2c-dealer-details-map__container {
        height:40rem
    }
}

@media screen and (min-width: 1920px) {
    .b2c-dealer-details-map__container {
        height:53rem
    }
}

.b2c-dealer-details-map__container svg {
    width: 3rem;
    height: 4.7rem
}

@media screen and (min-width: 960px) {
    .b2c-dealer-details-map__container svg {
        top:calc(50% - 11.35rem)
    }
}

.b2c-dealer-details-reviews__list-item-rating {
    display: inline-block;
    vertical-align: -.15rem;
    font-size: 1.9rem
}

.b2c-dealer-details-reviews__list-item-rating-meter,.b2c-dealer-details-reviews__list-item-rating-meter-stars svg {
    width: 8.4rem;
    height: 1.8rem
}

.b2c-dealer-details-reviews__list {
    max-width: 96rem;
    margin: 0 auto;
    padding: 0 1.5rem
}

@media screen and (min-width: 360px) {
    .b2c-dealer-details-reviews__list {
        padding:0 2.4rem
    }
}

@media screen and (min-width: 600px) {
    .b2c-dealer-details-reviews__list {
        padding:0 5rem
    }
}

.b2c-dealer-details-reviews__list-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    margin-bottom: 2rem;
    font-size: 2rem;
    font-weight: 700
}

.b2c-dealer-details-reviews__list-vendor {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-size: 1.6rem;
    font-weight: 400;
    text-align: right
}

.b2c-dealer-details-reviews__list-item {
    margin: 2rem 0
}

.b2c-dealer-details-reviews__list-item-header {
    display: block
}

.b2c-dealer-details-reviews__list-item-date {
    position: inherit;
    top: -.5rem;
    font-size: 1.3rem
}

.b2c-dealer-details-reviews__list-item-author {
    margin: 0;
    font-size: 1.6rem
}

.b2c-dealer-details-reviews__list-item-comment {
    white-space: pre-line
}

.b2c-dealer-details-services {
    width: 100%;
    max-width: 33rem;
    margin: 0 auto;
    padding: 0 1.5rem
}

@media screen and (min-width: 600px) {
    .b2c-dealer-details-services {
        max-width:55rem;
        padding: 0
    }
}

@media screen and (min-width: 960px) {
    .b2c-dealer-details-services {
        -webkit-box-ordinal-group:2;
        -ms-flex-order: 1;
        order: 1;
        margin-bottom: 4rem
    }
}

.b2c-dealer-details-services__title {
    margin-bottom: 2rem;
    font-size: 2rem;
    font-weight: 700
}

@media screen and (min-width: 960px) {
    .b2c-dealer-details-services__title {
        display:none
    }
}

.b2c-dealer-details-services__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (min-width: 960px) {
    .b2c-dealer-details-services__list {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 2rem
    }
}

.b2c-dealer-details-services__item {
    width: 50%;
    margin-bottom: 1rem;
    font-size: 1.3rem;
    text-align: center
}

@media screen and (min-width: 600px) {
    .b2c-dealer-details-services__item {
        width:25%
    }
}

@media screen and (min-width: 960px) {
    .b2c-dealer-details-services__item {
        width:11.9rem
    }
}

.b2c-dealer-details-services__item svg {
    width: 5rem;
    height: 5rem
}

.b2c-dealer-details-services__label,.b2c-dealer-details-services img {
    display: block;
    margin: 0 auto
}

.b2c-dealer-details-services__label {
    margin-top: 1rem
}

.b2c-dealer-details-media-section {
    max-width: 96rem;
    margin: 0 auto;
    padding: 0 1.5rem
}

@media screen and (min-width: 360px) {
    .b2c-dealer-details-media-section {
        padding:0 2.4rem
    }
}

@media screen and (min-width: 600px) {
    .b2c-dealer-details-media-section {
        padding:0 5rem
    }
}

.b2c-dealer-details-media-section__title {
    margin-bottom: 2rem;
    font-size: 2rem;
    font-weight: 700
}

.b2c-dealer-details-media-section__media {
    width: 100%;
    height: 22rem
}

.b2c-dealer-details-media-section__media .gm-iv-address {
    height: 5.6rem
}

@media screen and (min-width: 600px) {
    .b2c-dealer-details-media-section__media {
        height:37rem
    }
}

@media screen and (min-width: 960px) {
    .b2c-dealer-details-media-section__media {
        height:57.6rem
    }
}

@media screen and (min-width: 1280px) {
    .b2c-dealer-details-media-section__media {
        height:60rem
    }
}

@media screen and (min-width: 1920px) {
    .b2c-dealer-details-media-section__media {
        height:63.7rem
    }
}

.b2c-dealer-details-tools {
    position: absolute;
    top: -2.8rem;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}

@media screen and (min-width: 960px) {
    .b2c-dealer-details-tools {
        display:none
    }
}

.b2c-dealer-details-tools__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 3.2rem;
    cursor: pointer
}

.b2c-dealer-details-tools__item:first-child {
    margin-left: 0
}

.b2c-dealer-details-tools__item .b2c-btn {
    width: 5.5rem;
    height: 5.5rem
}

.b2c-dealer-details-tools__item svg {
    width: 2.5rem;
    height: 2.5rem
}

@media screen and (min-width: 840px) {
    .b2c-dealer-details-tools__item {
        margin-left:4.6rem
    }
}

.b2c-dealer-details-tools__label {
    margin-top: .5rem;
    font-size: 1.4rem;
    font-weight: 700
}

.b2c-dealer-details-tools__label:first-letter {
    text-transform: uppercase
}

.b2c-dealer-details {
    position: relative
}

.b2c-dealer-details-contact-schedule,.b2c-dealer-details-header {
    width: 100%;
    max-width: 33rem
}

@media screen and (min-width: 960px) {
    .b2c-dealer-details-contact-schedule,.b2c-dealer-details-header,.b2c-dealer-details-services {
        max-width:71.5rem
    }
}

.b2c-phone-field-widget.mdc-text-field {
    z-index: 3;
    overflow: visible
}

.b2c-phone-field-widget.mdc-text-field:before {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 0
}

.b2c-phone-field-widget.mdc-text-field .mdc-floating-label {
    left: 7rem
}

.b2c-phone-field-widget.mdc-text-field .iti {
    width: 100%
}

.mdc-floating-label,.mdc-form-field,.mdc-text-field-character-counter,.mdc-text-field-helper-text,.mdc-text-field__input {
    font-family: Arial
}

.mdc-text-field:not(.mdc-text-field--disabled) .mdc-line-ripple {
    background-color: purple
}

.mdc-text-field--textarea:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,.mdc-text-field--textarea:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,.mdc-text-field--textarea:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing {
    border-color: purple
}

.mdc-text-field.dgad-form-input-container .b2c-text-field__icon {
    display: none;
    opacity: 0
}

.mdc-text-field.dgad-form-input-container:not(.mdc-text-field--focused):not(.mdc-text-field--disabled):not(.fieldEmpty):not(.mdc-text-field--invalid).b2c-state-invalid .mdc-line-ripple {
    color: red;
    background: red;
    opacity: 1
}

.mdc-text-field.dgad-form-input-container:not(.mdc-text-field--focused):not(.mdc-text-field--disabled):not(.fieldEmpty):not(.mdc-text-field--invalid).b2c-state-invalid .b2c-text-field__icon {
    position: absolute;
    right: 1.2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    opacity: 1;
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

.mdc-text-field.dgad-form-input-container:not(.mdc-text-field--focused):not(.mdc-text-field--disabled):not(.fieldEmpty):not(.mdc-text-field--invalid).b2c-state-invalid .b2c-text-field__icon svg {
    width: 1.5rem;
    height: 1.5rem
}

.mdc-text-field.dgad-form-input-container:not(.mdc-text-field--focused):not(.mdc-text-field--disabled).b2c-state-invalid .mdc-line-ripple {
    color: red;
    background: red;
    opacity: 1
}

.mdc-text-field.dgad-form-input-container:not(.mdc-text-field--focused):not(.mdc-text-field--disabled).b2c-state-invalid .b2c-text-field__icon {
    position: absolute;
    right: 1.2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    opacity: 1;
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

.mdc-text-field.dgad-form-input-container:not(.mdc-text-field--focused):not(.mdc-text-field--disabled).b2c-state-invalid .b2c-text-field__icon svg {
    width: 1.5rem;
    height: 1.5rem
}

.dgad-form-container .b2c-text-field__message {
    font-size: 1.2rem;
    opacity: 0
}

.dgad-form-container .b2c-text-field__message--error {
    color: red;
    opacity: 1;
    -webkit-transition: all .5s ease-out;
    transition: all .5s ease-out
}

.b2c-marker-dealer {
    margin-bottom: 1px;
    padding: .5rem 3rem 1rem .5rem;
    line-height: 2.5rem
}

.b2c-marker-dealer span {
    display: block
}

.b2c-marker-dealer span:last-of-type {
    margin-bottom: 1rem
}

.b2c-marker-dealer .b2c-marker-dealer__name {
    font-weight: 700
}

.b2c-marker-dealer .b2c-marker-dealer__url {
    margin-right: .3rem
}

.b2c-marker-dealer .b2c-marker-dealer__url:hover {
    border-bottom: 1px solid
}

.gm-style-iw-d+button.gm-ui-hover-effect {
    top: .5rem!important;
    right: .5rem!important
}

.dgad-accordion>.apos-area>.apos-area-widgets {
    padding: 2rem 0
}

.dgad-accordion__section {
    margin-top: 3rem
}

.dgad-accordion__section-header {
    padding: 0 1rem;
    border-bottom: 1px solid #000
}

.dgad-accordion__section-content {
    display: none;
    padding: 5rem 3rem
}

.anchor-selector {
    font-size: 0;
    height: 0;
    padding: 0;
    margin: 0
}

.anchor-selector.draft-mode-enabled {
    color: #aaa;
    font-size: 1em;
    font-style: italic;
    border: 1px solid #00bf9a;
    height: inherit;
    padding: .3em;
    width: 100%
}

@media screen and (max-width: 599px) {
    .sm-reverse-column-block {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse
    }
}

.dgad-column-block--white {
    background-color: #fff
}

.cc-window {
    position: fixed;
    left: 0;
    right: 0;
    z-index: 500
}

.cc-window.cc-floating {
    max-width: 100%
}

.cc-grower {
    z-index: 340
}

.cc-grower .cc-message {
    font-size: 14px;
    font-family: Arial,sans-serif
}

.cc-grower .cc-link {
    font-weight: 700;
    text-decoration: none
}

.cc-grower .cc-link:hover {
    text-decoration: underline
}

.cc-highlight .cc-btn {
    font-weight: 400
}

.cc-highlight .cc-btn.cc-deny:focus,.cc-highlight .cc-btn.cc-deny:hover {
    text-decoration: none
}

.cc-top {
    top: 0
}

.cc-bottom {
    bottom: 0
}

[data-dynamic-background-image]>picture>img {
    display: none
}

.dgad-slider {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 600px;
    overflow: hidden;
    position: relative;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

@media screen and (max-width: 768px) {
    .dgad-slider {
        height:50vh
    }
}

.dgad-slider__image {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-position: 50%;
    background-size: cover;
    opacity: 0
}

.dgad-slider__image--active {
    opacity: 1
}

.dgad-slider__arrow {
    display: none;
    position: absolute;
    top: 50%;
    padding: 3rem;
    -webkit-box-shadow: 1px -1px 0 0 #c5c5c5 inset;
    box-shadow: inset 1px -1px 0 0 #c5c5c5;
    border: solid transparent;
    border-width: 0 0 2rem 2rem;
    -webkit-transition: .2s;
    transition: .2s
}

@media screen and (max-width: 768px) {
    .dgad-slider__arrow {
        padding:1rem;
        top: auto;
        bottom: 0;
        -webkit-box-shadow: 1px -1px 0 0 #fff inset;
        box-shadow: inset 1px -1px 0 0 #fff
    }
}

.dgad-slider__arrow:hover {
    -webkit-box-shadow: 2px -2px 0 0 #a9a9a9 inset;
    box-shadow: inset 2px -2px 0 0 #a9a9a9
}

.dgad-slider__arrow--left {
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    left: 0
}

.dgad-slider__arrow--right {
    -webkit-transform: translateY(-50%) rotate(225deg);
    transform: translateY(-50%) rotate(225deg);
    right: 0
}

.player-video {
    position: relative
}

.player-video__overlay {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 0
}

.player-video__poster {
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat
}

.player-video__content {
    position: relative;
    z-index: 1;
    overflow: hidden
}

.player-video__content video {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.dgad-popin__overlay {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,.8)
}

.dgad-popin__overlay.dgad-popin--opened {
    display: block
}

.dgad-panel,.dgad-popin {
    position: relative
}

.dgad-panel {
    width: 100%
}

.dgad-panel:not(.dgad-panel--key-benefits) {
    min-height: 400px
}

.dgad-panel-image,.dgad-panel-video__container {
    background-position: 50%;
    background-size: cover
}

.dgad-siderail-container__nav {
    position: fixed;
    top: 100px;
    right: 50px;
    width: 80%;
    padding: 20px;
    z-index: 2;
    border: 1px solid #000
}

.dgad-siderail-container__nav-item {
    display: inline-block;
    margin: 0 10px
}

.dgad-siderail-container__nav-item a {
    color: #000
}

.dgad-siderail-container__nav-item.active a {
    color: red
}

.dgad-siderail-section {
    background-size: cover
}

.dgad-social-share__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.dgad-social-share__button {
    display: block;
    position: relative;
    width: 3rem;
    height: 3rem;
    margin-bottom: 1rem;
    text-align: center;
    border: none;
    border-radius: .2rem;
    -webkit-transition: width .2s linear;
    transition: width .2s linear
}

@media screen and (min-width: 840px) {
    .dgad-social-share__button {
        width:20rem;
        height: 3.5rem;
        max-width: 30rem;
        padding: 1rem 1rem 1rem 1.5rem
    }
}

@media screen and (min-width: 960px) {
    .dgad-social-share__button:nth-child(3n+2) {
        margin-right:3rem;
        margin-left: 3rem
    }
}

.dgad-social-share__button-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 1.4rem;
    height: 1.4rem
}

@media screen and (min-width: 840px) {
    .dgad-social-share__button-icon {
        left:1rem;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

.dgad-social-share__button-icon svg {
    fill: #fff;
    width: 1.4rem;
    height: 1.4rem
}

.dgad-social-share__button-label {
    display: none;
    color: #fff;
    text-transform: lowercase
}

.dgad-social-share__button-label:first-letter {
    text-transform: uppercase
}

@media screen and (min-width: 840px) {
    .dgad-social-share__button-label {
        display:inline
    }
}

.dgad-social-share__button--facebook {
    background: #306199
}

.dgad-social-share__button--facebook:hover {
    background: #244872
}

.dgad-social-share__button--twitter {
    background: #26c4f1
}

.dgad-social-share__button--twitter:hover {
    background: #0eaad6
}

.dgad-social-share__button--googleplus {
    background: #e93f2e
}

.dgad-social-share__button--googleplus:hover {
    background: #ce2616
}

.dgad-social-share__button--linkedin {
    background: #007bb6
}

.dgad-social-share__button--linkedin:hover {
    background: #005983
}

.dgad-social-share__button--youtube {
    background: #df1c31
}

.dgad-social-share__button--youtube:hover {
    background: #b21627
}

.dgad-social-share__button--pinterest {
    background: #b81621
}

.dgad-social-share__button--pinterest:hover {
    background: #8a1119
}

.dgad-social-share__button--instagram {
    background: #125688
}

.dgad-social-share__button--instagram:hover {
    background: #0c3a5b
}

.dgad-social-share__button--vkontakte {
    background: #4a76a8
}

.dgad-social-share__button--vkontakte:hover {
    background: #3a5d85
}

.dgad-social-share__button--baidu {
    background: #ed1c24
}

.dgad-social-share__button--baidu:hover {
    background: #c61017
}

.dgad-social-share__button--wechat {
    background: #4d71a9
}

.dgad-social-share__button--wechat:hover {
    background: #3d5a86
}

.fixtures-call-to-action.dgad-cta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 1em
}

.fixtures-call-to-action.dgad-cta a {
    text-decoration: none
}

.fixtures-call-to-action.dgad-cta--left {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.fixtures-call-to-action.dgad-cta--centered {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.fixtures-call-to-action.dgad-cta--right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.fixtures-call-to-action.dgad-cta__item {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    font-size: 1.4rem;
    line-height: 1;
    cursor: pointer;
    -webkit-transition: .2s linear;
    transition: .2s linear;
    -webkit-transition-property: text-indent,padding-right;
    transition-property: text-indent,padding-right
}

.fixtures-call-to-action.dgad-cta__fileSize {
    font-size: 1.2rem
}

.fixtures-call-to-action.dgad-cta__icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    width: 4rem;
    top: 0;
    right: 0;
    bottom: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-indent: 0
}

@media screen and (min-width: 960px) {
    .fixtures-call-to-action.dgad-cta__icon {
        opacity:0;
        -webkit-transition: inherit;
        transition: inherit;
        -webkit-transition-property: opacity;
        transition-property: opacity
    }
}

@media screen and (min-width: 960px) {
    .fixtures-call-to-action.dgad-cta__label--mobile {
        display:none
    }
}

.fixtures-call-to-action.dgad-cta__label--desktop {
    display: none
}

@media screen and (min-width: 960px) {
    .fixtures-call-to-action.dgad-cta__label--desktop {
        display:block
    }
}

.fixtures-call-to-action.dgad-cta .dgad-cta__item {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1rem 2rem;
    outline: 0;
    border: 0;
    border-radius: 2.5rem;
    text-decoration: none;
    cursor: pointer;
    font-size: 1.4rem;
    color: #333;
    background-color: #fce500
}

@media screen and (min-width: 600px) {
    .fixtures-call-to-action.dgad-cta .dgad-cta__item {
        border-radius:0
    }
}

.fixtures-call-to-action.dgad-cta .dgad-cta__item--callToActionForm,.fixtures-call-to-action.dgad-cta .dgad-cta__item--callToActionPhone {
    cursor: default
}

.fixtures-call-to-action.dgad-cta .fixtures-call-to-action--secondary {
    color: #fff;
    background: #27509b
}

.fixtures-call-to-action.dgad-cta .fixtures-call-to-action--tertiary {
    background: #f5f5f5
}

[data-apos-widget-wrapper=dgad-column-block] .row>* .apos-empty {
    height: 18rem
}

.fixtures-column-block .col {
    display: inline-block
}

.fixtures-column-block .col-md-2 {
    width: 16.5%
}

.fixtures-column-block .col-md-3 {
    width: 24.6%
}

.fixtures-column-block .col-md-4 {
    width: 33%
}

.fixtures-column-block .col-md-6 {
    width: 49.8%
}

.fixtures-column-block .col-md-8 {
    width: 66%
}

.fixtures-column-block .col-md-9 {
    width: 74.8%
}

.fixtures-column-block .col-md-12 {
    width: 100%
}

@media screen and (max-width: 900px) {
    .fixtures-column-block .col-md-2 {
        width:16.6%
    }

    .fixtures-column-block .col-md-8 {
        width: 65.5%
    }
}

@media screen and (max-width: 600px) {
    .fixtures-column-block .col-md-2,.fixtures-column-block .col-md-3,.fixtures-column-block .col-md-4,.fixtures-column-block .col-md-6,.fixtures-column-block .col-md-8,.fixtures-column-block .col-md-9 {
        width:100%
    }
}

@media screen and (min-width: 601px) and (max-width:768px) {
    .fixtures-column-block .col-md-3 {
        width:24.5%
    }

    .fixtures-column-block .col-md-4 {
        width: 32.8%
    }

    .fixtures-column-block .col-md-6 {
        width: 49.5%
    }

    .fixtures-column-block .col-md-9 {
        width: 74.8%
    }
}

@media screen and (min-width: 769px) and (max-width:1008px) {
    .fixtures-column-block .col-md-4 {
        width:32.95%
    }

    .fixtures-column-block .col-md-6 {
        width: 49.7%
    }

    .fixtures-column-block .col-md-9 {
        width: 74.7%
    }
}

.fixtures-slider .dgad-slider__arrow {
    display: block;
    z-index: 1;
    padding: 0;
    width: 2rem;
    height: 2rem
}

.fixtures-video {
    margin-bottom: 2rem;
    border: .6rem solid #f5f5f5;
    border-radius: .4rem
}

.fixtures-video .dgad-video__wrapper {
    height: 30rem
}

.fixtures-video .dgad-video__wrapper:before {
    opacity: 0;
    -webkit-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out;
    padding-top: 0
}

.fixtures-video .dgad-video__wrapper:hover:before {
    content: "";
    z-index: 1;
    height: 100%;
    width: 100%;
    background-color: #27509b;
    opacity: .8
}

.fixtures-video .dgad-video__wrapper:hover .dgad-btn:before {
    content: attr(aria-label);
    position: absolute;
    z-index: 1;
    top: 7rem;
    left: 50%;
    margin-top: .5rem;
    color: #fff;
    opacity: 1;
    cursor: pointer;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: 1.6rem
}

.fixtures-video .dgad-video__play,.fixtures-video .dgad-video__play-btn {
    width: 3.5rem;
    height: auto
}

.fixtures-video .dgad-video__play-btn {
    cursor: pointer
}

.fixtures-video .dgad-video__play-btn:focus {
    outline: none
}

.fixtures-video .dgad-video__progress-track {
    display: none;
    height: .3rem;
    background: hsla(0,0%,100%,.3)
}

.fixtures-video .dgad-video:hover .dgad-video__progress-track {
    height: 1rem
}

.fixtures-video.playing .dgad-video__wrapper:after,.fixtures-video.playing .dgad-video__wrapper:before {
    opacity: 0;
    visibility: hidden
}

.fixtures-video.playing .dgad-video__wrapper .dgad-video__progress-track {
    display: block
}

.fixtures-video.playing .dgad-video__wrapper:hover:before {
    content: "";
    z-index: 1;
    height: 100%;
    width: 100%;
    opacity: 1
}

.fixtures-video .dgad-video__progress {
    background: #27509b;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition: -webkit-transform .25s ease;
    transition: -webkit-transform .25s ease;
    transition: transform .25s ease;
    transition: transform .25s ease,-webkit-transform .25s ease
}

.fixtures-accordion-section .dgad-accordion__section-toggle {
    display: none
}

.fixtures-accordion-section .dgad-accordion__section-content {
    padding: 2rem
}

.fixtures-accordion-section .dgad-accordion__section-content .apos-image-widget-image-title {
    display: none
}

.fixtures-accordion-section .dgad-accordion__section-title p {
    cursor: pointer
}

.fixtures-external-link span {
    font-size: 1.2rem;
    color: #333;
    text-decoration: none;
    padding: 1rem;
    display: inline-block
}

.fixtures-external-link span img {
    width: 5rem
}

.fixtures-external-link span p {
    text-align: center;
    display: inline-block;
    position: relative;
    top: -.8rem
}

.fixtures-page-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-decoration: none;
    cursor: pointer;
    padding: 1rem;
    color: #000
}

.fixtures-page-link img {
    width: 2.5rem;
    height: 2.5rem;
    margin-right: 1rem;
    display: inline-block
}

.fixtures-page-link span {
    line-height: 2.2rem;
    font-size: 1.2rem
}

.fixtures-panel-background-image.dgad-panel {
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 30rem
}

.fixtures-panel-background-image.dgad-panel--overlay {
    position: relative
}

.fixtures-panel-background-image.dgad-panel--overlay:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    opacity: .4;
    background: #000
}

.fixtures-panel-background-image .dgad-panel {
    position: relative;
    padding: 12rem 2rem
}

.fixtures-panel-background-image .dgad-panel--right {
    text-align: right
}

.fixtures-panel-background-image .dgad-panel--left {
    text-align: left
}

.fixtures-panel-background-image .dgad-panel--middle {
    text-align: center
}

.dgad-panel__pre-title {
    position: absolute;
    bottom: 5rem;
    right: 5rem
}

.fixtures-panel-image img {
    width: 100%;
    height: 30rem
}

.fixtures-siderail-section.dgad-siderail-section {
    height: 10rem;
    text-align: center;
    padding: 2rem
}

.fixtures-siderail-section.dgad-siderail-section-item--blue-bg {
    color: #fff
}

.b2c-benefits__item {
    padding: 2.4rem;
    background-color: #fff
}

@media screen and (min-width: 960px) {
    .b2c-benefits__item {
        padding:1.6rem
    }
}

.b2c-benefits__head h2,.b2c-benefits__head h3,.b2c-benefits__head h4,.b2c-benefits__head h5,.b2c-benefits__head h6 {
    font-size: 2.4rem
}

.b2c-benefits__head h2 p,.b2c-benefits__head h3 p,.b2c-benefits__head h4 p,.b2c-benefits__head h5 p,.b2c-benefits__head h6 p {
    font-size: inherit
}

.b2c-benefits__head sup {
    font-size: 1.2rem
}

.b2c-benefits__description .viewanchor {
    display: none;
    margin-top: 2.1rem;
    font-weight: 700
}

.b2c-benefits__description .viewanchor:hover {
    color: #27509b
}

.b2c-benefits__description .viewanchor:hover svg {
    fill: #27509b
}

@media screen and (min-width: 960px) {
    .b2c-benefits__description .viewanchor {
        font-size:1.4rem;
        font-weight: 400
    }
}

.b2c-benefits__description .viewanchor svg {
    vertical-align: middle;
    width: 3rem;
    height: 3rem;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease,-webkit-transform .3s ease
}

.b2c-benefits__description .viewanchor__less {
    display: none
}

.b2c-benefits__description.active .viewanchor svg {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.b2c-benefits__description.active .viewanchor .viewanchor__more {
    display: none
}

.b2c-benefits__description.active .viewanchor .viewanchor__less {
    display: inline-block
}

.b2c-benefits__description--max:not(.active) .b2c-benefits__contentwrap .apos-rich-text {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 5rem;
    overflow: hidden
}

.b2c-benefits__description--max .viewanchor {
    display: inline-block
}

.b2c-benefits__media {
    width: 100%;
    height: 17.55rem;
    margin-top: 2.2rem
}

@media screen and (min-width: 600px) {
    .b2c-benefits__media {
        height:31.05rem
    }
}

@media screen and (min-width: 840px) {
    .b2c-benefits__media {
        height:44.55rem
    }
}

@media screen and (min-width: 960px) {
    .b2c-benefits__media {
        height:15.3rem
    }
}

@media screen and (min-width: 1280px) {
    .b2c-benefits__media {
        height:22.5rem
    }
}

@media screen and (min-width: 1920px) {
    .b2c-benefits__media {
        height:36.3rem
    }
}

.b2c-benefits__media .dgad-images,.b2c-benefits__media .dgad-video {
    margin: 0;
    border: 0
}

.b2c-benefits__media--fit .ci-image-wrapper {
    padding-bottom: 0!important
}

.b2c-benefits__media--fit .dgad-images img {
    width: auto!important
}

.b2c-benefits__media--fit .ci-image {
    position: static!important;
    width: auto!important;
    margin: auto!important
}

[data-apos-widget-wrapper=b2c-benefits] {
    margin-bottom: 3.2rem
}

[data-apos-widget-wrapper=b2c-benefits]:first-child {
    margin-top: 3.2rem
}

@media screen and (min-width: 960px) {
    [data-apos-widget-wrapper=b2c-benefits]:first-child {
        margin-top:.8rem
    }
}

[data-apos-widget-wrapper=b2c-benefits]:last-child {
    margin-bottom: 3.2rem
}

@media screen and (min-width: 960px) {
    [data-apos-widget-wrapper=b2c-benefits]:last-child {
        margin-bottom:4.8rem
    }
}

@media screen and (min-width: 960px) {
    .b2c-benefits__item {
        border-left:.4rem solid #27509b
    }
}

.apos-dialog-box-pages {
    width: auto;
    margin: 16rem
}

.apos-dialog-box-pages thead {
    color: #fff;
    background-color: #00bf9a
}

.apos-dialog-box-pages a {
    font-weight: 700
}

.apos-dialog-box-pages tbody {
    background-color: #e4f0f5
}

.apos-dialog-box-pages table {
    font-family: sans-serif;
    font-size: .8rem;
    letter-spacing: 1px;
    border: .2rem solid #b65151;
    border-collapse: collapse
}

.apos-dialog-box-pages td,.apos-dialog-box-pages th {
    padding: .5rem 1rem;
    border: 1px solid #bebebe
}

.apos-dialog-box-pages td {
    text-align: center
}

.apos-dialog-box {
    position: relative;
    top: 0;
    left: 50%;
    width: 95%;
    max-width: 95%;
    height: 100%;
    max-height: 100%;
    margin: 0;
    padding: 0;
    background: transparent;
    -webkit-transform: translate(-50%,2%);
    transform: translate(-50%,2%)
}

@media screen and (min-width: 840px) {
    .apos-dialog-box {
        width:80%;
        max-width: 80%
    }
}

@media screen and (min-width: 960px) {
    .apos-dialog-box {
        top:50%;
        width: 60%;
        max-width: 60%;
        height: 80%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%)
    }
}

@media screen and (min-width: 1280px) {
    .apos-dialog-box {
        width:50%;
        max-width: 50%
    }
}

.apos-dialog-box-blackout {
    background-color: rgba(39,80,155,.8)
}

.apos-dialog-box-blackout--active {
    z-index: 450;
    overflow: hidden
}

.apos-dialog-box-blackout--active .b2c-body__main-content {
    width: 100%;
    height: 96%;
    margin: 0 auto;
    padding: 5rem 2rem 1rem;
    font-size: 1.4rem;
    background: #fff;
    overflow-x: hidden;
    overflow-y: auto
}

@media screen and (min-width: 840px) {
    .apos-dialog-box-blackout--active .b2c-body__main-content {
        height:100%
    }
}

.apos-dialog-box-blackout--active .b2c-body__main-content .apos-slideshow-item div,.apos-dialog-box-blackout--active .b2c-body__main-content .apos-slideshow-item h4 {
    display: none
}

.apos-dialog-box-close-icon {
    z-index: 600;
    top: 2rem;
    right: 2rem;
    width: 4rem;
    height: 4rem;
    padding-top: .9rem;
    background-color: #f5f5f5;
    opacity: 1;
    border-radius: 2.2rem
}

@media (max-width: 959px) {
    .apos-dialog-box-close-icon {
        top:3.5rem;
        right: 3.5rem;
        background-color: #27509b
    }
}

@media (max-width: 599px) {
    .apos-dialog-box-close-icon {
        top:3rem;
        right: 2.5rem;
        background-color: #27509b
    }
}

.apos-dialog-box-close-icon:after,.apos-dialog-box-close-icon:before {
    left: 1.9rem
}

@media (max-width: 959px) {
    .apos-dialog-box-close-icon:after,.apos-dialog-box-close-icon:before {
        background-color:#fff
    }
}

.apos-dialog-box div.mdc-layout-grid {
    width: 100%
}

@media screen and (min-width: 960px) {
    .b2c-page-template .dgad-panel-hero-item__container,.b2c-page-template .mdc-layout-grid {
        width:92rem
    }
}

@media screen and (min-width: 1280px) {
    .b2c-page-template .dgad-panel-hero-item__container,.b2c-page-template .mdc-layout-grid {
        width:116rem
    }
}

@media screen and (min-width: 1920px) {
    .b2c-page-template .dgad-panel-hero-item__container,.b2c-page-template .mdc-layout-grid {
        width:152rem
    }
}

@media screen and (min-width: 600px) {
    .b2c-page-template .dgad-panel-hero-item__content,.b2c-page-template .mdc-layout-grid {
        padding:0 2.5rem
    }
}

@media screen and (min-width: 960px) {
    .b2c-page-template .dgad-panel-hero-item__content,.b2c-page-template .mdc-layout-grid {
        padding:0 3rem
    }
}

@media screen and (min-width: 1280px) {
    .b2c-page-template .dgad-panel-hero-item__content,.b2c-page-template .mdc-layout-grid {
        padding:0 4rem
    }
}

@media (max-width: 599px) {
    .b2c-page-template .apos-rich-text {
        padding-right:1.5rem;
        padding-left: 1.5rem
    }
}

.b2c-page-template .b2c-panel-slider__wrapper {
    display: block;
    padding: 0 2rem
}

@media screen and (min-width: 840px) {
    .b2c-page-template .b2c-panel-slider__wrapper {
        padding:0
    }
}

.b2c-breadcrumb__nav>ul>li a,.b2c-footer-links .dgad-navigation__link-anchor,.b2c-footer-sub-links .dgad-navigation__link-anchor {
    position: relative
}

.b2c-breadcrumb__nav>ul>li a:before,.b2c-footer-links .dgad-navigation__link-anchor:before,.b2c-footer-sub-links .dgad-navigation__link-anchor:before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transition: -webkit-transform .5s cubic-bezier(.2,1,.3,1);
    transition: -webkit-transform .5s cubic-bezier(.2,1,.3,1);
    transition: transform .5s cubic-bezier(.2,1,.3,1);
    transition: transform .5s cubic-bezier(.2,1,.3,1),-webkit-transform .5s cubic-bezier(.2,1,.3,1)
}

.b2c-breadcrumb__nav>ul>li a:before:hover,.b2c-footer-links .dgad-navigation__link-anchor:before:hover,.b2c-footer-sub-links .dgad-navigation__link-anchor:before:hover {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

@media (max-width: 959px) {
    .b2c-header__pl-switch-btn {
        position:fixed;
        z-index: 1;
        top: 0;
        right: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 9rem;
        height: 8rem;
        padding-top: .5rem;
        -webkit-transition: margin .3s ease-in-out;
        transition: margin .3s ease-in-out
    }
}

.b2c-header__pl-switch-btn-icon-persona {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 8rem;
    overflow: hidden;
    visibility: 1;
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}

.b2c-header__pl-switch-btn-icon-persona svg {
    width: 4.5rem;
    height: 1.8rem;
    margin: 0 auto
}

.b2c-header__pl-switch-btn-icon-persona span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 1.6rem;
    margin: 0 auto
}

.b2c-header__pl-switch-btn-icon-persona span svg {
    position: absolute;
    top: 5rem;
    right: 3rem;
    width: 1.8rem;
    height: 2rem
}

@media screen and (min-width: 960px) {
    .b2c-header__pl-switch-btn-icon-persona {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        width: auto;
        padding: 0 1.5rem;
        cursor: pointer
    }

    .b2c-header__pl-switch-btn-icon-persona span,.b2c-header__pl-switch-btn-icon-persona svg {
        margin: auto
    }

    .b2c-header__pl-switch-btn-icon-persona svg {
        margin-right: 1rem
    }

    .b2c-header__pl-switch-btn-icon-persona span svg {
        right: -.5rem;
        width: 1.8rem;
        height: 2rem
    }

    .b2c-header__pl-switch-btn-icon-persona span:after {
        margin-left: 1rem
    }
}

@media (max-width: 959px) {
    .b2c-header__pl-switch-btn-icon-persona {
        position:absolute;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 8rem;
        margin: auto var(--mdc-layout-grid-margin-sm,2.4rem) auto auto
    }

    .b2c-header__pl-switch-btn-icon-persona span {
        font-size: 0;
        font-weight: 700;
        color: #27509b
    }
}

.b2c-header__pl-switch-btn-icon-persona--generic svg {
    height: 2rem
}

@media screen and (min-width: 960px) {
    .b2c-header__pl-switch-btn-icon-persona--generic svg {
        margin-right:0
    }
}

@media (max-width: 959px) {
    .b2c-header__pl-switch-btn-icon-close {
        position:absolute;
        top: 50%;
        right: 1.5rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 4rem;
        height: 4rem;
        background-color: #fce500;
        opacity: 0;
        border-radius: 4rem;
        pointer-events: none;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-transition: opacity .3s ease-in-out;
        transition: opacity .3s ease-in-out
    }

    .b2c-header__pl-switch-btn-icon-close svg {
        width: 1.3rem;
        height: 1.3rem;
        margin: auto
    }
}

.b2c-header__pl-switch-btn-label {
    font-size: 0
}

.b2c-header .b2c-header__toggle-persona .apos-area-widget-controls {
    top: -7.5rem;
    bottom: auto
}

@media screen and (min-width: 960px) {
    .b2c-header .b2c-header__toggle-persona--mobile {
        display:none
    }
}

.b2c-header .b2c-header__toggle-persona .chevron-north-bold {
    right: -.5rem;
    width: 1.8rem;
    height: 2rem;
    visibility: hidden
}

.b2c-header .b2c-header__toggle-persona.b2c-header__toggle-persona--opened .chevron-south-bold {
    visibility: hidden
}

.b2c-header .b2c-header__toggle-persona.b2c-header__toggle-persona--opened .chevron-north-bold {
    visibility: visible
}

@media screen and (min-width: 960px) {
    .b2c-header .b2c-header__toggle-persona.b2c-header__toggle-persona--opened .b2c-pl-selector-nav {
        opacity:1;
        pointer-events: auto
    }

    .b2c-header .b2c-header__toggle-persona.b2c-header__toggle-persona--opened .b2c-header__pl-switch-btn-label:after {
        border-style: none;
        border-left: .25rem solid transparent;
        border-right: .25rem solid transparent;
        border-bottom: .3rem solid #27509b
    }
}

@media (max-width: 959px) {
    .b2c-header .b2c-header__toggle-persona--opened .b2c-pl-selector-nav {
        left:0;
        overflow-y: auto;
        pointer-events: auto
    }
}

.b2c-header .b2c-header__toggle-persona--opened .b2c-header__pl-switch:before {
    height: .4rem
}

.b2c-header .b2c-header__toggle-persona--opened .b2c-header__pl-switch-btn-icon-close {
    opacity: 1
}

.b2c-header .b2c-pl-selector-nav {
    position: absolute;
    top: 8rem;
    right: -2rem;
    bottom: auto;
    left: auto;
    min-width: 32rem;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}

.b2c-header .b2c-pl-selector-nav__link {
    background-color: #fff;
    -webkit-transition: background-color .3s ease-in-out;
    transition: background-color .3s ease-in-out
}

@media screen and (min-width: 960px) {
    .b2c-header .b2c-pl-selector-nav__link:hover {
        background-color:#e6efff
    }
}

.b2c-header .b2c-pl-selector-nav__link--selected-persona {
    background-color: #fce500
}

.b2c-header .b2c-pl-selector-nav__link--selected-persona .b2c-pl-selector-nav__link-right-icon svg:first-child {
    display: none
}

.b2c-header .b2c-pl-selector-nav__link--selected-persona .b2c-pl-selector-nav__link-right-icon svg:last-child {
    display: inline;
    width: 1.1rem
}

@media screen and (min-width: 960px) {
    .b2c-header .b2c-pl-selector-nav__link--selected-persona:hover {
        background-color:#fce500
    }
}

@media (max-width: 959px) {
    .b2c-header .b2c-pl-selector-nav {
        position:fixed;
        top: 0;
        bottom: 0;
        left: 100vw;
        width: 100vw;
        margin-bottom: 0;
        padding-top: 8rem;
        background-color: #fff;
        opacity: 1;
        -webkit-transition: left .3s ease-in-out;
        transition: left .3s ease-in-out
    }
}

.b2c-header .apos-area-widgets .b2c-pl-selector-nav {
    top: 0
}

@media screen and (min-width: 840px) {
    body.header--hidden,body.header--hidden .b2c-body__main-content {
        margin-top:0!important
    }

    body.header--hidden .b2c-body__main-content .b2c-header,body.header--hidden .b2c-header {
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

.b2c-header {
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
    -webkit-box-shadow: 0 .1rem 1rem 0 rgba(0,0,0,.1);
    box-shadow: 0 .1rem 1rem 0 rgba(0,0,0,.1);
    -webkit-transition: opacity .7s cubic-bezier(.8,0,.2,1),visibility .7s cubic-bezier(.8,0,.2,1),-webkit-transform .7s cubic-bezier(.8,0,.2,1);
    transition: opacity .7s cubic-bezier(.8,0,.2,1),visibility .7s cubic-bezier(.8,0,.2,1),-webkit-transform .7s cubic-bezier(.8,0,.2,1);
    transition: opacity .7s cubic-bezier(.8,0,.2,1),visibility .7s cubic-bezier(.8,0,.2,1),transform .7s cubic-bezier(.8,0,.2,1);
    transition: opacity .7s cubic-bezier(.8,0,.2,1),visibility .7s cubic-bezier(.8,0,.2,1),transform .7s cubic-bezier(.8,0,.2,1),-webkit-transform .7s cubic-bezier(.8,0,.2,1)
}

.b2c-header,.b2c-header .b2c-header__wrapper,.b2c-header .b2c-main__wrapper {
    height: 8rem;
    padding: 0
}

.b2c-header .b2c-main__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 1rem
}

@media screen and (min-width: 960px) {
    .b2c-header .b2c-main__wrapper {
        padding:0
    }
}

.b2c-header .b2c-main__wrapper .b2c-logo__wrapper {
    width: 100%;
    margin: 0 2.8rem 0 3.2rem
}

.b2c-header .b2c-main__wrapper .b2c-logo__wrapper .b2c-header__panel-left {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.b2c-header .b2c-main__wrapper .b2c-logo__wrapper .b2c-header__panel-right {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    font-size: 1.2rem
}

.b2c-header .b2c-main__wrapper .b2c-logo__wrapper .b2c-header__panel-right .apos-area-controls.apos-area-controls--singleton {
    left: -3rem
}

.b2c-header .b2c-logo__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (max-width: 959px) {
    .b2c-header .b2c-logo__wrapper {
        -webkit-box-flex:1;
        -ms-flex: 1;
        flex: 1
    }
}

@media screen and (min-width: 960px) {
    .b2c-header .b2c-logo__wrapper {
        -webkit-box-align:center;
        -ms-flex-align: center;
        align-items: center
    }
}

.b2c-header__overlay {
    position: fixed;
    z-index: 0;
    top: 8rem;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(39,80,155,.9);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .3s;
    transition: .3s
}

.b2c-header__overlay.visible {
    opacity: 1;
    visibility: visible
}

.b2c-header__wrapper {
    position: relative;
    z-index: 1
}

.b2c-header__wrapper--desktop {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

@media (max-width: 959px) {
    .b2c-header__wrapper--desktop {
        width:calc(100% - 9rem);
        height: 3rem
    }
}

.b2c-header .nav-arrow {
    display: none;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all .5s;
    transition: all .5s
}

.b2c-header .apos-area,.b2c-header .apos-area-widget {
    position: static
}

.b2c-header .apos-empty {
    position: relative
}

@media screen and (min-width: 960px) {
    .b2c-header .lp-selector__btn-wrapper {
        display:none
    }
}

.b2c-header .lp-selector__btn {
    background: transparent;
    border: none;
    outline: #fff
}

.b2c-header .lp-selector__btn-icon {
    width: 4.5rem;
    height: 3rem
}

.b2c-header .lp-selector__btn-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 1.2rem;
    color: #27509b
}

.b2c-header .lp-selector__btn-text:after {
    content: "";
    width: 0;
    height: 0;
    margin-left: .5rem;
    border-color: #27509b transparent transparent;
    border-style: solid;
    border-width: .3rem .3rem 0
}

@media screen and (min-width: 960px) {
    .b2c-header .lp-selector__btn-text:after {
        position:absolute;
        top: 50%;
        right: 1rem;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

.b2c-header__logo {
    display: block;
    width: 19rem;
    margin: 0 auto
}

@media screen and (min-width: 960px) {
    .b2c-header__logo {
        margin:0
    }
}

.b2c-header__logo svg {
    width: 15rem;
    height: 3rem
}

@media screen and (min-width: 600px) {
    .b2c-header__logo svg {
        width:19rem;
        height: 3.8rem
    }
}

@media screen and (min-width: 1920px) {
    .b2c-header__logo svg {
        width:21rem;
        height: 4.1rem
    }
}

.b2c-header__nav-burger {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 5rem;
    margin: .5rem 0 0;
    padding-bottom: 0;
    font-size: 1.2rem;
    background: none;
    border: none;
    outline: #fff;
    cursor: pointer
}

@media screen and (min-width: 960px) {
    .b2c-header__nav-burger {
        display:none
    }
}

.b2c-header__nav-burger svg {
    width: 100%;
    height: 2rem
}

.b2c-header__nav-burger span {
    margin-top: .4rem;
    line-height: 1
}

.b2c-header__back-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: auto;
    padding: 0;
    background: transparent;
    opacity: 0;
    border: none;
    outline: #fff;
    cursor: pointer;
    visibility: hidden;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.b2c-header__back-btn--show {
    opacity: 1;
    visibility: visible
}

.b2c-header__back-btn--show .btn-icon {
    -webkit-transform: scale(1)!important;
    transform: scale(1)!important
}

.b2c-header__back-btn span {
    color: #27509b;
    text-transform: uppercase
}

.b2c-header__back-btn .btn-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 4rem;
    height: 4rem;
    margin-right: 0;
    background: #fce500;
    border-radius: 50%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease,-webkit-transform .4s ease
}

@media screen and (min-width: 600px) {
    .b2c-header__back-btn .btn-icon {
        margin-right:1.5rem
    }
}

.b2c-header__back-btn .btn-icon svg {
    width: 1.5rem;
    height: 1.5rem
}

.b2c-header__back-btn .btn-icon+span {
    display: none
}

@media screen and (min-width: 600px) {
    .b2c-header__back-btn .btn-icon+span {
        display:inline
    }
}

.b2c-header__close-btn {
    width: 4rem;
    height: 4rem;
    outline: #fff;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease,-webkit-transform .4s ease
}

.b2c-header__close-btn .b2c-btn__icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.b2c-header__close-btn svg {
    width: 1.5rem;
    height: 1.5rem
}

.b2c-header__michelin-logo-mobile {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    width: 15rem;
    height: 3rem;
    margin-top: .5rem
}

@media screen and (min-width: 600px) {
    .b2c-header__michelin-logo-mobile {
        width:19rem;
        height: 3.8rem
    }
}

.b2c-header__panel-desktop {
    position: relative;
    z-index: 9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 8rem
}

@media (max-width: 959px) {
    .b2c-header__panel-desktop {
        display:none
    }
}

.b2c-header__panel-desktop li>.dgad-navigation__link-anchor svg.dgad-navigation__close-icon,.b2c-header__panel-desktop li>.dgad-navigation__link-anchor svg.dgad-navigation__open-icon {
    width: 2rem;
    margin-right: 0;
    margin-left: 1rem
}

.b2c-header__panel-desktop li[data-level="1"]>.dgad-navigation__link-anchor {
    cursor: pointer
}

.b2c-header__panel-desktop li[data-level="1"]>.dgad-navigation__link-anchor .dgad-navigation__open-icon {
    display: inline-block
}

.b2c-header__panel-desktop li[data-level="1"].active .dgad-navigation__folder {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.b2c-header__panel-desktop li[data-level="1"].active>.dgad-navigation__link-anchor .dgad-navigation__open-icon {
    display: none
}

.b2c-header__panel-desktop li[data-level="1"].active>.dgad-navigation__link-anchor .dgad-navigation__close-icon {
    display: inline-block
}

.b2c-header__panel-desktop li[data-level="1"]>.dgad-navigation__folder {
    position: absolute;
    top: 100%;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 60rem;
    padding: 5rem;
    background: #fff;
    opacity: 0;
    border-radius: 0 0 .5rem .5rem;
    -webkit-box-shadow: 0 .1rem 1rem 0 rgba(0,0,0,.1);
    box-shadow: 0 .1rem 1rem 0 rgba(0,0,0,.1);
    visibility: hidden;
    -webkit-transform: translateY(-1rem);
    transform: translateY(-1rem);
    -webkit-transition: .3s cubic-bezier(.2,1,.3,1);
    transition: .3s cubic-bezier(.2,1,.3,1)
}

.b2c-header__panel-desktop li[data-level="1"]>.dgad-navigation__folder--open {
    visibility: visible
}

@media screen and (min-width: 1280px) {
    .b2c-header__panel-desktop li[data-level="1"]>.dgad-navigation__folder {
        width:70rem
    }
}

.b2c-header__panel-desktop li[data-level="1"]>.dgad-navigation__folder>li {
    position: relative;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    -ms-flex-item-align: start;
    align-self: flex-start;
    justify-self: self-start;
    margin-bottom: 2rem;
    padding: 0 3rem;
    text-align: left
}

.b2c-header__panel-desktop li[data-level="1"]>.dgad-navigation__folder>li>.dgad-navigation__link-anchor {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-transition: all .3s;
    transition: all .3s
}

.b2c-header__panel-desktop li[data-level="1"]>.dgad-navigation__folder>li>.dgad-navigation__link-anchor .dgad-navigation__link-text {
    font-size: 1.4rem
}

.b2c-header__panel-desktop li[data-level="1"]>.dgad-navigation__folder>li>.dgad-navigation__link-anchor[disabled=true] {
    -webkit-transform: none;
    transform: none
}

.b2c-header__panel-desktop li[data-level="1"]>.dgad-navigation__folder>li>.dgad-navigation__link-anchor[disabled=true]:after,.b2c-header__panel-desktop li[data-level="1"]>.dgad-navigation__folder>li>.dgad-navigation__link-anchor[disabled=true]:before {
    display: none
}

.b2c-header__panel-desktop .dgad-navigation__folder {
    position: relative;
    padding: 2rem 0 0
}

.b2c-header__panel-desktop .dgad-navigation__folder li {
    margin-bottom: 1rem
}

.b2c-header__panel-desktop .dgad-navigation__folder li .dgad-navigation__link-anchor {
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 1.2rem
}

.b2c-header__panel-desktop .dgad-navigation__folder li .dgad-navigation__link-anchor:hover:before {
    opacity: 1
}

.b2c-header__panel-desktop .dgad-navigation__folder li .dgad-navigation__link-anchor:hover:after {
    opacity: 0
}

.b2c-header__panel-desktop .dgad-navigation__folder li .dgad-navigation__link-anchor:hover span {
    -webkit-transform: translateX(.2rem);
    transform: translateX(.2rem)
}

.b2c-header__panel-desktop .dgad-navigation__folder li .dgad-navigation__link-anchor:after,.b2c-header__panel-desktop .dgad-navigation__folder li .dgad-navigation__link-anchor:before {
    content: "›";
    font-size: 1.2rem;
    font-weight: lighter;
    color: #27509b;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.b2c-header__panel-desktop .dgad-navigation__folder li .dgad-navigation__link-anchor:before {
    margin-right: 1rem;
    opacity: 0
}

.b2c-header__panel-desktop .dgad-navigation__folder li .dgad-navigation__link-anchor:after {
    margin-left: 1rem
}

.b2c-header__panel-desktop .dgad-navigation__folder li .dgad-navigation__link-anchor span {
    position: relative;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s
}

.b2c-header__panel-desktop .b2c-header__panel-left .dgad-navigation__link-text,.b2c-header__panel-desktop .b2c-header__panel-right .dgad-navigation__link-text {
    font-size: 1.4rem
}

@media screen and (min-width: 960px) and (max-width:1279px) {
    .b2c-header__panel-desktop .b2c-header__panel-left .dgad-navigation__link-text:lang(ja),.b2c-header__panel-desktop .b2c-header__panel-right .dgad-navigation__link-text:lang(ja) {
        font-size:1.2rem
    }
}

.b2c-header__panel-desktop .b2c-header__panel-left {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.b2c-header__panel-desktop .b2c-header__panel-left .dgad-navigation__link-anchor {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.b2c-header__panel-desktop .b2c-header__panel-left .dgad-navigation__link-anchor img,.b2c-header__panel-desktop .b2c-header__panel-left .dgad-navigation__link-anchor svg {
    width: 3rem;
    height: 1.8rem;
    margin-right: 1rem
}

.b2c-header__panel-desktop .b2c-header__panel-left .dgad-navigation__link-text {
    color: #27509b
}

.b2c-header__panel-desktop .b2c-header__panel-left .dgad-navigation {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 8rem
}

.b2c-header__panel-desktop .b2c-header__panel-left .dgad-navigation>li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 30rem;
    height: 100%;
    overflow: hidden
}

.b2c-header__panel-desktop .b2c-header__panel-left .dgad-navigation>li>.dgad-navigation__folder {
    left: 0
}

.b2c-header__panel-desktop .b2c-header__panel-left .dgad-navigation>li>.dgad-navigation__link-anchor {
    position: relative;
    width: 100%;
    min-width: 8rem;
    height: 100%;
    margin: 0 2rem
}

.b2c-header__panel-desktop .b2c-header__panel-left .dgad-navigation>li>.dgad-navigation__link-anchor:after {
    right: 0
}

.b2c-header__panel-desktop .b2c-header__panel-left .dgad-navigation>li>.dgad-navigation__link-anchor span {
    -webkit-transition: .8s cubic-bezier(.2,1,.3,1);
    transition: .8s cubic-bezier(.2,1,.3,1)
}

.b2c-header__panel-desktop .b2c-header__panel-left .dgad-navigation>li>.dgad-navigation__link-anchor:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    -webkit-transition: height .3s;
    transition: height .3s
}

.b2c-header__panel-desktop .b2c-header__panel-left .dgad-navigation>li.active>.dgad-navigation__link-anchor:before,.b2c-header__panel-desktop .b2c-header__panel-left .dgad-navigation>li:hover>.dgad-navigation__link-anchor:before {
    height: .4rem
}

.b2c-header__panel-desktop .b2c-header__panel-left .dgad-navigation>li.active>.dgad-navigation__link-anchor:after,.b2c-header__panel-desktop .b2c-header__panel-left .dgad-navigation>li:hover>.dgad-navigation__link-anchor:after {
    opacity: 0
}

.b2c-header__panel-desktop .b2c-header__panel-right {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    font-size: 1.2rem
}

.b2c-header__panel-desktop .b2c-header__panel-right .apos-area-widget-controls {
    right: 0;
    left: auto
}

.b2c-header__panel-desktop .b2c-header__panel-right>div {
    height: 100%
}

.b2c-header__panel-desktop .b2c-header__panel-right>div .b2c-header__search-btn {
    background: transparent;
    border: none;
    cursor: pointer
}

.b2c-header__panel-desktop .b2c-header__panel-right>div .b2c-header__search-btn:hover:before {
    height: .4rem
}

.b2c-header__panel-desktop .b2c-header__panel-right>div .b2c-header__search-btn,.b2c-header__panel-desktop .b2c-header__panel-right>div .dgad-navigation__link>.dgad-navigation__link-anchor {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%
}

.b2c-header__panel-desktop .b2c-header__panel-right>div .b2c-header__search-btn:before,.b2c-header__panel-desktop .b2c-header__panel-right>div .dgad-navigation__link>.dgad-navigation__link-anchor:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    -webkit-transition: height .3s;
    transition: height .3s
}

.b2c-header__panel-desktop .b2c-header__panel-right>div .dgad-navigation {
    height: 8rem
}

.b2c-header__panel-desktop .b2c-header__panel-right>div .dgad-navigation>li {
    height: 100%
}

.b2c-header__panel-desktop .b2c-header__panel-right>div .dgad-navigation>li>* {
    padding: 0 2rem
}

.b2c-header__panel-desktop .b2c-header__panel-right>div .dgad-navigation>li>.dgad-navigation__link-anchor {
    min-width: 8rem
}

.b2c-header__panel-desktop .b2c-header__panel-right>div .dgad-navigation>li>.dgad-navigation__link-anchor img,.b2c-header__panel-desktop .b2c-header__panel-right>div .dgad-navigation>li>.dgad-navigation__link-anchor svg {
    width: 3.2rem;
    height: 3.2rem
}

.b2c-header__panel-desktop .b2c-header__panel-right>div .dgad-navigation>li>.dgad-navigation__link-anchor span {
    -webkit-transition: .8s cubic-bezier(.2,1,.3,1);
    transition: .8s cubic-bezier(.2,1,.3,1)
}

.b2c-header__panel-desktop .b2c-header__panel-right>div .dgad-navigation>li:hover>.dgad-navigation__link-anchor:before {
    height: .4rem
}

.b2c-header__panel-desktop .b2c-header__panel-right>div .dgad-navigation>li:hover>.dgad-navigation__link-anchor:after {
    opacity: 0
}

.b2c-header__panel-desktop .b2c-header__panel-right>div .dgad-navigation .dgad-navigation__folder {
    right: 0
}

.b2c-header__panel-desktop .b2c-header__panel-right li[data-level="1"]>.dgad-navigation__folder {
    top: 100%;
    grid-template-columns: 16rem 16rem;
    padding: 2rem;
    -ms-grid-columns: 16rem 16rem
}

.b2c-header__panel-desktop .b2c-header__panel-right .b2c-header__panel-lp-selector,.b2c-header__panel-desktop .b2c-header__panel-right .b2c-header__panel-search,.b2c-header__panel-desktop .b2c-header__panel-right .b2c-header__panel .dgad-navigation__link-anchor {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.b2c-header__panel-desktop .b2c-header__panel-right .b2c-header__panel-search .b2c-header__search-btn {
    padding: 0 2rem;
    background: transparent;
    border: none
}

.b2c-header__panel-desktop .b2c-header__panel-right .b2c-header__panel-search svg {
    width: 1.26rem;
    height: 1.26rem;
    margin-right: .5rem
}

.b2c-header__panel-desktop .b2c-header__panel-right .b2c-header__panel-lp-selector .dgad-navigation__link-anchor {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.b2c-header__panel-desktop .b2c-header__panel-right .b2c-header__panel-lp-selector .dgad-navigation__link-anchor svg {
    width: 3.8rem;
    height: 1.7rem;
    margin-right: 1rem
}

.b2c-header__panel-desktop .b2c-header__panel-right .b2c-header__panel-lp-selector .dgad-navigation__folder {
    right: 0;
    left: auto;
    display: block;
    width: 100%;
    max-width: 30rem;
    padding: 0!important;
    overflow: hidden
}

.b2c-header__panel-desktop .b2c-header__panel-right .b2c-header__panel-lp-selector .dgad-navigation__folder li {
    margin: 0;
    padding: 0
}

.b2c-header__panel-desktop .b2c-header__panel-right .b2c-header__panel-lp-selector .dgad-navigation__folder li:before {
    content: none
}

.b2c-header__panel-desktop .b2c-header__panel-right .b2c-header__panel-lp-selector .dgad-navigation__folder li .dgad-navigation__link-anchor {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 2rem;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.b2c-header__panel-desktop .b2c-header__panel-right .b2c-header__panel-lp-selector .dgad-navigation__folder li .dgad-navigation__link-anchor.selected {
    background: #fce500
}

.b2c-header__panel-desktop .b2c-header__panel-right .b2c-header__panel-lp-selector .dgad-navigation__folder li .dgad-navigation__link-anchor:after {
    font-size: 2rem;
    opacity: 1!important
}

.b2c-header__panel-desktop .b2c-header__panel-right .b2c-header__panel-lp-selector .dgad-navigation__folder li .dgad-navigation__link-anchor:hover {
    background: #fff;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.b2c-header__panel-desktop .b2c-header__panel-right .b2c-header__panel-lp-selector .dgad-navigation__folder li .dgad-navigation__link-anchor .dgad-navigation__link-text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.b2c-header__panel-desktop .b2c-header__panel-right .dgad-navigation__link-anchor {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 1.2rem
}

.b2c-header__panel-mobile {
    z-index: 99;
    top: 0;
    left: -100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    height: 100vh;
    background: #fff;
    -webkit-transition: left .3s ease;
    transition: left .3s ease;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

.b2c-header__panel-mobile .dgad-navigation__folder {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
    visibility: hidden;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: all .3s;
    transition: all .3s
}

.b2c-header__panel-mobile .dgad-navigation__folder--open {
    visibility: visible;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

@media (max-width: 959px) {
    .b2c-header__panel-mobile {
        position:fixed;
        top: 0;
        bottom: 0;
        overflow-x: hidden;
        overflow-y: scroll
    }
}

@media screen and (min-width: 960px) {
    .b2c-header__panel-mobile {
        display:none
    }
}

.b2c-header__panel-mobile--opened {
    left: 0
}

.b2c-header__panel-mobile--opened .dgad-navigation__link-anchor img {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.b2c-header__panel-mobile--opened .dgad-navigation__link-anchor .nav-arrow {
    display: block;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.b2c-header__panel-mobile--opened .dgad-navigation__link-anchor .nav-arrow svg {
    fill: #27509b
}

.b2c-header__panel-mobile--opened .b2c-header__bottom .search__input,.b2c-header__panel-mobile--opened .b2c-header__close-btn {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.b2c-header__panel-mobile .b2c-header__panel-head {
    width: 100%
}

.b2c-header__panel-mobile .b2c-header__panel-head .b2c-header__btns-controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 1.4rem
}

@media screen and (min-width: 960px) {
    .b2c-header__panel-mobile .b2c-header__panel-head {
        display:none!important
    }
}

.b2c-header__panel-mobile-lang {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding: 1.5rem 1.5rem 1.5rem 4.5rem
}

.b2c-header__panel-mobile .b2c-header__bottom {
    padding: 1.5rem 0 10rem
}

.b2c-header__panel-mobile .b2c-header__bottom .search__input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 1rem;
    background: #27509b;
    border-radius: 5rem;
    -webkit-transform: scale(.8);
    transform: scale(.8);
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease,-webkit-transform .4s ease
}

.b2c-header__panel-mobile .b2c-header__bottom .search__input input {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 1rem;
    font-size: 1.6rem;
    color: #fff;
    text-align: center;
    background: transparent;
    border: none;
    outline: #27509b
}

.b2c-header__panel-mobile .b2c-header__bottom .search__input input.placeholder {
    color: #fff
}

.b2c-header__panel-mobile .b2c-header__bottom .search__input input:-moz-placeholder,.b2c-header__panel-mobile .b2c-header__bottom .search__input input::-moz-placeholder {
    color: #fff
}

.b2c-header__panel-mobile .b2c-header__bottom .search__input input:-ms-input-placeholder {
    color: #fff
}

.b2c-header__panel-mobile .b2c-header__bottom .search__input input::-webkit-input-placeholder {
    color: #fff
}

.b2c-header__panel-mobile .b2c-header__bottom .search__input button {
    background: transparent;
    border: none
}

.b2c-header__panel-mobile .b2c-header__bottom .search__input svg {
    width: 2rem;
    height: 2rem
}

.b2c-header__panel-mobile .b2c-header__panel-body {
    position: relative;
    display: table;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    min-height: 75vh
}

.b2c-header__panel-mobile .b2c-header__panel-body-top {
    background: #fff
}

.b2c-header__panel-mobile .b2c-header__panel-body-bottom {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.b2c-header__panel-mobile .b2c-header__panel-main-nav {
    position: relative;
    z-index: 1
}

.b2c-header__panel-mobile .b2c-header__panel-main-nav .dgad-navigation__link a span {
    color: #27509b
}

.b2c-header__panel-mobile .dgad-navigation__link {
    cursor: pointer
}

.b2c-header__panel-mobile .dgad-navigation__link.last-level a:after {
    display: none
}

.b2c-header__panel-mobile .dgad-navigation__link.last-level a:before {
    display: block
}

.b2c-header__panel-mobile .dgad-navigation__link.last-level span {
    margin-left: 2rem
}

.b2c-header__panel-mobile .dgad-navigation__link .dgad-navigation__link-anchor {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding: 2rem
}

.b2c-header__panel-mobile .dgad-navigation__link .dgad-navigation__link-anchor:after {
    display: block
}

.b2c-header__panel-mobile .dgad-navigation__link .dgad-navigation__link-anchor:before {
    display: none
}

.b2c-header__panel-mobile .dgad-navigation__link .dgad-navigation__link-anchor:after,.b2c-header__panel-mobile .dgad-navigation__link .dgad-navigation__link-anchor:before {
    content: "›";
    font-size: 2rem;
    font-weight: lighter;
    color: #27509b;
    -webkit-transition: all .3s;
    transition: all .3s
}

.b2c-header__panel-mobile .dgad-navigation__link .dgad-navigation__link-anchor svg {
    width: 4.5rem;
    height: 2.5rem;
    margin-right: 2rem
}

.b2c-header__panel-mobile .dgad-navigation__link .dgad-navigation__link-anchor svg.nav-arrow {
    width: 1.5rem;
    height: 1.2rem
}

.b2c-header__panel-mobile .dgad-navigation__link .dgad-navigation__link-anchor img,.b2c-header__panel-mobile .dgad-navigation__link .dgad-navigation__link-anchor svg {
    height: 2.5rem;
    padding-right: 2rem
}

.b2c-header__panel-mobile .dgad-navigation__link .dgad-navigation__link-anchor span {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: left
}

.b2c-header__persona-notif {
    display: none
}

@media screen and (min-width: 960px) {
    .b2c-header__persona-notif {
        position:absolute;
        right: 0;
        bottom: -7rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: .5rem;
        height: 5rem;
        padding: 0 2rem;
        background: #fff;
        opacity: 0;
        border-radius: 50%;
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-animation: scale-in .35s ease-out forwards,expand .35s ease-out .25s forwards;
        animation: scale-in .35s ease-out forwards,expand .35s ease-out .25s forwards
    }

    .b2c-header__persona-notif:after {
        content: "";
        position: absolute;
        top: -2.8rem;
        right: 2.6rem;
        border: 1.8rem solid transparent;
        border-bottom-color: #fff;
        -webkit-animation: slide-up 1s ease-in forwards;
        animation: slide-up 1s ease-in forwards
    }

    .b2c-header__persona-notif-message {
        display: block;
        font-size: 1.2rem;
        overflow: hidden
    }

    .b2c-header__persona-notif-icon {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 2.5rem;
        height: 2.5rem;
        margin-right: 1rem;
        background: #32ab54;
        border-radius: 50%
    }

    .b2c-header__persona-notif-icon svg {
        width: 1.29rem;
        height: .89rem;
        fill: #fff
    }

    .b2c-header__persona-notif-close {
        position: absolute;
        top: .8rem;
        right: .8rem;
        width: 1.1rem;
        height: 1.1rem;
        cursor: pointer
    }

    .b2c-header__persona-notif-close,.b2c-header__persona-notif-icon,.b2c-header__persona-notif-message {
        -webkit-animation: fade-in .75s ease-in forwards;
        animation: fade-in .75s ease-in forwards
    }
}

@-webkit-keyframes scale-in {
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes scale-in {
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes expand {
    50% {
        width: 32rem;
        border-radius: 1rem
    }

    to {
        width: 30rem;
        border-radius: .4rem;
        -webkit-box-shadow: 0 .2rem .4rem 0 rgba(0,0,0,.3);
        box-shadow: 0 .2rem .4rem 0 rgba(0,0,0,.3)
    }
}

@keyframes expand {
    50% {
        width: 32rem;
        border-radius: 1rem
    }

    to {
        width: 30rem;
        border-radius: .4rem;
        -webkit-box-shadow: 0 .2rem .4rem 0 rgba(0,0,0,.3);
        box-shadow: 0 .2rem .4rem 0 rgba(0,0,0,.3)
    }
}

@-webkit-keyframes fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes slide-up {
    0% {
        opacity: 0;
        -webkit-transform: translate(-50%,50%);
        transform: translate(-50%,50%)
    }

    to {
        opacity: 1;
        -webkit-transform: translate(-50%);
        transform: translate(-50%)
    }
}

@keyframes slide-up {
    0% {
        opacity: 0;
        -webkit-transform: translate(-50%,50%);
        transform: translate(-50%,50%)
    }

    to {
        opacity: 1;
        -webkit-transform: translate(-50%);
        transform: translate(-50%)
    }
}

@media (max-width: 959px) {
    body.apos-workflow-draft-page .b2c-header {
        z-index:400
    }
}

.b2c-navigation {
    position: fixed;
    z-index: 99;
    top: 8rem;
    left: 0;
    width: 100%;
    padding-left: 2.2rem;
    background: #fff;
    -webkit-box-shadow: 0 .1rem 1rem 0 rgba(0,0,0,.1);
    box-shadow: 0 .1rem 1rem 0 rgba(0,0,0,.1);
    -webkit-transition: opacity .7s cubic-bezier(.8,0,.2,1),visibility .7s cubic-bezier(.8,0,.2,1),-webkit-transform .7s cubic-bezier(.8,0,.2,1);
    transition: opacity .7s cubic-bezier(.8,0,.2,1),visibility .7s cubic-bezier(.8,0,.2,1),-webkit-transform .7s cubic-bezier(.8,0,.2,1);
    transition: opacity .7s cubic-bezier(.8,0,.2,1),visibility .7s cubic-bezier(.8,0,.2,1),transform .7s cubic-bezier(.8,0,.2,1);
    transition: opacity .7s cubic-bezier(.8,0,.2,1),visibility .7s cubic-bezier(.8,0,.2,1),transform .7s cubic-bezier(.8,0,.2,1),-webkit-transform .7s cubic-bezier(.8,0,.2,1)
}

@media (max-width: 959px) {
    .b2c-navigation {
        display:none
    }
}

.b2c-navigation .b2c-navigation-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin: 0 auto
}

.b2c-navigation .b2c-navigation-wrapper .apos-area,.b2c-navigation .b2c-navigation-wrapper .apos-area-widget,.b2c-navigation .b2c-navigation-wrapper .apos-area-widget .dgad-navigation,.b2c-navigation .b2c-navigation-wrapper .apos-area .dgad-navigation {
    position: inherit
}

.b2c-navigation .b2c-navigation-wrapper .apos-area-widget .dgad-navigation__folder,.b2c-navigation .b2c-navigation-wrapper .apos-area .dgad-navigation__folder {
    width: 100%
}

.dgad-navigation__close-icon,.dgad-navigation__open-icon {
    display: none
}

.b2c-header .dgad-algolia-search-autocomplete-input:focus {
    border: .1rem solid;
    outline: none
}

.b2c-header__algolia-search--mobile {
    background-color: #fff
}

@media screen and (min-width: 960px) {
    .b2c-header__algolia-search--mobile {
        display:none
    }
}

.b2c-header__algolia-search--mobile .dgad-algolia-search-autocomplete svg {
    top: 1rem;
    width: 1.8rem;
    height: 1.8rem;
    fill: #6c6c6c
}

.b2c-header__algolia-search--desktop {
    position: absolute;
    width: 32.8rem
}

@media (max-width: 959px) {
    .b2c-header__algolia-search--desktop {
        display:none
    }
}

.b2c-header__algolia-search--desktop .dgad-algolia-search-autocomplete svg {
    top: 1.2rem;
    width: 1.6rem;
    height: 1.6rem;
    fill: #6c6c6c
}

.b2c-header__algolia-search--desktop .dgad-algolia-search-autocomplete .close-icon {
    top: 1.4rem;
    width: 1.1rem;
    height: 1.1rem;
    fill: #6c6c6c
}

.b2c-header__algolia-search--desktop .dgad-algolia-search-autocomplete-dropdown {
    top: 8rem
}

.b2c-header__panel-algolia-search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 8rem
}

.b2c-header__panel-algolia-search .apos-area {
    max-height: 8rem
}

.b2c-header .dgad-algolia-search-autocomplete-dropdown__lists {
    max-height: calc(100vh - 16rem)
}

@media screen and (min-width: 960px) {
    .b2c-header .dgad-algolia-search-autocomplete-dropdown__lists {
        max-height:calc(100vh - 8rem)
    }
}

.b2c-breadcrumb {
    position: relative;
    height: 4rem;
    background: #fff;
    border-bottom: .2rem solid #fce500
}

.b2c-breadcrumb__nav {
    width: 100%;
    height: 4rem;
    line-height: 4rem
}

.b2c-breadcrumb__nav>ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    line-height: inherit
}

.b2c-breadcrumb__nav>ul>li {
    margin-right: 1.2rem;
    white-space: nowrap
}

.b2c-breadcrumb__nav>ul>li a {
    position: relative
}

.b2c-breadcrumb__nav>ul>li a:before {
    bottom: -.2rem;
    height: 1px;
    background: currentColor
}

@media (max-width: 959px) {
    .b2c-breadcrumb__nav>ul>li a:before {
        display:none
    }
}

.b2c-breadcrumb__nav__title {
    font-size: 1.4rem;
    font-weight: 700
}

.b2c-breadcrumb__nav__title--active {
    position: relative
}

.b2c-breadcrumb__nav__title--active+.b2c-breadcrumb__sub-menu {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.b2c-breadcrumb__nav__current-page {
    font-size: 1.4rem;
    text-overflow: ellipsis;
    overflow-x: hidden
}

.b2c-breadcrumb__nav__close-btn {
    position: absolute;
    top: 1.5rem;
    right: 1rem;
    width: 3rem;
    height: 3rem;
    line-height: 3rem;
    background: none;
    border: none
}

.b2c-breadcrumb__nav__close-btn svg.b2c-breadcrumb__nav__close-btn__svg {
    width: 1.4rem;
    height: 1.4rem;
    margin: 0 auto
}

.b2c-breadcrumb__sub-menu {
    z-index: 1;
    display: none;
    margin-top: -.5rem;
    margin-left: -1.4rem;
    padding: 1.5rem 5rem 1.5rem 1.5rem;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 3rem;
    -webkit-box-shadow: 0 0 1rem 0 rgba(0,0,0,.2);
    box-shadow: 0 0 1rem 0 rgba(0,0,0,.2)
}

.b2c-breadcrumb__sub-menu>li>a {
    display: block;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.b2c-breadcrumb__sub-menu:before {
    content: "";
    position: absolute;
    top: -.9rem;
    left: 1rem;
    width: 0;
    height: 0;
    border-width: 0 1rem 1rem;
    border-style: solid;
    -webkit-filter: drop-shadow(.1rem -.1rem .1rem rgba(0,0,0,.1));
    filter: drop-shadow(.1rem -.1rem .1rem rgba(0,0,0,.1))
}

@media screen and (min-width: 600px) {
    .b2c-footer-links {
        padding:3rem 0
    }
}

@media screen and (min-width: 960px) {
    .b2c-footer-links {
        padding:4rem 0;
        padding: 5rem 0
    }
}

@media screen and (min-width: 600px) {
    .b2c-footer-links__block {
        position:relative
    }
}

@media (max-width: 599px) {
    .b2c-footer-links__block:last-child .b2c-footer-links__accordion-title:not(.b2c-footer-links__accordion-title--active) {
        margin-bottom:0
    }
}

.b2c-footer-links__accordion-title {
    margin: 0 0 1.4rem;
    text-transform: inherit
}

.b2c-footer-links__accordion-title.h6-like {
    text-transform: uppercase
}

@media (max-width: 599px) {
    .b2c-footer-links__accordion-title {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0 0 1rem;
        cursor: pointer
    }

    .b2c-footer-links__accordion-title svg {
        width: 1rem;
        height: 1rem;
        margin-left: auto;
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transition: -webkit-transform .2s linear;
        transition: -webkit-transform .2s linear;
        transition: transform .2s linear;
        transition: transform .2s linear,-webkit-transform .2s linear
    }

    .b2c-footer-links__accordion-title.b2c-footer-links__accordion-title--active+.b2c-footer-links__accordion-content {
        display: block
    }

    .b2c-footer-links__accordion-title.b2c-footer-links__accordion-title--active svg {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}

@media screen and (min-width: 600px) {
    .b2c-footer-links__accordion-title svg {
        display:none
    }
}

.b2c-footer-links__accordion-content {
    display: none
}

@media screen and (min-width: 600px) {
    .b2c-footer-links__accordion-content {
        display:block
    }
}

.b2c-footer-links .dgad-navigation__link {
    position: relative;
    margin-bottom: 4rem
}

@media screen and (min-width: 600px) {
    .b2c-footer-links .dgad-navigation__link {
        margin-bottom:2rem
    }
}

.b2c-footer-links .dgad-navigation__link:before {
    color: #27509b
}

.b2c-footer-links .dgad-navigation__link:first-child {
    margin-top: 4rem
}

@media screen and (min-width: 600px) {
    .b2c-footer-links .dgad-navigation__link:first-child {
        margin-top:1.5rem
    }
}

.b2c-footer-links .dgad-navigation__link .dgad-navigation__folder {
    display: none
}

.b2c-footer-links .dgad-navigation__link-anchor:before {
    bottom: -.2rem;
    height: 1px;
    background: currentColor
}

.b2c-footer__actions {
    padding: 3rem 1.5rem;
    background-color: #fff
}

@media screen and (min-width: 600px) {
    .b2c-footer__actions {
        padding:1.5rem 2.4rem
    }
}

.b2c-footer__actions--no-content {
    padding: 0
}

.b2c-footer__actions .b2c-social-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width: 599px) {
    .b2c-footer__actions .b2c-social-links {
        padding:0
    }
}

.b2c-footer__actions .b2c-social-links .h6-like {
    margin-right: 1.5rem;
    margin-bottom: 0
}

.b2c-footer__actions .b2c-social-links .h6-like:first-letter {
    text-transform: uppercase
}

.b2c-footer__actions .b2c-social-links .dgad-navigation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0
}

.b2c-footer__actions .b2c-social-links .dgad-navigation__link {
    width: 3rem;
    height: 3rem;
    margin: 0 .3rem;
    list-style: none
}

@media (max-width: 359px) {
    .b2c-footer__actions .b2c-social-links .dgad-navigation__link {
        width:2.5rem;
        height: 2.5rem
    }
}

@media screen and (min-width: 1280px) {
    .b2c-footer__actions .b2c-social-links .dgad-navigation__link {
        margin:0 .4rem
    }
}

.b2c-footer__actions .b2c-social-links .dgad-navigation__link img,.b2c-footer__actions .b2c-social-links .dgad-navigation__link svg {
    width: 3rem;
    height: auto;
    max-height: 3rem
}

@media (max-width: 359px) {
    .b2c-footer__actions .b2c-social-links .dgad-navigation__link img,.b2c-footer__actions .b2c-social-links .dgad-navigation__link svg {
        width:2.5rem;
        max-height: 2.5rem
    }
}

.b2c-footer__actions .b2c-social-links .dgad-navigation__link-text {
    display: none
}

.b2c-footer-sub-links {
    padding: 3rem 0;
    background-color: #27509b
}

@media screen and (min-width: 600px) {
    .b2c-footer-sub-links {
        padding:1rem 0
    }
}

@media (max-width: 599px) {
    .b2c-footer-sub-links {
        padding:3rem 0
    }
}

.b2c-footer-sub-links .dgad-navigation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0
}

@media screen and (min-width: 600px) {
    .b2c-footer-sub-links .dgad-navigation {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.b2c-footer-sub-links .dgad-navigation__link {
    margin-bottom: 3rem;
    color: #fff
}

@media screen and (min-width: 600px) {
    .b2c-footer-sub-links .dgad-navigation__link {
        margin-right:3rem;
        margin-bottom: 0
    }
}

.b2c-footer-sub-links .dgad-navigation__link:last-child {
    margin: 0
}

.b2c-footer-sub-links .dgad-navigation__link:before {
    color: #fff
}

.b2c-footer-sub-links .dgad-navigation__link-anchor:before {
    bottom: -.2rem;
    height: 1px;
    background: currentColor
}

.b2c-footer__copyright {
    padding: 1.5rem 0;
    font-size: 1rem;
    text-align: center;
    background-color: #fff
}

@media (max-width: 599px) {
    .b2c-footer__copyright {
        padding:1.5rem
    }
}

.b2c-footer-links .dgad-navigation,.b2c-footer-sub-links .dgad-navigation {
    padding: 0
}

.b2c-footer-links .dgad-navigation__link,.b2c-footer-sub-links .dgad-navigation__link {
    position: relative;
    list-style: none
}

.b2c-footer-links .dgad-navigation__link-anchor:not(:hover),.b2c-footer-sub-links .dgad-navigation__link-anchor:not(:hover) {
    text-decoration: none
}

.b2c-footer-links .dgad-navigation__link-anchor:hover,.b2c-footer-sub-links .dgad-navigation__link-anchor:hover {
    text-decoration: underline
}

#btnBackToTop {
    position: fixed;
    z-index: 99;
    right: 1rem;
    bottom: 17rem;
    display: none;
    width: 4rem;
    height: 4rem;
    cursor: pointer
}

@media screen and (min-width: 840px) {
    #btnBackToTop {
        right:2rem;
        width: 4.8rem;
        height: 4.8rem
    }
}

footer .mdc-layout-grid {
    width: 100%
}

@media screen and (min-width: 960px) {
    footer .mdc-layout-grid {
        width:80%
    }
}

.apos-ui-persona-switcher {
    position: fixed;
    z-index: 450;
    top: 10rem;
    right: 2rem;
    width: 20rem;
    min-height: 5rem;
    text-align: right;
    cursor: pointer
}

.apos-ui-persona-switcher>span {
    top: 0;
    right: 0;
    display: inline-block;
    padding: 1rem 2rem;
    background: #fff;
    border: .2rem solid #00bf9a;
    border-radius: .4rem;
    -webkit-transition: -webkit-box-shadow .1s ease-in-out;
    transition: -webkit-box-shadow .1s ease-in-out;
    transition: box-shadow .1s ease-in-out;
    transition: box-shadow .1s ease-in-out,-webkit-box-shadow .1s ease-in-out
}

.apos-ui-persona-switcher>span:hover {
    -webkit-box-shadow: 0 0 .7rem .2rem rgba(0,191,154,.5);
    box-shadow: 0 0 .7rem .2rem rgba(0,191,154,.5)
}

.apos-ui-persona-switcher ul {
    position: relative;
    top: .1rem;
    right: 0;
    max-height: 0;
    text-align: left;
    background: #fff;
    border-radius: .4rem;
    overflow: hidden;
    -webkit-transition: max-height .2s ease-in,-webkit-box-shadow .2s ease-in;
    transition: max-height .2s ease-in,-webkit-box-shadow .2s ease-in;
    transition: max-height .2s ease-in,box-shadow .2s ease-in;
    transition: max-height .2s ease-in,box-shadow .2s ease-in,-webkit-box-shadow .2s ease-in
}

.apos-ui-persona-switcher ul li a {
    position: relative;
    display: block;
    padding: 1.5rem 1rem
}

.apos-ui-persona-switcher ul li a:hover {
    background: #eee
}

.apos-ui-persona-switcher ul li a.apos-persona-current {
    padding-left: 2rem
}

.apos-ui-persona-switcher ul li a.apos-persona-current:before {
    content: ">";
    position: absolute;
    top: 1.6rem;
    left: .5rem;
    display: block
}

.apos-ui-persona-switcher.opened ul {
    max-height: 30rem;
    -webkit-box-shadow: .2rem .2rem .2rem .2rem rgba(21,22,22,.23);
    box-shadow: .2rem .2rem .2rem .2rem rgba(21,22,22,.23)
}

body .dgad-unsupported-browsers {
    display: none
}

body.dgad-unsupported-browsers__body .dgad-unsupported-browsers {
    display: block
}

.dgad-unsupported-browsers {
    width: 100%;
    font-family: Noto Sans,arial,sans-serif
}

.dgad-unsupported-browsers__header {
    z-index: 10;
    height: 68px
}

.dgad-unsupported-browsers__header-container {
    display: block;
    width: 100%;
    max-width: 1440px;
    height: 100%;
    margin: 0 auto;
    padding: 0 20px
}

@media screen and (min-width: 600px) {
    .dgad-unsupported-browsers__header-container {
        min-width:600px
    }
}

@media screen and (min-width: 960px) {
    .dgad-unsupported-browsers__header-container {
        float:left;
        min-width: 960px
    }
}

@media screen and (min-width: 1280px) {
    .dgad-unsupported-browsers__header-container {
        min-width:1280px
    }
}

.dgad-unsupported-browsers__header-logo {
    width: 210px;
    height: 100%;
    margin: auto;
    padding-top: 1.5rem
}

.dgad-unsupported-browsers__header-logo>svg {
    width: 19rem;
    height: 3.8rem
}

@media screen and (min-width: 960px) {
    .dgad-unsupported-browsers__header-logo {
        margin:0
    }
}

.dgad-unsupported-browsers__main-wrapper {
    display: block;
    height: calc(100% - 119px);
    padding: 5px
}

@media screen and (min-width: 960px) {
    .dgad-unsupported-browsers__main-wrapper {
        padding:5% 50px
    }
}

.dgad-unsupported-browsers__content {
    max-width: 100%;
    height: calc(100% - 30px);
    margin: 15px;
    padding: 15px;
    text-align: center;
    overflow-y: auto
}

@media screen and (min-width: 600px) {
    .dgad-unsupported-browsers__content {
        height:auto;
        margin: 24px
    }
}

@media screen and (min-width: 960px) {
    .dgad-unsupported-browsers__content {
        margin:0 50px
    }
}

@media screen and (min-width: 1280px) {
    .dgad-unsupported-browsers__content {
        max-width:944px;
        margin: 0 auto;
        padding: 20px 24px
    }
}

.dgad-unsupported-browsers__close-btn {
    display: block;
    height: 30px;
    margin-bottom: 15px
}

.dgad-unsupported-browsers__close-btn--link {
    position: relative;
    float: right;
    width: 30px;
    min-width: 30px;
    height: 30px;
    border-radius: 20px;
    cursor: pointer
}

.dgad-unsupported-browsers__close-btn--link>svg {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 11px;
    height: 11px;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.dgad-unsupported-browsers__title {
    margin-bottom: 30px;
    font-size: 26px;
    font-weight: 700;
    line-height: 1.77;
    letter-spacing: -2px;
    text-align: center
}

@media screen and (min-width: 600px) {
    .dgad-unsupported-browsers__title {
        margin-bottom:15px
    }
}

@media screen and (min-width: 960px) {
    .dgad-unsupported-browsers__title {
        font-size:26px
    }
}

.dgad-unsupported-browsers__message {
    margin-bottom: 30px;
    font-size: 16px;
    line-height: 1.63;
    text-align: center
}

@media screen and (min-width: 600px) {
    .dgad-unsupported-browsers__message {
        margin:0 5px 30px
    }
}

@media screen and (min-width: 960px) {
    .dgad-unsupported-browsers__message {
        margin:0 50px 30px;
        text-align: left
    }
}

@media screen and (min-width: 1280px) {
    .dgad-unsupported-browsers__message {
        max-width:844px
    }
}

.dgad-unsupported-browsers__logos {
    display: inline-block
}

.dgad-unsupported-browsers__browser {
    display: inline-block;
    margin-bottom: 10px
}

@media screen and (max-width: 599px) {
    .dgad-unsupported-browsers__browser {
        display:block;
        float: left;
        width: 50%
    }

    .dgad-unsupported-browsers__browser:nth-child(2n) {
        margin-bottom: 25px
    }

    .dgad-unsupported-browsers__browser:nth-child(2n):last-child,.dgad-unsupported-browsers__browser:nth-child(odd) {
        margin-bottom: 15px
    }
}

@media screen and (min-width: 600px) {
    .dgad-unsupported-browsers__browser:not(:last-child) {
        margin-right:8px
    }
}

@media screen and (min-width: 768px) {
    .dgad-unsupported-browsers__browser:not(:last-child) {
        margin-right:40px
    }
}

@media screen and (min-width: 1280px) {
    .dgad-unsupported-browsers__browser {
        margin-bottom:25px
    }

    .dgad-unsupported-browsers__browser:not(:last-child) {
        margin-right: 55px
    }
}

.dgad-unsupported-browsers__browser-logo {
    display: block;
    margin-bottom: 20px
}

.dgad-unsupported-browsers__browser-logo svg {
    width: 50px;
    height: 50px
}

.dgad-unsupported-browsers__browser-version {
    font-size: 16px;
    text-transform: capitalize
}

.dgad-unsupported-browsers__footer,.dgad-unsupported-browsers__footer-copyright {
    position: relative;
    display: block;
    text-align: center
}

.dgad-unsupported-browsers__footer-copyright {
    bottom: -26px;
    width: 100%;
    height: 22px;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    font-stretch: normal;
    line-height: 1.6
}

.dgad-unsupported-browsers__body .apos-refreshable {
    display: none
}

@media screen and (min-width: 960px) {
    .b2c-header__pl-switch-btn:focus {
        outline-color:#dcdcdc
    }

    .b2c-header__pl-switch-btn:before {
        background: #363636
    }
}

@media screen and (min-width: 960px) {
    .b2c-header__pl-switch-btn-icon-persona span svg {
        top:3rem
    }
}

.b2c-header .b2c-pl-selector-nav {
    background: #f5f5f5
}

.b2c-header .b2c-pl-selector-nav__link:first-child {
    border-top: .1rem solid #f5f5f5
}

.b2c-header__nav-burger span {
    color: #27509b
}

.b2c-header__back-btn span,.b2c-header__nav-burger span {
    font-family: Noto Sans,arial,sans-serif
}

.b2c-header__panel-desktop li[data-level="1"]>.dgad-navigation__folder .dgad-navigation__folder li .dgad-navigation__link-anchor span {
    color: #363636
}

.b2c-header__panel-desktop li[data-level="1"].active span {
    text-shadow: 0 0 .65px #27509b
}

.b2c-header__panel-desktop .b2c-header__panel-left .dgad-navigation>li>.dgad-navigation__link-anchor:before {
    background: #27509b
}

.b2c-header__panel-desktop .b2c-header__panel-left .dgad-navigation__link:hover {
    text-shadow: 0 0 .65px #27509b
}

.b2c-header__panel-desktop .b2c-header__panel-left .dgad-navigation__folder .dgad-navigation__link-text,.b2c-header__panel-desktop .b2c-header__panel-left .dgad-navigation__link .last-level .dgad-navigation__link-text {
    text-shadow: none
}

.b2c-header__panel-desktop .b2c-header__panel-right {
    background: #f5f5f5
}

.b2c-header__panel-desktop .b2c-header__panel-right li[data-level="1"]>.dgad-navigation__link-anchor:after {
    border-color: #363636 transparent transparent
}

.b2c-header__panel-desktop .b2c-header__panel-right .b2c-header__panel-lp-selector .dgad-navigation__folder {
    background: #f5f5f5
}

.b2c-header__panel-desktop .b2c-header__panel-right>div .dgad-navigation>li>.dgad-navigation__link-anchor {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.b2c-header__panel-desktop .b2c-header__panel-right>div .dgad-navigation>li>.dgad-navigation__link-anchor img,.b2c-header__panel-right .b2c-header__panel-search .b2c-header__panel-desktop svg {
    width: 3.2rem;
    height: 3.2rem
}

.b2c-header__panel-desktop .b2c-header__panel-right .b2c-header__panel-language-selector li[data-level="1"]>.dgad-navigation__folder {
    right: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: auto
}

.b2c-header__panel-desktop .b2c-header__panel-right .b2c-header__panel-language-selector .dgad-navigation__link[data-level="2"] {
    margin: 0;
    padding: 0
}

.b2c-header__panel-desktop .b2c-header__panel-right .b2c-header__panel-language-selector .dgad-navigation__link[data-level="2"]>.dgad-navigation__link-anchor:hover span {
    -webkit-transform: none;
    transform: none;
    -webkit-transition: none;
    transition: none
}

.b2c-header__panel-desktop .b2c-header__panel-right .b2c-header__panel-language-selector .dgad-navigation__link[data-level="2"]:before {
    content: none
}

.b2c-header__panel-desktop .b2c-header__panel-right .b2c-header__panel-language-selector .dgad-navigation__link[data-level="2"] a {
    height: auto
}

.b2c-header__panel-desktop .b2c-header__panel-right .b2c-header__panel-language-selector .dgad-navigation__link[data-level="2"] .dgad-navigation__link-anchor {
    margin: 0 0 2rem
}

.b2c-header__panel-desktop .b2c-header__panel-right .b2c-header__panel-language-selector .dgad-navigation__link[data-level="2"] .dgad-navigation__folder {
    padding: 0
}

.b2c-header__panel-desktop .b2c-header__panel-right .b2c-header__panel-language-selector .dgad-navigation__link[data-level="2"] .dgad-navigation__folder:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: .1rem;
    height: 100%;
    background: hsla(0,0%,42.4%,.3);
    -webkit-transition: all .4s cubic-bezier(.2,1,.3,1);
    transition: all .4s cubic-bezier(.2,1,.3,1)
}

.b2c-header__panel-desktop .b2c-header__panel-right .b2c-header__panel-language-selector .dgad-navigation__link[data-level="3"]:first-child {
    font-weight: 700
}

.b2c-header__panel-desktop .b2c-header__panel-right .b2c-header__panel-language-selector .dgad-navigation__link[data-level="3"]:first-child .dgad-navigation__link-anchor:before {
    opacity: 1
}

.b2c-header__panel-desktop .b2c-header__panel-right .b2c-header__panel-language-selector .dgad-navigation__link[data-level="3"]:first-child .dgad-navigation__link-anchor .dgad-navigation__link-text {
    color: #27509b
}

.b2c-header__panel-desktop .b2c-header__panel-right .b2c-header__panel-language-selector .dgad-navigation__link[data-level="3"] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 2rem;
    text-align: left
}

.b2c-header__panel-desktop .b2c-header__panel-right .b2c-header__panel-language-selector .dgad-navigation__link[data-level="3"] .dgad-navigation__link-anchor {
    margin: 0
}

.b2c-header__panel-desktop .b2c-header__panel-right .b2c-header__panel-language-selector .dgad-navigation__link[data-level="3"] .dgad-navigation__link-anchor:after {
    content: none
}

.b2c-header__panel-desktop .b2c-header__panel-right .b2c-header__panel-language-selector .dgad-navigation__link[data-level="3"]:first-child .dgad-navigation__link-anchor:before,.b2c-header__panel-desktop .b2c-header__panel-right .b2c-header__panel-language-selector .dgad-navigation__link[data-level="3"]:hover .dgad-navigation__link-anchor:before {
    content: "›";
    font-size: 1.2rem;
    font-weight: lighter;
    color: #27509b;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.b2c-header__panel-desktop .b2c-header__panel-right .b2c-header__panel-language-selector .dgad-navigation__link[data-level="3"]:first-child .dgad-navigation__link-text,.b2c-header__panel-desktop .b2c-header__panel-right .b2c-header__panel-language-selector .dgad-navigation__link[data-level="3"]:hover .dgad-navigation__link-text {
    -webkit-transform: translateX(1.2rem);
    transform: translateX(1.2rem)
}

@media screen and (min-width: 960px) {
    .b2c-header__panel-desktop .b2c-header--right-nav .dgad-navigation__link {
        display:inline-block
    }
}

.b2c-header__panel-desktop .b2c-header--right-nav .dgad-navigation__link .dgad-navigation__link-anchor {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.b2c-header__panel-mobile .b2c-header__panel-bloc .dgad-navigation__link a span {
    color: #363636
}

.b2c-header__panel-mobile-lang {
    color: #363636;
    border-bottom: .1rem solid #f5f5f5
}

.b2c-header__panel-mobile .b2c-header__bottom,.b2c-header__panel-mobile .b2c-header__panel-body,.b2c-header__panel-mobile .b2c-header__panel-body-bottom {
    background: #f5f5f5
}

.b2c-header__panel-mobile .b2c-header__panel-body-bottom .b2c-header__panel-language-selector .dgad-navigation__link[data-level="3"] .dgad-navigation__link-text {
    color: #27509b
}

.b2c-header__panel-mobile .dgad-navigation__link {
    border-bottom: .1rem solid #dcdcdc
}

.b2c-header__panel-mobile .dgad-navigation__link .dgad-navigation__link-anchor span {
    font-family: Noto Sans,arial,sans-serif
}

@media screen and (min-width: 960px) {
    .b2c-header__persona-notif-message {
        color:#363636
    }
}

.b2c-header .dgad-algolia-search-autocomplete-input:focus {
    border-color: #27509b
}

.b2c-breadcrumb__nav>ul>li svg {
    width: .5rem;
    height: 1rem;
    margin-left: .7rem;
    fill: #363636
}

.b2c-breadcrumb__nav__current-page,.b2c-breadcrumb__nav__title {
    color: #363636
}

.b2c-breadcrumb__sub-menu {
    background: #f5f5f5
}

.b2c-breadcrumb__sub-menu:before {
    border-color: transparent transparent #f5f5f5
}

.b2c-footer-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 2rem 0;
    background-color: #fafafa
}

@media screen and (min-width: 600px) {
    .b2c-footer-links__block {
        padding:.7rem 0 .7rem 2.5rem
    }

    .b2c-footer-links__block:before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: .1rem;
        background-color: #e4e4e4
    }
}

@media screen and (min-width: 1280px) {
    .b2c-footer-links__block {
        padding-left:4rem
    }
}

@media (max-width: 599px) {
    .b2c-footer-links__accordion-title {
        border-bottom:.1rem solid #e4e4e4
    }
}

.b2c-footer-links__bibendum {
    width: 12rem;
    height: 17.4rem;
    margin-top: 3rem
}

@media screen and (min-width: 600px) {
    .b2c-footer-links__bibendum {
        width:12.6rem;
        height: 18.2rem
    }
}

@media screen and (min-width: 960px) {
    .b2c-footer-links__bibendum {
        width:14.6rem;
        height: 21rem;
        margin: 6rem 0 2rem
    }
}

@media screen and (min-width: 1280px) {
    .b2c-footer-links__bibendum {
        width:16rem;
        height: 23rem
    }
}

.dgad-unsupported-browsers__main-wrapper {
    background-color: #f5f5f5
}

.dgad-unsupported-browsers__content,.dgad-unsupported-browsers__header {
    background-color: #fff;
    -webkit-box-shadow: 0 .2rem .4rem 0 rgba(0,0,0,.3);
    box-shadow: 0 .2rem .4rem 0 rgba(0,0,0,.3)
}

.dgad-unsupported-browsers__footer {
    background-color: #27509b
}

.dgad-unsupported-browsers__footer-copyright {
    background-color: #fff
}

.dgad-unsupported-browsers__close-btn--link {
    background: #27509b
}

.dgad-unsupported-browsers__close-btn--link>svg {
    fill: #fff
}

.dgad-accordion {
    padding-bottom: 2rem
}

.dgad-accordion__title {
    margin-bottom: 0;
    font-size: 2rem;
    line-height: 1.8;
    text-align: center
}

@media screen and (min-width: 960px) {
    .dgad-accordion__title {
        font-size:2rem;
        line-height: 1.64
    }
}

.dgad-accordion__title sup {
    vertical-align: super;
    text-decoration: none
}

.dgad-accordion__wrapper {
    width: 100%;
    max-width: 192rem;
    margin: 0 auto;
    padding: 4rem 2.4rem 0
}

@media screen and (min-width: 960px) {
    .dgad-accordion__wrapper {
        width:90%;
        padding: 4rem 0 0
    }
}

@media screen and (min-width: 1280px) {
    .dgad-accordion__wrapper {
        width:80%
    }
}

.dgad-accordion__head {
    display: block;
    margin-bottom: 2rem;
    text-align: center
}

@media screen and (min-width: 960px) {
    .dgad-accordion__head {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 3rem
    }
}

.dgad-accordion__icon {
    width: 4rem;
    height: auto
}

@media screen and (min-width: 960px) {
    .dgad-accordion__icon {
        width:3.4rem;
        margin-right: 2rem
    }
}

.dgad-column-block .dgad-accordion__wrapper {
    padding: 0
}

@media screen and (min-width: 960px) {
    .dgad-column-block .dgad-accordion__wrapper {
        width:100%;
        padding: 0
    }
}

@media screen and (min-width: 1280px) {
    .dgad-column-block .dgad-accordion__wrapper {
        width:100%
    }
}

.dgad-accordion__title {
    color: #27509b
}

.b2c-slider.b2c-rider-card-slider {
    padding-bottom: 1rem
}

.b2c-slider.b2c-rider-card-slider .dgad-widgets-slider {
    overflow: inherit
}

.b2c-slider.b2c-rider-card-slider .dgad-slider {
    padding-bottom: 2rem
}

.b2c-slider.b2c-rider-card-slider .dgad-slider__container {
    padding-top: 1rem;
    padding-bottom: 1rem
}

.b2c-slider.b2c-rider-card-slider .dgad-slider__pager {
    bottom: 0
}

@media screen and (min-width: 960px) {
    .b2c-slider.b2c-rider-card-slider .dgad-slider__slide {
        padding:0 1.25rem
    }
}

@media screen and (min-width: 1280px) and (max-width:1919px) {
    .b2c-slider.b2c-rider-card-slider .dgad-slider__slide {
        padding:0
    }
}

.b2c-slider.b2c-rider-card-slider .dgad-slider__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.b2c-slider.b2c-rider-card-slider .dgad-slider__next,.b2c-slider.b2c-rider-card-slider .dgad-slider__prev {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.b2c-slider.b2c-rider-card-slider .dgad-slider__next.dgad-btn--inactive,.b2c-slider.b2c-rider-card-slider .dgad-slider__prev.dgad-btn--inactive {
    display: none
}

@media screen and (min-width: 960px) {
    .b2c-slider.b2c-rider-card-slider .dgad-slider__prev {
        left:-.7rem
    }
}

@media screen and (min-width: 960px) {
    .b2c-slider.b2c-rider-card-slider .dgad-slider__next {
        right:-.7rem
    }
}

.b2c-rider-card {
    position: relative;
    height: 100%;
    margin: 0 .3rem;
    padding-bottom: 1rem;
    background: #f5f5f5;
    border-radius: .4rem
}

@media screen and (min-width: 960px) {
    .b2c-rider-card {
        -webkit-transition:-webkit-box-shadow .1s linear;
        transition: -webkit-box-shadow .1s linear;
        transition: box-shadow .1s linear;
        transition: box-shadow .1s linear,-webkit-box-shadow .1s linear
    }

    .b2c-rider-card:hover {
        -webkit-box-shadow: 0 .2rem 1rem 0 rgba(0,0,0,.2);
        box-shadow: 0 .2rem 1rem 0 rgba(0,0,0,.2)
    }

    .b2c-rider-card:hover .b2c-rider-card__background>div {
        top: -100%
    }
}

.b2c-rider-card__content {
    position: relative;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 100%
}

.b2c-rider-card__content,.b2c-rider-card__detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.b2c-rider-card__detail {
    width: 100%
}

.b2c-rider-card__name {
    display: inline-block;
    width: 90%;
    margin-bottom: 1rem;
    font-size: 2rem;
    font-weight: 700;
    text-align: center
}

@media screen and (min-width: 960px) {
    .b2c-rider-card__name {
        font-size:1.8rem
    }
}

.b2c-rider-card__description {
    width: 90%;
    font-size: 1.6rem;
    color: #6c6c6c;
    text-align: center
}

.b2c-rider-card__image {
    width: 100%;
    margin-bottom: 2rem
}

.b2c-rider-card__social-icons a {
    margin: 0 1rem
}

.b2c-rider-card__social-icons a svg {
    width: 2.5rem;
    height: 2.5rem
}

.b2c-rider-card__actions a {
    margin-bottom: 2rem
}

.b2c-rider-card__actions a:last-child {
    margin-bottom: 0
}

@media (max-width: 599px) {
    .b2c-rider-card__actions a .b2c-btn {
        width:30rem
    }
}

.b2c-rider-card__title {
    padding: 2rem 0;
    font-size: 3.2rem;
    font-weight: 700;
    text-align: center;
    background: #f5f5f5
}

@media screen and (min-width: 840px) {
    .b2c-rider-card__title {
        background:transparent
    }
}

@media screen and (min-width: 960px) {
    .b2c-rider-card__title {
        padding:3rem 0
    }
}

@media screen and (min-width: 1280px) {
    .b2c-rider-card__title {
        padding:4rem 0
    }
}

.b2c-slider.b2c-rider-card-slider .dgad-slider__next,.b2c-slider.b2c-rider-card-slider .dgad-slider__prev {
    background-color: #fce500
}

.b2c-slider.b2c-rider-card-slider .dgad-slider__next svg,.b2c-slider.b2c-rider-card-slider .dgad-slider__prev svg {
    fill: #333;
    stroke: #333
}

@media (max-width: 839px) {
    .b2c-slider.b2c-rider-card-slider .dgad-slider__container {
        background:#f5f5f5
    }
}

@media (max-width: 839px) {
    .b2c-slider.b2c-rider-card-slider .dgad-slider__buttons-container .dgad-btn {
        top:50%
    }
}

@media (max-width: 839px) {
    .b2c-slider.b2c-rider-card-slider {
        background:#f5f5f5
    }
}

.b2c-rider-card {
    width: 100%;
    color: #363636
}

@media screen and (min-width: 960px) {
    .b2c-rider-card {
        width:95%
    }
}

@media screen and (min-width: 960px) {
    .b2c-rider-card__content {
        padding:0
    }
}

.b2c-rider-card__detail {
    margin-bottom: 2rem
}

.b2c-rider-card__description {
    margin: 1rem 0
}

.b2c-rider-card__image {
    height: 22.7rem;
    background-size: cover
}

@media screen and (min-width: 960px) {
    .b2c-rider-card__image {
        height:28.3rem
    }
}

#b2c-dl-push {
    position: relative;
    min-height: 20rem;
    padding: 3rem 1.5rem;
    background-position: 50%;
    background-size: cover
}

@media screen and (min-width: 960px) {
    #b2c-dl-push {
        padding:5rem 0
    }
}

#b2c-dl-push[data-overlay-opacity="0.4"]:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: .4
}

#b2c-dl-push[data-overlay-opacity="0.5"]:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: .5
}

#b2c-dl-push[data-overlay-opacity="0.6"]:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: .6
}

#b2c-dl-push[data-overlay-opacity="0.7"]:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: .7
}

#b2c-dl-push[data-overlay-opacity="0.8"]:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: .8
}

#b2c-dl-push[data-overlay-opacity="0.9"]:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: .9
}

#b2c-dl-push__title {
    -ms-flex-item-align: center;
    align-self: center;
    margin: auto auto 3rem;
    font-size: 3.2rem;
    font-weight: 700;
    line-height: 1.44;
    letter-spacing: -.1rem;
    text-align: center
}

#b2c-dl-push__input-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 2rem
}

@media screen and (min-width: 960px) {
    #b2c-dl-push__input-container {
        padding:1.2rem 3rem
    }
}

#b2c-dl-push__icon-placeholder,#b2c-dl-push__icon-placeholder svg {
    width: 1.7rem;
    height: 1.7rem;
    cursor: pointer
}

#b2c-dl-push__input {
    -moz-appearance: none;
    -webkit-appearance: none;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 1rem;
    font-size: 1.6rem;
    text-overflow: ellipsis;
    background: transparent;
    border: initial
}

#b2c-dl-push__input::-ms-clear,#b2c-dl-push__input::-ms-reveal {
    display: none;
    width: 0;
    height: 0
}

#b2c-dl-push__input::-webkit-search-cancel-button,#b2c-dl-push__input::-webkit-search-decoration,#b2c-dl-push__input::-webkit-search-results-button,#b2c-dl-push__input::-webkit-search-results-decoration {
    display: none
}

#b2c-dl-push__content-dropdown {
    position: absolute;
    z-index: 3;
    top: 100%;
    right: 0;
    left: 0;
    height: 5rem
}

#b2c-dl-push__autocomplete {
    display: none;
    height: 100%;
    text-align: left;
    border-radius: 0 0 .8rem .8rem
}

#b2c-dl-push__autocomplete ul {
    outline: .1rem dashed transparent
}

#b2c-dl-push__autocomplete ul li {
    cursor: pointer;
    -webkit-transition: background-color .1s ease-in-out;
    transition: background-color .1s ease-in-out
}

#b2c-dl-push__autocomplete ul li svg {
    display: inline-block;
    vertical-align: bottom;
    width: 1.8rem;
    height: 1.8rem;
    margin: 0 1rem .2rem 0
}

#b2c-dl-push__autocomplete ul li a {
    display: block;
    padding: 1.4rem
}

#b2c-dl-push__autocomplete ul li:last-child {
    border-bottom: 0
}

#b2c-dl-push__autocomplete #b2c-dl-search__error,#b2c-dl-push__locate-me {
    -webkit-box-shadow: 0 .8rem .8rem 0 hsla(0,0%,60%,.2);
    box-shadow: 0 .8rem .8rem 0 hsla(0,0%,60%,.2)
}

#b2c-dl-push__locate-me {
    z-index: 1;
    display: none;
    height: 5rem;
    padding: 0 1.5rem;
    text-align: left;
    cursor: pointer;
    -webkit-transition: background-color .1s ease-in-out;
    transition: background-color .1s ease-in-out
}

#b2c-dl-push__locate-me span {
    display: inline-block;
    vertical-align: middle;
    height: 5rem;
    line-height: 5rem
}

#b2c-dl-push__locate-me span>svg {
    vertical-align: middle;
    margin-top: -.3rem
}

#b2c-dl-push__locate-me span+span {
    margin-left: .8rem
}

#b2c-dl-push__top-cities {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto
}

#b2c-dl-push__top-cities p {
    margin-bottom: 1.5rem;
    font-size: 1.8rem;
    font-weight: 700
}

#b2c-dl-push__top-cities-list,#b2c-dl-push__top-cities p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

#b2c-dl-push__top-cities-list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

#b2c-dl-push__top-cities-list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: .5rem;
    padding: .5rem 1rem;
    font-size: 1.3rem;
    border-radius: 1.6rem;
    cursor: pointer
}

#b2c-dl-push__top-cities-list li:last-child {
    margin-right: 0
}

.b2c-dl-push__content-wrapper {
    position: relative;
    width: calc(100% - 3rem);
    margin: auto;
    text-align: center
}

.b2c-dl-push__content-wrapper:last-child {
    margin-top: 4rem
}

@media (max-width: 959px) {
    .b2c-dl-push__content-wrapper {
        max-width:71.8rem
    }
}

@media screen and (min-width: 960px) {
    .b2c-dl-push__content-wrapper {
        width:71.8rem
    }
}

@media screen and (min-width: 1280px) {
    .b2c-dl-push__content-wrapper {
        width:89.6rem
    }
}

@media screen and (min-width: 1920px) {
    .b2c-dl-push__content-wrapper {
        width:119.6rem
    }
}

#b2c-dl-search__error svg,.b2c-dl-search__button svg {
    width: 1.6rem;
    height: 1.6rem
}

#b2c-dl-push {
    color: #fff;
    background-color: #27509b
}

#b2c-dl-push[data-overlay-opacity="0.4"]:before,#b2c-dl-push[data-overlay-opacity="0.5"]:before,#b2c-dl-push[data-overlay-opacity="0.6"]:before,#b2c-dl-push[data-overlay-opacity="0.7"]:before,#b2c-dl-push[data-overlay-opacity="0.8"]:before,#b2c-dl-push[data-overlay-opacity="0.9"]:before {
    background: #27509b
}

#b2c-dl-push__autocomplete-list,#b2c-dl-push__autocomplete-list li:last-child,#b2c-dl-push__locate-me {
    border-radius: 0 0 .4rem .4rem
}

#b2c-dl-push__input-container {
    height: 5.6rem;
    background: #fff;
    border-radius: .4rem .4rem 0 0
}

@media screen and (min-width: 960px) {
    #b2c-dl-push__input-container {
        height:8.4rem
    }
}

#b2c-dl-push__input {
    outline-color: #fff
}

#b2c-dl-push__icon-placeholder svg {
    fill: #b2b2b2;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

#b2c-dl-push__autocomplete {
    color: #333;
    background-color: #fff
}

#b2c-dl-push__autocomplete ul {
    -webkit-box-shadow: 0 .8rem .8rem 0 hsla(0,0%,42.4%,.2);
    box-shadow: 0 .8rem .8rem 0 hsla(0,0%,42.4%,.2)
}

#b2c-dl-push__autocomplete ul li {
    background-color: #fff;
    border-bottom: .1rem solid #dcdcdc
}

#b2c-dl-push__autocomplete ul li:hover,#b2c-dl-push__autocomplete ul li[data-selected=true] {
    background-color: #dcdcdc
}

#b2c-dl-push__locate-me {
    color: #6c6c6c;
    background: #fff
}

#b2c-dl-push__locate-me:hover {
    background-color: #dcdcdc
}

#b2c-dl-push__top-cities-list li {
    color: #333;
    background: #e4e4e4
}

@media screen and (min-width: 960px) {
    .b2c-dl-push--with-switch #b2c-dl-push__input-container {
        padding:1.2rem
    }
}

.b2c-dl-push__input-container--rounded {
    border-radius: .4rem!important
}

.b2c-dl-push__input--error {
    color: #c90000
}

.b2c-dl-push--primary {
    color: #fff
}

.b2c-dl-push--secondary {
    color: #27509b
}

.b2c-dl-push-persona {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #333;
    cursor: pointer
}

.b2c-dl-push-persona--mobile {
    position: relative;
    height: 6.7rem;
    margin-bottom: 2rem;
    padding: 0 2rem;
    background-color: #fff;
    border-radius: .4rem
}

@media screen and (min-width: 960px) {
    .b2c-dl-push-persona--mobile {
        display:none
    }
}

.b2c-dl-push-persona--mobile .b2c-dl-push-persona__choices {
    width: 100%
}

.b2c-dl-push-persona--mobile .b2c-dl-push-persona__choices-item {
    height: 6.7rem
}

.b2c-dl-push-persona--desktop {
    margin-right: 2rem;
    padding: 0 2rem;
    border-right: 1px solid #9d9d9d
}

@media (max-width: 959px) {
    .b2c-dl-push-persona--desktop {
        display:none
    }
}

.b2c-dl-push-persona--desktop .b2c-dl-push-persona__choices {
    width: 31rem
}

.b2c-dl-push-persona--desktop .b2c-dl-push-persona__choices-item {
    height: 4.3rem
}

.b2c-dl-push-persona--desktop .b2c-dl-push-persona__current-vehicle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.b2c-dl-push-persona__vehicle-icon {
    vertical-align: sub;
    width: 5.1rem;
    height: 2.5rem;
    margin-right: 1rem
}

.b2c-dl-push-persona__arrow {
    width: 1.3rem;
    height: 1.3rem;
    fill: #393939;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.b2c-dl-push-persona__current {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%
}

@media screen and (min-width: 960px) {
    .b2c-dl-push-persona__current {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media screen and (min-width: 960px) {
    .b2c-dl-push-persona__current .b2c-dl-push-persona__vehicle-icon {
        margin-right:0;
        margin-bottom: 1rem
    }
}

.b2c-dl-push-persona__current-vehicle span {
    line-height: .5
}

.b2c-dl-push-persona__choices {
    position: absolute;
    z-index: 10;
    top: 100%;
    left: 0;
    display: none;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    background: #fff
}

.b2c-dl-push-persona__choices--show {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.b2c-dl-push-persona__choices-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    height: 4.3rem;
    padding: 0 3rem 0 1.5rem;
    text-align: left
}

.b2c-dl-push-persona__choices-item--selected {
    background-color: #fce500
}

.b2c-dl-push-persona__choices-item--selected .b2c-dl-push-persona__choices-arrow {
    display: none
}

.b2c-dl-push-persona__choices-item--selected .b2c-dl-push-persona__choices-check {
    display: block
}

.b2c-dl-push-persona__choices-arrow {
    width: .5rem;
    height: .9rem
}

.b2c-dl-push-persona__choices-check {
    display: none;
    width: 1rem;
    height: .6rem;
    fill: #000
}

.b2c-eulabelling__left-panel {
    position: relative;
    display: none;
    width: 25%;
    background: #fafafa
}

@media screen and (min-width: 960px) {
    .b2c-eulabelling__left-panel {
        display:block
    }
}

.b2c-eulabelling__left-panel--sticky-content {
    position: sticky;
    top: 7rem;
    padding: 3rem
}

.b2c-eulabelling__left-panel__icon-section {
    border-bottom: 1px solid #9d9d9d
}

.b2c-eulabelling__left-panel__icon-section li {
    display: block;
    width: 100%;
    margin-bottom: 1rem
}

.b2c-eulabelling__left-panel__icon-section-button {
    width: 100%;
    background-color: transparent;
    border: none;
    outline: none;
    cursor: pointer;
    -webkit-transition: .5s ease;
    transition: .5s ease
}

.b2c-eulabelling__left-panel__icon-section-button,.b2c-eulabelling__left-panel__icon-section-button-svg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.b2c-eulabelling__left-panel__icon-section-button-svg {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 8rem;
    height: 8rem;
    text-align: right
}

.b2c-eulabelling__left-panel__icon-section-button-svg--secondary {
    display: none;
    width: 8rem;
    height: 8rem;
    padding: 1rem;
    background-color: #27509b;
    border-radius: 50%
}

.b2c-eulabelling__left-panel__icon-section-button-svg--gray {
    width: 6rem;
    height: 6rem;
    padding: 1rem;
    background-color: #e4e4e4;
    border-radius: 50%
}

.b2c-eulabelling__left-panel__icon-section-button-svg svg {
    width: 100%;
    height: 100%
}

.b2c-eulabelling__left-panel__icon-section-button-label {
    width: 100%;
    max-width: 7rem;
    margin-top: 0;
    margin-left: 2rem;
    font-size: 1.2rem;
    font-weight: 700;
    color: #e4e4e4;
    line-height: 1.6rem;
    text-align: left
}

.b2c-eulabelling__left-panel__icon-section-button.active .b2c-eulabelling__left-panel__icon-section-button-svg--secondary {
    display: block
}

.b2c-eulabelling__left-panel__icon-section-button.active .b2c-eulabelling__left-panel__icon-section-button-svg--gray {
    display: none
}

.b2c-eulabelling__left-panel__icon-section-button.active .b2c-eulabelling__left-panel__icon-section-button-label {
    width: 8.5rem;
    font-size: 1.6rem;
    color: #27509b;
    line-height: 1.6rem
}

.b2c-eulabelling__left-panel__icon-section-button:hover .b2c-eulabelling__left-panel__icon-section-button-svg--gray {
    width: 8rem;
    height: 8rem
}

.b2c-eulabelling__left-panel__link-section li {
    margin-top: 2rem
}

.b2c-eulabelling__left-panel__link-section-button {
    position: relative;
    margin-left: 1rem;
    padding: .3rem 1rem;
    font-size: 1.2rem;
    font-weight: 700;
    color: #27509b;
    line-height: 1.2rem;
    text-transform: uppercase;
    text-align: left;
    background-color: transparent;
    border: none;
    outline: none;
    cursor: pointer
}

.b2c-eulabelling__left-panel__link-section-button:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: .2rem;
    height: 100%;
    background-color: transparent
}

.b2c-eulabelling__left-panel__link-section-button.active,.b2c-eulabelling__left-panel__link-section-button.active:hover {
    color: #363636
}

.b2c-eulabelling__left-panel__link-section-button.active:before,.b2c-eulabelling__left-panel__link-section-button.active:hover:before {
    background: #27509b;
    opacity: 1
}

.b2c-eulabelling__left-panel__link-section-button:hover:before {
    background: #27509b;
    opacity: .5
}

.b2c-eulabelling__right-panel {
    width: 100%;
    padding: 2rem;
    background: #fff
}

@media screen and (min-width: 960px) {
    .b2c-eulabelling__right-panel {
        width:75%
    }
}

.b2c-eulabelling__right-panel>h2 {
    margin-bottom: 1rem;
    font-size: 2rem;
    font-weight: 700;
    color: #333;
    line-height: 2rem
}

.b2c-eulabelling__right-panel>p {
    margin-bottom: 3rem;
    font-size: 1.4rem;
    color: #363636;
    line-height: 1.5;
    opacity: .5
}

.b2c-eulabelling__right-panel__section {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 3rem 0;
    border-bottom: 1px solid #9d9d9d
}

@media screen and (min-width: 960px) {
    .b2c-eulabelling__right-panel__section {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.b2c-eulabelling__right-panel__section-anchor {
    position: absolute;
    top: -7rem
}

.b2c-eulabelling__right-panel__section:last-child {
    border-bottom: none
}

.b2c-eulabelling__right-panel__section-image {
    width: 100%;
    max-width: 25rem;
    padding: 3rem
}

.b2c-eulabelling__right-panel__section-description h3 {
    display: inline-block;
    font-size: 1.6rem;
    font-weight: 700;
    color: #27509b;
    line-height: 1.6rem;
    letter-spacing: .02rem;
    text-transform: uppercase
}

.b2c-eulabelling__right-panel__section-description h3 svg {
    vertical-align: bottom;
    width: 3rem;
    height: 3rem;
    margin-right: 1rem
}

.b2c-eulabelling__right-panel__section-description .apos-rich-text {
    padding: 0
}

.b2c-eulabelling {
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    font-size: 1.4rem
}

.b2c-eulabelling,.b2c-feature-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal
}

.b2c-feature-card {
    position: relative;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 100%;
    margin: auto;
    padding: 0 0 4rem
}

@media (max-width: 1279px) {
    .b2c-feature-card:not(.b2c-feature-card--horizontal) {
        line-height:1.31
    }
}

.b2c-feature-card:not(.b2c-feature-card--horizontal) .b2c-feature-card__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}

.b2c-feature-card:not(.b2c-feature-card--horizontal) .b2c-feature-card__title {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.b2c-feature-card:not(.b2c-feature-card--horizontal) .b2c-feature-card__title sup {
    vertical-align: super;
    text-decoration: none
}

.b2c-feature-card__icon,.b2c-feature-card__image {
    margin-bottom: 2rem;
    text-align: center
}

.b2c-feature-card__icon {
    -ms-flex-item-align: center;
    align-self: center;
    width: 100%
}

.b2c-feature-card__icon.icon-small svg {
    width: 6.4rem;
    height: 6.4rem
}

.b2c-feature-card__icon.icon-medium svg {
    width: 9.6rem;
    height: 9.6rem
}

.b2c-feature-card__icon.icon-large svg {
    width: 12.8rem;
    height: 12.8rem
}

.b2c-feature-card__link {
    width: 100%
}

.b2c-feature-card__image {
    width: 100%;
    max-width: 100%;
    height: 23rem;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    overflow: hidden
}

.b2c-feature-card__image .ci-image-wrapper {
    height: 100%!important;
    padding-bottom: 0!important
}

.b2c-feature-card__image .ci-image-loaded {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.b2c-feature-card__immersiveimage {
    width: 100%;
    max-width: 100%;
    height: 43.2rem;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    overflow: hidden
}

.b2c-feature-card__immersiveimage:after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(20%,#000),color-stop(80%,transparent),to(#000));
    background-image: linear-gradient(0deg,#000 20%,transparent 80%,#000)
}

.b2c-feature-card__immersive-title {
    position: absolute;
    top: 21.2rem;
    margin: 0 1.6rem;
	text-align: center;
}

@media screen and (min-width: 960px) {
    .b2c-feature-card__immersive-title {
        top:24.5rem
    }
}

.b2c-feature-card__immersive-title a {
    font-size: 2.4rem;
    font-weight: 700;
    color: #fff;
    line-height: 1.4;
    text-align: center
}

.b2c-feature-card__immersive-title a sup,.b2c-feature-card__immersive-title sup {
    vertical-align: super;
    text-decoration: none
}

.b2c-feature-card__immersive-desc {
    position: absolute;
    top: 29.2rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding: 0 1.6rem;
    font-size: 1.6rem;
    word-wrap: break-word;
    color: #fff;
    line-height: 1.4;
    text-align: center;
    cursor: pointer
}

@media screen and (min-width: 960px) {
    .b2c-feature-card__immersive-desc {
        top:32rem
    }
}

.b2c-feature-card__immersive-desc sup {
    vertical-align: super;
    text-decoration: none
}

.b2c-feature-card__desc:target,.b2c-feature-card__title a {
    width: 100%;
    word-wrap: break-word;
    cursor: pointer
}

.b2c-feature-card .success-desc,.b2c-feature-card .success-title,.b2c-feature-card__desc,.b2c-feature-card__title {
    font-family: Noto Sans,arial,sans-serif
}

.b2c-feature-card .success-title,.b2c-feature-card__title {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-bottom: 1rem;
    padding: 0 1rem;
    font-size: 2rem;
    font-weight: 700;
    text-align: center
}

@media (max-width: 599px) {
    .b2c-feature-card .success-title,.b2c-feature-card__title {
        font-size:1.8rem
    }
}

.b2c-feature-card .success-desc,.b2c-feature-card__desc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.6rem;
    line-height: 1.62;
    text-align: center
}

.b2c-feature-card__desc {
    display: block;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.b2c-feature-card__desc sup {
    vertical-align: super;
    text-decoration: none
}

.b2c-feature-card__btn .b2c-btn {
    width: 23rem
}

@media screen and (min-width: md) {
    .b2c-feature-card__btn .b2c-btn {
        width:33rem
    }
}

@media screen and (min-width: 1280px) {
    .b2c-feature-card--with-arms {
        margin-bottom:7.6rem;
        padding: 4rem 2rem;
        background: #fff;
        border-radius: .6rem;
        -webkit-box-shadow: 0 .2rem 1rem 0 rgba(0,0,0,.1);
        box-shadow: 0 .2rem 1rem 0 rgba(0,0,0,.1)
    }
}

@media screen and (min-width: 1920px) {
    .b2c-feature-card--with-arms {
        margin-bottom:9.6rem;
        padding: 4rem 3rem
    }
}

@media (max-width: 359px) {
    .b2c-feature-card--with-arms:not(.b2c-feature-card--horizontal) {
        max-width:100%
    }
}

@media screen and (min-width: 600px) {
    .b2c-feature-card--with-arms:not(.b2c-feature-card--horizontal) {
        max-width:41rem
    }
}

@media screen and (min-width: 840px) {
    .b2c-feature-card--with-arms:not(.b2c-feature-card--horizontal) {
        max-width:32rem
    }
}

@media screen and (min-width: 1280px) {
    .b2c-feature-card--with-arms:not(.b2c-feature-card--horizontal) {
        max-width:34.5rem
    }
}

@media screen and (min-width: 1920px) {
    .b2c-feature-card--with-arms:not(.b2c-feature-card--horizontal) {
        max-width:30rem
    }
}

.b2c-feature-card--horizontal {
    margin-bottom: 2rem;
    padding-top: 4rem
}

.b2c-feature-card--horizontal .b2c-feature-card__textWrapper {
    width: 100%
}

.b2c-feature-card--horizontal .b2c-feature-card__link {
    width: auto
}

@media screen and (min-width: 960px) {
    .b2c-feature-card--horizontal {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding: 5.5rem;
        border-radius: .4rem
    }

    .b2c-feature-card--horizontal .b2c-feature-card__icon {
        width: 4rem;
        margin: 0 3rem 0 0
    }

    .b2c-feature-card--horizontal .b2c-feature-card__icon svg {
        width: 4rem
    }

    .b2c-feature-card--horizontal .b2c-feature-card__textWrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: auto 3rem auto 0
    }

    .b2c-feature-card--horizontal .b2c-feature-card__textWrapper h2 {
        margin: 0
    }

    .b2c-feature-card--horizontal .b2c-feature-card__title {
        text-align: left
    }

    .b2c-feature-card--horizontal .b2c-feature-card .success-title,.b2c-feature-card--horizontal .b2c-feature-card__title {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 2.2rem
    }

    .b2c-feature-card--horizontal .b2c-feature-card .success-title {
        margin: auto
    }

    .b2c-feature-card--horizontal .b2c-feature-card__desc {
        text-align: left
    }

    .b2c-feature-card--horizontal .b2c-feature-card .success-desc,.b2c-feature-card--horizontal .b2c-feature-card__desc {
        width: auto;
        margin: auto
    }

    .b2c-feature-card--horizontal .b2c-feature-card .success-desc p,.b2c-feature-card--horizontal .b2c-feature-card__desc p {
        margin: auto auto auto 0
    }

    .b2c-feature-card--horizontal .b2c-feature-card__btn {
        margin: auto 0 auto auto
    }
}

@media (max-width: 959px) {
    .b2c-feature-card--horizontal {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        border-radius: 0
    }

    .b2c-feature-card--horizontal .b2c-feature-card__title {
        margin: 0 auto 1rem
    }

    .b2c-feature-card--horizontal .b2c-feature-card .success-title,.b2c-feature-card--horizontal .b2c-feature-card__title {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: 1.6rem
    }

    .b2c-feature-card--horizontal .b2c-feature-card .success-desc,.b2c-feature-card--horizontal .b2c-feature-card__desc {
        margin-bottom: 2rem
    }
}

.b2c-feature-card--vertical-with-image {
    padding-top: 0
}

@media screen and (min-width: 960px) {
    .b2c-feature-card--form {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }
}

.b2c-feature-card--form--error .b2c-feature-card__icon svg {
    width: 1.5rem
}

.b2c-feature-card--form--error,.b2c-feature-card--form--success {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #fff
}

@media screen and (min-width: 960px) {
    .b2c-feature-card--form--error,.b2c-feature-card--form--success {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.b2c-feature-card--form--error .b2c-feature-card__textWrapper,.b2c-feature-card--form--success .b2c-feature-card__textWrapper {
    text-align: center
}

@media screen and (min-width: 960px) {
    .b2c-feature-card--form--error .b2c-feature-card__textWrapper,.b2c-feature-card--form--success .b2c-feature-card__textWrapper {
        text-align:left
    }
}

@media (max-width: 959px) {
    .b2c-feature-card--form--error .error-title,.b2c-feature-card--form--error .success-title,.b2c-feature-card--form--success .error-title,.b2c-feature-card--form--success .success-title {
        font-size:1.6rem
    }
}

.b2c-feature-card--form--error .error-desc,.b2c-feature-card--form--error .success-desc,.b2c-feature-card--form--success .error-desc,.b2c-feature-card--form--success .success-desc {
    margin-bottom: 0
}

@media screen and (min-width: 960px) {
    .b2c-feature-card--form--error .error-desc,.b2c-feature-card--form--error .success-desc,.b2c-feature-card--form--success .error-desc,.b2c-feature-card--form--success .success-desc {
        -webkit-box-align:left;
        -ms-flex-align: left;
        align-items: left;
        width: auto
    }
}

@media screen and (min-width: 960px) {
    .b2c-feature-card__form-header {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.mdc-layout-grid__cell--span-12 .b2c-feature-card__title {
    width: 80%
}

.dgad-cta--form {
    margin-bottom: 1.5rem
}

.dgad-cta--form .dgad-cta__item.b2c-btn {
    min-width: auto;
    overflow: hidden;
    -webkit-transition: width .7s ease,border-radius .3s ease;
    transition: width .7s ease,border-radius .3s ease
}

.dgad-cta--form .dgad-cta__item.b2c-btn:hover {
    padding: 0;
    font-weight: 400;
    text-indent: 0
}

.dgad-cta--form .dgad-cta__item.b2c-btn span {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 23rem;
    text-align: center;
    opacity: 1;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.dgad-cta--form .dgad-cta__item.b2c-btn svg {
    position: absolute;
    width: 1.3rem;
    height: 1.3rem;
    opacity: 0;
    fill: #000
}

.dgad-cta--form .dgad-cta__item.b2c-btn.b2c-btn--secondary svg {
    fill: #fff
}

.dgad-cta--form.dgad-cta--form--close {
    height: 4.8rem;
    margin-bottom: 0
}

.dgad-cta--form.dgad-cta--form--close .dgad-cta__item.b2c-btn {
    -ms-flex-item-align: center;
    align-self: center;
    width: 4rem;
    min-width: 4rem;
    height: 4rem;
    min-height: 4rem;
    padding: 0;
    border-radius: 6rem;
    -webkit-transition: width .7s ease,border-radius .3s ease,opacity .5s 1s;
    transition: width .7s ease,border-radius .3s ease,opacity .5s 1s
}

.dgad-cta--form.dgad-cta--form--close .dgad-cta__item.b2c-btn span {
    opacity: 0
}

.dgad-cta--form.dgad-cta--form--close .dgad-cta__item.b2c-btn svg {
    opacity: 1;
    stroke: #fff
}

.b2c-feature-card-slider.dgad-slider {
    height: auto
}

.b2c-feature-card-slider .dgad-slider__container {
    width: 100%
}

.b2c-feature-card-slider .dgad-slider__container .b2c-feature-card {
    padding-top: 0
}

.b2c-feature-card-slider .dgad-slider__container .b2c-feature-card__title {
    margin: 2rem 0 1rem;
    font-size: 1.6rem
}

.b2c-feature-card-slider .dgad-slider__container .b2c-feature-card__image {
    height: 19rem
}

.b2c-feature-card-slider .dgad-slider__container .b2c-feature-card__desc,.b2c-feature-card-slider .dgad-slider__container .b2c-feature-card__title {
    padding: 0 2.2rem
}

.b2c-feature-card-slider .dgad-slider__container .b2c-feature-card__icon {
    height: 19rem;
    padding: 10%
}

@media screen and (min-width: 600px) {
    .b2c-feature-card-slider .dgad-slider__container .b2c-feature-card__icon {
        padding:17%
    }
}

.b2c-feature-card-slider .dgad-slider__container .b2c-feature-card--vertical-with-image {
    max-width: 100%;
    padding-top: 0;
    padding-right: .5rem;
    background: #fff
}

.b2c-feature-card-slider .dgad-slider__pager {
    position: absolute;
    bottom: 1.5rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media screen and (min-width: 960px) {
    .b2c-feature-card-slider .dgad-slider__pager {
        bottom:2.5rem
    }
}

.b2c-feature-card-slider .dgad-slider__buttons-container .dgad-btn {
    position: absolute;
    z-index: 1;
    top: 17rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    outline: none;
    cursor: pointer
}

.b2c-feature-card-slider .dgad-slider__buttons-container .dgad-btn svg {
    width: 50%;
    height: 50%
}

.b2c-feature-card-slider .dgad-slider__buttons-container .dgad-btn--inactive {
    display: none
}

.b2c-feature-card-slider .dgad-slider__prev {
    left: 1rem
}

.b2c-feature-card-slider .dgad-slider__next {
    right: 1rem
}

.b2c-feature-card-slider .b2c-feature-card-slider-item .b2c-feature-card__btn {
    margin-bottom: 1rem
}

.b2c-feature-card-slider .b2c-feature-card-slider-item .b2c-feature-card__btn .b2c-btn {
    width: 25rem
}

@media screen and (min-width: 960px) {
    .b2c-feature-card-slider .b2c-feature-card-slider-item .b2c-feature-card__btn .b2c-btn {
        width:33rem
    }
}

aside.b2c-feature-card.b2c-feature-card-slider-item {
    max-width: 100%
}

.b2c-feature-card--horizontal {
    background-color: #f5f5f5
}

@media (max-width: 959px) {
    .b2c-feature-card--horizontal .b2c-feature-card .success-title,.b2c-feature-card--horizontal .b2c-feature-card__title {
        color:#27509b
    }
}

.b2c-feature-card--form--success {
    border: .4rem solid #f5f5f5
}

.b2c-feature-card--form--error {
    border: .4rem solid #f9e5e5
}

.b2c-feature-card--form--error .b2c-feature-card__icon svg {
    fill: #c90000
}

@media (max-width: 959px) {
    .b2c-feature-card--form--error .error-title,.b2c-feature-card--form--error .success-title,.b2c-feature-card--form--success .error-title,.b2c-feature-card--form--success .success-title {
        color:#27509b
    }
}

.b2c-feature-card-slider .dgad-slider__container .b2c-feature-card__title {
    color: #27509b
}

.b2c-feature-card-slider .dgad-slider__pager-button {
    outline: #e6e6e6
}

.b2c-feature-card-slider .dgad-slider__pager-button:before {
    background: #e6e6e6
}

.b2c-feature-card-slider .dgad-slider__pager-button--active:before {
    background: #9d9d9d
}

.b2c-feature-card-slider .dgad-slider__buttons-container .dgad-btn {
    background: #fce500
}

.b2c-feature-card-slider .dgad-slider__buttons-container .dgad-btn svg {
    fill: #333;
    stroke: #333
}

.b2c-give-advice-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 4rem 0
}

.b2c-give-advice-block__title {
    margin-bottom: 4rem
}

.b2c-give-advice-block__grid {
    width: 100%
}

@media screen and (min-width: 960px) {
    .b2c-give-advice-block {
        background:#f5f5f5
    }
}

.b2c-give-advice-block__title {
    font-family: Noto Sans,arial,sans-serif;
    font-weight: 700;
    font-size: 2.2rem
}

.b2c-hero-video-player {
    position: relative;
    overflow: hidden
}

@media screen and (min-width: 960px) {
    .b2c-hero-video-player:hover .b2c-player-video-controls,.b2c-hero-video-player:hover .b2c-player-video-sound-controls {
        opacity:1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.b2c-hero-video-player__scroller {
    position: absolute;
    z-index: 1;
    bottom: 4rem;
    left: 50%;
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 3.5rem;
    height: 5.5rem;
    background-color: transparent;
    opacity: 0;
    border: .1rem solid;
    border-radius: 5rem;
    cursor: pointer;
    -webkit-transform: translate(-50%,10vh);
    transform: translate(-50%,10vh);
    -webkit-transition: opacity .7s cubic-bezier(.8,0,.2,1),background-color .5s cubic-bezier(.8,0,.2,1),-webkit-transform .7s cubic-bezier(.8,0,.2,1);
    transition: opacity .7s cubic-bezier(.8,0,.2,1),background-color .5s cubic-bezier(.8,0,.2,1),-webkit-transform .7s cubic-bezier(.8,0,.2,1);
    transition: opacity .7s cubic-bezier(.8,0,.2,1),transform .7s cubic-bezier(.8,0,.2,1),background-color .5s cubic-bezier(.8,0,.2,1);
    transition: opacity .7s cubic-bezier(.8,0,.2,1),transform .7s cubic-bezier(.8,0,.2,1),background-color .5s cubic-bezier(.8,0,.2,1),-webkit-transform .7s cubic-bezier(.8,0,.2,1)
}

.b2c-hero-video-player__scroller svg {
    width: 2rem;
    height: 2.5rem;
    -webkit-transition: all .5s cubic-bezier(.8,0,.2,1);
    transition: all .5s cubic-bezier(.8,0,.2,1)
}

@media screen and (min-width: 840px) {
    .b2c-hero-video-player__scroller {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.b2c-hero-video-player__heading {
    position: absolute;
    z-index: 20;
    top: 50%;
    left: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    padding: 2rem;
    text-align: center;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.b2c-hero-video-player__heading>div {
    width: 100%
}

.b2c-hero-video-player__title {
    margin-bottom: 2rem;
    font-size: 1.5rem;
    opacity: 0;
    -webkit-transform: translateY(30rem);
    transform: translateY(30rem);
    -webkit-transition: opacity .7s cubic-bezier(.8,0,.2,1),-webkit-transform .7s cubic-bezier(.8,0,.2,1);
    transition: opacity .7s cubic-bezier(.8,0,.2,1),-webkit-transform .7s cubic-bezier(.8,0,.2,1);
    transition: opacity .7s cubic-bezier(.8,0,.2,1),transform .7s cubic-bezier(.8,0,.2,1);
    transition: opacity .7s cubic-bezier(.8,0,.2,1),transform .7s cubic-bezier(.8,0,.2,1),-webkit-transform .7s cubic-bezier(.8,0,.2,1)
}

@media screen and (min-width: 840px) {
    .b2c-hero-video-player__title {
        font-size:3rem
    }
}

.b2c-hero-video-player__subtitle {
    margin-bottom: 2rem;
    font-size: 1.2rem;
    opacity: 0;
    -webkit-transform: translateY(25rem);
    transform: translateY(25rem);
    -webkit-transition: opacity .77s cubic-bezier(.8,0,.2,1),-webkit-transform .77s cubic-bezier(.8,0,.2,1);
    transition: opacity .77s cubic-bezier(.8,0,.2,1),-webkit-transform .77s cubic-bezier(.8,0,.2,1);
    transition: opacity .77s cubic-bezier(.8,0,.2,1),transform .77s cubic-bezier(.8,0,.2,1);
    transition: opacity .77s cubic-bezier(.8,0,.2,1),transform .77s cubic-bezier(.8,0,.2,1),-webkit-transform .77s cubic-bezier(.8,0,.2,1)
}

@media screen and (min-width: 840px) {
    .b2c-hero-video-player__subtitle {
        font-size:1.7rem
    }
}

.b2c-hero-video-player__cta {
    opacity: 0;
    -webkit-transform: translateY(20rem);
    transform: translateY(20rem);
    -webkit-transition: opacity .8s cubic-bezier(.8,0,.2,1),-webkit-transform .8s cubic-bezier(.8,0,.2,1);
    transition: opacity .8s cubic-bezier(.8,0,.2,1),-webkit-transform .8s cubic-bezier(.8,0,.2,1);
    transition: opacity .8s cubic-bezier(.8,0,.2,1),transform .8s cubic-bezier(.8,0,.2,1);
    transition: opacity .8s cubic-bezier(.8,0,.2,1),transform .8s cubic-bezier(.8,0,.2,1),-webkit-transform .8s cubic-bezier(.8,0,.2,1)
}

.b2c-hero-video-player {
    background: #000
}

.b2c-hero-video-player__scroller {
    border-color: #fff;
    outline: #fff
}

.b2c-hero-video-player__scroller:hover {
    background-color: #fff
}

.b2c-hero-video-player__scroller:hover svg {
    fill: #27509b
}

.b2c-hero-video-player__scroller svg {
    fill: #fff
}

.b2c-hero-video-player__heading,.b2c-hero-video-player__subtitle,.b2c-hero-video-player__title {
    color: #fff
}

.b2c-hero-video-player__title {
    font-size: 3.5rem;
    font-weight: 700;
    font-family: Michelin
}

.b2c-iadvize-popin__dialog-box.apos-dialog-box {
    width: 80%;
    max-width: 117rem;
    height: 80%;
    max-height: none
}

.b2c-iadvize-popin__close {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 0
}

.b2c-iadvize-popin__content {
    width: 100%;
    height: 100%;
    padding: 1rem 0 1rem 1rem;
    font-size: 1.4rem;
    background: #fff
}

@media (max-width: 959px) {
    .b2c-iadvize-popin__dialog-box.apos-dialog-box {
        width:95%;
        height: 96%
    }

    .b2c-iadvize-popin__close {
        top: calc(5% + 1rem);
        right: calc(5% + 1rem)
    }

    .b2c-iadvize-popin__content {
        padding: 0
    }
}

.dgad-accordion__section {
    margin: 0!important
}

.dgad-accordion__section-header {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: .1rem!important;
    cursor: pointer;
    -webkit-transition: color .4s;
    transition: color .4s
}

@media screen and (min-width: 960px) {
    .dgad-accordion__section-header {
        margin-top:0!important
    }

    .dgad-accordion__section-header:hover {
        color: #27509b
    }

    .dgad-accordion__section-header:hover .dgad-accordion__section-toggle svg {
        stroke: #27509b
    }

    .dgad-accordion__section-header:hover:after {
        width: 100%
    }
}

.dgad-accordion__section-header:after,.dgad-accordion__section-header:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    display: none;
    height: .1rem
}

@media screen and (min-width: 960px) {
    .dgad-accordion__section-header:after,.dgad-accordion__section-header:before {
        display:block
    }
}

.dgad-accordion__section-header:before {
    z-index: 1;
    right: 0
}

.dgad-accordion__section-header:after {
    z-index: 2;
    width: 0;
    -webkit-transition: width .4s linear;
    transition: width .4s linear
}

.dgad-accordion__section-header .apos-rich-text p {
    font-weight: 700
}

.dgad-accordion__section-content {
    padding: 2rem 1rem!important
}

.dgad-accordion__section-content .apos-rich-text,.dgad-accordion__section-header .apos-rich-text {
    margin: 0!important
}

.dgad-accordion__section-content .apos-rich-text p,.dgad-accordion__section-header .apos-rich-text p {
    margin: 0;
    padding: 0
}

.dgad-accordion__section-toggle svg {
    width: 2.5rem;
    height: 2.5rem;
    -webkit-transition: stroke .3s linear,-webkit-transform .3s ease;
    transition: stroke .3s linear,-webkit-transform .3s ease;
    transition: transform .3s ease,stroke .3s linear;
    transition: transform .3s ease,stroke .3s linear,-webkit-transform .3s ease
}

.dgad-accordion__section--open .dgad-accordion__section-toggle svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.apos-workflow-draft-page .dgad-accordion__section-title .apos-area.apos-empty {
    height: 100%
}

.apos-workflow-draft-page .dgad-accordion__section-title .apos-area.apos-empty>.apos-ui .apos-area-controls--singleton {
    text-align: center
}

.dgad-accordion__section-header {
    height: auto;
    padding: 1rem 2rem;
    color: #333;
    border: none
}

@media screen and (min-width: 960px) {
    .dgad-accordion__section-header {
        min-height:6.4rem;
        padding: 0 2rem
    }

    .dgad-accordion__section-header:hover {
        color: #27509b
    }

    .dgad-accordion__section-header:hover .dgad-accordion__section-toggle {
        stroke: #27509b
    }
}

.dgad-accordion__section-header:before {
    background-color: #c5c5c5
}

.dgad-accordion__section-header:after {
    background-color: #27509b
}

.dgad-accordion__section-toggle {
    stroke: #363636
}

.dgad-accordion__section--open .dgad-accordion__section-header {
    color: #27509b
}

.dgad-accordion--primary {
    background-color: #fff
}

.dgad-accordion--primary .dgad-accordion__section-content,.dgad-accordion--primary .dgad-accordion__section-header {
    background-color: #f5f5f5
}

@media screen and (min-width: 960px) {
    .dgad-accordion--primary .dgad-accordion__section-content,.dgad-accordion--primary .dgad-accordion__section-header {
        background-color:#fff
    }
}

.dgad-accordion--secondary {
    background-color: #f5f5f5
}

.dgad-accordion--secondary .dgad-accordion__section-content,.dgad-accordion--secondary .dgad-accordion__section-header {
    background-color: #fff
}

@media screen and (min-width: 960px) {
    .dgad-accordion--secondary .dgad-accordion__section-content,.dgad-accordion--secondary .dgad-accordion__section-header {
        background-color:#f5f5f5
    }
}

.b2c-grid-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.b2c-grid-list__item {
    width: calc(50% - 1.5rem);
    min-height: 14rem;
    margin: 0 .75rem 1.5rem;
    border-radius: .2rem;
    -webkit-transition: background-color .1s ease-in-out;
    transition: background-color .1s ease-in-out
}

@media screen and (min-width: 960px) {
    .b2c-grid-list__item {
        width:calc(25% - 2rem);
        margin: 0 1rem 2.5rem
    }
}

@media screen and (min-width: 1280px) {
    .b2c-grid-list__item {
        width:calc(16.66% - 2.5rem);
        margin: 0 1.25rem 2.5rem
    }
}

.b2c-grid-list__image,.b2c-grid-list__placeholder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 9.5rem
}

.b2c-grid-list__image {
    width: 100%;
    margin: 0 auto
}

.b2c-grid-list__image>svg {
    width: 100%
}

.b2c-grid-list__placeholder {
    font-size: 2rem;
    line-height: 1.6rem
}

.b2c-grid-list__label {
    margin: 0 1rem;
    padding: 1rem 0
}

.b2c-makes-list__label {
    padding: 1rem 0 1.5rem;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.6rem;
    text-transform: uppercase
}

.b2c-makes-list__image {
    padding: 1rem
}

.b2c-makes-list__image div {
    width: 100%;
    height: 7.5rem;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    -webkit-transform: scale(.85);
    transform: scale(.85)
}

.b2c-manufacturer-pages__back-button {
    width: 100%;
    height: 5.5rem;
    padding: 0 1.5rem;
    -webkit-transition: background-color .2s ease-in-out;
    transition: background-color .2s ease-in-out
}

.b2c-manufacturer-pages__back-button .b2c-container {
    height: 100%
}

.b2c-manufacturer-pages__back-button button,.b2c-manufacturer-pages__back-button span {
    padding-top: .1rem;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 5.5rem;
    text-align: left;
    border: none;
    overflow: hidden
}

.b2c-manufacturer-pages__back-button button,.b2c-manufacturer-pages__back-button span,.b2c-manufacturer-pages__back-button svg {
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    -webkit-transition: -webkit-transform .2s ease-in-out;
    transition: -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out,-webkit-transform .2s ease-in-out
}

.b2c-manufacturer-pages__back-button svg {
    width: .6rem;
    margin-right: 1rem;
    -webkit-transform: rotate(180deg) translateX(0);
    transform: rotate(180deg) translateX(0)
}

@media screen and (min-width: 960px) {
    .b2c-manufacturer-pages__back-button {
        height:4rem;
        padding: 0
    }

    .b2c-manufacturer-pages__back-button button,.b2c-manufacturer-pages__back-button span {
        line-height: 4rem
    }
}

.b2c-exhaustive-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (min-width: 600px) {
    .b2c-exhaustive-list {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.b2c-exhaustive-list__aphabetical-separator {
    margin-top: 4rem;
    padding-bottom: 1rem;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase
}

.b2c-exhaustive-list__aphabetical-separator:first-child {
    margin-top: 0
}

.b2c-exhaustive-list__item {
    height: 5rem;
    line-height: 5rem;
    text-transform: uppercase
}

.b2c-exhaustive-list__item--no-url {
    padding-left: 2rem
}

@media screen and (min-width: 600px) and (max-width:959px) {
    .b2c-exhaustive-list__item {
        width:calc(50% - 1.5rem);
        margin: 0 .75rem
    }
}

@media screen and (min-width: 960px) {
    .b2c-exhaustive-list__item {
        width:calc(25% - 2rem);
        height: 3.4rem;
        margin: 0 1rem;
        line-height: 3.4rem
    }
}

@media screen and (min-width: 1280px) {
    .b2c-exhaustive-list__item {
        width:calc(25% - 2.5rem);
        margin: 0 1.25rem
    }
}

.b2c-exhaustive-list__item a {
    display: block;
    padding-left: 2rem
}

.b2c-manufacturer-pages__main-content {
    padding: 0 1.5rem
}

@media screen and (min-width: 600px) {
    .b2c-manufacturer-pages__main-content {
        padding:0 2.5rem
    }
}

@media screen and (min-width: 960px) {
    .b2c-manufacturer-pages__main-content {
        padding:0
    }
}

.b2c-manufacturer-pages__main-content .b2c-grid-list__image svg {
    max-width: 7.45rem
}

.b2c-manufacturer-pages__quick-access {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%
}

.b2c-manufacturer-pages__quick-access .b2c-ts {
    padding-bottom: 0
}

@media screen and (min-width: 960px) {
    .b2c-manufacturer-pages__quick-access .b2c-manufacturer-pages__back-button {
        -webkit-box-ordinal-group:2;
        -ms-flex-order: 1;
        order: 1
    }

    .b2c-manufacturer-pages__quick-access .b2c-manufacturer-pages__apos-area {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }
}

.b2c-manufacturer-pages__heading {
    margin-top: 2.6rem;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 2.6rem;
    text-align: center
}

@media screen and (min-width: 600px) {
    .b2c-manufacturer-pages__heading {
        margin-top:3rem
    }
}

@media screen and (min-width: 960px) {
    .b2c-manufacturer-pages__heading {
        line-height:2.1rem
    }
}

@media screen and (min-width: 1280px) {
    .b2c-manufacturer-pages__heading {
        margin-top:6.2rem
    }
}

.b2c-manufacturer-pages__heading h1 {
    margin: .5rem 0 2.5rem
}

@media screen and (min-width: 960px) {
    .b2c-manufacturer-pages__heading h1 {
        margin:5rem 0
    }
}

@media screen and (min-width: 1280px) {
    .b2c-manufacturer-pages__heading h1 {
        font-size:3.2rem
    }
}

.b2c-manufacturer-pages__heading h2 {
    font-size: 2.6rem
}

@media screen and (min-width: 1280px) {
    .b2c-manufacturer-pages__heading h2 {
        margin-bottom:5.2rem;
        font-size: 3.4rem
    }
}

.b2c-manufacturer-pages__heading .apos-rich-text {
    margin-bottom: 0
}

@media (max-width: 959px) {
    .b2c-manufacturer-pages__heading--models {
        padding:0 2.5rem
    }
}

.b2c-manufacturer-pages__heading--models.b2c-container {
    margin-bottom: 4rem
}

@media screen and (min-width: 960px) {
    .b2c-manufacturer-pages__heading--models.b2c-container {
        margin-bottom:3rem
    }
}

@media screen and (min-width: 1280px) {
    .b2c-manufacturer-pages__heading--models.b2c-container {
        margin-bottom:4.9rem
    }
}

@media screen and (min-width: 1920px) {
    .b2c-manufacturer-pages__heading--models.b2c-container {
        margin-bottom:7rem
    }
}

.b2c-manufacturer-pages__heading--models h1 {
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin: 3rem 0 1rem;
    font-size: 2.6rem;
    line-height: 1.77
}

@media screen and (min-width: 600px) {
    .b2c-manufacturer-pages__heading--models h1 {
        -ms-flex-item-align:center;
        align-self: center;
        margin: 5rem 0 3rem;
        font-size: 2.2rem
    }
}

@media screen and (min-width: 960px) {
    .b2c-manufacturer-pages__heading--models h1 {
        margin:4rem 0;
        font-size: 2.6rem
    }
}

@media screen and (min-width: 1920px) {
    .b2c-manufacturer-pages__heading--models h1 {
        -ms-flex-item-align:start;
        align-self: flex-start;
        font-size: 2.8rem
    }
}

.b2c-manufacturer-pages__heading--models .b2c-row .b2c-manufacturer-pages__heading-img {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 6.4rem;
    margin: 0 auto 2rem
}

@media screen and (min-width: 960px) {
    .b2c-manufacturer-pages__heading--models .b2c-row .b2c-manufacturer-pages__heading-img {
        width:calc(25% - 2rem);
        margin: 0 2.5rem 0 0
    }
}

@media screen and (min-width: 1280px) {
    .b2c-manufacturer-pages__heading--models .b2c-row .b2c-manufacturer-pages__heading-img {
        width:calc(16.66% - 2.5rem);
        margin: 0 2.9rem 0 0
    }
}

@media screen and (min-width: 1280px) and (max-width:1919px) {
    .b2c-manufacturer-pages__heading--models .b2c-row .b2c-manufacturer-pages__heading-img {
        -ms-flex-item-align:center;
        align-self: center
    }
}

.b2c-manufacturer-pages__heading--models .b2c-row .b2c-manufacturer-pages__heading-img div {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: top;
    background-size: contain
}

@media (max-width: 959px) {
    .b2c-manufacturer-pages__heading--models .b2c-row>* {
        display:block
    }

    .b2c-manufacturer-pages__heading--models .b2c-row>* p {
        text-align: center
    }
}

@media (max-width: 599px) {
    .b2c-manufacturer-pages__heading--models .b2c-row>* p {
        text-align:left
    }
}

.b2c-manufacturer-pages__heading--models p {
    text-align: left
}

.b2c-manufacturer-pages__container {
    margin: 0 -.75rem 1.5rem
}

@media screen and (min-width: 960px) {
    .b2c-manufacturer-pages__container {
        margin:0 -1rem
    }
}

@media screen and (min-width: 1280px) {
    .b2c-manufacturer-pages__container {
        margin:0 -1.25rem
    }
}

.b2c-manufacturer-pages__container ul.b2c-exhaustive-list:last-of-type {
    margin-bottom: 5rem
}

.b2c-manufacturer-pages__h2 {
    margin-bottom: 2rem;
    font-size: 2rem;
    line-height: 3.6rem
}

@media screen and (min-width: 600px) {
    .b2c-manufacturer-pages__h2 {
        text-align:center
    }
}

@media screen and (min-width: 960px) {
    .b2c-manufacturer-pages__h2 {
        margin-bottom:1rem;
        text-align: left
    }
}

.b2c-grid-list__item {
    background-color: #f5f5f5;
    border: .4rem solid #f5f5f5
}

.b2c-grid-list__item:hover {
    background-color: #fff
}

.b2c-grid-list__placeholder {
    color: #c1c3c1
}

.b2c-grid-list__label {
    border-top: .2rem solid hsla(0,0%,59.2%,.2)
}

.b2c-makes-list__label {
    color: #27509b
}

.b2c-manufacturer-pages__back-button {
    background-color: #363636
}

.b2c-manufacturer-pages__back-button button,.b2c-manufacturer-pages__back-button span {
    color: #fff
}

.b2c-manufacturer-pages__back-button svg {
    fill: #fff
}

.b2c-exhaustive-list__aphabetical-separator {
    color: #27509b
}

.b2c-exhaustive-list__item {
    background: #f5f5f5
}

@media screen and (min-width: 0) and (max-width:599px) {
    .b2c-exhaustive-list__item:nth-child(2n) {
        background:#fff
    }
}

@media screen and (min-width: 600px) and (max-width:959px) {
    .b2c-exhaustive-list__item:nth-child(4n+3),.b2c-exhaustive-list__item:nth-child(4n+4) {
        background:#fff
    }
}

@media screen and (min-width: 960px) {
    .b2c-exhaustive-list__item {
        background:#fff
    }

    .b2c-exhaustive-list__item:nth-child(8n+1),.b2c-exhaustive-list__item:nth-child(8n+2),.b2c-exhaustive-list__item:nth-child(8n+3),.b2c-exhaustive-list__item:nth-child(8n+4) {
        background: #f5f5f5
    }
}

.b2c-manufacturer-pages__heading {
    font-family: Noto Sans
}

.b2c-manufacturer-pages__heading h1 {
    color: #333
}

.b2c-manufacturer-pages__heading p {
    color: #27509b
}

.b2c-manufacturer-pages__heading--models p {
    color: #333
}

.b2c-multi-entries-panel__card {
    position: relative;
    z-index: 1;
    width: 100%;
    margin: 0;
    padding: 2rem;
    background: #fff;
    border-radius: 0;
    -webkit-box-shadow: 0 .2rem 1rem 0 rgba(0,0,0,.2);
    box-shadow: 0 .2rem 1rem 0 rgba(0,0,0,.2)
}

@media screen and (min-width: 600px) {
    .b2c-multi-entries-panel__card {
        width:43.6rem;
        margin: 8rem 0;
        border-radius: .4rem
    }
}

.b2c-multi-entries-panel__title {
    margin-top: 1rem;
    margin-bottom: 1.5rem;
    font-family: Noto Sans,arial,sans-serif;
    font-size: 2.2rem;
    color: #333;
    letter-spacing: -.1rem;
    text-align: center
}

@media screen and (min-width: 600px) {
    .b2c-multi-entries-panel__title {
        margin-top:0;
        font-size: 2.6rem;
        text-align: left
    }
}

.b2c-multi-entries-panel__description {
    margin-bottom: 3rem;
    line-height: inherit
}

.b2c-multi-entries-panel-nav__title {
    margin-top: 2.5rem;
    margin-bottom: 2rem;
    padding: 0 4rem;
    font-family: Noto Sans,arial,sans-serif;
    font-size: 1.6rem;
    font-weight: 700;
    color: #27509b;
    letter-spacing: normal;
    text-align: center
}

@media screen and (min-width: 600px) {
    .b2c-multi-entries-panel-nav__title {
        margin-top:0;
        text-align: left
    }
}

.b2c-multi-entries-panel__cta-area {
    width: 100%;
    max-width: 27rem;
    margin: 0 auto;
    font-family: Noto Sans;
    font-size: 1.4rem;
    font-weight: 400;
    text-align: center
}

.b2c-multi-entries-panel__cta {
    position: relative;
    display: inline-block;
    margin: 0;
    padding-bottom: .5rem;
    font-weight: 700
}

.b2c-multi-entries-panel__cta:after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: .1rem
}

@media screen and (min-width: 600px) {
    .b2c-multi-entries-panel__cta {
        margin:0 0 0 1.2rem
    }
}

.b2c-multi-entries-panel .dgad-widgets-slider {
    height: auto
}

.b2c-multi-entries-panel .dgad-widgets-slider .dgad-slider__container {
    display: none;
    width: 100%
}

@media screen and (min-width: 600px) {
    .b2c-multi-entries-panel .dgad-widgets-slider .dgad-slider__container {
        position:absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        display: block
    }
}

.b2c-multi-entries-panel .dgad-widgets-slider .dgad-slider__track {
    height: 100%;
    -webkit-transition: -webkit-transform .65s cubic-bezier(.8,0,.2,1);
    transition: -webkit-transform .65s cubic-bezier(.8,0,.2,1);
    transition: transform .65s cubic-bezier(.8,0,.2,1);
    transition: transform .65s cubic-bezier(.8,0,.2,1),-webkit-transform .65s cubic-bezier(.8,0,.2,1)
}

.b2c-multi-entries-panel .dgad-widgets-slider .dgad-slider__slide {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    width: 100%;
    height: 100%;
    opacity: .2;
    -webkit-transition: opacity 1s cubic-bezier(.8,0,.2,1);
    transition: opacity 1s cubic-bezier(.8,0,.2,1)
}

.b2c-multi-entries-panel .dgad-widgets-slider .dgad-slider__slide-media {
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

.b2c-multi-entries-panel .dgad-widgets-slider .dgad-slider__slide--active {
    opacity: 1
}

.b2c-multi-entries-panel .dgad-widgets-slider .dgad-slider__slide img {
    width: 100%
}

.b2c-multi-entries-panel--regular-view {
    background: 50% no-repeat;
    background-size: cover
}

.b2c-multi-entries-panel--regular-view .b2c-multi-entries-panel__card {
    padding: 2rem
}

@media screen and (min-width: 600px) {
    .b2c-multi-entries-panel--regular-view .b2c-multi-entries-panel__card {
        padding:2.3rem 2rem 0;
        background: #fff
    }
}

.b2c-multi-entries-panel--regular-view .b2c-multi-entries-panel__description {
    text-align: center
}

@media screen and (min-width: 600px) {
    .b2c-multi-entries-panel--regular-view .b2c-multi-entries-panel__description {
        text-align:left
    }
}

.b2c-multi-entries-panel--regular-view .b2c-multi-entries-panel__cta-area {
    max-width: none;
    margin-top: 2rem
}

@media screen and (min-width: 600px) {
    .b2c-multi-entries-panel--regular-view .b2c-multi-entries-panel__cta-area {
        margin:2rem 0
    }
}

.b2c-multi-entries-panel--regular-view .b2c-multi-entries-panel__cta-area .dgad-cta {
    width: 100%
}

@media screen and (min-width: 600px) {
    .b2c-multi-entries-panel--regular-view .b2c-multi-entries-nav__link a {
        color:#27509b
    }
}

@media screen and (min-width: 600px) {
    .b2c-multi-entries-panel--regular-view .b2c-multi-entries-nav__link:hover .b2c-multi-entries-nav__link-left-icon {
        -webkit-transform:translateX(-.5rem);
        transform: translateX(-.5rem)
    }
}

.b2c-multi-entries-panel--regular-view .b2c-multi-entries-nav__link:last-child {
    border-bottom: none
}

.b2c-multi-entries-panel--pl-switch-view .b2c-multi-entries-panel__card {
    padding: 2rem
}

@media screen and (min-width: 600px) {
    .b2c-multi-entries-panel--pl-switch-view .b2c-multi-entries-panel__card {
        padding:2.3rem
    }
}

.b2c-multi-entries-panel--pl-switch-view .b2c-multi-entries-panel__description {
    display: none
}

@media screen and (min-width: 600px) {
    .b2c-multi-entries-panel--pl-switch-view .b2c-multi-entries-panel__description {
        display:block
    }
}

.b2c-multi-entries-panel--pl-switch-view .b2c-multi-entries-panel__cta-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media screen and (min-width: 600px) {
    .b2c-multi-entries-panel--pl-switch-view .b2c-multi-entries-panel__cta-area {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        max-width: none;
        margin: 0
    }
}

@media screen and (min-width: 600px) {
    .b2c-multi-entries-panel--pl-switch-view .b2c-multi-entries-nav {
        padding:0 2rem
    }
}

.b2c-multi-entries-panel--pl-switch-view .b2c-multi-entries-nav__link {
    height: 5.8rem;
    border-bottom: none
}

@media screen and (min-width: 600px) {
    .b2c-multi-entries-panel--pl-switch-view .b2c-multi-entries-nav__link--active .b2c-multi-entries-nav__link-label,.b2c-multi-entries-panel--pl-switch-view .b2c-multi-entries-nav__link:hover .b2c-multi-entries-nav__link-label {
        -webkit-transform:translateX(2rem);
        transform: translateX(2rem)
    }

    .b2c-multi-entries-panel--pl-switch-view .b2c-multi-entries-nav__link--active .b2c-multi-entries-nav__link-left-icon,.b2c-multi-entries-panel--pl-switch-view .b2c-multi-entries-nav__link:hover .b2c-multi-entries-nav__link-left-icon {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.b2c-multi-entries-panel--pl-switch-view .b2c-multi-entries-nav__link-progress {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: .1rem;
    border: none
}

.b2c-multi-entries-panel--pl-switch-view .b2c-multi-entries-nav__link-progress>div {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 0;
    height: 100%;
    background: #27509b
}

.b2c-multi-entries-panel--pl-switch-view .b2c-multi-entries-nav__link-left-icon {
    left: 7rem
}

.b2c-multi-entries-panel--pl-switch-view .b2c-multi-entries-nav__link-left-icon--iconless {
    left: 0;
    -webkit-transform: translateX(-2rem);
    transform: translateX(-2rem)
}

.b2c-multi-entries-panel--pl-switch-view .b2c-multi-entries-nav__link-left-icon svg {
    fill: #27509b
}

@media screen and (min-width: 600px) {
    .b2c-multi-entries-panel--pl-switch-view .b2c-multi-entries-nav__link {
        height:4rem
    }
}

.b2c-multi-entries-panel--pl-switch-view .b2c-multi-entries-nav__link a {
    padding-left: 1.4rem
}

.b2c-multi-entries-panel {
    position: relative;
    background-color: #333
}

.b2c-multi-entries-panel .apos-rich-text,.b2c-multi-entries-panel .apos-rich-text p {
    margin: 0
}

.b2c-multi-entries-panel .mdc-layout-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0
}

.b2c-multi-entries-panel .mdc-layout-grid .mdc-layout-grid__inner {
    width: 100%
}

@media screen and (min-width: 960px) {
    .b2c-multi-entries-panel .mdc-layout-grid {
        -webkit-box-align:center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .b2c-multi-entries-panel .mdc-layout-grid .mdc-layout-grid__inner {
        width: auto
    }
}

.b2c-multi-entries-panel__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.b2c-multi-entries-panel__inner-grid--aligned-right {
    margin: auto 0 auto auto
}

.b2c-multi-entries-panel__title {
    font-weight: 700
}

.b2c-multi-entries-panel__cta,.b2c-multi-entries-panel__cta-area {
    color: #363636
}

.b2c-multi-entries-panel__cta:after {
    content: "";
    background: #363636
}

.b2c-multi-entries-panel--pl-switch-view .b2c-multi-entries-nav__link-progress,.b2c-multi-entries-panel--regular-view .b2c-multi-entries-panel__card {
    background: #f5f5f5
}

@media screen and (min-width: 600px) {
    .b2c-multi-entries-panel--regular-view .b2c-multi-entries-panel__card {
        background:#fff
    }
}

.b2c-panel-slider .dgad-widgets-slider {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}

.b2c-panel-slider .dgad-widgets-slider>.dgad-slider__slide:not(:first-child) {
    display: none
}

.b2c-panel-slider .dgad-slider__slide.dgad-slider__slide--active .dgad-awards-item__quote p,.b2c-panel-slider .dgad-slider__slide.dgad-slider__slide--active .dgad-awards-item h4,.b2c-panel-slider .dgad-slider__slide.dgad-slider__slide--active .dgad-awards-item img,.b2c-panel-slider .dgad-slider__slide.dgad-slider__slide--active .dgad-awards-item span {
    opacity: 1
}

.b2c-panel-slider .dgad-slider__slide.dgad-slider__slide--active .dgad-awards-item__quote:before {
    height: 100%
}

.b2c-panel-slider .dgad-slider__slide.dgad-slider__slide--active .dgad-key-benefits-item__description h3,.b2c-panel-slider .dgad-slider__slide.dgad-slider__slide--active .dgad-key-benefits-item__description span {
    opacity: 1
}

.b2c-panel-slider .dgad-slider__slide.dgad-slider__slide--active .dgad-key-benefits-item__description:before {
    height: 100%
}

.b2c-panel-slider .dgad-slider__slide .dgad-awards-item img {
    opacity: 0;
    -webkit-transition: .5s ease .2s;
    transition: .5s ease .2s
}

.b2c-panel-slider .dgad-slider__slide .dgad-awards-item h4 {
    opacity: 0;
    -webkit-transition: .5s ease .3s;
    transition: .5s ease .3s
}

.b2c-panel-slider .dgad-slider__slide .dgad-awards-item__quote p {
    opacity: 0;
    -webkit-transition: .5s ease .4s;
    transition: .5s ease .4s
}

.b2c-panel-slider .dgad-slider__slide .dgad-awards-item__quote:before {
    height: 0;
    -webkit-transition: .8s ease;
    transition: .8s ease
}

.b2c-panel-slider .dgad-slider__slide .dgad-key-benefits-item {
    background: #fff
}

.b2c-panel-slider .dgad-slider__slide .dgad-key-benefits-item__media-wrapper {
    overflow: hidden
}

@media screen and (min-width: 960px) {
    .b2c-panel-slider .dgad-slider__slide .dgad-key-benefits-item__media-wrapper {
        max-height:25rem
    }
}

.b2c-panel-slider .dgad-slider__slide .dgad-key-benefits-item__description h3 {
    opacity: 0;
    -webkit-transition: .5s ease .2s;
    transition: .5s ease .2s
}

.b2c-panel-slider .dgad-slider__slide .dgad-key-benefits-item__description span {
    display: block;
    color: #b2b2b2;
    opacity: 0;
    -webkit-transition: .5s ease .3s;
    transition: .5s ease .3s
}

.b2c-panel-slider .dgad-slider__slide .dgad-key-benefits-item__description:before {
    height: 0;
    -webkit-transition: .8s ease;
    transition: .8s ease
}

.b2c-panel-slider .dgad-slider__slide-unique {
    overflow: hidden
}

.b2c-panel-slider .dgad-slider__slide-unique .dgad-awards-item__quote p,.b2c-panel-slider .dgad-slider__slide-unique .dgad-awards-item h4,.b2c-panel-slider .dgad-slider__slide-unique .dgad-awards-item img,.b2c-panel-slider .dgad-slider__slide-unique .dgad-awards-item span:not(.b2c-btn__icon) {
    opacity: 1
}

.b2c-panel-slider .dgad-slider__slide-unique .dgad-awards-item__quote:before {
    height: 100%
}

.b2c-panel-slider .dgad-slider__slide-unique .dgad-key-benefits-item__description h3,.b2c-panel-slider .dgad-slider__slide-unique .dgad-key-benefits-item__description span {
    opacity: 1
}

.b2c-panel-slider .dgad-slider__slide-unique .dgad-key-benefits-item__description:before {
    height: 100%
}

.b2c-panel-slider .dgad-slider__buttons-container {
    position: absolute;
    width: 100%;
    max-width: 192rem;
    height: 100%;
    pointer-events: none
}

@media screen and (min-width: 960px) {
    .b2c-panel-slider .dgad-slider__buttons-container {
        width:90%;
        padding: 0 2.4rem
    }
}

@media screen and (min-width: 1280px) {
    .b2c-panel-slider .dgad-slider__buttons-container {
        width:80%
    }
}

.b2c-panel-slider .dgad-slider__buttons {
    pointer-events: all
}

.b2c-panel-slider.b2c-slider .dgad-slider__buttons-container .dgad-btn {
    top: auto;
    bottom: 4rem;
    background-color: #f5f5f5
}

@media screen and (min-width: 960px) {
    .b2c-panel-slider.b2c-slider .dgad-slider__buttons-container .dgad-btn {
        top:15%
    }
}

.b2c-panel-slider.b2c-slider .dgad-slider__prev {
    left: 2rem
}

@media screen and (min-width: 960px) {
    .b2c-panel-slider.b2c-slider .dgad-slider__prev {
        left:-1rem
    }
}

@media screen and (min-width: 1280px) {
    .b2c-panel-slider.b2c-slider .dgad-slider__prev {
        left:0
    }
}

.b2c-panel-slider.b2c-slider .dgad-slider__next {
    right: 2rem
}

@media screen and (min-width: 960px) {
    .b2c-panel-slider.b2c-slider .dgad-slider__next {
        right:-1rem
    }
}

@media screen and (min-width: 1280px) {
    .b2c-panel-slider.b2c-slider .dgad-slider__next {
        right:0
    }
}

.b2c-multi-entries-nav {
    margin-bottom: 2.5rem;
    padding: 0;
    background: #fff
}

@media screen and (min-width: 600px) {
    .b2c-multi-entries-nav {
        margin-bottom:2rem
    }
}

.b2c-multi-entries-nav__link {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
    height: 6.5rem;
    margin: auto;
    border: none
}

@media screen and (min-width: 600px) {
    .b2c-multi-entries-nav__link {
        height:5.5rem
    }
}

@media screen and (min-width: 600px) {
    .b2c-multi-entries-nav__link--active .b2c-multi-entries-nav__link-label,.b2c-multi-entries-nav__link:hover .b2c-multi-entries-nav__link-label {
        -webkit-transform:translateX(3rem);
        transform: translateX(3rem)
    }

    .b2c-multi-entries-nav__link--active .b2c-multi-entries-nav__link-right-icon svg,.b2c-multi-entries-nav__link:hover .b2c-multi-entries-nav__link-right-icon svg {
        opacity: 0;
        -webkit-transform: translateX(2rem);
        transform: translateX(2rem)
    }

    .b2c-multi-entries-nav__link--active .b2c-multi-entries-nav__link-left-icon,.b2c-multi-entries-nav__link:hover .b2c-multi-entries-nav__link-left-icon {
        opacity: 1;
        -webkit-transform: translateX(-.5rem);
        transform: translateX(-.5rem)
    }
}

.b2c-multi-entries-nav__link-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 5rem;
    height: 2rem;
    margin-right: 2rem
}

.b2c-multi-entries-nav__link-icon img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 90%
}

.b2c-multi-entries-nav__link-icon svg {
    height: 100%
}

.b2c-multi-entries-nav__link-left-icon,.b2c-multi-entries-nav__link-right-icon {
    position: absolute;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 4rem;
    height: 100%;
    overflow: hidden;
    pointer-events: none
}

.b2c-multi-entries-nav__link-left-icon>svg,.b2c-multi-entries-nav__link-right-icon>svg {
    width: 1.4rem;
    height: 1.4rem;
    -webkit-transition: opacity .7s cubic-bezier(.8,0,.2,1),-webkit-transform .7s cubic-bezier(.8,0,.2,1);
    transition: opacity .7s cubic-bezier(.8,0,.2,1),-webkit-transform .7s cubic-bezier(.8,0,.2,1);
    transition: transform .7s cubic-bezier(.8,0,.2,1),opacity .7s cubic-bezier(.8,0,.2,1);
    transition: transform .7s cubic-bezier(.8,0,.2,1),opacity .7s cubic-bezier(.8,0,.2,1),-webkit-transform .7s cubic-bezier(.8,0,.2,1)
}

.b2c-multi-entries-nav__link a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding-right: 4rem;
    padding-left: 1.4rem;
    line-height: 5.8rem;
    white-space: nowrap
}

@media screen and (min-width: 600px) {
    .b2c-multi-entries-nav__link a {
        padding-left:0;
        line-height: 4rem
    }
}

.b2c-multi-entries-nav__link-right-icon {
    right: 0
}

.b2c-multi-entries-nav__link-left-icon {
    left: 0;
    opacity: 0;
    -webkit-transform: translateX(-2rem);
    transform: translateX(-2rem);
    -webkit-transition: opacity .7s cubic-bezier(.8,0,.2,1),-webkit-transform .7s cubic-bezier(.8,0,.2,1);
    transition: opacity .7s cubic-bezier(.8,0,.2,1),-webkit-transform .7s cubic-bezier(.8,0,.2,1);
    transition: transform .7s cubic-bezier(.8,0,.2,1),opacity .7s cubic-bezier(.8,0,.2,1);
    transition: transform .7s cubic-bezier(.8,0,.2,1),opacity .7s cubic-bezier(.8,0,.2,1),-webkit-transform .7s cubic-bezier(.8,0,.2,1)
}

.b2c-multi-entries-nav__link-label {
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-transition: color .7s cubic-bezier(.8,0,.2,1),-webkit-transform .7s cubic-bezier(.8,0,.2,1);
    transition: color .7s cubic-bezier(.8,0,.2,1),-webkit-transform .7s cubic-bezier(.8,0,.2,1);
    transition: transform .7s cubic-bezier(.8,0,.2,1),color .7s cubic-bezier(.8,0,.2,1);
    transition: transform .7s cubic-bezier(.8,0,.2,1),color .7s cubic-bezier(.8,0,.2,1),-webkit-transform .7s cubic-bezier(.8,0,.2,1)
}

.b2c-pl-selector-nav {
    background: #fff
}

@media (max-width: 599px) {
    .b2c-pl-selector-nav {
        margin-bottom:2.5rem
    }
}

.b2c-pl-selector-nav__link {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
    height: 4rem
}

@media (max-width: 959px) {
    .b2c-pl-selector-nav__link {
        -webkit-box-align:center;
        -ms-flex-align: center;
        align-items: center;
        height: 6.8rem;
        margin: auto
    }
}

.b2c-pl-selector-nav__link:last-child {
    border-bottom: none
}

@media screen and (min-width: 960px) {
    .b2c-pl-selector-nav__link:hover .b2c-pl-selector-nav__link-right-icon svg {
        -webkit-transform:translateX(.5rem);
        transform: translateX(.5rem)
    }
}

.b2c-pl-selector-nav__link>a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding: 0 4rem 0 1.4rem;
    line-height: 6.8rem;
    white-space: nowrap
}

@media screen and (min-width: 600px) {
    .b2c-pl-selector-nav__link>a {
        line-height:4rem
    }
}

.b2c-pl-selector-nav__link>a .dgad-navigation__link-icon,.b2c-pl-selector-nav__link>a>svg {
    width: 4rem;
    max-height: 4rem;
    margin: auto 1.5rem auto 0
}

.b2c-pl-selector-nav__link>a .dgad-navigation__link-text {
    padding-right: 1rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.b2c-pl-selector-nav__link-right-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 6.8rem;
    height: 6.8rem;
    overflow: hidden;
    pointer-events: none
}

@media screen and (min-width: 600px) {
    .b2c-pl-selector-nav__link-right-icon {
        width:4rem;
        height: 4rem
    }
}

.b2c-pl-selector-nav__link-right-icon>svg {
    width: 1.4rem;
    height: 1.4rem;
    fill: #000;
    -webkit-transition: -webkit-transform .7s cubic-bezier(.8,0,.2,1);
    transition: -webkit-transform .7s cubic-bezier(.8,0,.2,1);
    transition: transform .7s cubic-bezier(.8,0,.2,1);
    transition: transform .7s cubic-bezier(.8,0,.2,1),-webkit-transform .7s cubic-bezier(.8,0,.2,1)
}

.b2c-pl-selector-nav__link-right-icon svg:first-child {
    display: inline
}

.b2c-pl-selector-nav__link-right-icon svg:last-child {
    display: none
}

.b2c-multi-entries-nav__link {
    border-bottom: .1rem solid rgba(54,54,54,.3)
}

.b2c-multi-entries-nav__link-right-icon svg {
    fill: #b2b2b2
}

.b2c-multi-entries-nav__link-left-icon svg {
    fill: #27509b
}

@media screen and (min-width: 600px) {
    .b2c-multi-entries-nav__link--active .b2c-multi-entries-nav__link-label,.b2c-multi-entries-nav__link:hover .b2c-multi-entries-nav__link-label {
        color:#27509b
    }
}

.b2c-pl-selector-nav__link {
    border-bottom: .1rem solid #f5f5f5
}

.rezulteo-loading-tyre-glyph {
    -webkit-animation: spinning-animation 1.5s ease-in-out infinite;
    animation: spinning-animation 1.5s ease-in-out infinite
}

[data-popin=popinRezulteo] {
    display: none
}

[data-popin=popinRezulteo] .dgad-popin__close {
    z-index: 2;
    top: 3rem;
    right: 3rem
}

.dgad-popin__overlay.rezulteo__overlay {
    background: rgba(39,80,155,.9)
}

.rezulteo-popin {
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff
}

@media screen and (min-width: 960px) {
    .rezulteo-popin {
        top:50%;
        left: 50%;
        width: 80rem;
        height: calc(95vh - 2rem);
        padding: 0;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%)
    }
}

.rezulteo-popin ::-webkit-scrollbar {
    -webkit-appearance: none;
    width: .7rem;
    -webkit-overflow-scrolling: auto
}

.rezulteo-popin ::-webkit-scrollbar-thumb {
    margin: 2rem;
    background-color: #9c0;
    border-radius: .4rem;
    -webkit-box-shadow: 0 0 .1rem hsla(0,0%,100%,.5);
    -webkit-overflow-scrolling: auto
}

.rezulteo-splash-screen {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 4rem;
    bottom: auto;
    left: 4rem;
    display: block;
    height: 83rem;
    padding: 8rem 0 0;
    background: #fff;
    opacity: 1;
    -webkit-transition: opacity .5s linear;
    transition: opacity .5s linear
}

@media screen and (min-width: 840px) {
    .rezulteo-splash-screen {
        top:0;
        right: 0;
        bottom: 0;
        left: 0;
        padding: 8rem
    }
}

@media screen and (min-width: 960px) {
    .rezulteo-splash-screen {
        width:80rem;
        max-height: calc(95vh - 2rem);
        overflow-y: scroll
    }
}

.rezulteo-splash-screen--hidden {
    z-index: 0;
    opacity: 0
}

.rezulteo-splash-screen__title-label {
    display: block;
    width: 19.6rem;
    margin: 0 auto;
    font-size: 1.2rem;
    font-weight: 700;
    color: #6c6c6c;
    text-align: center
}

@media screen and (min-width: 600px) {
    .rezulteo-splash-screen__title-label {
        width:auto;
        margin: auto;
        font-size: 1.6rem
    }
}

.rezulteo-splash-screen__logo-img {
    display: block;
    width: 19.6rem;
    height: 3.5rem;
    margin: 1rem auto;
    -webkit-transform: translateX(.65rem);
    transform: translateX(.65rem)
}

@media screen and (min-width: 600px) {
    .rezulteo-splash-screen__logo-img {
        width:34rem;
        height: 6rem;
        margin: 2rem auto;
        -webkit-transform: translateX(.85rem);
        transform: translateX(.85rem)
    }
}

.rezulteo-splash-screen__steps {
    margin-top: 6rem
}

.rezulteo-splash-screen .rezulteo-loading-bar {
    margin-top: 3.5rem
}

.rezulteo-splash-screen__step {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-bottom: 3rem
}

.rezulteo-splash-screen__step p {
    margin: auto;
    font-size: 1.2rem
}

@media screen and (min-width: 600px) {
    .rezulteo-splash-screen__step p {
        font-size:1.6rem
    }
}

.rezulteo-splash-screen__step .rezulteo-splash-screen__picto {
    margin: auto 4rem auto auto
}

@media screen and (min-width: 600px) {
    .rezulteo-splash-screen__step {
        margin-bottom:4.5rem
    }
}

.rezulteo-splash-screen__picto {
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 5rem;
    height: 5rem;
    background: #9c0
}

.rezulteo-splash-screen__picto svg {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50%;
    height: 50%;
    fill: #fff;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

.rezulteo-loading-bar {
    position: relative;
    width: 53rem;
    height: 4rem;
    background-color: #dcdcdc;
    border-radius: 2rem;
    overflow: hidden;
    margin: 0 auto
}

.rezulteo-loading-bar:after {
    content: "";
    position: absolute;
    z-index: 0;
    top: .5rem;
    right: .5rem;
    bottom: .5rem;
    left: .5rem;
    background: #9c0;
    border-radius: 2rem
}

.rezulteo-loading-bar:before {
    content: "";
    position: absolute;
    z-index: 1;
    right: 0;
    width: 0;
    height: 100%;
    background-color: #dcdcdc;
    -webkit-animation: loading 10s linear;
    animation: loading 10s linear
}

.rezulteo-loading-bar span {
    position: absolute;
    z-index: 3;
    top: 50%;
    left: 50%;
    color: #fff;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    -webkit-animation: blinking 1.2s linear infinite;
    animation: blinking 1.2s linear infinite;
    -webkit-font-smoothing: antialiased;
    font-size: 1.2rem;
    font-weight: 700;
    text-transform: uppercase
}

.rezulteo-loading-tyre-glyph {
    width: 6rem;
    height: 6rem;
    margin: 0 auto
}

.rezulteo-loading-tyre-glyph svg {
    width: 100%;
    height: 100%;
    fill: #9c0
}

.rezulteo-loading-bar+.rezulteo-loading-tyre-glyph {
    margin-top: 8rem
}

.rezulteo-iframe {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    left: 0;
    height: 100%;
    max-height: 100%;
    padding: 0;
    background: #fff;
    opacity: 1;
    overflow-y: auto;
    -webkit-transition: opacity .5s linear;
    transition: opacity .5s linear
}

@media screen and (min-width: 960px) {
    .rezulteo-iframe {
        right:0;
        bottom: 0;
        left: 0;
        width: 80rem;
        max-width: calc(100vw - 4rem)
    }
}

.rezulteo-iframe iframe {
    display: block;
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto
}

@media screen and (min-width: 840px) {
    .rezulteo-iframe iframe {
        width:calc(100% - 4rem);
        max-height: calc(90vh - 12rem)
    }
}

.rezulteo-iframe--hidden {
    z-index: 0;
    opacity: 0
}

.b2c-article .b2c-tyre-summary {
    position: relative;
    background-color: #fff;
    overflow: hidden
}

@media screen and (min-width: 1280px) {
    .b2c-article .b2c-tyre-summary {
        background-color:#f5f5f5
    }
}

.b2c-article .b2c-tyre-summary:after {
    content: "";
    position: absolute;
    z-index: 0;
    top: 2rem;
    left: 0;
    width: 100%;
    padding-bottom: 60rem;
    background-color: #f5f5f5;
    -webkit-transform: skew(0deg,-25deg);
    transform: skew(0deg,-25deg);
    -webkit-transition: top .3s;
    transition: top .3s
}

@media screen and (min-width: 960px) {
    .b2c-article .b2c-tyre-summary:after {
        top:2rem;
        padding-bottom: 30rem;
        -webkit-transform: skew(0deg,-6deg);
        transform: skew(0deg,-6deg)
    }
}

@media screen and (min-width: 1280px) {
    .b2c-article .b2c-tyre-summary:after {
        content:none
    }
}

.b2c-article .b2c-tyre-summary__wrapper {
    position: relative;
    z-index: 1;
    padding-top: 3rem
}

@media screen and (min-width: 960px) {
    .b2c-article .b2c-tyre-summary__wrapper {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.b2c-article .b2c-tyre-summary__informations {
    text-align: center
}

@media screen and (min-width: 960px) {
    .b2c-article .b2c-tyre-summary__informations {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        width: 100%;
        margin: 0 0 0 4rem;
        text-align: left
    }
}

@media screen and (min-width: 1280px) {
    .b2c-article .b2c-tyre-summary__informations {
        margin-right:0
    }
}

.b2c-article .b2c-tyre-summary__textual {
    margin-bottom: 2rem
}

@media screen and (min-width: 960px) {
    .b2c-article .b2c-tyre-summary__textual {
        margin-bottom:0
    }
}

.b2c-article .b2c-tyre-summary__brand {
    margin-bottom: 0;
    font-family: Michelin,arial,sans-serif;
    font-size: 2.5rem
}

@media screen and (min-width: 960px) {
    .b2c-article .b2c-tyre-summary__brand {
        font-size:3rem
    }
}

.b2c-article .b2c-tyre-summary__title {
    font-size: 2rem;
    font-style: italic
}

@media screen and (min-width: 960px) {
    .b2c-article .b2c-tyre-summary__title-dimensions {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.b2c-article .b2c-tyre-summary__split {
    display: none;
    -ms-flex-item-align: end;
    align-self: flex-end;
    margin: 0 .5rem .2rem 1rem
}

@media screen and (min-width: 960px) {
    .b2c-article .b2c-tyre-summary__split {
        display:block
    }
}

.b2c-article .b2c-tyre-summary__dimensions {
    font-size: 1.4rem;
    font-weight: 700;
    color: #363636
}

@media screen and (min-width: 960px) {
    .b2c-article .b2c-tyre-summary__dimensions {
        -ms-flex-item-align:end;
        align-self: flex-end;
        margin-bottom: .2rem;
        font-size: 1.6rem;
        font-weight: 400;
        color: #333
    }
}

@media screen and (min-width: 960px) {
    .b2c-article .b2c-tyre-summary__categories {
        margin-bottom:0;
        font-weight: 700
    }
}

.b2c-article .b2c-tyre-summary__image {
    position: relative
}

@media screen and (min-width: 960px) {
    .b2c-article .b2c-tyre-summary__image {
        width:100%;
        max-width: 35rem
    }
}

@media screen and (min-width: 1280px) {
    .b2c-article .b2c-tyre-summary__image {
        margin-left:0
    }
}

@media screen and (min-width: 960px) {
    .b2c-article .b2c-tyre-summary__image {
        -webkit-box-ordinal-group:2;
        -ms-flex-order: 1;
        order: 1
    }
}

.b2c-article .b2c-tyre-summary__image .dgad-media-gallery {
    width: 100%;
    max-width: 35rem;
    margin: .5rem auto;
    padding: .5rem 2.5rem 3rem;
    background: transparent
}

@media screen and (min-width: 960px) {
    .b2c-article .b2c-tyre-summary__image .dgad-media-gallery {
        margin-top:0;
        padding-top: 0
    }
}

.b2c-article .b2c-tyre-summary__image .dgad-media-gallery__item {
    height: 29rem;
    border: none;
    outline: #27509b;
    -webkit-transform: scale(.6);
    transform: scale(.6);
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out,-webkit-transform .3s ease-out
}

.b2c-article .b2c-tyre-summary__image .dgad-media-gallery__item:before {
    content: none
}

.b2c-article .b2c-tyre-summary__image .dgad-media-gallery__item--single,.b2c-article .b2c-tyre-summary__image .dgad-media-gallery__item.dgad-slider__slide--active {
    -webkit-transform: scale(1);
    transform: scale(1)
}

@media screen and (min-width: 960px) {
    .b2c-article .b2c-tyre-summary__image .dgad-media-gallery__grid.dgad-slider .dgad-slider__pager-button:before {
        background-color:#c5c5c5
    }
}

@media screen and (min-width: 960px) {
    .b2c-article .b2c-tyre-summary__image .dgad-media-gallery__grid.dgad-slider .dgad-slider__pager-button--active:before {
        background-color:#9d9d9d
    }
}

.b2c-article .b2c-tyre-summary__ribbon {
    position: absolute;
    z-index: 9;
    top: 1rem;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 1rem;
    font-weight: 700;
    background-color: #fce500;
    -webkit-transition: top .3s;
    transition: top .3s
}

.b2c-article .b2c-tyre-summary__ribbon:after {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    right: -1rem;
    display: block;
    width: 90%;
    height: 100%;
    background-color: #fce500;
    border-radius: .4rem;
    -webkit-transform: skew(-20deg,0deg);
    transform: skew(-20deg,0deg);
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left
}

.b2c-article .b2c-tyre-summary__ribbon:nth-child(2) {
    top: 6rem
}

@media screen and (min-width: 960px) {
    .b2c-article .b2c-tyre-summary__ribbon {
        top:0
    }

    .b2c-article .b2c-tyre-summary__ribbon:nth-child(2) {
        top: 5rem
    }
}

.b2c-article .b2c-tyre-summary__claim {
    padding: 0 1.5rem;
    text-align: center
}

@media screen and (min-width: 600px) {
    .b2c-article .b2c-tyre-summary__claim {
        padding:0 3rem
    }
}

@media screen and (min-width: 960px) {
    .b2c-article .b2c-tyre-summary__claim {
        margin-top:5rem;
        padding-right: 0;
        padding-left: 0;
        text-align: left
    }
}

.b2c-article .b2c-tyre-summary__claim--desktop {
    display: none
}

@media screen and (min-width: 960px) {
    .b2c-article .b2c-tyre-summary__claim--desktop {
        display:block
    }
}

@media screen and (min-width: 960px) {
    .b2c-article .b2c-tyre-summary__claim--mobile {
        display:none
    }
}

.b2c-tyre-provider {
    position: relative
}

.b2c-tyre-provider--tyredating {
    background-color: #f5f5f5
}

.b2c-tyre-provider--sticky {
    padding-top: 16rem
}

@media screen and (min-width: 960px) {
    .b2c-tyre-provider--sticky {
        padding-top:8.8rem
    }
}

.b2c-tyre-provider__wrapper {
    padding: 3rem 1.5rem
}

@media screen and (min-width: 600px) {
    .b2c-tyre-provider__wrapper {
        padding:3rem
    }
}

.b2c-tyre-provider__title {
    margin-bottom: 2rem;
    text-align: center
}

@media screen and (min-width: 600px) {
    .b2c-tyre-provider__title {
        margin-bottom:3rem;
        padding: 0 2.5rem
    }
}

@media screen and (min-width: 960px) {
    .b2c-tyre-provider__title {
        margin-bottom:2rem;
        padding: 0;
        text-align: left
    }
}

@media screen and (min-width: 960px) {
    .b2c-tyre-provider__informations {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media screen and (min-width: 960px) {
    .b2c-tyre-provider__description,.b2c-tyre-provider__image {
        width:50%
    }
}

.b2c-tyre-provider__image {
    margin-bottom: 2rem
}

@media screen and (min-width: 600px) {
    .b2c-tyre-provider__image {
        margin-bottom:3rem
    }
}

@media screen and (min-width: 960px) {
    .b2c-tyre-provider__image {
        -webkit-box-ordinal-group:3;
        -ms-flex-order: 2;
        order: 2;
        margin-bottom: 0
    }
}

.b2c-tyre-provider__image>img {
    width: 100%
}

.b2c-tyre-provider__description {
    text-align: left
}

@media screen and (min-width: 960px) {
    .b2c-tyre-provider__description {
        -webkit-box-ordinal-group:2;
        -ms-flex-order: 1;
        order: 1;
        margin-right: 2.5rem;
        padding: 0
    }
}

.cta-banner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 16rem
}

@media screen and (min-width: 960px) {
    .cta-banner {
        height:8.8rem
    }
}

.cta-banner--sticky {
    position: fixed;
    z-index: 3;
    top: 6.8rem;
    width: 100%
}

.cta-banner .b2c-btn__label--secondary {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.cta-banner .b2c-btn__label--secondary>span {
    margin-right: .5rem
}

.cta-banner .b2c-btn__label--secondary>svg {
    width: 8rem;
    height: 2rem
}

.cta-banner--tyredating {
    background-color: #fff
}

.cta-banner--rezulteo {
    background-color: #e4e4e4
}

.cta-banner--rezulteo .b2c-btn {
    background-color: #9c0
}

.cta-banner__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (min-width: 960px) {
    .cta-banner__wrapper {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

.cta-banner__price {
    font-size: 2.2rem;
    font-weight: 700;
    color: #27509b
}

@media screen and (min-width: 960px) {
    .cta-banner__price {
        -webkit-box-ordinal-group:3;
        -ms-flex-order: 2;
        order: 2;
        margin-right: 2rem
    }
}

.cta-banner__label {
    margin-bottom: 1.5rem
}

@media screen and (min-width: 960px) {
    .cta-banner__label {
        -webkit-box-ordinal-group:2;
        -ms-flex-order: 1;
        order: 1;
        margin-right: 1rem;
        margin-bottom: 0
    }
}

.cta-banner .b2c-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.cta-banner .b2c-btn>* {
    pointer-events: none
}

@media screen and (min-width: 960px) {
    .cta-banner .b2c-btn {
        -webkit-box-ordinal-group:4;
        -ms-flex-order: 3;
        order: 3
    }
}

.b2c-tyre-details {
    position: relative
}

@media screen and (min-width: 1280px) {
    .b2c-tyre-details {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.b2c-tyre-details__title {
    margin-bottom: 2rem;
    font-size: 2.2rem;
    color: #27509b;
    text-align: center
}

.b2c-tyre-details__label {
    font-size: 1.2rem;
    color: #b2b2b2
}

.b2c-tyre-details__value {
    font-size: 1.6rem
}

.b2c-tyre-details__labellings {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.b2c-tyre-details__labellings p {
    -ms-flex-item-align: end;
    align-self: flex-end;
    line-height: 1
}

.b2c-tyre-details__labellings svg {
    width: 2.5rem;
    height: 2.5rem;
    margin-right: .3rem;
    fill: #333
}

.b2c-tyre-details__labelling {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 1rem
}

.b2c-tyre-details__description {
    padding: 0 1.5rem;
    font-size: 1.2rem;
    text-align: center
}

@media screen and (min-width: 1280px) {
    .b2c-tyre-details__description {
        width:70%;
        margin: 0 auto
    }
}

.b2c-tyre-details__richtext .apos-rich-text {
    margin: 0 auto
}

.b2c-tyre-details__richtext .apos-rich-text p {
    margin-bottom: 0
}

.b2c-tyre-details .b2c-tabs {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.b2c-tyre-details .b2c-tabs__container {
    max-width: 100%
}

.b2c-tyre-details .b2c-tabs__container:after,.b2c-tyre-details .b2c-tabs__container:before {
    width: 1.5rem
}

.b2c-tyre-details__tabs {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    max-width: 100%;
    margin-right: 1.5rem;
    padding: 3rem 1.5rem;
    overflow-x: scroll
}

.b2c-tyre-details__tabs .b2c-tabs__item {
    width: 100%;
    padding: 0 2rem;
    font-size: 1.4rem;
    white-space: nowrap
}

.b2c-tyre-details__content {
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    font-size: 1.4rem;
    overflow: hidden
}

@media screen and (min-width: 600px) {
    .b2c-tyre-details__content {
        height:20rem
    }
}

@media screen and (min-width: 960px) {
    .b2c-tyre-details__content {
        height:24rem
    }
}

@media screen and (min-width: 1280px) {
    .b2c-tyre-details__content {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        height: 14rem
    }
}

@media screen and (min-width: 1920px) {
    .b2c-tyre-details__content {
        height:16rem
    }
}

.b2c-tyre-details__content--active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.b2c-tyre-details__img {
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: 36rem;
    height: 16.5rem;
    overflow: hidden
}

.b2c-tyre-details__img img {
    width: 100%
}

@media screen and (min-width: 600px) {
    .b2c-tyre-details__img {
        width:44rem
    }
}

@media screen and (min-width: 960px) {
    .b2c-tyre-details__img {
        width:54rem
    }
}

@media screen and (min-width: 1280px) {
    .b2c-tyre-details__img {
        -ms-flex-item-align:start;
        align-self: start;
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
        width: 31.5rem
    }
}

@media screen and (min-width: 1920px) {
    .b2c-tyre-details__img {
        -webkit-box-ordinal-group:1;
        -ms-flex-order: 0;
        order: 0;
        width: 36rem
    }
}

.b2c-tyre-details__text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    width: 100%;
    max-width: 192rem;
    margin: 0 auto;
    padding: 1.5rem;
    background-color: #fce500
}

@media screen and (min-width: 1280px) {
    .b2c-tyre-details__text {
        -webkit-box-ordinal-group:2;
        -ms-flex-order: 1;
        order: 1;
        width: 60rem;
        height: 100%
    }
}

@media screen and (min-width: 960px) {
    .b2c-tyre-details__text {
        width:90%;
        height: 16rem;
        padding: 0 2.4rem
    }
}

.b2c-tyre-specs {
    padding: 4rem 2rem;
    font-weight: 700;
    background-color: #fff
}

@media screen and (min-width: 960px) {
    .b2c-tyre-specs {
        padding:4rem 0
    }
}

@media screen and (min-width: 1280px) {
    .b2c-tyre-specs {
        width:30%;
        padding-left: 8rem
    }

    .b2c-tyre-specs .b2c-tyre-details__title {
        text-align: left
    }
}

@media screen and (min-width: 1920px) {
    .b2c-tyre-specs {
        max-width:50rem;
        padding-left: 20rem
    }
}

.b2c-tyre-help {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    padding-top: 4rem;
    background-color: #f5f5f5
}

@media screen and (min-width: 1280px) {
    .b2c-tyre-help {
        width:70%;
        padding: 4rem 7rem
    }
}

.b2c-article .b2c-tyre-selector-recall {
    display: none
}

.b2c-product__summary-media__awards {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}

@media screen and (min-width: 960px) {
    .b2c-product__summary-media__awards {
        position:relative;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.b2c-product__summary-media__awards-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.b2c-product__summary-media__awards-image {
    display: inline-block;
    width: 6rem;
    height: 100%;
    margin-left: 1.6rem;
    text-align: center;
    cursor: pointer
}

.b2c-product__summary-media__awards-image img {
    height: 7rem
}

.dgad-popin {
    position: fixed;
    top: 50%;
    left: 50%;
    max-width: 99%;
    max-height: 75%;
    text-align: center;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.dgad-popin__overlay.b2c-popin-awards__overlay {
    background: rgba(39,80,155,.9)
}

.dgad-popin__overlay.b2c-popin-awards__overlay .dgad-popin__close svg {
    fill: #27509b
}

.dgad-popin__overlay.b2c-popin-warning__overlay .b2c-popin-warning {
    display: none;
    width: 90%;
    height: 26rem;
    padding: 3.2rem 6.4rem;
    text-align: center;
    background-color: #fff
}

@media (max-width: 959px) {
    .dgad-popin__overlay.b2c-popin-warning__overlay .b2c-popin-warning {
        top:50%;
        width: 90%;
        height: 42.8rem;
        padding: 3.2rem 1.6rem
    }
}

.dgad-popin__overlay.b2c-popin-warning__overlay .warningImage svg {
    width: 4rem;
    height: 4rem;
    margin-bottom: 2.6rem;
    fill: #fff
}

.dgad-popin__overlay.b2c-popin-warning__overlay .warning-popin__wording {
    color: #000
}

.dgad-popin.tyre-popin img {
    width: 32rem;
    height: 32rem;
    background: #fff
}

@media screen and (min-width: 960px) {
    .dgad-popin.tyre-popin img {
        width:80%;
        height: 80%
    }
}

.mdc-layout-grid__cell--span-6-md:nth-child(2) .dgad-slider__pager {
    display: none
}

.awards-popin .b2c-ts-award__title {
    color: #27509b
}

.awards-popin .b2c-slider .dgad-slider__pager-button:before {
    background-color: #fff
}

.promotion-popin {
    position: fixed;
    z-index: 9999;
    right: 2rem;
    bottom: 2rem;
    max-width: 40rem;
    padding: 2rem;
    color: #fff;
    background: #27509b;
    border-radius: .4rem
}

@media (max-width: 839px) {
    .promotion-popin {
        right:2.5rem;
        left: 2.5rem;
        max-width: 100%;
        padding: 1.5rem
    }
}

.promotion-popin__title {
    font-weight: 500
}

.promotion-popin__close {
    position: absolute;
    top: 1rem;
    right: 1rem;
    cursor: pointer
}

.promotion-popin__cta {
    text-decoration: underline
}

.promotion-popin__close svg {
    width: 3rem;
    height: 3rem
}

.promotion-popin:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    height: .3rem;
    background: #fce500;
    -webkit-animation: timeout 10s linear;
    animation: timeout 10s linear
}

.b2c-ts-recall-products {
    width: 40rem;
    color: #000
}

@media screen and (min-width: 960px) {
    .b2c-ts-recall-products {
        width:49rem
    }
}

@media screen and (min-width: 1280px) {
    .b2c-ts-recall-products {
        width:120%
    }
}

.b2c-ts-recall-products .b2c-ts-recall-container:active .b2c-ts-recall-list,.b2c-ts-recall-products .b2c-ts-recall-container:hover .b2c-ts-recall-list {
    display: block
}

.b2c-ts-recall-products .b2c-ts-recall-container:hover .b2c-ts-recall-btn {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.b2c-ts-recall-products:active .b2c-ts-recall-btn .b2c-ts-recall-item__arrow svg,.b2c-ts-recall-products:hover .b2c-ts-recall-btn .b2c-ts-recall-item__arrow svg {
    -webkit-transform: rotate(90deg) translate(.5rem);
    transform: rotate(90deg) translate(.5rem)
}

.b2c-ts-recall-list {
    position: absolute;
    z-index: 3;
    display: none;
    max-height: 39rem;
    background-color: #fff
}

@media screen and (min-width: 960px) {
    .b2c-ts-recall-list {
        width:49rem
    }
}

@media screen and (min-width: 1280px) {
    .b2c-ts-recall-list {
        width:120%
    }
}

.b2c-ts-recall-item {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    margin: 0;
    padding: 1.2rem;
    text-align: center;
    border-bottom: .1rem solid #dcdcdc;
    outline-color: #dcdcdc
}

.b2c-ts-recall-item__arrow svg {
    width: 1.5rem;
    height: 1.2rem;
    margin: 0 1rem
}

.b2c-ts-recall-item .b2c-ts-recall-info-fitment {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: auto;
    text-align: center
}

@media screen and (min-width: 960px) {
    .b2c-ts-recall-item .b2c-ts-recall-info-fitment {
        display:-webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
}

.b2c-ts-recall-item .b2c-ts-recall-info-fitment__icons {
    width: 100%;
    line-height: .8;
    text-align: left
}

@media (max-width: 598px) {
    .b2c-ts-recall-item .b2c-ts-recall-info-fitment__icons {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        width: 30%
    }
}

.b2c-ts-recall-item .b2c-ts-recall-info-fitment__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (max-width: 598px) {
    .b2c-ts-recall-item .b2c-ts-recall-info-fitment__content:not(.b2c-ts-recall-info-no-warning) {
        width:70%
    }
}

.b2c-ts-recall-item .b2c-ts-recall-info-fitment__details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.b2c-ts-recall-item .b2c-ts-recall-info-fitment__labellings {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.b2c-ts-recall-item .b2c-ts-recall-info-fitment__labellings>div {
    padding: 0
}

.b2c-ts-recall-item .b2c-ts-recall-info-fitment__labellings .b2c-tooltip__content {
    margin-bottom: 0;
    font-weight: 400
}

.b2c-ts-recall-item .b2c-ts-recall-info-fitment__labellings .b2c-tooltip__content a {
    font-weight: 700;
    color: inherit
}

.b2c-ts-recall-item .b2c-ts-recall-info-fitment__labellings .b2c-tooltip__content p {
    margin-bottom: 1rem
}

@media screen and (min-width: 840px) {
    .b2c-ts-recall-item .b2c-ts-recall-info-fitment__labellings {
        margin-right:0;
        margin-left: 0
    }
}

.b2c-ts-recall-item .b2c-ts-recall-info-fitment__labellings-link {
    margin-bottom: .4rem;
    color: #27509b;
    text-decoration: underline
}

@media (max-width: 598px) {
    .b2c-ts-recall-item .b2c-ts-recall-info-fitment__labellings-link {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        width: 93%
    }
}

.b2c-ts-recall-item .b2c-ts-recall-info-fitment__labellings-link svg {
    width: 1.4rem;
    height: 1.4rem;
    margin: .5rem 0 0 1rem;
    fill: #27509b
}

.b2c-ts-recall-item .b2c-ts-recall-info-fitment__center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%
}

@media (max-width: 598px) {
    .b2c-ts-recall-item .b2c-ts-recall-info-fitment__center {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.b2c-ts-recall-item .b2c-ts-recall-info-fitment__right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.b2c-ts-recall-item .b2c-ts-recall-info-fitment__warning {
    display: none;
    margin-left: .8rem
}

.b2c-ts-recall-item .b2c-ts-recall-info-fitment__warning svg {
    width: 2rem;
    height: 2rem;
    margin-top: .5rem
}

.b2c-ts-recall-item .b2c-ts-recall-info-fitment__icons-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.b2c-ts-recall-item .b2c-ts-recall-info-fitment__icons-list__warning {
    display: none
}

@media (max-width: 959px) {
    .b2c-ts-recall-item .b2c-ts-recall-info-fitment__icons-list__warning {
        margin-top:-2rem;
        margin-left: 18rem
    }
}

.b2c-ts-recall-item .b2c-ts-recall-info-fitment__icons-list__warning svg {
    width: 2rem;
    height: 2rem;
    margin-bottom: -.8rem
}

@media screen and (min-width: 1281px) {
    .b2c-ts-recall-item .b2c-ts-recall-info-fitment__icons-list__warning svg {
        margin-left:-2rem
    }
}

.b2c-ts-recall-item .b2c-ts-recall-info-fitment__icons-list .eu-tooltip {
    height: 1.5rem;
    padding-top: .188rem
}

.b2c-ts-recall-item .b2c-ts-recall-info-fitment__icons-list p {
    display: none
}

.b2c-ts-recall-item .b2c-ts-recall-info-fitment__icons-list svg {
    width: 2.4rem;
    height: 2.4rem;
    margin: .8rem .8rem 0 0
}

@media (max-width: 598px) {
    .b2c-ts-recall-item .b2c-ts-recall-info-fitment__icons-list svg {
        margin:0
    }
}

.b2c-ts-recall-item .b2c-ts-recall-info-fitment .b2c-ts-recall-info-fitment__icons-list-item {
    margin-right: 1rem
}

.b2c-ts-recall-item .b2c-ts-recall-info-fitment .b2c-ts-recall-info-fitment__icons-list-item span {
    display: block
}

.b2c-ts-recall-item .b2c-ts-recall-info-fitment .eu-tooltip {
    height: 1.5rem;
    padding-top: .188rem
}

.b2c-ts-recall-item .b2c-ts-recall-info-fitment .eu-tooltip svg {
    width: 1.5rem;
    height: 1.5rem
}

.b2c-ts-recall-item .b2c-ts-recall-icon-fitment {
    width: 20%;
    margin-right: 2rem
}

@media screen and (min-width: 960px) and (max-width:1279px) {
    .b2c-ts-recall-item .b2c-ts-recall-icon-fitment {
        width:27%;
        white-space: nowrap
    }
}

@media screen and (min-width: 1280px) {
    .b2c-ts-recall-item .b2c-ts-recall-icon-fitment {
        width:25%
    }
}

.b2c-ts-recall-item .b2c-ts-recall-icon-fitment__icon svg {
    width: 4.2rem;
    height: 1.5rem
}

.b2c-ts-recall-item .b2c-ts-recall-icon-fitment__text {
    font-size: 1.4rem;
    color: #6c6c6c
}

@media screen and (min-width: 960px) {
    .b2c-ts-recall-item .b2c-ts-recall-icon-fitment__text {
        font-size:inherit
    }
}

.b2c-ts-recall-btn {
    background-color: #fff;
    border: .1rem solid #dcdcdc;
    border-radius: .4rem;
    cursor: pointer
}

.b2c-ts-recall-btn .b2c-ts-recall-item {
    border-bottom: none
}

.b2c-ts-recall-btn .b2c-ts-recall-item__arrow svg {
    -webkit-transform: rotate(90deg) translate(.5rem);
    transform: rotate(90deg) translate(.5rem)
}

@media (max-width: 598px) {
    .b2c-ts-recall-btn .b2c-ts-recall-info-fitment__icons-margin:last-child {
        margin-right:-3rem
    }
}

.b2c-tooltip__trigger {
    position: relative;
    z-index: 0;
    display: block;
    height: 3.5rem;
    padding: .188rem 0 0;
    background: none;
    border: none;
    outline: none!important;
    cursor: pointer
}

.b2c-tooltip__trigger svg {
    width: 2.5rem;
    height: 2.5rem
}

.b2c-tooltip__trigger>.icon-information {
    display: block
}

.b2c-tooltip__trigger>.icon-information:before {
    position: relative;
    z-index: 1
}

.b2c-tooltip__trigger>.icon-information:after {
    content: "";
    position: absolute;
    top: .1rem;
    right: .1rem;
    bottom: .1rem;
    left: .1rem;
    display: block;
    border-radius: 50%
}

.b2c-tooltip--hover-opened .b2c-tooltip__content,.b2c-tooltip--hover-opened .b2c-tooltip__tail,.b2c-tooltip--opened .b2c-tooltip__content,.b2c-tooltip--opened .b2c-tooltip__tail {
    opacity: 1;
    pointer-events: unset
}

.b2c-tooltip--hover-opened .b2c-tooltip__content,.b2c-tooltip--opened .b2c-tooltip__content {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.b2c-tooltip--hover-opened .b2c-tooltip__tail,.b2c-tooltip--opened .b2c-tooltip__tail {
    -webkit-transform: translateX(-50%) translateY(0);
    transform: translateX(-50%) translateY(0)
}

.b2c-tooltip--hover-opened .b2c-tooltip__tail--rotate,.b2c-tooltip--opened .b2c-tooltip__tail--rotate {
    top: -1rem;
    bottom: unset;
    -webkit-transform: rotate(180deg) translateX(50%) translateY(-.3rem);
    transform: rotate(180deg) translateX(50%) translateY(-.3rem)
}

.b2c-tooltip__content,.b2c-tooltip__tail {
    position: absolute;
    display: block;
    opacity: 0;
    pointer-events: none
}

.b2c-tooltip__tail {
    bottom: -1rem;
    left: 50%;
    border: .85rem solid transparent;
    border-top: 0;
    -webkit-transform: translateX(-50%) translateY(-.6rem);
    transform: translateX(-50%) translateY(-.6rem)
}

.b2c-tooltip__content {
    z-index: 4;
    top: calc(100% + 1rem);
    max-width: 32rem;
    padding: 1rem 1.5rem;
    font-size: 1.5rem;
    color: #888;
    text-align: justify;
    background-color: #fff;
    border: 3px solid #888;
    -webkit-transform: translateY(-.6rem);
    transform: translateY(-.6rem)
}

.b2c-tooltip__content>* {
    margin-top: 0;
    margin-bottom: 0;
    font-size: inherit;
    color: inherit
}

.b2c-tooltip__content>*+* {
    margin-top: .9rem
}

.b2c-tooltip__content p {
    font-weight: 400
}

.b2c-tooltip__content p a {
    font-weight: 700;
    color: #888;
    text-decoration: underline
}

.b2c-product-page .dgad-siderail-container__nav {
    -webkit-transform: translateY(-4.5rem);
    transform: translateY(-4.5rem);
    -webkit-transition: -webkit-transform .75s ease-in-out;
    transition: -webkit-transform .75s ease-in-out;
    transition: transform .75s ease-in-out;
    transition: transform .75s ease-in-out,-webkit-transform .75s ease-in-out
}

.b2c-product-page .module__rating {
    display: block
}

.b2c-product-page .b2c-panel-slider__wrapper .apos-rich-text {
    margin-bottom: 0
}

@media (max-width: 959px) {
    .b2c-product-page .b2c-panel-slider__wrapper .apos-rich-text {
        position:relative;
        margin: .5rem 0 0 .5rem;
        padding: 0
    }
}

.b2c-product-page .b2c-panel-slider__wrapper .apos-rich-text p {
    margin-bottom: 0;
    word-break: break-word
}

.b2c-product-page .b2c-panel-slider__wrapper .apos-rich-text .h3-like {
    margin-bottom: 0;
    padding: 0 4rem
}

@media screen and (min-width: 960px) and (max-width:1279px) {
    .b2c-product-page .b2c-panel-slider__wrapper .apos-rich-text .h3-like {
        padding:0 1rem
    }
}

@media (max-width: 959px) {
    .b2c-product-page .b2c-panel-slider__wrapper .apos-rich-text .h3-like {
        padding-top:1.5rem;
        padding-bottom: 1.5rem;
        color: #333;
        text-align: center
    }
}

.b2c-product-page .b2c-panel-slider__wrapper .apos-rich-text .h3-like.h3-white {
    color: #fff
}

.b2c-product-page .b2c-product__search-infos {
    text-align: left
}

.b2c-product-page .b2c-product__search-fits {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: .8rem 0 0 .8rem
}

@media screen and (min-width: 960px) {
    .b2c-product-page .b2c-product__search-fits {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin: .8rem 0 0 1.4rem
    }
}

@media (max-width: 598px) {
    .b2c-product-page .b2c-product__search-fits {
        margin:.8rem 0 1.6rem .8rem
    }
}

.b2c-product-page .b2c-product__search-fits span {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.2rem
}

@media (max-width: 598px) {
    .b2c-product-page .b2c-product__search-fits span {
        margin-bottom:0
    }
}

@media (max-width: 598px) {
    .b2c-product-page .b2c-product__search-fits-details {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 87%
    }
}

.b2c-product-page .b2c-product__search-fits__recommandation {
    font-size: 1.2rem;
    color: #04a53f
}

.b2c-product-page .b2c-product__search-fits__recommandation svg {
    width: 1.2rem;
    height: 1rem;
    margin-right: 1rem;
    fill: #04a53f
}

@media (max-width: 598px) {
    .b2c-product-page .b2c-product__search-fits__recommandation svg {
        margin-top:2.4rem
    }
}

@media (max-width: 959px) {
    .b2c-product-page .b2c-product__search-fits__recommandation {
        margin-left:.8rem
    }
}

.b2c-product-page .b2c-product__search-fits__label {
    margin-top: .4rem
}

.b2c-product-page .b2c-product__search-result-vehicle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: .5rem 0 0 1.4rem
}

@media screen and (min-width: 960px) {
    .b2c-product-page .b2c-product__search-result-vehicle {
        display:block
    }
}

.b2c-product-page .b2c-product__search-result {
    margin: 0 1.2rem;
    font-weight: 700;
    color: #1a1a1a
}

@media (max-width: 598px) {
    .b2c-product-page .b2c-product__search-result {
        margin:-.8rem 1.2rem 0 3rem
    }
}

.b2c-product-page .b2c-product__search-result .price-selector-cta {
    width: 100%
}

.b2c-product-page .b2c-product__search-change-vehicle {
    margin: .5rem 0 0 .6rem;
    font-size: 1.6rem;
    color: #304b83;
    text-decoration: underline
}

.b2c-product-page .b2c-product__search-change-vehicle svg {
    width: 1.6rem;
    height: 1.6rem
}

@media (max-width: 598px) {
    .b2c-product-page .b2c-product__search-change-vehicle {
        margin:1.4rem 2rem 0 .6rem
    }
}

.b2c-product-page .b2c-ts-recall-products {
    position: relative;
    width: 90%;
    margin: .5rem 0 1.6rem 1.4rem
}

@media screen and (min-width: 960px) {
    .b2c-product-page .b2c-ts-recall-products:not(.b2c-ts-recall-products-nocriteria) {
        width:120%
    }
}

.b2c-product-page .b2c-ts-recall-btn .b2c-ts-recall-item {
    min-height: 6rem;
    border: none
}

.b2c-product-page .b2c-ts-recall-list {
    width: 100%
}

.b2c-product-page .b2c-ts-recall-list .b2c-ts-recall-item {
    font-size: 1.4rem;
    border: .1rem solid #dcdcdc;
    border-top: 0
}

@media screen and (min-width: 960px) {
    .b2c-product-page .b2c-ts-recall-list .b2c-ts-recall-item {
        width:100%;
        font-size: 1.6rem
    }
}

.b2c-product-page .apos-area,.b2c-product-page .apos-area-widget {
    width: 100%
}

.b2c-product-page .apos-area-widget.apos-empty,.b2c-product-page .apos-area.apos-empty {
    position: relative
}

@media (max-width: 959px) {
    .b2c-product-page .b2c-panel-slider__wrapper .b2c-panel-slider .dgad-slider__buttons-container .dgad-btn {
        top:9rem
    }
}

.b2c-product-page .dgad-siderail-section-item.b2c-product__hero:before {
    display: none
}

@media (max-width: 1279px) {
    .b2c-product-page .dgad-siderail-section-item.b2c-product__hero {
        min-height:0
    }
}

.b2c-product-page .scroll__mouse {
    position: absolute;
    left: 50%;
    width: 3.5rem;
    height: 6rem;
    opacity: 0;
    border-radius: 10rem;
    cursor: pointer;
    -webkit-transform: scale(.6) translateX(-50%);
    transform: scale(.6) translateX(-50%)
}

@media screen and (min-width: 1920px) {
    .b2c-product-page .scroll__mouse {
        bottom:5%
    }
}

.b2c-product-page .scroll__mouse--ready {
    opacity: 1;
    -webkit-transition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out;
    -webkit-transition-delay: .75s;
    transition-delay: .75s
}

.b2c-product-page .scroll__mouse-wheel {
    width: .75rem;
    height: .75rem;
    margin-top: 1rem;
    margin-right: auto;
    margin-left: auto;
    background-color: #333;
    border-radius: 50%
}

.b2c-product-page .scroll__mouse-arrow {
    width: 0;
    height: 0;
    margin-right: auto;
    margin-left: auto;
    opacity: 0;
    border-left: .35rem solid transparent;
    border-right: .35rem solid transparent;
    border-top: .4rem solid #333
}

.b2c-product-page .scroll__mouse-arrow-scroll-2 {
    -webkit-animation: downTwo 1s infinite;
    animation: downTwo 1s infinite
}

.b2c-product-page .scroll__mouse-arrow-scroll-3 {
    -webkit-animation: downOne 1s infinite;
    animation: downOne 1s infinite
}

.b2c-product-page .scroll__mouse-arrow-scroll-1 {
    -webkit-animation: downThree 1s infinite;
    animation: downThree 1s infinite
}

@-webkit-keyframes downOne {
    0% {
        opacity: 0
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(2.3em);
        transform: translateY(2.3em)
    }
}

@keyframes downOne {
    0% {
        opacity: 0
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(2.3em);
        transform: translateY(2.3em)
    }
}

@-webkit-keyframes downTwo {
    40% {
        opacity: 0
    }

    to {
        opacity: .5;
        -webkit-transform: translateY(2.3em);
        transform: translateY(2.3em)
    }
}

@keyframes downTwo {
    40% {
        opacity: 0
    }

    to {
        opacity: .5;
        -webkit-transform: translateY(2.3em);
        transform: translateY(2.3em)
    }
}

@-webkit-keyframes downThree {
    60% {
        opacity: 0
    }

    to {
        opacity: .2;
        -webkit-transform: translateY(2.3em);
        transform: translateY(2.3em)
    }
}

@keyframes downThree {
    60% {
        opacity: 0
    }

    to {
        opacity: .2;
        -webkit-transform: translateY(2.3em);
        transform: translateY(2.3em)
    }
}

.b2c-product-page [data-apos-widget-wrapper=b2c-siderail-section]:first-child .dgad-siderail-section .dgad-siderail-section-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: auto
}

.b2c-product-page .dgad-siderail-section,.b2c-product-page .dgad-siderail-section-item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 15rem;
    background-color: #fff;
    background-size: cover
}

.b2c-product-page .dgad-siderail-section-item:first-child,.b2c-product-page .dgad-siderail-section:first-child {
    background: no-repeat fixed 50% 0;
    background-size: cover
}

@media (max-width: 959px) {
    .b2c-product-page .dgad-siderail-section,.b2c-product-page .dgad-siderail-section-item {
        min-height:0
    }

    .b2c-product-page .dgad-siderail-section-item:first-child,.b2c-product-page .dgad-siderail-section:first-child {
        background-position: top!important;
        background-attachment: scroll
    }
}

.b2c-product-page .b2c-product__last-content .apos-rich-text,.b2c-product-page .b2c-product__media-gallery .apos-rich-text {
    margin-top: 2rem;
    margin-bottom: 0;
    padding: 2rem 4rem
}

.b2c-product-page .b2c-product__last-content .apos-rich-text *,.b2c-product-page .b2c-product__media-gallery .apos-rich-text * {
    margin-bottom: 0
}

.b2c-product-page .b2c-switch-front-rear {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.b2c-product-page .b2c-product__hero {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-repeat: no-repeat;
    background-size: cover
}

.b2c-product-page .b2c-product__hero.b2c-product__hero-no-background {
    background-color: #27509b
}

.b2c-product-page .b2c-product__hero.b2c-product__hero-no-background:before {
    display: none
}

@media (max-width: 959px) {
    .b2c-product-page .b2c-product__hero {
        background-attachment:fixed
    }
}

.b2c-product-page .b2c-product__summary {
    position: relative;
    z-index: 10;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    max-width: 120rem;
    min-height: 45rem;
    opacity: 0;
    border-radius: .5rem;
    -webkit-transition: all .3s;
    transition: all .3s
}

@media screen and (min-width: 960px) {
    .b2c-product-page .b2c-product__summary {
        margin-top:4rem
    }
}

@media (max-width: 959px) {
    .b2c-product-page .b2c-product__summary {
        top:0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.b2c-product-page .b2c-product__summary .dgad-media-gallery {
    margin: 0;
    padding: 0 2.4rem;
    background: transparent;
    opacity: 0;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    -webkit-transition: all .3s ease .5s;
    transition: all .3s ease .5s
}

@media (max-width: 599px) {
    .b2c-product-page .b2c-product__summary .dgad-media-gallery {
        padding:0 .4rem
    }
}

.b2c-product-page .b2c-product__summary .dgad-media-gallery .dgad-media-gallery__item:before {
    display: none
}

.b2c-product-page .b2c-product__summary .dgad-media-gallery__item {
    height: 31rem;
    background-size: contain;
    border: none;
    outline: #27509b;
    -webkit-transform: scale(.6);
    transform: scale(.6);
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out,-webkit-transform .3s ease-out
}

@media (max-width: 599px) {
    .b2c-product-page .b2c-product__summary .dgad-media-gallery__item {
        height:34rem
    }
}

.b2c-product-page .b2c-product__summary .dgad-media-gallery__item--single,.b2c-product-page .b2c-product__summary .dgad-media-gallery__item.dgad-slider__slide--active {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-transform: scale(.8);
    transform: scale(.8)
}

@media (max-width: 959px) {
    .b2c-product-page .b2c-product__summary .dgad-media-gallery__item--single,.b2c-product-page .b2c-product__summary .dgad-media-gallery__item.dgad-slider__slide--active {
        background-size:contain
    }
}

.b2c-product-page .b2c-product__summary>div {
    position: relative
}

.b2c-product-page .b2c-product__summary-title .apos-rich-text {
    margin-bottom: 1rem
}

.b2c-product-page .b2c-product__summary-title h1 {
    font-size: 2.8rem
}

.b2c-product-page .b2c-product__summary-title h1 span,.b2c-product-page .b2c-product__summary-title h2 {
    font-size: 2.2rem;
    font-style: italic
}

.b2c-product-page .b2c-product__summary-title h5 {
    margin: 0;
    font-size: 1.4rem;
    font-weight: 700
}

.b2c-product-page .b2c-product__summary-categories {
    margin-top: 1.3rem;
    text-align: center
}

@media screen and (min-width: 960px) {
    .b2c-product-page .b2c-product__summary-categories {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 0;
        text-align: left
    }
}

.b2c-product-page .b2c-product__summary-categories-item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 1.6rem;
    font-size: 1.4rem;
    color: #7f7f7f;
    line-height: 1.5
}

@media (max-width: 959px) {
    .b2c-product-page .b2c-product__summary-categories-item {
        color:#fff
    }
}

.b2c-product-page .b2c-product__summary-categories-item:last-child {
    margin-left: .4rem
}

.b2c-product-page .b2c-product__summary-categories-item:only-child {
    margin: 0
}

@media screen and (min-width: 960px) {
    .b2c-product-page .b2c-product__summary-categories-item:not(:last-child):after {
        content:"•";
        position: absolute;
        top: 50%;
        right: -1.4rem;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

.b2c-product-page .b2c-product__summary-categories-item svg {
    vertical-align: middle;
    width: 3.2rem;
    height: 3.2rem;
    margin: 0 0 .2rem .4rem
}

.b2c-product-page .b2c-product__summary-media {
    position: relative;
    z-index: 1;
    width: 32.8rem
}

@media screen and (min-width: 1280px) {
    .b2c-product-page .b2c-product__summary-media {
        width:36rem
    }
}

@media (max-width: 959px) {
    .b2c-product-page .b2c-product__summary-media {
        width:100%;
        min-width: 0;
        height: auto
    }
}

.b2c-product-page .b2c-product__summary-media__overflow {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    margin-right: -.1rem;
    overflow: hidden
}

.b2c-product-page .b2c-product__summary-media__overflow:after {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    width: 100%;
    padding-bottom: 50rem;
    background: #fff;
    -webkit-transform: skew(0deg,-16deg);
    transform: skew(0deg,-16deg);
    -webkit-transition: top .3s;
    transition: top .3s
}

.b2c-product-page .b2c-product__summary-media__wrapper {
    position: relative;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

@media screen and (min-width: 960px) {
    .b2c-product-page .b2c-product__summary-media__wrapper {
        height:100%
    }
}

@media screen and (min-width: 960px) {
    .b2c-product-page .b2c-product__summary-media__wrapper--absolute {
        position:absolute;
        -webkit-transition: none;
        transition: none
    }
}

@media screen and (min-width: 960px) {
    .b2c-product-page .b2c-product__summary-media__wrapper--fixed {
        position:fixed;
        top: calc(50vh - 15.6rem);
        -webkit-transition: none;
        transition: none
    }
}

.b2c-product-page .b2c-product__summary-media__wrapper>div:not(.b2c-product__summary-media__wrapper-banner) {
    position: relative;
    z-index: 1
}

.b2c-product-page .b2c-product__summary-media__wrapper-bannerDetail {
    position: relative;
    z-index: 9;
    left: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}

.b2c-product-page .b2c-product__summary-media__wrapper-banner {
    height: 3.2rem;
    margin: 3.2rem 1.6rem 0 0;
    padding: .4rem 1.3rem .3rem;
    font-weight: 700;
    font-size: 1.4rem;
    background: #fce500;
    border-radius: 1.6rem;
    -webkit-transition: top .3s;
    transition: top .3s
}

.b2c-product-page .b2c-product__summary-media__wrapper-banner:nth-child(2) {
    top: 9rem
}

@media (max-width: 959px) {
    .b2c-product-page .b2c-product__summary-media__wrapper-banner {
        top:17rem;
        left: 0
    }

    .b2c-product-page .b2c-product__summary-media__wrapper-banner:nth-child(2) {
        top: 22rem
    }
}

.b2c-product-page .b2c-product__summary-media__wrapper-gallery {
    width: 100%;
    max-width: 37rem;
    margin: .5rem auto;
    -webkit-transform: scale(.8);
    transform: scale(.8)
}

.b2c-product-page .b2c-product__summary-media__wrapper-gallery .dgad-images {
    margin-bottom: 0
}

.b2c-product-page .b2c-product__summary-media__wrapper-ratings {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-bottom: 1rem;
    text-align: center;
    opacity: 0
}

@media screen and (min-width: 960px) {
    .b2c-product-page .b2c-product__summary-media__wrapper-ratings--without-rr {
        margin-top:-1rem
    }
}

.b2c-product-page .b2c-product__summary-media__wrapper-ratings-price {
    margin-left: 1rem;
    font-size: 2.2rem;
    font-style: italic;
    font-weight: 500
}

@media screen and (min-width: 960px) {
    .b2c-product-page .b2c-product__summary-media__wrapper.b2c-product__summary-media__wrapper--scrolling {
        height:auto;
        border-radius: .4rem;
        -webkit-transform: translateY(-2.5rem);
        transform: translateY(-2.5rem)
    }

    .b2c-product-page .b2c-product__summary-media__wrapper.b2c-product__summary-media__wrapper--scrolling:after {
        top: 50%
    }

    .b2c-product-page .b2c-product__summary-media__wrapper.b2c-product__summary-media__wrapper--scrolling .b2c-product__summary-media__wrapper-head {
        z-index: 2
    }

    .b2c-product-page .b2c-product__summary-media__wrapper.b2c-product__summary-media__wrapper--scrolling .b2c-product__summary-media__wrapper__brand,.b2c-product-page .b2c-product__summary-media__wrapper.b2c-product__summary-media__wrapper--scrolling .b2c-product__summary-media__wrapper__name,.b2c-product-page .b2c-product__summary-media__wrapper.b2c-product__summary-media__wrapper--scrolling .b2c-product__summary-tags--fixed {
        display: block
    }
}

.b2c-product-page .b2c-product__summary-media__wrapper-head {
    -webkit-box-flex: 1.5;
    -ms-flex: 1.5;
    flex: 1.5;
    height: auto;
    min-height: 0;
    margin: 0;
    text-align: center;
    -webkit-transition: .3s;
    transition: .3s
}

@media screen and (min-width: 960px) {
    .b2c-product-page .b2c-product__summary-media__wrapper-head {
        height:auto
    }
}

@media (max-width: 959px) {
    .b2c-product-page .b2c-product__summary-media__wrapper-head {
        height:auto;
        margin: 0;
        opacity: 1
    }

    .b2c-product-page .b2c-product__summary-media__wrapper-head h3 {
        font-size: 2.5rem
    }

    .b2c-product-page .b2c-product__summary-media__wrapper-head span {
        font-size: 2rem
    }
}

.b2c-product-page .b2c-product__summary-media__wrapper-head h3 {
    margin: 0
}

.b2c-product-page .b2c-product__summary-media__wrapper-ctas {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    opacity: 0;
    -webkit-transition: all .3s .5s;
    transition: all .3s .5s
}

@media screen and (min-width: 960px) {
    .b2c-product-page .b2c-product__summary-media__wrapper-ctas {
        margin-bottom:3rem
    }
}

@media (max-width: 959px) {
    .b2c-product-page .b2c-product__summary-media__wrapper-ctas .b2c-product__summary-media__wrapper-ctas-item {
        display:none
    }

    .b2c-product-page .b2c-product__summary-media__wrapper-ctas .b2c-product__summary-media__wrapper-ctas-item[data-sku-sizes-anchor] {
        position: fixed;
        bottom: 2rem;
        left: 50%;
        display: block;
        width: 100%;
        max-width: 33rem;
        margin: 0;
        text-align: center;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

.b2c-product-page .b2c-product__summary-media__wrapper-ctas>.b2c-product__summary-media__wrapper-ctas-item .b2c-btn {
    padding: 0 4rem;
    text-align: center
}

.b2c-product-page .b2c-product__summary-claim {
    padding: 1rem
}

@media screen and (min-width: 960px) {
    .b2c-product-page .b2c-product__summary-claim {
        height:auto
    }
}

@media (max-width: 959px) {
    .b2c-product-page .b2c-product__summary-claim {
        padding:0 0 1rem;
        background: #fff
    }
}

.b2c-product-page .b2c-product__summary-claim .b2c-product__summary-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.b2c-product-page .b2c-product__summary-claim .b2c-product__summary-description,.b2c-product-page .b2c-product__summary-claim .b2c-product__summary-featureDetails,.b2c-product-page .b2c-product__summary-claim .b2c-product__summary-infos {
    margin-top: .8rem;
    -webkit-transition: all .3s ease .55s;
    transition: all .3s ease .55s
}

@media screen and (min-width: 960px) {
    .b2c-product-page .b2c-product__summary-claim .b2c-product__summary-description,.b2c-product-page .b2c-product__summary-claim .b2c-product__summary-featureDetails,.b2c-product-page .b2c-product__summary-claim .b2c-product__summary-infos {
        margin:.8rem 2.4rem 0 1.4rem
    }
}

@media (max-width: 959px) {
    .b2c-product-page .b2c-product__summary-claim .b2c-product__summary-description,.b2c-product-page .b2c-product__summary-claim .b2c-product__summary-featureDetails,.b2c-product-page .b2c-product__summary-claim .b2c-product__summary-infos {
        padding:0 2rem;
        text-align: center
    }
}

.b2c-product-page .b2c-product__summary-claim .b2c-product__summary-description .apos-rich-text,.b2c-product-page .b2c-product__summary-claim .b2c-product__summary-featureDetails .apos-rich-text,.b2c-product-page .b2c-product__summary-claim .b2c-product__summary-infos .apos-rich-text {
    margin-bottom: 0
}

.b2c-product-page .b2c-product__summary-claim .b2c-product__summary-description .apos-rich-text p,.b2c-product-page .b2c-product__summary-claim .b2c-product__summary-featureDetails .apos-rich-text p,.b2c-product-page .b2c-product__summary-claim .b2c-product__summary-infos .apos-rich-text p {
    margin-bottom: 1rem
}

.b2c-product-page .b2c-product__summary-claim .b2c-product__summary-infos,.b2c-product-page .b2c-product__summary-claim .b2c-product__summary-title {
    opacity: 0;
    -webkit-transform: translateX(-5rem);
    transform: translateX(-5rem)
}

.b2c-product-page .b2c-product__summary-claim .b2c-product__summary-infos {
    margin-top: 3rem
}

.b2c-product-page .b2c-product__summary-claim .b2c-product__summary-dealer-cta--mobile {
    display: block;
    width: 100%;
    max-width: 33rem;
    margin: 0 auto
}

@media screen and (min-width: 960px) {
    .b2c-product-page .b2c-product__summary-claim .b2c-product__summary-dealer-cta--mobile {
        display:none
    }
}

.b2c-product-page .b2c-product__summary-claim .b2c-product__summary-dealer-cta--mobile .dgad-cta__item {
    width: 100%
}

.b2c-product-page .b2c-product__summary-claim .b2c-product__summary-title {
    -webkit-transition: all .3s ease .51s;
    transition: all .3s ease .51s
}

@media (max-width: 959px) {
    .b2c-product-page .b2c-product__summary-claim .b2c-product__summary-title {
        display:none
    }
}

.b2c-product-page .b2c-product__summary-claim .b2c-product__summary-labellings {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 2rem 0;
    opacity: 0;
    -webkit-transform: translateY(.5rem);
    transform: translateY(.5rem);
    -webkit-transition: all .3s .5s;
    transition: all .3s .5s
}

.b2c-product-page .b2c-product__summary-claim .b2c-product__summary-labellings-item {
    position: relative;
    margin-right: 2rem
}

.b2c-product-page .b2c-product__summary-claim .b2c-product__summary-labellings-item p {
    position: absolute;
    right: 0;
    bottom: .5rem
}

.b2c-product-page .b2c-product__summary-claim .b2c-product__summary-labellings-item img {
    width: 4rem;
    height: 4rem
}

.b2c-product-page .b2c-product__summary-claim.b2c-product__summary-claim--scrolling {
    border-radius: 0 .4rem .4rem 0
}

.b2c-product-page .b2c-product__summary-claim.b2c-product__summary-claim--scrolling .b2c-product__summary-content .b2c-product__summary-title {
    opacity: 0;
    -webkit-transform: translateY(-2rem);
    transform: translateY(-2rem)
}

@media screen and (min-width: 960px) {
    .b2c-product-page .b2c-product__summary-claim:after {
        content:"";
        position: absolute;
        z-index: 0;
        top: 15rem;
        left: 0;
        width: 100%;
        padding-bottom: 40rem;
        background: #fff;
        -webkit-transform: skew(0deg,-6deg);
        transform: skew(0deg,-6deg)
    }
}

.b2c-product-page .b2c-product__summary-tags--fixed {
    display: block
}

@media (max-width: 959px) {
    .b2c-product-page .b2c-product__summary-tags--fixed {
        margin-top:1rem
    }
}

.b2c-product-page .b2c-product__summary-tags--fixed .b2c-product__summary-tags-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (min-width: 960px) {
    .b2c-product-page .b2c-product__summary-tags--fixed .b2c-product__summary-tags-list {
        padding:1rem .5rem
    }
}

.b2c-product-page .b2c-product__summary-tags--fixed .b2c-product__summary-tags-list p {
    display: none
}

.b2c-product-page .b2c-product__summary-tags--fixed .b2c-product__summary-tags-list-item {
    margin-right: 1rem
}

.b2c-product-page .b2c-product__summary-tags--fixed .b2c-product__summary-tags-list-item:last-child {
    margin: 0
}

.b2c-product-page .b2c-product__summary-tags--fixed .b2c-product__summary-labellings-list-item-placeholder,.b2c-product-page .b2c-product__summary-tags--fixed .b2c-product__summary-tags-list-item-placeholder,.b2c-product-page .b2c-product__summary-tags--fixed img,.b2c-product-page .b2c-product__summary-tags--fixed svg {
    display: block;
    width: 3rem;
    height: 3rem;
    margin: 0;
    border-radius: 50%
}

.b2c-product-page .b2c-product__summary-labellings,.b2c-product-page .b2c-product__summary-tags {
    position: relative
}

.b2c-product-page .b2c-product__summary-labellings--notag,.b2c-product-page .b2c-product__summary-tags--notag {
    display: none
}

@media (max-width: 959px) {
    .b2c-product-page .b2c-product__summary-labellings--tagitem,.b2c-product-page .b2c-product__summary-tags--tagitem {
        height:0
    }
}

.b2c-product-page .b2c-product__summary-labellings--reversed,.b2c-product-page .b2c-product__summary-tags--reversed {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.b2c-product-page .b2c-product__summary-labellings--reversed .b2c-product__summary-labellings-list,.b2c-product-page .b2c-product__summary-labellings--reversed .b2c-product__summary-tags-list,.b2c-product-page .b2c-product__summary-tags--reversed .b2c-product__summary-labellings-list,.b2c-product-page .b2c-product__summary-tags--reversed .b2c-product__summary-tags-list {
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse
}

.b2c-product-page .b2c-product__summary-labellings .b2c-product__summary-labellings-list,.b2c-product-page .b2c-product__summary-labellings .b2c-product__summary-tags-list,.b2c-product-page .b2c-product__summary-tags .b2c-product__summary-labellings-list,.b2c-product-page .b2c-product__summary-tags .b2c-product__summary-tags-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-right: 2.2rem;
    opacity: 0;
    -webkit-transform: translateX(2rem);
    transform: translateX(2rem);
    -webkit-transition: all .3s ease .5s;
    transition: all .3s ease .5s
}

@media (max-width: 959px) {
    .b2c-product-page .b2c-product__summary-labellings .b2c-product__summary-labellings-list,.b2c-product-page .b2c-product__summary-labellings .b2c-product__summary-tags-list,.b2c-product-page .b2c-product__summary-tags .b2c-product__summary-labellings-list,.b2c-product-page .b2c-product__summary-tags .b2c-product__summary-tags-list {
        display:none
    }
}

.b2c-product-page .b2c-product__summary-labellings .b2c-product__summary-labellings-list-item,.b2c-product-page .b2c-product__summary-labellings .b2c-product__summary-tags-list-item,.b2c-product-page .b2c-product__summary-tags .b2c-product__summary-labellings-list-item,.b2c-product-page .b2c-product__summary-tags .b2c-product__summary-tags-list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-left: 2.4rem
}

.b2c-product-page .b2c-product__summary-labellings .b2c-product__summary-labellings-list-item:first-child,.b2c-product-page .b2c-product__summary-labellings .b2c-product__summary-tags-list-item:first-child,.b2c-product-page .b2c-product__summary-tags .b2c-product__summary-labellings-list-item:first-child,.b2c-product-page .b2c-product__summary-tags .b2c-product__summary-tags-list-item:first-child {
    margin-left: 0
}

.b2c-product-page .b2c-product__summary-labellings .b2c-product__summary-labellings-list-item p,.b2c-product-page .b2c-product__summary-labellings .b2c-product__summary-tags-list-item p,.b2c-product-page .b2c-product__summary-tags .b2c-product__summary-labellings-list-item p,.b2c-product-page .b2c-product__summary-tags .b2c-product__summary-tags-list-item p {
    display: none
}

.b2c-product-page .b2c-product__summary-labellings .b2c-product__summary-labellings-list-item img,.b2c-product-page .b2c-product__summary-labellings .b2c-product__summary-labellings-list-item svg,.b2c-product-page .b2c-product__summary-labellings .b2c-product__summary-tags-list-item img,.b2c-product-page .b2c-product__summary-labellings .b2c-product__summary-tags-list-item svg,.b2c-product-page .b2c-product__summary-tags .b2c-product__summary-labellings-list-item img,.b2c-product-page .b2c-product__summary-tags .b2c-product__summary-labellings-list-item svg,.b2c-product-page .b2c-product__summary-tags .b2c-product__summary-tags-list-item img,.b2c-product-page .b2c-product__summary-tags .b2c-product__summary-tags-list-item svg {
    width: 3.2rem;
    height: 3.2rem
}

.b2c-product-page .b2c-product__summary-labellings .b2c-product__summary-labellings-list-item-placeholder,.b2c-product-page .b2c-product__summary-labellings .b2c-product__summary-tags-list-item-placeholder,.b2c-product-page .b2c-product__summary-tags .b2c-product__summary-labellings-list-item-placeholder,.b2c-product-page .b2c-product__summary-tags .b2c-product__summary-tags-list-item-placeholder {
    width: 4rem;
    height: 4rem;
    margin: 1rem auto;
    border-radius: 50%
}

.b2c-product-page .b2c-product__summary-description ul,.b2c-product-page .b2c-product__summary-featureDetails ul {
    margin-left: 2rem;
    list-style: disc;
    list-style-position: inside
}

@media screen and (min-width: 960px) {
    .b2c-product-page .b2c-product__summary-description ul,.b2c-product-page .b2c-product__summary-featureDetails ul {
        list-style-position:outside
    }
}

.b2c-product-page .b2c-product__summary-description ol,.b2c-product-page .b2c-product__summary-featureDetails ol {
    margin-left: 2rem;
    list-style: auto;
    list-style-position: inside
}

@media screen and (min-width: 960px) {
    .b2c-product-page .b2c-product__summary-description ol,.b2c-product-page .b2c-product__summary-featureDetails ol {
        list-style-position:outside
    }
}

@media (max-width: 959px) {
    .b2c-product-page .b2c-product-summary__gallery--vertical .dgad-media-gallery__item.dgad-slider__slide--active {
        background-size:contain
    }
}

.b2c-product-page .b2c-product__summary.b2c-product__summary--ready {
    z-index: 10;
    opacity: 1
}

.b2c-product-page .b2c-product__summary.b2c-product__summary--ready .b2c-product__summary-media__wrapper-ctas {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 1
}

.b2c-product-page .b2c-product__summary.b2c-product__summary--ready .b2c-product__summary-labellings,.b2c-product-page .b2c-product__summary.b2c-product__summary--ready .b2c-product__summary-media__wrapper-ratings {
    padding: 0;
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

@media screen and (min-width: 960px) {
    .b2c-product-page .b2c-product__summary.b2c-product__summary--ready .b2c-product__summary-labellings,.b2c-product-page .b2c-product__summary.b2c-product__summary--ready .b2c-product__summary-media__wrapper-ratings {
        padding:1rem 0 0
    }
}

.b2c-product-page .b2c-product__summary.b2c-product__summary--ready .b2c-product__summary-labellings-price__label,.b2c-product-page .b2c-product__summary.b2c-product__summary--ready .b2c-product__summary-media__wrapper-ratings-price__label {
    margin-top: .4rem;
    font-size: 1.4rem;
    font-weight: 400;
    font-style: italic;
    color: #b2b2b2
}

@media screen and (min-width: 600px) {
    .b2c-product-page .b2c-product__summary.b2c-product__summary--ready .b2c-product__summary-labellings-price__label,.b2c-product-page .b2c-product__summary.b2c-product__summary--ready .b2c-product__summary-media__wrapper-ratings-price__label {
        max-width:inherit
    }
}

.b2c-product-page .b2c-product__summary.b2c-product__summary--ready .b2c-product__summary-labellings-price__label--right,.b2c-product-page .b2c-product__summary.b2c-product__summary--ready .b2c-product__summary-media__wrapper-ratings-price__label--right {
    text-align: right
}

.b2c-product-page .b2c-product__summary.b2c-product__summary--ready .b2c-product__summary-labellings-price__value,.b2c-product-page .b2c-product__summary.b2c-product__summary--ready .b2c-product__summary-media__wrapper-ratings-price__value {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.5
}

.b2c-product-page .b2c-product__summary.b2c-product__summary--ready .b2c-product__summary-infos,.b2c-product-page .b2c-product__summary.b2c-product__summary--ready .b2c-product__summary-title {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.b2c-product-page .b2c-product__summary.b2c-product__summary--ready .b2c-product__summary-basic,.b2c-product-page .b2c-product__summary.b2c-product__summary--ready .b2c-product__summary-infodetail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

@media (max-width: 959px) {
    .b2c-product-page .b2c-product__summary.b2c-product__summary--ready .b2c-product__summary-infodetail {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.b2c-product-page .b2c-product__summary.b2c-product__summary--ready .b2c-product__summary-infobasic {
    width: 100%
}

.b2c-product-page .b2c-product__summary.b2c-product__summary--ready .b2c-product__summary-infobasic:not(.b2c-product__summary-nocriteria) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 62rem
}

@media screen and (min-width: 1280px) {
    .b2c-product-page .b2c-product__summary.b2c-product__summary--ready .b2c-product__summary-infobasic:not(.b2c-product__summary-nocriteria) {
        width:50rem
    }
}

@media screen and (min-width: 960px) and (max-width:1279px) {
    .b2c-product-page .b2c-product__summary.b2c-product__summary--ready .b2c-product__summary-infobasic:not(.b2c-product__summary-nocriteria) {
        width:43rem
    }
}

@media (max-width: 959px) {
    .b2c-product-page .b2c-product__summary.b2c-product__summary--ready .b2c-product__summary-infobasic:not(.b2c-product__summary-nocriteria) {
        width:100%
    }
}

.b2c-product-page .b2c-product__summary.b2c-product__summary--ready .b2c-product__summary-details {
    min-height: 16rem
}

.b2c-product-page .b2c-product__summary.b2c-product__summary--ready .b2c-product__summary-content .b2c-product__summary-title {
    z-index: 2;
    width: 57rem;
    margin-left: 1.4rem;
    -webkit-transition: all .3s;
    transition: all .3s
}

@media screen and (min-width: 1280px) {
    .b2c-product-page .b2c-product__summary.b2c-product__summary--ready .b2c-product__summary-content .b2c-product__summary-title {
        width:45rem
    }
}

@media screen and (min-width: 960px) and (max-width:1279px) {
    .b2c-product-page .b2c-product__summary.b2c-product__summary--ready .b2c-product__summary-content .b2c-product__summary-title {
        width:37rem
    }
}

@media (max-width: 959px) {
    .b2c-product-page .b2c-product__summary.b2c-product__summary--ready .b2c-product__summary-content .b2c-product__summary-title {
        width:100%
    }
}

.b2c-product-page .b2c-product__summary.b2c-product__summary--ready .b2c-product__summary-labellings-list,.b2c-product-page .b2c-product__summary.b2c-product__summary--ready .b2c-product__summary-tags-list {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.b2c-product-page .b2c-product__summary.b2c-product__summary--ready .dgad-media-gallery {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.b2c-product-page .b2c-product__summary.b2c-product__summary--ready .dgad-media-gallery .dgad-btn svg {
    stroke: #333
}

.b2c-product-page .b2c-product__ratings-and-reviews-container,.b2c-product-page .b2c-product__reverse-ts-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 10rem;
    font-weight: 700;
    color: #fff;
    background-color: #b2b2b2
}

.b2c-product__summary-rating-criteria {
    z-index: 1;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    margin: 2.4rem 0 0 1.6rem
}

@media screen and (min-width: 960px) {
    .b2c-product__summary-rating-criteria {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media (max-width: 959px) {
    .b2c-product__summary-rating-criteria {
        margin-left:3.2rem
    }
}

.b2c-product__summary-rating-criteria-block {
    display: inline-block;
    width: 48%
}

@media screen and (min-width: 0) and (max-width:599px) {
    .b2c-product__summary-rating-criteria-block {
        width:100%
    }
}

@media screen and (min-width: 960px) {
    .b2c-product__summary-rating-criteria-block {
        width:100%
    }
}

.b2c-product__summary-rating-criteria-title {
    height: 3.3rem;
    margin: auto;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 2;
    letter-spacing: normal;
    text-align: left
}

@media screen and (min-width: 960px) {
    .b2c-product__summary-rating-criteria-title {
        height:2.4rem;
        font-size: 1.4rem
    }
}

.b2c-product__summary-rating-criteria-rating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 3.2rem;
    margin: auto;
    text-align: center
}

.b2c-product__summary-rating-criteria-ratingon {
    width: 2.4rem;
    height: .9rem;
    margin: 1.2rem 1.3rem 0 0;
    border-radius: .5rem
}

@media (max-width: 959px) {
    .b2c-product__summary-rating-criteria-ratingon {
        margin:.7rem 1.6rem 0 0
    }
}

@media screen and (min-width: 0) and (max-width:599px) {
    .b2c-product__summary-rating-criteria-ratingon {
        width:3.2rem;
        margin: .7rem 3.2rem 0 0
    }
}

.b2c-product__summary-rating-criteria-ratingoff {
    width: 1.8rem;
    height: .2rem;
    margin: 1rem 1.6rem 0;
    background-color: #e5e5e5
}

@media screen and (min-width: 960px) {
    .b2c-product__summary-rating-criteria-ratingoff {
        margin:1.5rem 1.1rem 0 0
    }
}

.tooltip {
    position: relative
}

.tooltip:before {
    content: attr(data-text);
    position: absolute;
    z-index: 999;
    top: 100%;
    left: 60%;
    display: none;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    min-width: 12rem;
    max-width: 24rem;
    padding: 1.6rem;
    font-size: 1.2rem;
    line-height: 1.5;
    color: #fff;
    text-align: center;
    background: #000;
    border-radius: .3rem;
    -webkit-transform: translate(-50%);
    transform: translate(-50%)
}

@media (max-width: 959px) {
    .tooltip:before {
        top:110%;
        color: #000;
        background: #fff
    }
}

.tooltip:after {
    content: "";
    position: absolute;
    z-index: 999;
    top: 45%;
    left: 50%;
    display: none;
    margin-left: -.6rem;
    border: 1rem solid transparent;
    border-right-color: #000;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

@media (max-width: 959px) {
    .tooltip:after {
        top:50%;
        border: 1rem solid transparent;
        border-right-color: #fff
    }
}

.tooltip:hover:after,.tooltip:hover:before {
    display: block
}

.b2c-product__summary-tags-list .tooltip:before {
    top: 95%
}

@media (max-width: 959px) {
    .b2c-product__summary-tags-list .tooltip:before {
        margin-top:-6.2rem
    }
}

.b2c-product__summary-tags-list .tooltip:after {
    top: 50%;
    margin-left: -.9rem
}

.b2c-product__summary-tags--fixed .b2c-product__summary-tags-list .tooltip:before {
    margin-top: 4rem;
    color: #000;
    background: #fff
}

.b2c-product__summary-tags--fixed .b2c-product__summary-tags-list .tooltip:after {
    margin-top: 2rem;
    border: 1rem solid transparent;
    border-right-color: #fff
}

@media (max-width: 959px) {
    .b2c-product-page .b2c-product__summary-media__wrapper-ctas .b2c-product__summary-media__wrapper-ctas-item[cta-buy] {
        position:fixed;
        bottom: 2rem;
        left: 50%;
        display: block;
        width: 100%;
        max-width: 33rem;
        margin: 0;
        text-align: center;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

.b2c-product-page .b2c-product__summary-media__wrapper-ctas>.b2c-product__summary-media__wrapper-ctas-item {
    margin: 0 .5rem
}

.b2c-product-page .b2c-product__summary-media__wrapper-ctas>.b2c-product__summary-media__wrapper-ctas-item :hover {
    font-weight: 700
}

.b2c-product-page .b2c-product__summary-media__wrapper-ctas>.b2c-product__summary-media__wrapper-ctas-item [data-apos-widget-wrapper=dgad-call-to-action] {
    margin: 0
}

.b2c-product-page .b2c-product__summary-media__wrapper-ctas>.b2c-product__summary-media__wrapper-ctas-item .b2c-btn {
    width: 100%;
    min-width: 0;
    padding-top: .5rem
}

.b2c-product-page .b2c-product__summary-claim {
    z-index: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 84rem;
    padding: 0 1rem 1rem;
    overflow: visible;
    -webkit-transition: .3s;
    transition: .3s
}

@media screen and (min-width: 1280px) {
    .b2c-product-page .b2c-product__summary-claim {
        width:72rem
    }
}

@media screen and (min-width: 960px) and (max-width:1279px) {
    .b2c-product-page .b2c-product__summary-claim {
        width:63.5rem
    }
}

@media (max-width: 959px) {
    .b2c-product-page .b2c-product__summary-claim {
        width:100%
    }
}

@media screen and (min-width: 960px) {
    .b2c-product-page .b2c-product__summary-claim {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        padding: 1rem
    }
}

@media screen and (min-width: 960px) {
    .b2c-product-page .b2c-product__summary-claim .b2c-product__summary-content {
        padding-top:2.2rem
    }
}

.b2c-product-page .b2c-product__summary-claim .b2c-product__summary-content>div {
    position: relative
}

@media screen and (min-width: 960px) {
    .b2c-product-page .b2c-product__summary-claim .b2c-product__summary-content>div {
        z-index:1
    }
}

.b2c-product-page .b2c-product__summary-claim.b2c-product__summary-bg {
    width: 100%;
    height: calc(100% - 12rem);
    overflow: hidden
}

.b2c-product-page .b2c-product__summary-claim .b2c-product__summary-bg-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 10rem;
    background-color: #fff
}

@media screen and (min-width: 960px) {
    .b2c-product-page .b2c-product__summary-claim:after {
        content:"";
        position: absolute;
        z-index: 0;
        top: 15.6rem;
        left: 0;
        width: 100%;
        padding-bottom: 4rem;
        background: #fff;
        -webkit-transform: skew(0deg,-5deg);
        transform: skew(0deg,-5deg)
    }
}

@media screen and (min-width: 960px) and (max-width:959px) {
    .b2c-product-page .b2c-product__summary-claim:after {
        -webkit-transform:skew(0deg,-25deg);
        transform: skew(0deg,-25deg)
    }
}

@media screen and (min-width: 960px) {
    .b2c-product-page .b2c-product__summary-rating-criteria {
        width:18rem
    }
}

.b2c-product-page .b2c-product__summary-labellings,.b2c-product-page .b2c-product__summary-tags {
    width: 23rem
}

.b2c-product-page .b2c-product__summary-labellings .b2c-product__summary-labellings-list,.b2c-product-page .b2c-product__summary-labellings .b2c-product__summary-tags-list,.b2c-product-page .b2c-product__summary-tags .b2c-product__summary-labellings-list,.b2c-product-page .b2c-product__summary-tags .b2c-product__summary-tags-list {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.b2c-sku-table-row {
    height: auto;
    margin: 0 0 1rem;
    padding: 1rem;
    border-radius: .4rem
}

.b2c-sku-table-row.b2c-accordion__title.b2c-sku-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

@media (max-width: 599px) {
    .b2c-sku-table-row {
        position:relative;
        display: block
    }
}

.b2c-sku-table-row__item-left {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.b2c-sku-table-row__item-left__icons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media screen and (min-width: 960px) {
    .b2c-sku-table-row__item-left__icons {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.b2c-sku-table-row__item-left__specifications {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: .4rem 0
}

.b2c-sku-table-row__item-left__specifications svg {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 3rem;
    height: 3rem;
    margin-top: .5rem;
    margin-right: 1rem
}

.b2c-sku-table-row__item-left__labellings {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: .4rem 0
}

.b2c-sku-table-row__item-left__labellings__value {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    height: 3.5rem;
    margin-left: 1rem
}

.b2c-sku-table-row__item-left__labellings__value:first-child {
    margin-left: 0
}

.b2c-sku-table-row__item-left__labellings svg {
    width: 3.5rem;
    height: 3.5rem
}

.b2c-sku-table-row__item-left__labellings .b2c-tooltip__trigger svg {
    width: 2.5rem;
    height: 2.5rem;
    margin-top: .6rem
}

.b2c-sku-table-row__item-left__info-sheet-link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin: .4rem 0
}

@media screen and (min-width: 960px) {
    .b2c-sku-table-row__item-left__info-sheet-link {
        margin-left:1rem
    }
}

.b2c-sku-table-row__item-left__info-sheet-link a {
    color: #27509b;
    text-decoration: underline
}

.b2c-sku-table-row__item-left__info-sheet-link a svg {
    width: 1.4rem;
    height: 1.4rem;
    margin-left: .5rem;
    fill: #27509b
}

@media (max-width: 599px) {
    .b2c-sku-table-row__item-left {
        display:block
    }
}

.b2c-sku-table-row__item-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-top: .4rem
}

@media screen and (min-width: 960px) {
    .b2c-sku-table-row__item-right {
        -ms-flex-item-align:center;
        align-self: center;
        margin-top: 0
    }
}

@media (max-width: 959px) {
    .b2c-sku-table-row__item-right [data-c2b-widget] {
        display:none
    }
}

.b2c-sku-table-row--unavailable .b2c-btn,.b2c-sku-table-row--unavailable .b2c-sku-table-row__tunnel-price {
    opacity: .5;
    pointer-events: none
}

.b2c-sku-table-row__tunnel-price {
    margin: auto 3rem;
    font-size: 1.6rem;
    font-weight: 700
}

.b2c-sku-table-row__tunnel-price .b2c-horizontal-loader {
    -webkit-transform: scale(.7);
    transform: scale(.7)
}

@media (max-width: 599px) {
    .b2c-sku-table-row__tunnel-price .b2c-horizontal-loader {
        margin-top:1.3rem
    }
}

.b2c-sku-table-row__tunnel-price span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width: 599px) {
    .b2c-sku-table-row__tunnel-price {
        margin:0
    }
}

.b2c-sku-table-row .b2c-accordion__icon {
    margin: auto 1.8rem auto auto
}

@media (max-width: 599px) {
    .b2c-sku-table-row .b2c-accordion__icon {
        position:absolute;
        top: 2.5rem;
        right: 0
    }
}

@media (max-width: 959px) {
    .b2c-sku-table-row .price-selector-cta {
        display:none
    }
}

.b2c-sku-table .b2c-accordion__content {
    margin: -1.2rem 0 1rem;
    padding: 1rem;
    border-radius: .4rem
}

.b2c-sku-table .b2c-accordion__content__sku-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.b2c-sku-table .b2c-accordion__content__sku-container .b2c-sku-table-info {
    display: block;
    width: 100%
}

@media screen and (min-width: 960px) {
    .b2c-sku-table .b2c-accordion__content__sku-container .b2c-sku-table-info {
        width:50%
    }
}

.b2c-sku-table .b2c-accordion__content__sku-container .b2c-sku-table-info__label,.b2c-sku-table .b2c-accordion__content__sku-container .b2c-sku-table-info__value {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.b2c-sku-table .b2c-accordion__content__sku-container .b2c-sku-table-info__label .b2c-tooltip__trigger svg {
    width: 2.5rem;
    height: 2.5rem;
    margin-top: -.5rem
}

.b2c-sku-table .b2c-accordion__content__sku-container .b2c-sku-table-info__value-icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.b2c-sku-table .b2c-accordion__content__sku-container .b2c-sku-table-info__value-icon__label {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-top: .5rem;
    margin-left: .5rem;
    font-weight: 400
}

.b2c-sku-table .b2c-accordion__content__sku-container .b2c-sku-table-info__value-icon__label__bold {
    margin-top: -1rem;
    margin-left: 0;
    font-weight: 700
}

.b2c-sku-table .b2c-accordion__content__sku-container .b2c-sku-table-info__specifications .b2c-sku-table-info__value {
    margin-top: 1rem
}

.b2c-sku-table-row {
    background-color: #fff
}

.b2c-sku-table-row,.b2c-sku-table-row__tunnel-price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.b2c-sku-table-row__tunnel-price {
    color: #363636
}

.b2c-sku-table-row .msrp-price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-right: 4rem
}

@media screen and (min-width: 600px) {
    .b2c-sku-table-row .msrp-price {
        margin-right:0
    }
}

.b2c-sku-table-row .msrp-price__label {
    max-width: 13rem;
    font-size: 1rem;
    font-weight: 400;
    color: #b2b2b2;
    text-align: right
}

@media screen and (min-width: 600px) {
    .b2c-sku-table-row .msrp-price__label {
        max-width:inherit
    }
}

.b2c-sku-table-row__item-left {
    display: grid
}

@media (max-width: 959px) {
    .b2c-sku-table-row .b2c-btn {
        display:none
    }
}

.b2c-sku-table-row .b2c-accordion__icon {
    fill: #363636
}

.b2c-sku-table .b2c-accordion__content {
    background-color: #fff
}

.b2c-sku-table {
    padding: 0 2.5rem
}

.b2c-sku-table__content,.b2c-sku-table__header {
    display: block;
    width: 100%;
    max-width: 110rem;
    margin: 0 auto;
    padding-bottom: 5rem
}

.b2c-sku-table__content [data-b2c-tabs-target],.b2c-sku-table__header [data-b2c-tabs-target] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.b2c-sku-table__content .b2c-btn,.b2c-sku-table__header .b2c-btn {
    border-radius: 2.5rem
}

@media screen and (min-width: 960px) {
    .b2c-sku-table__content .b2c-btn,.b2c-sku-table__header .b2c-btn {
        margin-right:3rem;
        border-radius: 0
    }
}

.b2c-sku-table__content [data-c2b-widget],.b2c-sku-table__header [data-c2b-widget] {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

@media screen and (min-width: 960px) {
    .b2c-sku-table__content [data-c2b-widget],.b2c-sku-table__header [data-c2b-widget] {
        margin-right:3rem
    }
}

.b2c-sku-table__content [data-c2b-widget] .b2c-btn,.b2c-sku-table__header [data-c2b-widget] .b2c-btn {
    margin: 0 auto
}

@media screen and (min-width: 960px) {
    .b2c-sku-table__content [data-c2b-widget] .b2c-btn,.b2c-sku-table__header [data-c2b-widget] .b2c-btn {
        margin:0
    }
}

@media (max-width: 959px) {
    .b2c-sku-table__content .dealer-locator-cta-mobile,.b2c-sku-table__header .dealer-locator-cta-mobile {
        margin-top:-1.6rem;
        margin-bottom: 1rem;
        padding: 0 1rem .1rem;
        background: #fff
    }
}

@media screen and (min-width: 960px) {
    .b2c-sku-table__content .dealer-locator-cta-mobile,.b2c-sku-table__header .dealer-locator-cta-mobile {
        display:none
    }
}

.b2c-sku-table__content .dealer-locator-cta,.b2c-sku-table__header .dealer-locator-cta {
    margin: -1.5rem 0
}

@media (max-width: 959px) {
    .b2c-sku-table__content .dealer-locator-cta,.b2c-sku-table__header .dealer-locator-cta {
        display:none
    }
}

.b2c-sku-table__content .price-selector-cta,.b2c-sku-table__header .price-selector-cta {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 100%
}

.b2c-sku-table__content .price-selector-cta>span,.b2c-sku-table__header .price-selector-cta>span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.b2c-sku-table__content .price-selector-cta>span[hidden],.b2c-sku-table__header .price-selector-cta>span[hidden] {
    display: none
}

.b2c-sku-table__content .price-selector-cta__api-provider-label,.b2c-sku-table__content .price-selector-cta__main-label,.b2c-sku-table__header .price-selector-cta__api-provider-label,.b2c-sku-table__header .price-selector-cta__main-label {
    margin: auto
}

.b2c-sku-table__content .price-selector-cta__no-region-selected-label,.b2c-sku-table__header .price-selector-cta__no-region-selected-label {
    margin-top: 0
}

.b2c-sku-table__content .price-selector-cta--with-rs .price-selector-cta__main-label,.b2c-sku-table__header .price-selector-cta--with-rs .price-selector-cta__main-label {
    margin-top: .2rem
}

.b2c-sku-table__content .price-selector-cta--unavailable,.b2c-sku-table__header .price-selector-cta--unavailable {
    opacity: .5
}

.b2c-sku-table__header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 2rem;
    padding-bottom: 2rem
}

.b2c-sku-table__header,.b2c-sku-table__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.b2c-sku-table__title {
    margin: auto 0;
    font-size: 1.6rem;
    font-weight: 700;
    -webkit-transform: translateY(.3rem);
    transform: translateY(.3rem)
}

.b2c-sku-table__announcement {
    position: absolute;
    font-size: 1rem;
    font-weight: 700
}

.b2c-sku-table .price-selector-cta--btn-mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 5.5rem;
    margin: 0 auto;
    padding: 1.3rem 3rem;
    border-radius: 2.5rem
}

.b2c-sku-table .price-selector-cta--btn-mobile span:first-child {
    margin-bottom: .4rem
}

@media screen and (min-width: 960px) {
    .b2c-sku-table .price-selector-cta--btn-mobile {
        display:none
    }
}

.b2c-sku-table__cta-area-mobile {
    display: block;
    margin-top: -1rem;
    margin-bottom: 1rem;
    padding-bottom: 1.5rem;
    text-align: center
}

@media screen and (min-width: 960px) {
    .b2c-sku-table__cta-area-mobile {
        display:none
    }
}

@media (max-width: 599px) {
    .b2c-sku-table__cta-area-mobile .price-selector-cta {
        max-width:calc(100% - 2rem);
        margin: 0 auto
    }
}

@media screen and (min-width: 960px) {
    .b2c-sku-table .b2c-tabs {
        margin-left:3rem
    }
}

.b2c-sku-table-info,.b2c-sku-table-oemarkings {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 1rem
}

.b2c-sku-table-info .b2c-sku-table-info__value svg,.b2c-sku-table-oemarkings .b2c-sku-table-info__value svg {
    width: 3.5rem;
    height: 3.5rem
}

.b2c-sku-table-info__label {
    font-size: 1.2rem;
    font-weight: 700
}

.b2c-sku-table-info__label .b2c-sku-table-info__tooltip a svg {
    margin-top: -.3rem;
    margin-left: .2rem
}

.b2c-sku-table-info__value {
    font-size: 1.6rem;
    font-weight: 700
}

.b2c-sku-table-info__labellings {
    display: block
}

.b2c-sku-table-info__labellings .b2c-sku-table-info__value {
    display: block;
    height: auto
}

.b2c-sku-table-info__labellings .b2c-sku-table-info__value:first-child {
    margin-left: 0
}

.b2c-sku-table-info__labellings .b2c-sku-table-info__value:nth-child(3),.b2c-sku-table-info__labellings .b2c-sku-table-info__value:nth-child(4) {
    display: inline-block
}

.b2c-sku-table-info__labellings .b2c-sku-table-info__value span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row;
    flex-flow: row
}

.b2c-sku-table-info__labellings p {
    margin: .4rem 0;
    font-weight: 400
}

.b2c-sku-table-info__labellings p:first-child {
    margin-left: 0;
    word-break: break-word
}

.b2c-sku-table-info__labellings svg {
    width: 3.5rem;
    height: 3.5rem;
    margin: -.4rem .5rem 0
}

.b2c-sku-table-info__tooltip a svg {
    width: 2.5rem;
    height: 2.5rem;
    margin-top: .7rem;
    margin-left: 0
}

.b2c-sku-table-info__specifications .b2c-sku-table-info__value {
    display: block
}

.b2c-sku-table-oemarkings__item {
    font-size: 1.6rem;
    font-weight: 700
}

.b2c-sku-table {
    background-color: #f5f5f5
}

@media screen and (min-width: 960px) {
    .b2c-sku-table .b2c-btn {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.b2c-sku-table__title {
    margin: .4rem 0;
    color: #363636;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.b2c-sku-table__ribbon {
    height: 1.4rem;
    font-size: 1rem;
    font-weight: 700;
    color: #32ab54
}

.b2c-sku-table__announcement {
    color: #32ab54
}

.b2c-sku-table__cta-area-mobile {
    background: #fff
}

.b2c-sku-table__cta-area-mobile .b2c-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: calc(100% - 2rem);
    margin: 0 auto
}

.b2c-sku-table-info__label {
    color: #27509b
}

.b2c-sku-table-info__value {
    color: #363636
}

.b2c-sku-table-oemarkings__item {
    color: #27509b
}

.b2c-sku-table-filters {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    margin: 1rem 0 2rem
}

@media screen and (min-width: 600px) {
    .b2c-sku-table-filters {
        width:auto
    }
}

@media screen and (min-width: 960px) {
    .b2c-sku-table-filters {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        margin: 0 0 0 3rem
    }
}

.b2c-sku-table-filters__title {
    font-weight: 700
}

@media screen and (min-width: 960px) {
    .b2c-sku-table-filters__title {
        margin-right:1rem
    }
}

.b2c-sku-table-filters__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-top: .5rem
}

@media screen and (min-width: 960px) {
    .b2c-sku-table-filters__list {
        margin-top:0
    }
}

.b2c-sku-table-filters__list li {
    margin-right: 1rem
}

.b2c-sku-table-filters__list li:last-child {
    margin-right: 0
}

.b2c-sku-table-filters__list li .b2c-filter-btn {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

@media screen and (min-width: 600px) {
    .b2c-sku-table-filters__list li .b2c-filter-btn {
        width:auto
    }
}

.b2c-sku-table-filters__list-wrapper {
    width: 100%;
    overflow: -moz-scrollbars-none;
    overflow-x: auto;
    overflow-y: hidden;
    -ms-overflow-style: none
}

.b2c-sku-table-filters__list-wrapper::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0
}

.b2c-sku-table-filters__item {
    height: 3.5rem;
    padding: 0 1.5rem;
    line-height: 3.4rem;
    text-align: center;
    background: none;
    border-radius: 1.7rem;
    outline: none;
    cursor: pointer;
    -webkit-transition: background-color .1s ease-in-out,color .1s ease-in-out,border-color .1s ease-in-out;
    transition: background-color .1s ease-in-out,color .1s ease-in-out,border-color .1s ease-in-out
}

@media screen and (min-width: 960px) {
    .b2c-sku-table-filters__item:active,.b2c-sku-table-filters__item:hover {
        background:rgba(54,54,54,.2)
    }

    .b2c-sku-table-filters__item--active:hover {
        color: #fff
    }
}

@media screen and (min-width: 960px) and (max-width:1279px) {
    .b2c-sku-table-filters {
        margin-top:1rem
    }
}

.b2c-sku-table-filters__item,.b2c-sku-table-filters__title {
    font-size: 1.4rem;
    color: #363636
}

.b2c-sku-table-filters__item {
    border: .1rem solid #363636
}

.b2c-sku-table-filters__item--active {
    color: #fff;
    background: #363636
}

@media screen and (min-width: 960px) {
    .b2c-sku-table-filters__item--active:hover {
        background:#363636
    }
}

.b2c-tyre-price-geo-selector [dgad-tyre-price-geo-selector-select-view],.b2c-tyre-price-geo-selector [dgad-tyre-price-geo-selector-summary-view] {
    overflow: hidden
}

.b2c-tyre-price-geo-selector [dgad-tyre-price-geo-selector-summary-view] {
    height: 0
}

.b2c-tyre-price-geo-selector .b2c-tyre-price-geo-selector__summary-view-wrapper {
    padding-bottom: 3rem
}

@media screen and (min-width: 600px) {
    .b2c-sku-table__region-selector {
        padding:0 5rem
    }
}

.b2c-sku-table__region-selector .b2c-tyre-price-geo-selector .b2c-custom-select {
    max-width: 57.5rem;
    margin: .5rem auto
}

.b2c-sku-table__region-selector .b2c-tyre-price-geo-selector__submit-area {
    display: block;
    padding: 2rem 0;
    text-align: center
}

.b2c-sku-table__region-selector .b2c-tyre-price-geo-selector__submit-area button,.b2c-sku-table__region-selector .b2c-tyre-price-geo-selector__submit-area input {
    max-width: 100%;
    margin: 0 auto
}

.b2c-sku-table__region-selector .b2c-tyre-price-geo-selector__submit-area button.b2c-btn--disabled,.b2c-sku-table__region-selector .b2c-tyre-price-geo-selector__submit-area input.b2c-btn--disabled {
    opacity: .5
}

.b2c-sku-table__region-selector .b2c-tyre-price-geo-selector__main-description {
    max-width: 110rem;
    margin: auto;
    padding: 2rem 0;
    font-size: 1.6rem;
    text-align: center
}

.b2c-sku-table__region-selector .b2c-tyre-price-geo-selector__summary-view {
    text-align: center
}

.b2c-sku-table__region-selector .b2c-tyre-price-geo-selector__summary-view button.b2c-btn,.b2c-sku-table__region-selector .b2c-tyre-price-geo-selector__summary-view input.b2c-btn {
    max-width: 100%;
    margin: auto
}

.b2c-sku-table__region-selector .b2c-tyre-price-geo-selector__summary-view .b2c-tyre-price-geo-selector__geographical-point-summary {
    margin: 2rem 0
}

.b2c-sku-table__region-selector .b2c-tyre-price-geo-selector__summary-view .b2c-tyre-price-geo-selector__geographical-point-summary span {
    font-size: 1.6rem;
    font-weight: 700;
    color: #27509b;
    text-align: center
}

.b2c-sku-table__main-title {
    padding-top: 5rem;
    font-size: 2.6rem;
    font-weight: 700;
    text-align: center
}

.b2c-sku-table__region-selector {
    background-color: #f5f5f5
}

.b2c-sku-table__main-title,.b2c-sku-table__region-selector .b2c-tyre-price-geo-selector__main-description {
    color: #363636
}

.b2c-popin-region-selector {
    padding: 2rem;
    text-align: center;
    border-radius: .2rem
}

.b2c-popin-region-selector-main-title {
    font-size: 2rem;
    line-height: 1.7
}

.b2c-popin-region-selector .b2c-tyre-price-geo-selector__main-description {
    margin-top: 1.5rem;
    font-family: Noto Sans,sans-serif;
    font-weight: 400
}

.b2c-popin-region-selector .b2c-btn--disabled {
    opacity: .5
}

.b2c-popin-region-selector .b2c-tyre-price-geo-selector__geographical-point-summary {
    margin: 2rem
}

.b2c-popin-region-selector .b2c-tyre-price-geo-selector__geographical-point-summary span {
    font-size: 1.6rem;
    font-weight: 700;
    color: #27509b;
    text-align: center
}

div.dgad-popin-overlay.dgad-popin-overlay--region-selector {
    opacity: .65;
    background: #000
}

div.dgad-popin--region-selector {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transform: inherit;
    transform: inherit
}

div.dgad-popin--region-selector .dgad-popin__content {
    position: fixed;
    z-index: 2;
    top: 50%;
    left: 50%;
    width: 100%;
    padding: 0;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

@media screen and (min-width: 960px) {
    div.dgad-popin--region-selector .dgad-popin__content {
        max-width:56.8rem
    }
}

div.dgad-popin--region-selector button.dgad-popin__close .b2c-btn svg {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.b2c-popin-region-selector {
    background-color: #f5f5f5
}

@media screen and (min-width: 960px) {
    .mch-widgets.b2c-ratings-reviews .review-inline {
        padding:1rem 0 0
    }
}

.mch-widgets.b2c-ratings-reviews .review-list {
    margin-bottom: 3rem
}

@media screen and (min-width: 960px) {
    .mch-widgets.b2c-ratings-reviews .review-list {
        margin-bottom:5rem
    }
}

.mch-widgets.b2c-ratings-reviews .review-full__1st-block-opinion {
    width: 100%
}

.bv-widget__rating-summary {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

body .driverreviews-widget__stars-wrapper {
    display: block
}

body .driverreviews-widget__star {
    position: relative;
    display: inline-block;
    width: 1.4rem;
    height: unset;
    font-size: 1.7rem;
    line-height: 1.8rem
}

body .driverreviews-widget__star--partial:after {
    top: 0;
    left: 0;
    height: 1.4rem;
    line-height: normal
}

body .driverreviews-widget--rating .driverreviews-widget__rating-value {
    font-size: 1.6rem;
    line-height: 1.6rem
}

body .driverreviews-widget__rating-count {
    line-height: 1.6rem
}

body .driverreviews-widget__powered-by-logo {
    margin-top: 0
}

body .driverreviews-widget__no-ratings {
    display: none
}

.b2c-product__hero-splash-screen {
    position: absolute;
    z-index: 91;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    opacity: 1;
    pointer-events: none;
    -webkit-transition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out
}

@media screen and (min-width: 960px) {
    .b2c-product__hero-splash-screen {
        display:block
    }
}

.b2c-product__hero-splash-screen-background {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #000;
    -webkit-transition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out
}

.b2c-product__hero-splash-screen-label-wrapper {
    padding: 0 1.5rem;
    text-align: center;
    overflow: hidden;
    -webkit-transition: -webkit-clip-path .75s ease-in-out;
    transition: -webkit-clip-path .75s ease-in-out;
    transition: clip-path .75s ease-in-out;
    transition: clip-path .75s ease-in-out,-webkit-clip-path .75s ease-in-out;
    -webkit-clip-path: polygon(0 0,0 0,0 100%,0 100%);
    clip-path: polygon(0 0,0 0,0 100%,0 100%)
}

.b2c-product__hero-splash-screen-label {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    color: #fff;
    opacity: 0;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}

.b2c-product__hero-splash-screen-label .b2c-product__hero-splash-screen-title {
    font-size: 3.5rem;
    font-weight: 700
}

.b2c-product__hero-splash-screen-label .b2c-product__hero-splash-screen-title span {
    margin-left: 1.5rem;
    font-size: 3.4rem;
    font-style: italic;
    font-weight: 700;
    letter-spacing: normal
}

.b2c-product__hero-splash-screen-label .b2c-product__hero-splash-screen-title svg {
    width: 3.5rem;
    height: 3.5rem;
    margin-left: .8rem;
    fill: #fff;
    -webkit-transform: translateY(.5rem);
    transform: translateY(.5rem)
}

.b2c-product__hero-splash-screen-label .b2c-product__hero-splash-screen-title {
    font-family: Michelin
}

.b2c-product__hero-splash-screen-label .b2c-product__hero-splash-screen-title span {
    font-family: Noto Sans
}

.b2c-product__tyre-reel {
    width: 20rem;
    height: 20rem;
    margin: 0 auto;
    background-repeat: no-repeat;
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease,-webkit-transform .3s ease
}

.b2c-product__tyre-reel-wrapper {
    width: 100%;
    height: 24rem;
    padding-top: 3rem
}

@media (max-width: 599px) {
    .b2c-product__tyre-reel-wrapper {
        display:none
    }
}

.b2c-product__tyre-reel-wrapper-mobile {
    height: 28rem;
    margin-bottom: 1rem;
    -webkit-transform: scale(.8);
    transform: scale(.8)
}

@media screen and (min-width: 600px) {
    .b2c-product__tyre-reel-wrapper-mobile {
        display:none
    }
}

@media screen and (min-width: 960px) {
    .b2c-product__tyre-reel-wrapper-mobile {
        height:24rem
    }
}

.b2c-reifenfreigaben-tdp-push {
    position: relative;
    padding: 3rem 1rem;
    color: #fff;
    text-align: center;
    background: #27509b
}

.b2c-reifenfreigaben-tdp-push__title {
    margin: 2rem 0
}

.b2c-reifenfreigaben-tdp-push__description {
    margin-bottom: 4rem
}

@media (max-width: 599px) {
    .b2c-reifenfreigaben-tdp-push__btn {
        -webkit-transform:translateX(-1rem);
        transform: translateX(-1rem)
    }
}

.b2c-reifenfreigaben-tdp-push__scroll-to {
    position: absolute;
    top: -2rem;
    left: 50%;
    display: block;
    width: 4rem;
    height: 4rem;
    background: #27509b;
    border-radius: 50%;
    overflow: hidden;
    cursor: pointer;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.b2c-reifenfreigaben-tdp-push__scroll-to svg {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 65%;
    height: 65%;
    fill: #fff;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

@media (max-width: 959px) {
    .b2c-reifenfreigaben-tdp-push .mdc-layout-grid__inner {
        display:block
    }
}

.b2c-reifenfreigaben-tdp-push .b2c-popin-reifenfreigaben .b2c-ts__header {
    background: none
}

.b2c-reifenfreigaben-tdp-push .b2c-popin-reifenfreigaben .dgad-popin.b2c-popin-reifenfreigaben {
    display: none
}

@media (max-width: 959px) {
    .b2c-reifenfreigaben-tdp-push .b2c-popin-reifenfreigaben .dgad-popin.b2c-popin-reifenfreigaben .dgad-popin__close {
        top:2rem;
        right: 0;
        left: auto
    }
}

@media (max-width: 959px) {
    .b2c-reifenfreigaben-tdp-push .b2c-popin-reifenfreigaben .dgad-popin.b2c-popin-reifenfreigaben .b2c-btn.b2c-btn--round {
        background:#f5f5f5
    }

    .b2c-reifenfreigaben-tdp-push .b2c-popin-reifenfreigaben .dgad-popin.b2c-popin-reifenfreigaben .b2c-btn.b2c-btn--round svg {
        fill: #000;
        stroke: #000
    }
}

@media (max-width: 959px) {
    .b2c-reifenfreigaben-tdp-push .b2c-popin-reifenfreigaben .dgad-popin.b2c-popin-reifenfreigaben .dgad-popin__content {
        padding-top:2rem
    }
}

@media (max-width: 959px) {
    .b2c-reifenfreigaben-tdp-push .b2c-popin-reifenfreigaben .b2c-reifenfreigaben-optin__confirm .b2c-btn {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 33rem;
        max-width: 100%;
        margin: 1rem auto
    }
}

@media (max-width: 959px) {
    .b2c-reifenfreigaben-tdp-push .b2c-popin-reifenfreigaben .b2c-reifenfreigaben-optin__confirm {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media (max-width: 959px) {
    .dgad-siderail-section-item.b2c-product__hero+.b2c-reifenfreigaben-tdp-push {
        margin-top:2rem
    }
}

@media (max-width: 1279px) {
    .dgad-siderail-section-item.b2c-product__hero+.b2c-reifenfreigaben-tdp-push .b2c-reifenfreigaben-tdp-push__scroll-to {
        z-index:91
    }
}

@media (max-width: 959px) {
    [data-popin=reifenfreigabenPopinTDP].dgad-popin__overlay.b2c-popin-reifenfreigaben__overlay {
        background:#27509b
    }
}

@media (max-width: 959px) {
    [data-popin=reifenfreigabenPopinTDP].dgad-popin__overlay.b2c-popin-reifenfreigaben__overlay .dgad-popin__close {
        top:3rem;
        background: #f5f5f5
    }

    [data-popin=reifenfreigabenPopinTDP].dgad-popin__overlay.b2c-popin-reifenfreigaben__overlay .dgad-popin__close svg {
        fill: #333
    }
}

[data-popin=reifenfreigabenPopinTDP] .b2c-ts__tyre-selector {
    padding-bottom: 5rem
}

@media screen and (min-width: 960px) {
    [data-popin=reifenfreigabenPopinTDP] .b2c-ts__tyre-selector {
        padding-bottom:0
    }
}

@media screen and (min-width: 960px) {
    [data-popin=reifenfreigabenPopinTDP] .b2c-ts__header {
        padding:0
    }
}

.dgad-popin__overlay.b2c-popin-reifenfreigaben__overlay {
    background: #f5f5f5
}

@media screen and (min-width: 960px) {
    .dgad-popin__overlay.b2c-popin-reifenfreigaben__overlay {
        background:rgba(39,80,155,.9)
    }
}

@media (max-width: 959px) {
    .dgad-popin__overlay.b2c-popin-reifenfreigaben__overlay .dgad-popin__close {
        background:#27509b
    }

    .dgad-popin__overlay.b2c-popin-reifenfreigaben__overlay .dgad-popin__close svg {
        fill: #fff
    }
}

.dgad-popin.b2c-popin-reifenfreigaben {
    top: 50%;
    left: 50%;
    width: 90rem;
    max-width: calc(100vw - 3rem);
    max-height: calc(100vh - 5rem);
    margin-top: 8rem;
    padding-bottom: 8rem;
    overflow-y: auto;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

@media screen and (min-width: 960px) {
    .dgad-popin.b2c-popin-reifenfreigaben {
        margin:0;
        padding: 0
    }
}

.dgad-popin.b2c-popin-reifenfreigaben>h1,.dgad-popin.b2c-popin-reifenfreigaben>h2,.dgad-popin.b2c-popin-reifenfreigaben>h3,.dgad-popin.b2c-popin-reifenfreigaben>h4 {
    margin-bottom: 3rem;
    font-size: 2rem;
    color: #000;
    line-height: 4.5rem;
    text-align: center
}

@media screen and (min-width: 960px) {
    .dgad-popin.b2c-popin-reifenfreigaben>h1,.dgad-popin.b2c-popin-reifenfreigaben>h2,.dgad-popin.b2c-popin-reifenfreigaben>h3,.dgad-popin.b2c-popin-reifenfreigaben>h4 {
        font-size:2.6rem;
        color: #fff
    }
}

.dgad-popin .b2c-ts-reifenfreigaben {
    height: 99vh
}

@media screen and (min-width: 960px) {
    .dgad-popin .b2c-ts-reifenfreigaben {
        max-height:100%
    }
}

.b2c-reifenfreigaben-optin {
    padding: 2rem;
    background: #fff;
    border-radius: .4rem
}

.b2c-reifenfreigaben-optin__confirm,.b2c-reifenfreigaben-optin__download {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 2rem;
    text-align: center
}

@media screen and (min-width: 600px) {
    .b2c-reifenfreigaben-optin__confirm,.b2c-reifenfreigaben-optin__download {
        display:block
    }
}

.b2c-reifenfreigaben-optin__confirm .b2c-btn,.b2c-reifenfreigaben-optin__download .b2c-btn {
    max-width: 100%;
    margin: 1rem auto
}

@media screen and (min-width: 600px) {
    .b2c-reifenfreigaben-optin__confirm .b2c-btn,.b2c-reifenfreigaben-optin__download .b2c-btn {
        margin:0 1rem
    }
}

.b2c-reifenfreigaben-optin__download-hs {
    display: inline-block;
    vertical-align: top;
    overflow: hidden
}

@media screen and (min-width: 600px) {
    .b2c-reifenfreigaben-optin__download-hs {
        margin-bottom:1rem
    }
}

.b2c-reifenfreigaben-optin__download-hs .b2c-btn {
    display: inline-grid;
    vertical-align: middle;
    max-width: 100%;
    height: 6.8rem;
    margin: 1rem auto;
    line-height: 1.2rem
}

@media screen and (min-width: 600px) {
    .b2c-reifenfreigaben-optin__download-hs .b2c-btn {
        width:26rem;
        margin: 0 .8rem;
        padding: 1rem 4rem
    }
}

@media (max-width: 599px) {
    .b2c-reifenfreigaben-optin__download-hs .b2c-btn {
        border-radius:3.5rem
    }
}

@media screen and (min-width: 960px) {
    .b2c-reifenfreigaben-optin__download-hs .b2c-btn:hover .downlod_icon,.b2c-reifenfreigaben-optin__download-hs .b2c-btn:hover .downlod_icon_black {
        opacity:1
    }
}

.b2c-reifenfreigaben-optin__download-hs .download_text {
    padding-top: .5rem;
    font-size: 1rem
}

.b2c-reifenfreigaben-optin__download-hs .downlod_icon {
    position: absolute;
    top: -4rem;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 4rem;
    text-indent: 0;
    fill: #fff
}

@media screen and (min-width: 960px) {
    .b2c-reifenfreigaben-optin__download-hs .downlod_icon {
        opacity:0
    }

    .b2c-reifenfreigaben-optin__download-hs .downlod_icon:hover {
        opacity: 1
    }
}

.b2c-reifenfreigaben-optin__download-hs .downlod_icon_black {
    position: absolute;
    top: -4rem;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 4rem;
    text-indent: 0
}

@media screen and (min-width: 960px) {
    .b2c-reifenfreigaben-optin__download-hs .downlod_icon_black {
        opacity:0
    }

    .b2c-reifenfreigaben-optin__download-hs .downlod_icon_black:hover {
        opacity: 1
    }
}

.b2c-reifenfreigaben-optin__error-message.b2c-ts-wrong-entry {
    height: auto;
    min-height: 5rem;
    margin-top: 2rem;
    padding: 2rem
}

.b2c-product__summary-media .dgad-media-gallery__grid.dgad-slider .dgad-slider__prev {
    left: -1.5rem
}

@media screen and (min-width: 600px) {
    .b2c-product__summary-media .dgad-media-gallery__grid.dgad-slider .dgad-slider__prev {
        left:-12rem
    }
}

@media screen and (min-width: 960px) {
    .b2c-product__summary-media .dgad-media-gallery__grid.dgad-slider .dgad-slider__prev {
        left:-1rem
    }
}

@media screen and (min-width: 1280px) {
    .b2c-product__summary-media .dgad-media-gallery__grid.dgad-slider .dgad-slider__prev {
        left:-4rem
    }
}

.b2c-product__summary-media .dgad-media-gallery__grid.dgad-slider .dgad-slider__next {
    right: -1.5rem
}

@media screen and (min-width: 600px) {
    .b2c-product__summary-media .dgad-media-gallery__grid.dgad-slider .dgad-slider__next {
        right:-12rem
    }
}

@media screen and (min-width: 960px) {
    .b2c-product__summary-media .dgad-media-gallery__grid.dgad-slider .dgad-slider__next {
        right:-1rem
    }
}

@media screen and (min-width: 1280px) {
    .b2c-product__summary-media .dgad-media-gallery__grid.dgad-slider .dgad-slider__next {
        right:-4rem
    }
}

.b2c-product__summary-media .dgad-media-gallery .dgad-slider__buttons-container .dgad-btn {
    background: #fce500
}

.b2c-product__summary-media .dgad-media-gallery__grid.dgad-slider .dgad-slider__buttons-container .dgad-btn {
    top: auto!important;
    bottom: 10rem;
    width: 5.5rem!important;
    height: 5.5rem!important
}

@media screen and (min-width: 960px) {
    .b2c-product__summary-media .dgad-media-gallery__grid.dgad-slider .dgad-slider__buttons-container .dgad-btn {
        bottom:11rem;
        width: 4rem!important;
        height: 4rem!important
    }
}

.b2c-product__summary-media .b2c-product-summary__gallery--vertical .dgad-media-gallery__grid.dgad-slider .dgad-slider__buttons-container .dgad-btn {
    background: none;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.b2c-product__summary-media .b2c-product-summary__gallery--vertical .dgad-media-gallery__grid.dgad-slider .dgad-slider__buttons-container .dgad-btn svg {
    margin: 0;
    fill: #7f7f7f;
    stroke: #7f7f7f;
    stroke-width: .1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

@media screen and (min-width: 960px) {
    .b2c-product__summary-media .b2c-product-summary__gallery--vertical .dgad-media-gallery__grid.dgad-slider .dgad-slider__buttons-container .dgad-btn svg {
        -webkit-transform:scale(1.5);
        transform: scale(1.5)
    }
}

.b2c-product__summary-media .b2c-product-summary__gallery--vertical .dgad-media-gallery__grid.dgad-slider .dgad-slider__buttons-container .dgad-btn:hover svg {
    fill: #27509b;
    stroke: #27509b
}

.b2c-product__summary-media .b2c-product-summary__gallery--vertical .dgad-media-gallery__grid.dgad-slider .dgad-slider__buttons-container .dgad-btn.dgad-slider__prev {
    top: -4rem!important;
    left: -12%
}

@media screen and (min-width: 960px) {
    .b2c-product__summary-media .b2c-product-summary__gallery--vertical .dgad-media-gallery__grid.dgad-slider .dgad-slider__buttons-container .dgad-btn.dgad-slider__prev {
        top:-3rem!important;
        left: 5%
    }
}

.b2c-product__summary-media .b2c-product-summary__gallery--vertical .dgad-media-gallery__grid.dgad-slider .dgad-slider__buttons-container .dgad-btn.dgad-slider__next {
    bottom: -3.5rem!important;
    left: -8%
}

@media screen and (min-width: 960px) {
    .b2c-product__summary-media .b2c-product-summary__gallery--vertical .dgad-media-gallery__grid.dgad-slider .dgad-slider__buttons-container .dgad-btn.dgad-slider__next {
        left:8%
    }
}

@media (max-width: 599px) {
    .b2c-product__summary-media .b2c-product-summary__gallery--vertical .dgad-media-gallery__grid.dgad-slider .dgad-slider__buttons-container .dgad-btn--inactive {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.dgad-popin__overlay.b2c-popin-awards__overlay,.dgad-popin__overlay.b2c-popin-warning__overlay {
    background: rgba(39,80,155,.8)
}

.dgad-popin__overlay.b2c-popin-awards__overlay .dgad-popin__close,.dgad-popin__overlay.b2c-popin-warning__overlay .dgad-popin__close {
    background: #fff
}

.dgad-popin__overlay.b2c-popin-awards__overlay .dgad-popin__close svg,.dgad-popin__overlay.b2c-popin-warning__overlay .dgad-popin__close svg {
    fill: #0d0d0d
}

.dgad-popin__overlay.b2c-popin-awards__overlay .warningImage svg,.dgad-popin__overlay.b2c-popin-warning__overlay .warningImage svg {
    -webkit-filter: sepia(100%) hue-rotate(190deg) saturate(500%);
    filter: sepia(100%) hue-rotate(190deg) saturate(500%)
}

.awards-popin .b2c-slider .dgad-slider__pager-button--active:before {
    background-color: #fce500
}

@media (max-width: 959px) {
    .b2c-product-page {
        margin-top:8rem
    }
}

.b2c-product-page .dgad-column-block {
    padding-top: 0
}

@media screen and (min-width: 960px) {
    .b2c-product-page .dgad-column-block {
        padding-top:4rem
    }
}

.b2c-product-page .scroll__mouse {
    bottom: 0;
    background-color: #f5f5f5
}

.b2c-product-page .module__rating {
    margin-bottom: 1rem
}

@media screen and (min-width: 960px) {
    .b2c-product-page .b2c-product__summary-infos .apos-rich-text p,.b2c-product-page .b2c-product__summary-infos p {
        margin-bottom:1rem
    }
}

@media screen and (min-width: 1281px) {
    .b2c-product-page .b2c-product__hero {
        height:calc(100vh - 15rem)
    }
}

.b2c-product-page .b2c-product__summary__brand sup,.b2c-product-page .b2c-product__summary__name sup {
    vertical-align: super;
    font-size: 1.7rem;
    text-decoration: none
}

.b2c-product-page .b2c-product__summary-title h1 {
    margin-bottom: 0;
    font-family: Michelin,arial,sans-serif
}

.b2c-product-page .b2c-product__summary-title h1 span {
    display: block;
    margin: 1.3rem 0 0;
    font-family: Noto Sans;
    font-weight: 400;
    font-style: normal;
    color: #27509b
}

.b2c-product-page .b2c-product__summary-title h5 {
    font-family: Noto Sans
}

.b2c-product-page .b2c-product__summary-media__overflow {
    width: 32.8rem
}

@media screen and (min-width: 1280px) {
    .b2c-product-page .b2c-product__summary-media__overflow {
        width:36rem
    }
}

@media (max-width: 959px) {
    .b2c-product-page .b2c-product__summary-media__overflow {
        width:100%
    }
}

.b2c-product-page .b2c-product__summary-media__overflow:after {
    top: 45.6%
}

@media (max-width: 1279px) {
    .b2c-product-page .b2c-product__summary-media__overflow:after {
        top:44.7%
    }
}

@media (max-width: 959px) {
    .b2c-product-page .b2c-product__summary-media__overflow:after {
        top:54%
    }
}

.b2c-product-page .b2c-product__summary-media__wrapper {
    background: rgba(0,0,0,.7)
}

@media (max-width: 959px) {
    .b2c-product-page .b2c-product__summary-media__wrapper {
        background:rgba(0,0,0,.8)
    }
}

.b2c-product-page .b2c-product__summary-media__wrapper--absolute,.b2c-product-page .b2c-product__summary-media__wrapper--fixed {
    width: 32.8rem;
    max-height: 65rem
}

@media screen and (min-width: 1280px) {
    .b2c-product-page .b2c-product__summary-media__wrapper--absolute,.b2c-product-page .b2c-product__summary-media__wrapper--fixed {
        width:36rem
    }
}

.b2c-product-page .b2c-product__summary-media__wrapper--absolute .b2c-product__summary-media__wrapper-banner,.b2c-product-page .b2c-product__summary-media__wrapper--fixed .b2c-product__summary-media__wrapper-banner {
    margin: 2.4rem 1.6rem 0 0
}

@media screen and (min-width: 960px) {
    .b2c-product-page .b2c-product__summary-media__wrapper.b2c-product__summary-media__wrapper--scrolling {
        -webkit-box-shadow:0 0 1.5rem 0 rgba(54,54,54,.2);
        box-shadow: 0 0 1.5rem 0 rgba(54,54,54,.2)
    }

    .b2c-product-page .b2c-product__summary-media__wrapper.b2c-product__summary-media__wrapper--scrolling .b2c-product__summary-media__wrapper-head {
        height: auto
    }
}

.b2c-product-page .b2c-product__summary-media__wrapper.b2c-product__summary-media__wrapper--scrolling-ctas {
    margin-top: 1rem
}

.b2c-product-page .b2c-product__summary-media__wrapper-head {
    font-family: Noto Sans,arial,sans-serif;
    color: #363636
}

.b2c-product-page .b2c-product__summary-media__wrapper-head .b2c-product__summary-media__wrapper__brand {
    display: none;
    margin: 3.2rem 0 .8rem;
    font-family: Michelin,arial,sans-serif;
    font-size: 2.8rem;
    font-weight: 700;
    color: #fff
}

@media (max-width: 959px) {
    .b2c-product-page .b2c-product__summary-media__wrapper-head .b2c-product__summary-media__wrapper__brand {
        display:block
    }
}

.b2c-product-page .b2c-product__summary-media__wrapper-head .b2c-product__summary-media__wrapper__name {
    display: none;
    margin-bottom: .8rem;
    font-size: 2.2rem;
    color: #fff
}

@media (max-width: 959px) {
    .b2c-product-page .b2c-product__summary-media__wrapper-head .b2c-product__summary-media__wrapper__name {
        display:block
    }
}

.b2c-product-page .b2c-product__summary-media__wrapper-head .b2c-product__summary-media__wrapper__categories {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: .8rem
}

@media screen and (min-width: 960px) {
    .b2c-product-page .b2c-product__summary-media__wrapper-head .b2c-product__summary-media__wrapper__categories {
        display:none;
        margin: 0
    }
}

@media screen and (min-width: 960px) {
    .b2c-product-page .b2c-product__summary-media__wrapper-head {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.b2c-product-page .b2c-product__summary-media__wrapper-ratings {
    margin-bottom: 0;
    font-family: Noto Sans,arial,sans-serif
}

.b2c-product-page .b2c-product__summary-media__wrapper-ratings-price {
    font-family: Michelin,arial,sans-serif;
    color: #001e4f
}

.b2c-product-page .b2c-product__summary-media__wrapper-gallery {
    margin: -3.2rem auto 1rem
}

@media screen and (min-width: 960px) {
    .b2c-product-page .b2c-product__summary-media__wrapper-gallery {
        margin:-4rem auto .8rem
    }
}

@media screen and (min-width: 960px) {
    .b2c-product-page .b2c-product__summary-media__wrapper-gallery .dgad-media-gallery {
        margin:0 0 1rem
    }
}

.b2c-product-page .b2c-product__summary-media__wrapper-ctas>* {
    -ms-flex-preferred-size: 48.6%;
    flex-basis: 48.6%
}

.b2c-product-page .b2c-product__summary-media__wrapper-ctas .b2c-btn {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%
}

.b2c-product-page .b2c-product__summary-media__wrapper-ctas .b2c-btn.price-selector-cta {
    padding: 0 2rem
}

.b2c-product-page .b2c-product__summary-media__wrapper-ctas .b2c-btn.price-selector-cta--unavailable {
    opacity: .5;
    pointer-events: none
}

@media screen and (min-width: 960px) {
    .b2c-product-page .b2c-product__summary-media__wrapper-ctas {
        margin:.8em 1rem 3.2rem
    }
}

@media screen and (min-width: 960px) {
    .b2c-product-page .b2c-product__summary-claim {
        background:#fff
    }
}

.b2c-product-page .b2c-product__summary-tags--fixed {
    display: none
}

@media (max-width: 959px) {
    .b2c-product-page .b2c-product__summary-tags--fixed {
        display:block
    }
}

.b2c-product-page .b2c-product__summary-tags--fixed .b2c-product__summary-labellings-list-item-placeholder,.b2c-product-page .b2c-product__summary-tags--fixed .b2c-product__summary-tags-list-item-placeholder {
    background: #363636
}

@media screen and (min-width: 960px) {
    .b2c-product-page .b2c-product__summary-tags--fixed .b2c-product__summary-tags-list {
        padding:.5rem
    }
}

.b2c-product-page .b2c-product__summary-labellings {
    padding: 2rem 1rem 0
}

.b2c-product-page .b2c-product__summary-labellings .b2c-product__summary-labellings-list-item-placeholder,.b2c-product-page .b2c-product__summary-labellings .b2c-product__summary-tags-list-item-placeholder,.b2c-product-page .b2c-product__summary-tags .b2c-product__summary-labellings-list-item-placeholder,.b2c-product-page .b2c-product__summary-tags .b2c-product__summary-tags-list-item-placeholder {
    background: #363636
}

.b2c-product-page .b2c-product-summary__gallery--vertical {
    -ms-flex-item-align: center;
    align-self: center;
    width: 4.5rem;
    height: 17.6rem;
    margin: 0
}

.b2c-product-page .b2c-product-summary__gallery--vertical .dgad-slider__track {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.b2c-product-page .b2c-product-summary__gallery--vertical .dgad-media-gallery__item {
    -ms-flex-preferred-size: unset;
    flex-basis: unset;
    -webkit-box-flex: unset;
    -ms-flex-positive: unset;
    flex-grow: unset;
    -ms-flex-item-align: center;
    align-self: center;
    width: 3.5rem;
    height: 5.1rem;
    margin: .1rem 0;
    background-size: contain;
    -webkit-transform: scale(1.3);
    transform: scale(1.3)
}

.b2c-product-page .b2c-product-summary__gallery--vertical .dgad-media-gallery__item:hover {
    -webkit-transform: scale(1.56);
    transform: scale(1.56)
}

.b2c-product-page .b2c-product-summary__gallery--vertical .dgad-media-gallery__item .dgad-btn {
    display: none
}

.b2c-product-page .b2c-product-summary__gallery--vertical .dgad-media-gallery__item.dgad-slider__slide--active {
    -ms-flex-preferred-size: unset;
    flex-basis: unset;
    -webkit-box-flex: unset;
    -ms-flex-positive: unset;
    flex-grow: unset;
    -webkit-transform: scale(1.3);
    transform: scale(1.3)
}

.b2c-product-page .b2c-product-summary__gallery--vertical .dgad-media-gallery__item.dgad-slider__slide--active:hover {
    -webkit-transform: scale(1.56);
    transform: scale(1.56)
}

.b2c-product-page .b2c-product-summary__gallery--vertical .dgad-slider__container {
    height: 15.6rem
}

.b2c-product-page .b2c-product-summary__gallery--vertical .dgad-media-gallery {
    padding: 0
}

.b2c-product-page .b2c-product-summary__gallery {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-item-align: center;
    align-self: center;
    margin-bottom: 1rem
}

.b2c-product-page .b2c-product-summary__gallery--single {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-item-align: center;
    align-self: center
}

.b2c-product-page .b2c-product-summary__gallery--single .b2c-product-summary__gallery-image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: center;
    align-self: center;
    width: 100%;
    max-width: unset
}

.b2c-product-page .b2c-product-summary__gallery--single .b2c-product-summary__gallery-image img {
    width: 26.4rem;
    height: 26.4rem;
    margin-left: 0
}

.b2c-product-page .b2c-product-summary__gallery-image {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 24rem
}

.b2c-product-page .b2c-product-summary__gallery-image img {
    width: 20rem;
    height: 20rem;
    cursor: pointer
}

.b2c-product-page .b2c-product-summary__gallery-image:hover .dgad-btn:before,.b2c-product-page .b2c-product-summary__gallery-image:hover .dgad-btn svg {
    opacity: 1
}

.b2c-product-page .b2c-product-summary__gallery-image:hover:before {
    opacity: .7
}

.b2c-product-page .b2c-product-summary__gallery-image .dgad-btn {
    position: absolute;
    top: 50%;
    left: 56%;
    width: 4rem;
    height: 4rem;
    padding: 0;
    border-radius: 100%;
    cursor: pointer;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.b2c-product-page .b2c-product-summary__gallery-image .dgad-btn svg {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50%;
    height: 50%;
    margin: 0;
    opacity: 0;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.b2c-product-page .b2c-product-summary__gallery-image .dgad-btn:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: #fce500;
    opacity: 0;
    border-radius: 100%;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.b2c-product-page .b2c-product__ratings-and-reviews-container,.b2c-product-page .b2c-product__reverse-ts-container {
    font-family: Michelin
}

.b2c-product-page .b2c-product__media-gallery {
    background-color: #f5f5f5
}

.b2c-product-page .b2c-product__last-content>.apos-area>[data-apos-widget-wrapper=dgad-column-block]:nth-child(odd) {
    background: #f5f5f5
}

.b2c-product__summary-rating-criteria-title {
    color: #27509b
}

.b2c-product__summary-rating-criteria-ratingon {
    background-color: #fce500
}

.b2c-product__summary-media__wrapper__brand sup,.b2c-product__summary-media__wrapper__name sup {
    vertical-align: super;
    font-size: 1.4rem;
    text-decoration: none
}

.b2c-ts-recall-products .b2c-ts-recall-item:hover {
    background-color: #f5f5f5
}

.b2c-slider.b2c-product-promo-slider {
    padding-bottom: 1rem
}

.b2c-slider.b2c-product-promo-slider .dgad-widgets-slider {
    overflow: inherit
}

.b2c-slider.b2c-product-promo-slider .dgad-slider {
    padding-bottom: 2rem
}

.b2c-slider.b2c-product-promo-slider .dgad-slider__container {
    padding-top: 1rem;
    padding-bottom: 1rem;
    background: transparent
}

.b2c-slider.b2c-product-promo-slider .dgad-slider__pager {
    bottom: 0
}

@media screen and (min-width: 960px) {
    .b2c-slider.b2c-product-promo-slider .dgad-slider__slide {
        padding:0 1.25rem
    }
}

.b2c-slider.b2c-product-promo-slider .dgad-slider__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.b2c-slider.b2c-product-promo-slider .dgad-slider__next,.b2c-slider.b2c-product-promo-slider .dgad-slider__prev {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.b2c-slider.b2c-product-promo-slider .dgad-slider__next.dgad-btn--inactive,.b2c-slider.b2c-product-promo-slider .dgad-slider__prev.dgad-btn--inactive {
    display: none
}

@media screen and (min-width: 960px) {
    .dgad-column-block .b2c-slider.b2c-product-promo-slider .dgad-slider__prev {
        left:-.7rem
    }
}

@media screen and (min-width: 960px) {
    .dgad-column-block .b2c-slider.b2c-product-promo-slider .dgad-slider__next {
        right:-.7rem
    }
}

.b2c-product-card {
    position: relative;
    max-width: 40rem;
    height: 100%;
    margin: auto;
    padding: 3rem 0 1rem;
    border-radius: .4rem
}

@media screen and (min-width: 960px) {
    .b2c-product-card {
        -webkit-transition:-webkit-box-shadow .1s linear;
        transition: -webkit-box-shadow .1s linear;
        transition: box-shadow .1s linear;
        transition: box-shadow .1s linear,-webkit-box-shadow .1s linear
    }

    .b2c-product-card:hover {
        -webkit-box-shadow: 0 .2rem 1rem 0 rgba(0,0,0,.2);
        box-shadow: 0 .2rem 1rem 0 rgba(0,0,0,.2)
    }

    .b2c-product-card:hover .b2c-product-card__background>div {
        top: -100%
    }
}

.b2c-product-card .b2c-ratings-reviews {
    margin-bottom: 1.5rem
}

.b2c-product-card__background,.b2c-product-card__background>div {
    position: absolute!important;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.b2c-product-card__background {
    z-index: -1;
    overflow: hidden
}

.b2c-product-card__background>div {
    -webkit-transition: top .3s linear;
    transition: top .3s linear
}

.b2c-product-card__background>div:after {
    content: "";
    position: absolute;
    z-index: -1;
    top: -41.6%;
    left: 0;
    width: 100%
}

@media (max-width: 1279px) {
    .b2c-product-card__background>div:after {
        top:-40.7%
    }
}

@media (max-width: 959px) {
    .b2c-product-card__background>div:after {
        top:-40%
    }
}

@media (max-width: 839px) {
    .b2c-product-card__background>div:after {
        top:-52%
    }
}

.b2c-product-card__content,.b2c-product-card__features {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.b2c-product-card__features {
    position: relative;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}

.b2c-product-card .b2c-ribbon {
    position: absolute;
    top: 0;
    left: -1rem
}

@media screen and (min-width: 960px) {
    .b2c-product-card .b2c-ribbon {
        left:-2rem
    }
}

@media (max-width: 959px) {
    .b2c-product-card .b2c-ribbon:before {
        display:none
    }
}

.b2c-product-card__content {
    position: relative;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 100%
}

.b2c-product-card__content,.b2c-product-card__feature,.b2c-product-card__tyre {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.b2c-product-card__feature,.b2c-product-card__tyre {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.b2c-product-card__tyre {
    width: 100%
}

.b2c-product-card__feature,.b2c-product-card__tyre {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.b2c-product-card__feature {
    height: 4rem;
    margin-right: 1rem
}

.b2c-product-card__feature:last-child {
    margin-right: 0
}

.b2c-product-card__feature img,.b2c-product-card__feature svg {
    width: 3rem;
    height: 3rem
}

.b2c-product-card__brand {
    margin-bottom: 0;
    font-size: 2.5rem;
    font-weight: 700
}

@media screen and (min-width: 960px) {
    .b2c-product-card__brand {
        font-size:2rem
    }
}

.b2c-product-card__name {
    display: inline-block;
    margin-bottom: 1rem;
    font-size: 2rem;
    font-style: italic;
    text-align: center
}

@media screen and (min-width: 960px) {
    .b2c-product-card__name {
        font-size:1.8rem
    }
}

.b2c-product-card__claim {
    width: 80%;
    font-size: 1.6rem;
    text-align: center
}

@media screen and (min-width: 960px) {
    .b2c-product-card__claim {
        width:100%
    }
}

.b2c-product-card__image {
    width: 75%;
    max-width: 20rem;
    max-height: 20rem;
    margin-bottom: 2rem
}

.b2c-product-card__image img {
    margin: 0 auto 1rem
}

.b2c-product-card__awards {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    margin: 0 0 1.2rem
}

@media screen and (min-width: 960px) {
    .b2c-product-card__awards {
        position:absolute;
        right: 2rem;
        bottom: 12%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        width: 6rem;
        margin: 0
    }
}

.b2c-product-card__awards-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

@media screen and (min-width: 960px) {
    .b2c-product-card__awards-list {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.b2c-product-card__awards-list--imgwrapper {
    display: inline-block;
    width: 6rem;
    height: auto;
    margin: 0 auto;
    text-align: center;
    cursor: pointer
}

.b2c-product-card__awards-list--imgwrapper:not(:last-child) {
    margin: 0 2rem 0 0
}

@media screen and (min-width: 960px) {
    .b2c-product-card__awards-list--imgwrapper:not(:last-child) {
        margin:0 0 .8rem
    }
}

.b2c-product-card__awards-list--imgwrapper img {
    display: inline-block;
    width: 6rem;
    height: auto
}

.b2c-product-card__actions a {
    margin-bottom: 2rem
}

.b2c-product-card__actions a:last-child {
    margin-bottom: 0
}

.b2c-product-promo__title {
    margin: 2rem 0;
    font-size: 3.2rem;
    font-weight: 700;
    text-align: center
}

@media screen and (min-width: 960px) {
    .b2c-product-promo__title {
        margin:3rem 0
    }
}

@media screen and (min-width: 1280px) {
    .b2c-product-promo__title {
        margin:4rem 0
    }
}

.awards-popin-content__wrapper {
    height: 100%
}

.b2c-slider.b2c-product-promo-slider .dgad-slider__next,.b2c-slider.b2c-product-promo-slider .dgad-slider__prev {
    background-color: #fce500
}

.b2c-slider.b2c-product-promo-slider .dgad-slider__next svg,.b2c-slider.b2c-product-promo-slider .dgad-slider__prev svg {
    fill: #333;
    stroke: #333
}

.b2c-product-card {
    width: 97%;
    color: #363636;
    background: #fff
}

.b2c-product-card__background div:after {
    padding-bottom: 50rem;
    background-color: #f5f5f5;
    -webkit-transform: skew(0deg,-25deg);
    transform: skew(0deg,-25deg);
    -webkit-transition: top .3s;
    transition: top .3s
}

@media screen and (min-width: 840px) {
    .b2c-product-card__background div:after {
        -webkit-transform:skew(0deg,-6deg);
        transform: skew(0deg,-6deg)
    }
}

@media screen and (min-width: 960px) {
    .b2c-product-card__content {
        padding:0 1rem
    }
}

.b2c-product-card__tyre {
    margin-bottom: 2rem
}

.b2c-product-card__brand {
    font-family: Michelin
}

.b2c-product-card__name {
    font-family: Noto Sans
}

.b2c-product-card__claim {
    margin: 1rem 0
}

.b2c-product-card__image img {
    display: block;
    width: 19rem
}

.b2c-product-card .b2c-ribbon {
    top: 15rem;
    left: 0
}

.b2c-product-card .b2c-ribbon:nth-child(2) {
    top: 5rem
}

@media screen and (min-width: 960px) {
    .b2c-product-card .b2c-ribbon {
        top:15rem;
        left: -2rem
    }
}

.dgad-popin__overlay.b2c-popin-awards__overlay {
    background: rgba(39,80,155,.8)
}

.dgad-popin__overlay.b2c-popin-awards__overlay .dgad-popin__close {
    background: #fff
}

@media (max-width: 838px) {
    .dgad-popin__overlay.b2c-popin-awards__overlay .dgad-popin__close {
        top:2rem
    }
}

@media (max-width: 598px) {
    .dgad-popin__overlay.b2c-popin-awards__overlay .dgad-popin__close {
        top:1rem
    }
}

.dgad-popin__overlay.b2c-popin-awards__overlay .dgad-popin__close svg {
    fill: #0d0d0d
}

.b2c-page-template .dgad-siderail-container__nav,.b2c-product-page .dgad-siderail-container__nav {
    position: fixed;
    z-index: 30;
    top: 6.8rem;
    right: 0;
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 3.9rem;
    padding: 0;
    border: none
}

@media screen and (min-width: 960px) {
    .b2c-page-template .dgad-siderail-container__nav,.b2c-product-page .dgad-siderail-container__nav {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.b2c-page-template .dgad-siderail-container__nav-overflow,.b2c-product-page .dgad-siderail-container__nav-overflow {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.b2c-page-template .dgad-siderail-container__nav-wrapper,.b2c-product-page .dgad-siderail-container__nav-wrapper {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

.b2c-page-template .dgad-siderail-container__nav-main>li a,.b2c-product-page .dgad-siderail-container__nav-main>li a {
    white-space: nowrap;
    text-align: center
}

.b2c-page-template .dgad-siderail-container__nav-back,.b2c-product-page .dgad-siderail-container__nav-back {
    padding: 0 5rem
}

.b2c-page-template .dgad-siderail-container__nav-back a,.b2c-product-page .dgad-siderail-container__nav-back a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.4rem
}

.b2c-page-template .dgad-siderail-container__nav-back a svg,.b2c-product-page .dgad-siderail-container__nav-back a svg {
    width: 5rem;
    height: 1rem
}

.b2c-page-template .dgad-siderail-container__nav-progress,.b2c-product-page .dgad-siderail-container__nav-progress {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: .2rem;
    background: transparent;
    border: none;
    -webkit-transition: all .3s;
    transition: all .3s
}

.b2c-page-template .dgad-siderail-container__nav-progress::-moz-progress-bar,.b2c-page-template .dgad-siderail-container__nav-progress[aria-valuenow]:before,.b2c-product-page .dgad-siderail-container__nav-progress::-moz-progress-bar,.b2c-product-page .dgad-siderail-container__nav-progress[aria-valuenow]:before {
    -webkit-transition: all .3s;
    transition: all .3s
}

.b2c-page-template .dgad-siderail-container__nav-progress::-webkit-progress-bar,.b2c-page-template .dgad-siderail-container__nav-progress::-webkit-progress-value,.b2c-product-page .dgad-siderail-container__nav-progress::-webkit-progress-bar,.b2c-product-page .dgad-siderail-container__nav-progress::-webkit-progress-value {
    -webkit-transition: all .3s;
    transition: all .3s
}

.b2c-page-template .dgad-siderail-container__nav .dgad-siderail-container__nav-item.dgad-siderail-container__nav-item--saw a:after,.b2c-product-page .dgad-siderail-container__nav .dgad-siderail-container__nav-item.dgad-siderail-container__nav-item--saw a:after {
    opacity: 1;
    -webkit-transform: translateX(-50%) scale(1);
    transform: translateX(-50%) scale(1)
}

.b2c-page-template .dgad-siderail-container__nav-item,.b2c-product-page .dgad-siderail-container__nav-item {
    min-width: 20rem
}

.b2c-page-template .dgad-siderail-container__nav-item a,.b2c-product-page .dgad-siderail-container__nav-item a {
    position: relative;
    z-index: 1;
    display: block;
    padding: 1rem;
    font-size: 1.4rem;
    -webkit-transition: color .3s;
    transition: color .3s
}

.b2c-page-template .dgad-siderail-container__nav-item a:after,.b2c-product-page .dgad-siderail-container__nav-item a:after {
    content: "";
    position: absolute;
    bottom: -.3rem;
    left: 50%;
    display: block;
    width: .6rem;
    height: .6rem;
    opacity: 0;
    border-radius: 50%;
    -webkit-transform: translateX(-50%) scale(.9);
    transform: translateX(-50%) scale(.9);
    -webkit-transition: opacity .3s,translate .3s,scale .3s,-webkit-box-shadow .3s;
    transition: opacity .3s,translate .3s,scale .3s,-webkit-box-shadow .3s;
    transition: box-shadow .3s,opacity .3s,translate .3s,scale .3s;
    transition: box-shadow .3s,opacity .3s,translate .3s,scale .3s,-webkit-box-shadow .3s
}

.b2c-page-template .dgad-siderail-container__nav-item.active a:after,.b2c-product-page .dgad-siderail-container__nav-item.active a:after {
    opacity: 1;
    -webkit-transform: translateX(-50%) scale(1);
    transform: translateX(-50%) scale(1)
}

.dgad-siderail-section-item--colored .dgad-key-benefits-item__description-title p {
    color: #27509b
}

.dgad-siderail-section-item--colored .dgad-key-benefits-item__description-content p {
    color: #333
}

.dgad-siderail-section-item--colored .dgad-awards-item__container h4 p {
    color: #27509b
}

.dgad-siderail-section-item--colored .dgad-awards-item__container .dgad-awards-item__quote p {
    color: #333
}

.dgad-siderail-section-item--colored:before {
    display: none
}

.b2c-page-template .dgad-siderail-container__nav,.b2c-product-page .dgad-siderail-container__nav {
    top: 15.8rem;
    color: #fff;
    background: #363636
}

.b2c-page-template .dgad-siderail-container__nav-back a,.b2c-product-page .dgad-siderail-container__nav-back a {
    color: #fff
}

.b2c-page-template .dgad-siderail-container__nav-back a svg,.b2c-product-page .dgad-siderail-container__nav-back a svg {
    stroke: #fff
}

.b2c-page-template .dgad-siderail-container__nav-progress,.b2c-product-page .dgad-siderail-container__nav-progress {
    color: #fce500
}

.b2c-page-template .dgad-siderail-container__nav-progress::-moz-progress-bar,.b2c-page-template .dgad-siderail-container__nav-progress[aria-valuenow]:before,.b2c-product-page .dgad-siderail-container__nav-progress::-moz-progress-bar,.b2c-product-page .dgad-siderail-container__nav-progress[aria-valuenow]:before {
    background: #fce500
}

.b2c-page-template .dgad-siderail-container__nav-progress::-webkit-progress-bar,.b2c-product-page .dgad-siderail-container__nav-progress::-webkit-progress-bar {
    background-color: transparent
}

.b2c-page-template .dgad-siderail-container__nav-progress::-webkit-progress-value,.b2c-product-page .dgad-siderail-container__nav-progress::-webkit-progress-value {
    background: #fce500
}

.b2c-page-template .dgad-siderail-container__nav .dgad-siderail-container__nav-item.dgad-siderail-container__nav-item--saw a:after,.b2c-product-page .dgad-siderail-container__nav .dgad-siderail-container__nav-item.dgad-siderail-container__nav-item--saw a:after {
    -webkit-box-shadow: 0 0 0 .2rem #fce500;
    box-shadow: 0 0 0 .2rem #fce500
}

.b2c-page-template .dgad-siderail-container__nav-item a,.b2c-product-page .dgad-siderail-container__nav-item a {
    color: #fff
}

.b2c-page-template .dgad-siderail-container__nav-item a:after,.b2c-product-page .dgad-siderail-container__nav-item a:after {
    background: #363636;
    -webkit-box-shadow: 0 0 0 0 #fce500;
    box-shadow: 0 0 0 0 #fce500
}

.b2c-page-template .dgad-siderail-container__nav-item.active a,.b2c-product-page .dgad-siderail-container__nav-item.active a {
    color: #fce500
}

.b2c-page-template .dgad-siderail-container__nav-item.active a:after,.b2c-product-page .dgad-siderail-container__nav-item.active a:after {
    -webkit-box-shadow: 0 0 0 .2rem #fce500;
    box-shadow: 0 0 0 .2rem #fce500
}

.dgad-siderail-section-item--white-bg .dgad-key-benefits-item__container {
    background: #f5f5f5
}

.dgad-slider__buttons,.dgad-slider__pager {
    display: none
}

.dgad-slider__container {
    overflow: hidden
}

.dgad-slider__track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto;
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease,-webkit-transform .3s ease
}

.dgad-slider__slide {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1
}

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

.dgad-slider__pager-button {
    padding: .6rem;
    font-size: 0;
    color: transparent;
    background: 0;
    border: 0;
    cursor: pointer
}

.dgad-slider__pager-button:before {
    content: "";
    display: block;
    width: .8rem;
    height: .8rem;
    border: .1rem solid;
    border-radius: 100%;
    -webkit-transition: .3s ease;
    transition: .3s ease;
    -webkit-transition-property: background,border-color;
    transition-property: background,border-color
}

.dgad-slider__buttons>* {
    min-height: 0;
    padding: 0;
    font-size: 1.25rem;
    border: none
}

.dgad-slider__buttons>* svg {
    margin: 1rem
}

.dgad-slider__buttons button {
    top: auto;
    bottom: 4rem;
    width: 4rem;
    height: 4rem
}

@media screen and (min-width: 960px) {
    .dgad-slider__buttons button {
        bottom:50%;
        -webkit-transform: translateY(50%);
        transform: translateY(50%)
    }
}

.dgad-slider .dgad-slider__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.dgad-slider__pager .dgad-slider__pager-button--active:before {
    background: #c5c5c5;
    border-color: transparent
}

.dgad-slider__pager-button:before {
    background-color: #fff;
    border-color: #e4e4e4
}

.dgad-slider__buttons>* {
    background-color: #e4e4e4
}

.apos-rich-text>table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed
}

.apos-rich-text>table th:first-child,.apos-rich-text>table th:first-of-type h3,.apos-rich-text>table th:first-of-type p {
    margin-bottom: 0;
    padding: 1rem 1.2rem;
    font-size: 1.7rem;
    font-weight: 700;
    line-height: 2.3rem;
    text-align: center
}

@media screen and (min-width: 1280px) {
    .apos-rich-text>table th:first-child,.apos-rich-text>table th:first-of-type h3,.apos-rich-text>table th:first-of-type p {
        font-size:1.7rem;
        line-height: 3rem
    }
}

.apos-rich-text>table tr td p {
    margin-bottom: 0;
    padding: 1rem 1.2rem;
    font-size: 1.3rem;
    line-height: 2.1rem
}

@media (max-width: 959px) {
    .apos-rich-text>table tr td p {
        padding:2rem 0
    }
}

.apos-rich-text>table tr:first-child td {
    vertical-align: middle
}

.apos-rich-text>table td {
    border: none
}

@media (max-width: 959px) {
    .apos-rich-text table,.apos-rich-text tbody,.apos-rich-text td,.apos-rich-text th,.apos-rich-text thead,.apos-rich-text tr {
        display:block;
        text-align: left
    }

    .apos-rich-text thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px
    }

    .apos-rich-text tr:first-child {
        display: none
    }

    .apos-rich-text tr {
        padding: 2rem 1.5rem 0
    }

    .apos-rich-text td {
        position: relative;
        border: none
    }

    .apos-rich-text td:before {
        position: absolute;
        font-size: 1.2rem;
        line-height: 1.7rem;
        white-space: nowrap
    }

    .apos-rich-text td:nth-of-type(n):before {
        content: attr(data-title);
        display: block
    }
}

.apos-rich-text>table tr:nth-of-type(odd) {
    background: #f5f5f5
}

.apos-rich-text>table th,.apos-rich-text>table th:first-child {
    color: #fff;
    background: #27509b
}

.apos-rich-text>table tr {
    color: #6c6c6c;
    background: #fff
}

.apos-rich-text>table tr:last-child {
    border-bottom: 1rem solid #27509b
}

@media (max-width: 959px) {
    .apos-rich-text tr:nth-of-type(2) {
        border-top:1rem solid #27509b
    }

    .apos-rich-text td:before {
        font-weight: 700;
        color: #9d9d9d
    }
}

.top-segments {
    margin: 1.6rem 0 4.4rem;
    padding: 1.6rem 0 4.4rem
}

.top-segments__title {
    margin-bottom: 2.7rem;
    text-align: center
}

.top-segments__title div,.top-segments__title h1,.top-segments__title h2,.top-segments__title h3,.top-segments__title h4,.top-segments__title h5,.top-segments__title h6 {
    margin: 0;
    font-size: 2.4rem;
    font-weight: 700
}

.top-segments .dgad-slider {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: auto;
    overflow: visible
}

.top-segments .dgad-slider__slide {
    border: .8rem solid transparent
}

@media screen and (min-width: 960px) {
    .top-segments .dgad-slider__slide {
        border:1.2rem solid transparent
    }
}

.top-segments .dgad-slider__pager {
    position: absolute;
    bottom: -4.8rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}

.top-segments .dgad-slider__pager-button {
    padding: .4rem;
    outline: none
}

.top-segments .dgad-slider__pager-button:before {
    background: #e4e4e4;
    border-color: transparent
}

.top-segments .dgad-slider__pager-button--active:before {
    background: #333
}

.top-segments .dgad-slider__buttons {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.top-segments .dgad-slider__buttons .dgad-btn {
    position: absolute;
    bottom: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 4.8rem;
    height: 4.8rem;
    background: #27509b;
    border-radius: 100%;
    outline: none;
    cursor: pointer;
    -webkit-transform: translateY(50%);
    transform: translateY(50%)
}

@media screen and (min-width: 960px) {
    .top-segments .dgad-slider__buttons .dgad-btn {
        -webkit-transition:-webkit-transform .1s linear;
        transition: -webkit-transform .1s linear;
        transition: transform .1s linear;
        transition: transform .1s linear,-webkit-transform .1s linear
    }

    .top-segments .dgad-slider__buttons .dgad-btn:hover {
        -webkit-transform: translateY(50%) scale(1.1);
        transform: translateY(50%) scale(1.1)
    }
}

.top-segments .dgad-slider__buttons .dgad-btn svg {
    width: 3.2rem;
    height: 3.2rem;
    margin: 0
}

.top-segments .dgad-slider__buttons .dgad-btn--inactive {
    display: none
}

.top-segments .dgad-slider__buttons .dgad-slider__prev {
    left: -1.5rem
}

@media screen and (min-width: 1280px) {
    .top-segments .dgad-slider__buttons .dgad-slider__prev {
        left:-6.8rem
    }
}

.top-segments .dgad-slider__buttons .dgad-slider__prev svg {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

.top-segments .dgad-slider__buttons .dgad-slider__next {
    right: -1.5rem
}

@media screen and (min-width: 1280px) {
    .top-segments .dgad-slider__buttons .dgad-slider__next {
        right:-6.8rem
    }
}

.top-segments__segment {
    display: block;
    height: 20rem;
    padding: 3.2rem 2.4rem;
    text-align: center;
    background-color: #fff;
    border-radius: .4rem;
    -webkit-box-shadow: 0 0 .6rem rgba(0,0,0,.2);
    box-shadow: 0 0 .6rem rgba(0,0,0,.2)
}

@media screen and (min-width: 1280px) {
    .top-segments__segment {
        height:17.6rem;
        padding: 3.2rem 2.4rem 2.4rem
    }
}

@media screen and (min-width: 960px) {
    .top-segments__segment {
        -webkit-transition:all .1s linear;
        transition: all .1s linear
    }

    .top-segments__segment:hover {
        -webkit-box-shadow: 0 0 1.2rem rgba(0,0,0,.1);
        box-shadow: 0 0 1.2rem rgba(0,0,0,.1)
    }
}

.top-segments__picto {
    position: relative;
    margin-bottom: 3.2rem
}

.top-segments__picto svg {
    vertical-align: middle;
    width: 12.6rem;
    height: 4.5rem
}

@media screen and (min-width: 1280px) {
    .top-segments__picto svg {
        width:8rem;
        height: 2.9rem
    }
}

.top-segments__brand {
    margin-bottom: 1rem;
    font-size: 1.8rem;
    font-weight: 700;
    color: #27509b
}

.top-segments__segmentname {
    line-height: 1.2
}

.b2c-tl-widget__title {
    margin: 4rem 0;
    text-align: center
}

@media (max-width: 959px) {
    .b2c-tl-widget__title {
        display:none
    }
}

.b2c-tl-widget__description {
    margin: 1rem 0;
    text-align: center
}

@media (max-width: 959px) {
    .b2c-tl-widget__description {
        display:none
    }
}

.b2c-tl-widget__btn-show-all {
    margin-right: .5rem
}

.b2c-tl-widget__btn-show-all .apos-area.apos-empty {
    height: auto
}

.b2c-tl-widget__btn-show-all [data-apos-widget-wrapper=dgad-call-to-action] {
    margin: 0
}

.b2c-tl-widget-navigation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.b2c-tl-widget-navigation ul {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 6rem
}

.b2c-tl-widget-navigation__line {
    position: absolute;
    bottom: 0;
    left: 0;
    height: .5rem;
    background: #27509b;
    pointer-events: none;
    -webkit-transition: width .5s cubic-bezier(.8,0,.2,1),-webkit-transform .5s cubic-bezier(.8,0,.2,1);
    transition: width .5s cubic-bezier(.8,0,.2,1),-webkit-transform .5s cubic-bezier(.8,0,.2,1);
    transition: width .5s cubic-bezier(.8,0,.2,1),transform .5s cubic-bezier(.8,0,.2,1);
    transition: width .5s cubic-bezier(.8,0,.2,1),transform .5s cubic-bezier(.8,0,.2,1),-webkit-transform .5s cubic-bezier(.8,0,.2,1)
}

.b2c-tl-widget-navigation__item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1.5rem 2rem;
    cursor: pointer
}

.b2c-tl-widget-navigation__item:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: .1rem;
    height: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.b2c-tl-widget-navigation__item.b2c-tl-widget-navigation__item--active span {
    color: #27509b
}

.b2c-tl-widget-navigation__item .icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 4rem;
    height: 100%;
    margin-right: 1.4rem
}

.b2c-tl-widget-navigation__item img,.b2c-tl-widget-navigation__item svg {
    width: 100%
}

.b2c-tl-widget-navigation__item span {
    font-weight: 700;
    color: #333;
    -webkit-transition: color .3s;
    transition: color .3s
}

.b2c-tl-widget-types {
    width: 100%;
    opacity: 0;
    overflow: hidden;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.b2c-tl-widget-types.b2c-tl-widget-types--init {
    opacity: 1
}

.b2c-tl-widget-types__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: -webkit-transform .5s cubic-bezier(.8,0,.2,1);
    transition: -webkit-transform .5s cubic-bezier(.8,0,.2,1);
    transition: transform .5s cubic-bezier(.8,0,.2,1);
    transition: transform .5s cubic-bezier(.8,0,.2,1),-webkit-transform .5s cubic-bezier(.8,0,.2,1)
}

.b2c-tl-widget-types .b2c-tl-widget-type {
    opacity: 0;
    -webkit-transition: opacity 1s ease;
    transition: opacity 1s ease
}

.b2c-tl-widget-types .b2c-tl-widget-type--current {
    opacity: 1
}

.b2c-tl-widget-types .b2c-tl-widget-type:not(.b2c-tl-widget-type--current) {
    height: 0
}

.b2c-tl-widget-types .b2c-tl-widget-type ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.b2c-tl-types-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: calc(25% - 2rem);
    margin: 0 1rem 2rem;
    -webkit-box-shadow: 0 .2rem 1rem 0 rgba(0,0,0,.1);
    box-shadow: 0 .2rem 1rem 0 rgba(0,0,0,.1);
    overflow: hidden;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: .7s cubic-bezier(.8,0,.2,1);
    transition: .7s cubic-bezier(.8,0,.2,1)
}

.b2c-tl-types-card--hidden {
    height: 0;
    min-height: 0;
    margin-bottom: 0;
    opacity: 0;
    -webkit-transform: translateY(5rem);
    transform: translateY(5rem)
}

.b2c-tl-types-card--hidden a {
    opacity: 0
}

.b2c-tl-types-card__image {
    position: relative;
    min-height: 15rem;
    background-position: 50%;
    background-size: cover;
    overflow: hidden
}

.b2c-tl-types-card__image-overlay {
    position: absolute;
    z-index: 9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.b2c-tl-types-card__image-overlay:hover {
    opacity: 1
}

.b2c-tl-types-card__image-overlay:hover .b2c-tl-types-card__image-more-btn {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.b2c-tl-types-card__image-overlay:hover .b2c-tl-types-card__image-more-btn svg {
    position: absolute;
    z-index: 9;
    width: 1.5rem;
    height: 1.5rem
}

.b2c-tl-types-card__image-more-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    opacity: 0;
    border-radius: 50%;
    -webkit-transform: scale(2);
    transform: scale(2);
    -webkit-transition: opacity .3s,-webkit-transform .3s;
    transition: opacity .3s,-webkit-transform .3s;
    transition: transform .3s,opacity .3s;
    transition: transform .3s,opacity .3s,-webkit-transform .3s
}

.b2c-tl-types-card a {
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    opacity: 1;
    -webkit-transition: opacity 1s,height 1s;
    transition: opacity 1s,height 1s
}

.b2c-tl-types-card__content,.b2c-tl-types-card a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}

.b2c-tl-types-card__content {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 1.5rem
}

.b2c-tl-types-card__content h3 {
    margin-bottom: 1rem
}

.b2c-tl-types-card__content p {
    font-size: 1.4rem
}

.b2c-tl-types-card__content span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    justify-self: flex-end;
    margin-top: 1rem;
    font-size: 1.4rem;
    font-weight: 700
}

.load-more__container .load-more__btn,.load-more__container .load-more__trigger {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.load-more__container .load-more__trigger {
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 auto;
    background: none;
    border: none;
    outline: none;
    cursor: pointer
}

.load-more__container .load-more__btn {
    width: 4rem;
    height: 4rem;
    border-radius: 50%
}

.load-more__container .load-more__btn-dot {
    width: .3rem;
    height: .3rem;
    margin: .2rem;
    border-radius: 50%
}

.load-more__container .load-more__label {
    margin-top: 1rem;
    font-size: 1.6rem;
    font-weight: 700;
    color: #27509b
}

.b2c-tl-widget-accordion {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.b2c-tl-widget-accordion>div {
    width: 100%;
    margin-bottom: 1rem
}

.b2c-tl-widget-accordion__item-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 6.5rem;
    margin-bottom: 0;
    padding: 1.5rem;
    font-size: 1.6rem;
    background: #fff;
    cursor: pointer
}

.b2c-tl-widget-accordion__item-title span {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
    font-weight: 700
}

.b2c-tl-widget-accordion__item-title img {
    width: 5rem
}

.b2c-tl-widget-accordion__item-title svg {
    width: 1rem;
    height: 1rem;
    margin-right: auto;
    fill: #333;
    stroke: #333;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s
}

.b2c-tl-widget-accordion__item-icon-title {
    margin-right: 2rem
}

.b2c-tl-widget-accordion__item-icon-title img,.b2c-tl-widget-accordion__item-icon-title svg {
    display: block;
    margin: 0 auto
}

.b2c-tl-widget-accordion__item--active .b2c-tl-widget-accordion__item-content {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.b2c-tl-widget-accordion__item--active .b2c-tl-widget-accordion__item-icon-arrow-down {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.b2c-tl-widget-accordion__item-content {
    margin-top: .2rem;
    padding: 0 2rem;
    background: #fff;
    opacity: 0;
    overflow: hidden;
    visibility: hidden;
    -webkit-transform: translateY(-2rem);
    transform: translateY(-2rem);
    -webkit-transition: .5s cubic-bezier(.8,0,.2,1);
    transition: .5s cubic-bezier(.8,0,.2,1)
}

.b2c-tl-widget-accordion__card {
    position: relative;
    padding: 1rem 0
}

.b2c-tl-widget-accordion__card-content h3 {
    margin-bottom: 0
}

.b2c-tl-widget-accordion__card-icon-link {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.b2c-tl-widget-accordion__card-icon-link svg {
    width: 1.5rem;
    height: 1.5rem
}

.b2c-tl-widget {
    padding-bottom: 4rem
}

@media (max-width: 959px) {
    .b2c-tl-widget {
        padding-bottom:1rem
    }
}

@media (max-width: 959px) {
    .b2c-tl-widget__container--hide-mobile {
        display:none
    }
}

@media screen and (min-width: 960px) {
    .b2c-tl-widget__container--hide-desktop {
        display:none
    }
}

@media (max-width: 959px) {
    .b2c-tl-widget__container--hide-desktop {
        margin-top:1rem
    }
}

.b2c-tl-widget__container--hide-desktop__btn-show-all {
    display: block;
    margin: 2rem auto;
    color: #fff;
    background: #27509b
}

@media (max-width: 599px) {
    .b2c-tl-widget__container--hide-desktop__btn-show-all {
        border-radius:5rem
    }
}

.b2c-tl-widget-navigation {
    background-color: #fff
}

.b2c-tl-widget-navigation__item:after {
    background: #f5f5f5
}

.b2c-tl-types-card:not(.b2c-tl-types-card--hidden) {
    min-height: 33rem
}

.b2c-tl-types-card__content {
    background: #fff
}

.b2c-tl-types-card__content h3 {
    font-size: 1.6rem;
    color: #27509b
}

.b2c-tl-types-card__content span {
    color: #27509b
}

.b2c-tl-types-card__image {
    background-color: #27509b
}

.b2c-tl-types-card__image-overlay {
    background: rgba(39,80,155,.7)
}

.b2c-tl-types-card__image-more-btn {
    background: #fce500
}

.b2c-tl-types-card__image-more-btn svg {
    fill: #27509b;
    stroke: #27509b
}

.b2c-tl-widget-accordion__card {
    border-bottom: .2rem solid #f5f5f5
}

.b2c-tl-widget-accordion__card-content h3 {
    font-size: 1.6rem;
    color: #27509b
}

.b2c-tl-widget .b2c-tl-widget-types {
    margin: 2rem 0
}

.b2c-tl-widget .b2c-tl-widget-types .b2c-tl-widget-type ul {
    margin: 2.5rem -1rem
}

.load-more__container {
    margin-bottom: 2rem
}

.load-more__container .load-more__btn {
    background: #fce500
}

.load-more__container .load-more__btn .load-more__btn-dot {
    background: #27509b
}

.b2c-tl-widget {
    background-color: #f5f5f5
}

.b2c-tyre-sizes__list {
    margin-bottom: 5rem
}

.b2c-tyre-sizes__list .b2c-accordion {
    background-color: #fff
}

.b2c-tyre-sizes__list .b2c-accordion__title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 6.5rem;
    padding: 0 2rem;
    font-weight: 700
}

.b2c-tyre-sizes__list .b2c-accordion__title-legend {
    font-weight: 400;
    font-size: 1.4rem
}

.b2c-tyre-sizes__list .b2c-accordion__content li,.b2c-tyre-sizes__list .b2c-accordion__title {
    height: 6.5rem
}

.b2c-tyre-sizes__list .b2c-accordion__content li {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 2rem 0 3rem
}

.b2c-tyre-sizes__list .b2c-accordion__content li:after {
    content: "";
    position: absolute;
    right: 2rem;
    bottom: 0;
    left: 3rem
}

.b2c-tyre-sizes__list .b2c-accordion__content li:last-child:after {
    display: none
}

.b2c-tyre-sizes__list .b2c-accordion__content a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-weight: 700;
    color: #27509b
}

.b2c-tyre-sizes__list .b2c-accordion__content svg {
    width: 1rem;
    height: 1rem
}

.b2c-tyre-sizes__heading {
    padding-top: 3.1rem;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 2.6rem;
    text-align: center
}

.b2c-tyre-sizes__heading h2 {
    margin: 5rem 0
}

.b2c-tyre-sizes__heading h2 span {
    font-size: 1.8rem;
    font-weight: 400
}

@media screen and (min-width: 1280px) {
    .b2c-tyre-sizes__heading h2 {
        font-size:3.2rem;
        letter-spacing: -.16rem
    }
}

@media screen and (min-width: 960px) {
    .b2c-tyre-sizes__heading {
        line-height:2.1rem
    }

    .b2c-tyre-sizes__heading p {
        color: #27509b
    }
}

.b2c-tyre-sizes__list .b2c-accordion__title {
    color: #363636;
    border-bottom: .1rem solid #e4e4e4
}

.b2c-tyre-sizes__list .b2c-accordion__content svg,.b2c-tyre-sizes__list .b2c-accordion__icon {
    fill: #b2b2b2
}

.b2c-tyre-sizes__list .b2c-accordion__content li:after {
    border-bottom: .1rem solid #e4e4e4
}

.b2c-tyre-sizes {
    background-color: #f5f5f5
}

.b2c-tyre-sizes__heading {
    font-family: Noto Sans
}

.b2c-player-video {
    position: relative;
    height: auto;
    overflow: hidden
}

.b2c-player-video--show-on-mobile .b2c-player-video__content {
    display: block!important
}

.b2c-player-video--show-on-mobile .b2c-player-video__poster {
    display: none!important
}

.b2c-player-video__content {
    display: none;
    overflow: hidden;
    height: calc(70vh - 6.8rem);
    min-height: 40rem
}

@media screen and (min-width: 960px) {
    .b2c-player-video__content {
        height:calc(100vh - 6.8rem);
        display: block
    }
}

.b2c-player-video__content video {
    -o-object-fit: contain;
    object-fit: contain;
    height: calc(70vh - 6.8rem);
    min-height: 40rem
}

@media screen and (min-width: 960px) {
    .b2c-player-video__content video {
        height:calc(100vh - 6.8rem);
        width: 100%;
        text-align: center;
        -o-object-fit: cover;
        object-fit: cover
    }
}

.b2c-player-video__overlay {
    position: absolute;
    z-index: 10;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 1;
    visibility: visible;
    -webkit-transition: background-color .7s cubic-bezier(.8,0,.2,1),opacity .7s cubic-bezier(.8,0,.2,1),visibility .7s cubic-bezier(.8,0,.2,1);
    transition: background-color .7s cubic-bezier(.8,0,.2,1),opacity .7s cubic-bezier(.8,0,.2,1),visibility .7s cubic-bezier(.8,0,.2,1)
}

.b2c-player-video__poster {
    width: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    opacity: .5;
    height: calc(70vh - 6.8rem);
    min-height: 40rem
}

@media screen and (min-width: 960px) {
    .b2c-player-video__poster {
        height:calc(100vh - 6.8rem);
        display: none
    }
}

.b2c-player-video-controls,.b2c-player-video-sound-controls {
    position: absolute;
    z-index: 30;
    right: 1rem;
    bottom: 1rem;
    width: 5rem;
    height: 5rem;
    padding: 0;
    background: transparent;
    border: none;
    border-radius: 50%;
    overflow: hidden;
    -webkit-transition: opacity .6s cubic-bezier(.8,0,.2,1),-webkit-transform .6s cubic-bezier(.8,0,.2,1);
    transition: opacity .6s cubic-bezier(.8,0,.2,1),-webkit-transform .6s cubic-bezier(.8,0,.2,1);
    transition: opacity .6s cubic-bezier(.8,0,.2,1),transform .6s cubic-bezier(.8,0,.2,1);
    transition: opacity .6s cubic-bezier(.8,0,.2,1),transform .6s cubic-bezier(.8,0,.2,1),-webkit-transform .6s cubic-bezier(.8,0,.2,1)
}

@media screen and (min-width: 960px) {
    .b2c-player-video-controls,.b2c-player-video-sound-controls {
        right:4rem;
        bottom: 4rem;
        opacity: 0;
        -webkit-transform: translateY(5rem);
        transform: translateY(5rem)
    }
}

.b2c-player-video-controls__wrapper,.b2c-player-video-sound-controls__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: -webkit-transform .5s cubic-bezier(.8,0,.2,1);
    transition: -webkit-transform .5s cubic-bezier(.8,0,.2,1);
    transition: transform .5s cubic-bezier(.8,0,.2,1);
    transition: transform .5s cubic-bezier(.8,0,.2,1),-webkit-transform .5s cubic-bezier(.8,0,.2,1)
}

.b2c-player-video-controls__wrapper--on,.b2c-player-video-controls__wrapper--play,.b2c-player-video-sound-controls__wrapper--on,.b2c-player-video-sound-controls__wrapper--play {
    -webkit-transform: translateY(-8rem);
    transform: translateY(-8rem)
}

.b2c-player-video-controls__icon,.b2c-player-video-sound-controls__icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 5rem;
    height: 5rem;
    margin-bottom: 3rem;
    border: none;
    cursor: pointer
}

.b2c-player-video-controls__icon:first-child,.b2c-player-video-sound-controls__icon:first-child {
    margin-left: .4rem
}

.b2c-player-video-controls__icon svg,.b2c-player-video-sound-controls__icon svg {
    width: 2rem;
    height: 1.5rem;
    fill: transparent;
    -webkit-transition: fill .3s;
    transition: fill .3s
}

.b2c-player-video-sound-controls {
    right: 7rem
}

@media screen and (min-width: 960px) {
    .b2c-player-video-sound-controls {
        right:10rem
    }
}

.b2c-player-video-controls,.b2c-player-video-sound-controls {
    color: #27509b;
    outline: #27509b;
    -webkit-box-shadow: 0 0 0 .1rem #fff;
    box-shadow: 0 0 0 .1rem #fff
}

.b2c-player-video-controls__icon svg,.b2c-player-video-sound-controls__icon svg {
    stroke: #fff
}

.b2c-player-video-controls__icon:hover svg,.b2c-player-video-sound-controls__icon:hover svg {
    fill: #fff
}

.b2c-tyrepressures__maintitle {
    font-weight: 700;
    font-size: 2.2rem;
    line-height: 1.44;
    letter-spacing: 0;
    word-break: break-word
}

@media screen and (min-width: 600px) {
    .b2c-tyrepressures__maintitle {
        font-size:2.6rem
    }
}

@media screen and (min-width: 960px) {
    .b2c-tyrepressures__maintitle {
        font-size:3.2rem;
        letter-spacing: -.1rem;
        word-break: normal
    }
}

.b2c-ts-filters__checked-filters-summary {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%
}

.b2c-ts-filters {
    background: #f5f5f5
}

.b2c-ts-filters:after {
    background-image: -webkit-gradient(linear,left top,right top,from(hsla(0,0%,96.1%,0)),to(#f5f5f5));
    background-image: linear-gradient(90deg,hsla(0,0%,96.1%,0),#f5f5f5)
}

@media screen and (min-width: 960px) {
    .b2c-ts-filters__top .b2c-ts-filters__toggler--closed {
        color:#363636
    }
}

.b2c-ts-filters__top--opened:before {
    background: #f5f5f5
}

.b2c-ts-filters__top .b2c-ts-filters__toggler--closed {
    border: .1rem solid #9d9d9d
}

.b2c-ts-filters__top .b2c-ts-filters__toggler--closed:hover {
    background: hsla(0,0%,69.8%,.2)
}

.b2c-ts-filters__form {
    background: #f5f5f5
}

@media (max-width: 959px) {
    .b2c-accordion__content {
        border-top:.2rem solid #f5f5f5
    }
}

@media screen and (min-width: 960px) {
    .b2c-ts-result-card__content>a>img,.b2c-ts-result-card__content>img {
        width:17rem;
        height: 20.5rem
    }
}

@media screen and (min-width: 960px) {
    .b2c-ts-result-card__awards {
        left:17rem;
        width: 6rem
    }
}

.b2c-ts-result-card__awards img {
    width: auto;
    max-width: 6rem;
    height: 6rem;
    cursor: pointer
}

@media screen and (min-width: 960px) {
    .b2c-ts-result-card__price,.b2c-ts-result-card__price__label {
        margin-bottom:.6rem
    }
}

@media screen and (min-width: 960px) {
    .b2c-ts-result-card__title {
        max-width:22rem
    }
}

.b2c-ts-result-card__claim {
    -ms-flex-preferred-size: 22rem;
    flex-basis: 22rem;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.b2c-ts-result-list__number {
    color: #363636
}

@media (max-width: 839px) {
    html {
        overflow-x:hidden
    }
}

@media screen and (min-width: 960px) {
    .b2c-ts-result-hero .dgad-panel-hero-item__background {
        position:absolute
    }
}

@media screen and (min-width: 960px) {
    .michelin-body .b2c-ts__search-box {
        background-color:#304b83
    }
}

@media screen and (min-width: 960px) {
    .michelin-body .b2c-ts__breadcrumb-item--displayed.b2c-ts__breadcrumb-item--all-fields-filled:last-child {
        -webkit-box-flex:1;
        -ms-flex: 1;
        flex: 1
    }

    .michelin-body .b2c-ts__breadcrumb-item--displayed.b2c-ts__breadcrumb-item--all-fields-filled:last-child:before {
        display: none
    }
}

.kam-fixed {
    position: fixed
}

.kam-overlay {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #27509b;
    opacity: .9
}

.kam-overlay,.kam-popup {
    position: fixed;
    z-index: 1000000001
}

.kam-popup {
    top: 20%;
    left: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    align-self: center;
    width: 90%;
    max-width: 1000px;
    -webkit-transform: translate(-50%,-20%);
    transform: translate(-50%,-20%);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-item-align: center
}

.kam-popup__head {
    margin-bottom: 50px;
    padding: 0 160px;
    color: #fff;
    line-height: 1.4;
    text-align: center
}

.kam-popup__cross {
    position: absolute;
    z-index: 1000;
    right: -10%;
    width: 40px;
    height: 40px;
    background-color: #fff;
    border-radius: 50%;
    cursor: pointer
}

.kam-popup__cross-left,.kam-popup__cross-right {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 2px;
    background-color: #3b3b3b
}

.kam-popup__cross-right {
    -webkit-transform: translate(-50%,-50%) rotate(45deg);
    transform: translate(-50%,-50%) rotate(45deg)
}

.kam-popup__cross-left {
    -webkit-transform: translate(-50%,-50%) rotate(-45deg);
    transform: translate(-50%,-50%) rotate(-45deg)
}

.kam-popup__button {
    display: block;
    -ms-flex-item-align: center;
    align-self: center;
    min-width: 150px;
    max-width: 250px;
    margin: 20px auto 0;
    padding: 10px 20px;
    text-align: center;
    background-color: #fce500;
    border: none;
    border-radius: 20px;
    cursor: pointer
}

.kam-popup__part-hidden {
    position: absolute;
    z-index: 5;
    left: 0;
    width: 100%;
    height: 40px;
    border-radius: 2px
}

.kam-popup__part-hidden--top {
    top: 138px;
    background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(hsla(0,0%,100%,0)));
    background: linear-gradient(180deg,#fff,hsla(0,0%,100%,0))
}

.kam-popup__part-hidden--bottom {
    bottom: -1px;
    background: -webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,100%,0)),to(#fff));
    background: linear-gradient(180deg,hsla(0,0%,100%,0),#fff)
}

.kam-popup__content {
    position: relative;
    max-height: 600px;
    padding: 30px 120px 30px 130px;
    font-size: 14px;
    line-height: 1.5;
    color: #000;
    text-align: left;
    background-color: #fff;
    border-radius: 2px;
    overflow: auto
}

.kam-popup__content h1 {
    margin-bottom: 10px;
    font-size: 18px
}

.kam-popup__content h2 {
    margin-bottom: 0;
    font-size: 15px
}

.kam-popup__content ul {
    padding-left: 30px;
    list-style-type: circle
}

.kam-popin__text-sub {
    margin-bottom: 0;
    padding-left: 55px
}

.kam-popin__text-underline {
    text-decoration: underline
}

.kam-popin__text-padding {
    padding-left: 55px
}

.kam-hide {
    display: none!important
}

@media (max-width: 1280px) {
    .kam-popup {
        max-width:800px
    }

    .kam-popup__head {
        padding: 0 65px
    }

    .kam-popup__part-hidden--top {
        top: 139px
    }

    .drag-plugin__drag-container {
        top: 185px
    }
}

@media (max-width: 960px) {
    .kam-popup__head {
        margin-bottom:40px
    }

    .kam-popup__part-hidden {
        height: 20px
    }

    .kam-popup__part-hidden--top {
        top: 129px
    }

    .kam-popup__cross {
        top: -50px;
        right: 0
    }

    .kam-popup__content {
        max-height: 450px;
        padding: 30px
    }

    .drag-plugin__drag-container {
        display: none
    }
}

@media (max-width: 804px) {
    .kam-popup__part-hidden--top {
        top:173px
    }
}

@media (max-width: 600px) {
    .kam-popup {
        top:60px;
        right: 0;
        left: 50%;
        -webkit-transform: translate(-50%);
        transform: translate(-50%)
    }

    .kam-popup__head {
        margin-bottom: 30px;
        padding: 0 10px;
        font-size: 24px
    }

    .kam-popup__part-hidden {
        height: 30px
    }

    .kam-popup__part-hidden--top {
        top: 100px
    }

    .kam-popup__cross {
        top: -30px;
        right: 0
    }

    .kam-popup__content {
        max-height: none;
        padding: 20px;
        font-size: 14px
    }

    .kam-popup__content h1 {
        font-size: 22px
    }

    .kam-popup__content h2 {
        font-size: 20px
    }
}

@media (max-width: 558px) {
    .kam-popup__part-hidden--top {
        top:128px
    }
}

@media (max-width: 360px) {
    .kam-popup {
        top:80px;
        bottom: 30px
    }

    .kam-popup__head {
        margin-bottom: 20px;
        padding: 0 10px;
        font-size: 24px
    }

    .kam-popup__part-hidden--top {
        top: 127px
    }

    .kam-popup__cross {
        top: -60px;
        right: 0;
        width: 50px;
        height: 50px
    }

    .kam-popup__content {
        max-height: none;
        padding: 20px 10px
    }

    .kam-popup__content h1 {
        font-size: 22px
    }

    .kam-popup__content h2 {
        font-size: 20px
    }
}

@media (max-width: 320px) {
    .kam-popup__part-hidden--top {
        top:119px
    }
}

@media (max-height: 768px) {
    .kam-popin__text-padding,.kam-popin__text-sub {
        padding-left:0
    }

    .kam-popup__content {
        max-height: 450px
    }

    .kam-popup__content ul {
        padding-left: 20px
    }

    .kam-popup .drag-plugin__drag-container {
        max-height: 380px
    }
}

.extraMargin {
    height: 350px
}

.b2c-tyrepressures {
    color: #000;
    text-align: center
}

.b2c-tyrepressures.b2c-container {
    margin-bottom: 2rem
}

.b2c-tyrepressures__maintitle {
    margin-top: 3rem;
    color: #333
}

@media (max-width: 959px) {
    .b2c-tyrepressures {
        padding:0 1.5rem
    }
}

.b2c-tyrepressures__title {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-height: 6.4rem;
    padding: 0 2rem;
    cursor: pointer
}

.b2c-tyrepressures__title>div,.b2c-tyrepressures__title>h1,.b2c-tyrepressures__title>h2,.b2c-tyrepressures__title>h3,.b2c-tyrepressures__title>h4,.b2c-tyrepressures__title>h5,.b2c-tyrepressures__title>h6 {
    margin: 0;
    padding: 0;
    font-size: 1.6rem;
    font-weight: 700;
    text-align: left
}

.b2c-tyrepressures__title:after,.b2c-tyrepressures__title:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: .1rem
}

.b2c-tyrepressures__title:before {
    z-index: 1;
    width: 0;
    background: #27509b
}

.b2c-tyrepressures__title:after {
    width: 100%;
    background: #c5c5c5
}

.b2c-tyrepressures__title svg {
    vertical-align: middle;
    width: 2rem;
    height: 2rem;
    stroke: #333;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: -webkit-transform .2s linear;
    transition: -webkit-transform .2s linear;
    transition: transform .2s linear;
    transition: transform .2s linear,-webkit-transform .2s linear
}

@media screen and (min-width: 960px) {
    .b2c-tyrepressures__title:hover {
        color:#27509b
    }

    .b2c-tyrepressures__title:hover:before {
        width: 100%;
        -webkit-transition: width .3s linear;
        transition: width .3s linear
    }

    .b2c-tyrepressures__title:hover svg {
        fill: #27509b;
        stroke: #27509b
    }
}

.b2c-tyrepressures__title.active {
    color: #27509b
}

.b2c-tyrepressures__title.active svg {
    fill: #27509b;
    stroke: #27509b;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: -webkit-transform .3s linear;
    transition: -webkit-transform .3s linear;
    transition: transform .3s linear;
    transition: transform .3s linear,-webkit-transform .3s linear;
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

.b2c-tyrepressures__table--wrapper {
    border: 1px solid #c5c5c5;
    border-top: 0;
    overflow-x: auto
}

.b2c-tyrepressures__table--wrapper::-webkit-scrollbar {
    -webkit-appearance: none
}

.b2c-tyrepressures__table--wrapper::-webkit-scrollbar:horizontal {
    height: 1.1rem
}

.b2c-tyrepressures__table--wrapper::-webkit-scrollbar-thumb {
    background-color: #27509b;
    border: .2rem solid #fff;
    border-radius: .5rem
}

.b2c-tyrepressures__table--dimension {
    background: #fafafa
}

.b2c-tyrepressures__table--borderless {
    border: 0
}

.b2c-tyrepressures__table table {
    width: 100%;
    min-width: 100rem;
    border: 0;
    overflow: hidden
}

.b2c-tyrepressures__table .b2c-tyrepressures__heading th {
    position: relative;
    padding: 1rem 3.2rem;
    text-align: center;
    background: #f2f2f2
}

.b2c-tyrepressures__table .tyrePosition__heading th {
    padding: .5rem 3.2rem;
    font-size: 1.4rem;
    color: #27509b;
    border: 1px solid #f2f2f2;
    border-top: 0
}

.b2c-tyrepressures__table .tyrePosition__heading th.b2c-tyrepressures__table--borderless {
    border: 0
}

.b2c-tyrepressures__table td {
    vertical-align: middle;
    padding: 1.5rem 3.2rem;
    border: 0;
    border-top: 1px solid #f2f2f2;
    border-left: 1px solid #f2f2f2
}

.b2c-tyrepressures__table--model {
    font-weight: 700
}

.b2c-tyrepressures__table--model svg {
    vertical-align: middle;
    width: 8.2rem;
    height: 3.2rem;
    margin: 0 1rem .8rem 0
}

tr:first-child .b2c-tyrepressures__table--model {
    border-top: 0
}

.b2c-tyrepressures__error {
    padding: 3rem 1.5rem;
    font-size: 1.8rem;
    color: #ea433a;
    background: #f2f2f2
}

.b2c-tyrepressures .accordion-fade-enter-active,.b2c-tyrepressures .accordion-fade-leave-active {
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.b2c-tyrepressures .accordion-fade-enter,.b2c-tyrepressures .accordion-fade-leave-to {
    opacity: 0;
    -webkit-transform: translateY(-1rem);
    transform: translateY(-1rem)
}

.b2c-slider.b2c-warranty-card-slider .dgad-widgets-slider {
    overflow: inherit
}

.b2c-slider.b2c-warranty-card-slider .dgad-slider__container {
    width: auto;
    padding-bottom: 3.2rem;
    background: none
}

.b2c-slider.b2c-warranty-card-slider .dgad-slider__pager {
    bottom: 0;
    display: block
}

@media screen and (min-width: 1280px) and (max-width:1919px) {
    .b2c-slider.b2c-warranty-card-slider .dgad-slider__slide {
        padding:0
    }
}

.b2c-slider.b2c-warranty-card-slider .dgad-slider__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.b2c-slider.b2c-warranty-card-slider .dgad-slider__buttons-container .dgad-btn {
    top: 40%;
    width: 4.8rem;
    height: 4.8rem;
    background: none
}

@media screen and (min-width: 960px) {
    .b2c-slider.b2c-warranty-card-slider .dgad-slider__buttons-container .dgad-btn {
        top:30%
    }
}

@media (max-width: 599px) {
    .b2c-slider.b2c-warranty-card-slider .dgad-slider__buttons-container .dgad-btn {
        top:50%
    }
}

.b2c-slider.b2c-warranty-card-slider .dgad-slider__buttons-container .dgad-btn svg {
    width: 4.8rem;
    height: 4.8rem;
    margin: 0
}

.b2c-warranty-card {
    position: relative;
    height: 100%;
    margin: 0 .3rem;
    border-radius: .4rem
}

.b2c-warranty-card-desktop,.b2c-warranty-card-mobile {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-top: 1.6rem
}

.b2c-warranty-card-desktop__detail,.b2c-warranty-card-mobile__detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.b2c-warranty-card-desktop,.b2c-warranty-card-desktop__detail,.b2c-warranty-card-mobile__detail {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

@media (max-width: 959px) {
    .b2c-warranty-card-desktop {
        display:none
    }
}

.b2c-warranty-card-desktop__name {
    display: inline-block;
    font-family: Noto Sans,arial,sans-serif;
    font-size: 2.4rem;
    font-weight: 700
}

.b2c-warranty-card-desktop__otherDetails {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 95%;
    margin: 0 0 1.6rem 2.4rem
}

.b2c-warranty-card-desktop__image {
    width: 12rem;
    margin: .8rem 0 0 1.6rem
}

@media screen and (min-width: 1281px) {
    .b2c-warranty-card-desktop__image {
        width:10.4rem
    }
}

.b2c-warranty-card-desktop__description {
    width: auto;
    margin-top: 1.6rem;
    font-size: 1.6rem;
    text-align: left
}

@media screen and (min-width: 960px) and (max-width:1279px) {
    .b2c-warranty-card-desktop__CTA .b2c-btn {
        max-width:18rem
    }
}

.b2c-warranty-card-mobile {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (min-width: 600px) and (max-width:839px) {
    .b2c-warranty-card-mobile {
        padding:0 6.4rem
    }
}

@media screen and (min-width: 840px) and (max-width:959px) {
    .b2c-warranty-card-mobile {
        padding:0 12rem
    }
}

@media screen and (min-width: 0) and (max-width:599px) {
    .b2c-warranty-card-mobile {
        padding:0 1.6rem
    }
}

@media screen and (min-width: 960px) {
    .b2c-warranty-card-mobile {
        display:none
    }
}

.b2c-warranty-card-mobile__name {
    display: inline-block;
    font-family: Noto Sans,arial,sans-serif;
    font-size: 2.4rem;
    font-weight: 700;
    text-align: center
}

.b2c-warranty-card-mobile__image-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    margin-bottom: 3.2rem
}

.b2c-warranty-card-mobile__image {
    width: 12rem
}

.b2c-warranty-card-mobile__description {
    margin-top: 1.6rem;
    font-size: 1.6rem;
    text-align: center
}

@media (max-width: 599px) {
    .b2c-warranty-card-mobile__CTA .b2c-btn {
        max-width:25rem
    }
}

.b2c-warranty-card-widget .b2c-accordion__border {
    margin: 3.2rem 1.6rem 1.6rem;
    border-bottom: 1px solid #7f7f7f
}

.b2c-warranty-card-widget .b2c-accordion__title {
    margin: 0 1.6rem 1.6rem;
    font-family: Noto Sans,arial,sans-serif;
    font-size: 1.6rem;
    font-weight: 700;
    color: #7f7f7f;
    text-transform: inherit
}

@media (max-width: 599px) {
    .b2c-warranty-card-widget .b2c-accordion__title {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0 0 1rem;
        cursor: pointer
    }
}

.b2c-warranty-card-widget .b2c-accordion__content {
    display: block;
    margin: 0 1.6rem 3.2rem;
    color: #7f7f7f
}

@media screen and (min-width: 960px) {
    .b2c-warranty-card-widget .b2c-accordion__content {
        margin:0 1.6rem 4rem
    }
}

.b2c-warranty-card__title {
    padding-top: 4.8rem;
    font-family: Noto Sans,arial,sans-serif;
    font-size: 3.2rem;
    font-weight: 700;
    text-align: center
}

@media screen and (min-width: 960px) {
    .b2c-warranty-card__title {
        padding:0 0 3.2rem
    }
}

.b2c-slider.b2c-warranty-card-slider .dgad-slider__next,.b2c-slider.b2c-warranty-card-slider .dgad-slider__prev {
    background-color: #fce500
}

@media (max-width: 839px) {
    .b2c-slider.b2c-warranty-card-slider,.b2c-slider.b2c-warranty-card-slider .dgad-slider__container {
        background:#f5f5f5
    }
}

.b2c-slider.b2c-warranty-card-slider .dgad-slider__pager-button--active:before {
    background: #333
}

.b2c-slider.b2c-warranty-card-slider .dgad-slider__prev {
    left: -.7rem
}

@media screen and (min-width: 960px) {
    .b2c-slider.b2c-warranty-card-slider .dgad-slider__prev {
        left:-2.5rem
    }
}

@media screen and (min-width: 600px) and (max-width:839px) {
    .b2c-slider.b2c-warranty-card-slider .dgad-slider__prev {
        margin-left:2.4rem
    }
}

@media screen and (min-width: 840px) and (max-width:959px) {
    .b2c-slider.b2c-warranty-card-slider .dgad-slider__prev {
        margin-left:8.8rem
    }
}

.b2c-slider.b2c-warranty-card-slider .dgad-slider__next {
    right: -.7rem
}

@media screen and (min-width: 960px) {
    .b2c-slider.b2c-warranty-card-slider .dgad-slider__next {
        right:-4.5rem
    }
}

@media screen and (min-width: 600px) and (max-width:839px) {
    .b2c-slider.b2c-warranty-card-slider .dgad-slider__next {
        margin-right:2.4rem
    }
}

@media screen and (min-width: 840px) and (max-width:959px) {
    .b2c-slider.b2c-warranty-card-slider .dgad-slider__next {
        margin-right:8.8rem
    }
}

.b2c-warranty-card__title {
    color: #27509b
}

.b2c-warranty-card {
    width: 100%
}

.b2c-warranty-card-desktop__name,.b2c-warranty-card-mobile__name {
    color: #27509b
}

.b2c-warranty-card-widget .b2c-accordion__title svg {
    width: 1rem;
    height: 1rem
}

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

.dgad-cta--left {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.dgad-cta--centered {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.dgad-cta--right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.dgad-cta__item {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    font-size: 1.4rem;
    line-height: 1;
    cursor: pointer
}

.dgad-cta__fileSize {
    font-size: 1.2rem
}

.dgad-cta__icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    width: 4rem;
    top: 0;
    right: 0;
    bottom: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-indent: 0
}

@media screen and (min-width: 960px) {
    .dgad-cta__label--mobile {
        display:none
    }
}

.dgad-cta__label--desktop {
    display: none
}

@media screen and (min-width: 960px) {
    .dgad-cta__label--desktop {
        display:block
    }
}

.dgad-btn--icon-cta--rounded {
    border-radius: 50%
}

[data-apos-widget-wrapper=dgad-call-to-action] {
    margin: 1.5rem 0
}

.dgad-cta {
    text-align: center
}

@media (max-width: 959px) {
    .dgad-cta {
        -webkit-box-pack:center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.dgad-cta__item sup,.dgad-cta__label sup {
    vertical-align: super;
    margin-top: -1rem;
    text-decoration: none
}

.dgad-column-block {
    padding-top: 4rem
}

@media (max-width: 599px) {
    .dgad-column-block .mdc-layout-grid__inner.sm-reverse-column-block .mdc-layout-grid__cell {
        width:100%
    }
}

.dgad-column-block--primary {
    background-color: #fce500
}

.dgad-column-block--primary .b2c-btn {
    -webkit-box-shadow: 0 .2rem .5rem 0 rgba(0,0,0,.5);
    box-shadow: 0 .2rem .5rem 0 rgba(0,0,0,.5)
}

.dgad-column-block--secondary {
    background-color: #27509b
}

.dgad-column-block--secondary a,.dgad-column-block--secondary h1,.dgad-column-block--secondary h2,.dgad-column-block--secondary h3,.dgad-column-block--secondary h4,.dgad-column-block--secondary h5,.dgad-column-block--secondary h6,.dgad-column-block--secondary p {
    color: #fff
}

.dgad-column-block--secondary .b2c-btn--primary,.dgad-column-block--secondary .b2c-btn--tertiary {
    color: #333
}

.dgad-column-block--secondary .apos-rich-text a:hover {
    color: #27509b;
    text-decoration: none;
    background-color: #fff
}

.dgad-column-block--secondary .apos-rich-text li,.dgad-column-block--secondary .apos-rich-text ol,.dgad-column-block--secondary .apos-rich-text ul {
    color: #fff
}

.dgad-column-block--tertiary {
    background-color: #f5f5f5
}

.cc-window {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 1.2rem;
    font-weight: 400;
    opacity: 1;
    -webkit-transition: opacity 1s ease;
    transition: opacity 1s ease
}

@media screen and (min-width: 960px) {
    .cc-window {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.cc-window .cc-message {
    margin-bottom: 2.5rem;
    font-size: 1.2rem;
    line-height: 2rem
}

@media screen and (min-width: 600px) {
    .cc-window .cc-message {
        margin-bottom:2rem
    }
}

@media screen and (min-width: 960px) {
    .cc-window .cc-message {
        margin-bottom:0
    }
}

.cc-window .cc-message .cc-link {
    line-height: normal
}

.cc-window .cc-compliance {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 0
}

.cc-window .cc-compliance .cc-btn {
    display: inline-block;
    width: auto;
    min-width: 31rem;
    padding: 1.7rem;
    font-weight: 400;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer
}

@media screen and (min-width: 960px) {
    .cc-window .cc-compliance .cc-btn {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

@media screen and (min-width: 1280px) {
    .cc-window .cc-compliance .cc-btn {
        border-radius:.2rem
    }
}

.cc-window.cc-invisible {
    opacity: 0
}

.cc-window.cc-window--admin {
    position: relative;
    z-index: 0
}

.cc-animate.cc-revoke {
    -webkit-transition: -webkit-transform 1s ease;
    transition: -webkit-transform 1s ease;
    transition: transform 1s ease;
    transition: transform 1s ease,-webkit-transform 1s ease
}

.cc-animate.cc-revoke.cc-bottom {
    -webkit-transform: translateY(2em);
    transform: translateY(2em)
}

.cc-animate.cc-revoke.cc-active.cc-bottom,.cc-animate.cc-revoke.cc-active.cc-top,.cc-revoke:hover {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.cc-revoke {
    display: none
}

.cc-window {
    padding: 1rem 2.5rem;
    font-family: Noto Sans;
    background-color: #f5f5f5
}

@media screen and (min-width: 960px) {
    .cc-window {
        padding:1.8rem 5rem
    }
}

@media screen and (min-width: 1280px) {
    .cc-window {
        padding:1rem 10rem
    }
}

@media screen and (min-width: 1920px) {
    .cc-window {
        padding:1rem 24rem
    }
}

.cc-window .cc-message {
    color: #363636
}

.cc-window .cc-message .cc-link {
    margin-right: 1rem;
    padding: 0;
    color: #3165c4
}

@media screen and (min-width: 960px) {
    .cc-window .cc-compliance {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.cc-window .cc-compliance .cc-btn {
    padding: 2.1rem 3rem 2rem;
    font-size: 1.6rem;
    line-height: .88;
    border-radius: 2.5rem
}

@media screen and (min-width: 960px) {
    .cc-window .cc-compliance .cc-btn {
        min-width:12.3rem;
        padding: 1.7rem 1rem;
        font-size: 1.4rem;
        line-height: 1;
        border-radius: .2rem
    }
}

@media screen and (min-width: 1280px) {
    .cc-window .cc-compliance .cc-btn {
        min-width:16rem
    }
}

@media screen and (min-width: 1920px) {
    .cc-window .cc-compliance .cc-btn {
        min-width:9.8rem
    }
}

.cc-window .cc-compliance .cc-btn.cc-dismiss {
    margin-left: 0;
    color: #363636;
    background-color: #fce500
}

@media (max-width: 599px) {
    .cc-window .cc-compliance .cc-btn.cc-dismiss {
        margin-bottom:5.5rem
    }
}

@media screen and (min-width: 960px) {
    .cc-window .cc-compliance .cc-btn.cc-dismiss {
        margin-left:1
    }
}

.cc-window .cc-compliance .cc-btn.cc-deny {
    margin-bottom: 1rem;
    color: #27509b
}

@media screen and (min-width: 960px) {
    .cc-window .cc-compliance .cc-btn.cc-deny {
        margin-bottom:0
    }
}

.dgad-dealer-locator-last-tyre-visited {
    position: fixed;
    z-index: 1;
    top: 21rem;
    right: 4rem;
    left: auto;
    min-width: 0;
    height: 6.5rem;
    background: #fff;
    border-radius: .4rem;
    -webkit-box-shadow: 0 0 1rem 0 rgba(0,0,0,.18);
    box-shadow: 0 0 1rem 0 rgba(0,0,0,.18)
}

@media screen and (min-width: 1280px) {
    .dgad-dealer-locator-last-tyre-visited {
        min-width:70rem
    }
}

.dgad-dealer-locator-last-tyre-visited__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 6.5rem;
    padding: 0 2rem
}

@media screen and (min-width: 1280px) {
    .dgad-dealer-locator-last-tyre-visited__wrapper {
        padding:0 4rem
    }
}

.dgad-dealer-locator-last-tyre-visited__label,.dgad-dealer-locator-last-tyre-visited__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.dgad-dealer-locator-last-tyre-visited__label {
    font-size: 1.6rem
}

@media screen and (min-width: 960px) and (max-width:1279px) {
    .dgad-dealer-locator-last-tyre-visited__label {
        max-width:15rem
    }
}

.dgad-dealer-locator-last-tyre-visited__title {
    margin-right: 0;
    font-size: 1.5rem;
    font-weight: 500;
    color: #000
}

.dgad-dealer-locator-last-tyre-visited__title p,.dgad-dealer-locator-last-tyre-visited__title p:not([class^=fa]):not([class^=apos]):not([class^=cke]) {
    font-weight: 700;
    text-transform: uppercase
}

.dgad-dealer-locator-last-tyre-visited__title span {
    display: block;
    font-style: italic;
    font-weight: 100;
    text-transform: none
}

@media screen and (min-width: 1280px) {
    .dgad-dealer-locator-last-tyre-visited__title span {
        display:inline
    }
}

.dgad-dealer-locator-last-tyre-visited__image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 11rem;
    height: 8rem;
    margin: 0 1rem;
    background-repeat: no-repeat;
    background-size: 100% auto;
    overflow: hidden;
    -webkit-transform: translateY(-1.5rem);
    transform: translateY(-1.5rem)
}

@media screen and (min-width: 1280px) {
    .dgad-dealer-locator-last-tyre-visited__image {
        width:15rem
    }
}

.dgad-dealer-locator-last-tyre-visited__close {
    position: absolute;
    top: 1rem;
    right: 1rem;
    width: 3rem;
    height: 3rem;
    cursor: pointer
}

.dgad-dealer-locator-last-tyre-visited__close path {
    fill: #000
}

input[type=range] {
    margin: 0
}

#b2c-dl-filters {
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: -webkit-box-shadow .3s ease-out;
    transition: -webkit-box-shadow .3s ease-out;
    transition: box-shadow .3s ease-out;
    transition: box-shadow .3s ease-out,-webkit-box-shadow .3s ease-out
}

#b2c-dl-filters-header {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 2rem 2.4rem
}

#b2c-dl-filters-header__pagination {
    margin: 1.6rem 0;
    font-size: 1.6rem;
    line-height: 2rem
}

#b2c-dl-filters-header__found {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 2.4rem 2.4rem .8rem;
    font-weight: 700;
    background-color: #f5f5f5
}

#b2c-dl-filters-header__found h1 {
    margin-bottom: 0;
    font-size: 2rem;
    line-height: 4rem
}

@media (max-width: 959px) {
    #b2c-dl-filters-header__found h1 {
        padding-right:4rem
    }
}

#b2c-dl-filters-header__filter-title-heading {
    margin-top: .4rem;
    font-size: 2rem;
    font-weight: 700
}

#b2c-dl-filters-header__buttons-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#b2c-dl-filters-header__button {
    cursor: pointer
}

@media (max-width: 959px) {
    #b2c-dl-filters-header__button-mobile {
        position:absolute;
        top: 50%;
        right: 1.5rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 4rem;
        height: 4rem;
        border-radius: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    #b2c-dl-filters-header__button-mobile,#b2c-dl-filters-header__button-mobile div[data-role] {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    #b2c-dl-filters-header__button-mobile div[data-role] {
        width: 100%;
        height: 100%
    }

    #b2c-dl-filters-header__button-mobile div[data-role=close] svg,#b2c-dl-filters-header__button-mobile div[data-role=open] svg {
        width: 2.4rem;
        height: 2.4rem
    }
}

@media screen and (min-width: 960px) {
    #b2c-dl-filters-header__button-mobile {
        display:none
    }
}

#b2c-dl-filters-header__button-desktop {
    border-radius: .4rem
}

@media (max-width: 959px) {
    #b2c-dl-filters-header__button-desktop {
        display:none
    }
}

#b2c-dl-filters-header__button-desktop,#b2c-dl-filters-header__button-desktop svg,#b2c-dl-filters-header__button-mobile,#b2c-dl-filters-header__button-mobile svg {
    pointer-events: none
}

#b2c-dl-filters-header__button-desktop>*,#b2c-dl-filters-header__button-mobile>* {
    pointer-events: all
}

#b2c-dl-filters-header__button-desktop div[data-role=close],#b2c-dl-filters-header__button-mobile div[data-role=close] {
    display: none
}

#b2c-dl-filters-error,#b2c-dl-filters-header__button-desktop div[data-role=open],#b2c-dl-filters-header__button-mobile div[data-role=open] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

#b2c-dl-filters-error {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 0;
    overflow: hidden;
    -webkit-transition: height .3s ease-out;
    transition: height .3s ease-out
}

#b2c-dl-filters-error.b2c-dl-filters-error--opened {
    height: 20rem;
    -webkit-transition: height .3s ease-in;
    transition: height .3s ease-in
}

#b2c-dl-filters-error__icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 2rem;
    cursor: pointer
}

#b2c-dl-filters-error__icon svg {
    width: 1.4rem;
    height: 1.4rem
}

#b2c-dl-filters-error__filter-message,#b2c-dl-filters-error__message {
    max-width: 33rem;
    font-weight: 700;
    text-align: center
}

#b2c-dl-filters-error .b2c-dl-filters-error__message-hidden {
    display: none
}

#b2c-dl-filters-content {
    max-height: 0;
    padding: 0 3rem;
    overflow: hidden;
    -webkit-transition: max-height .2s ease-out,padding .2s linear;
    transition: max-height .2s ease-out,padding .2s linear
}

#b2c-dl-filters-content,#b2c-dl-filters-content__ranges {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

#b2c-dl-filters-content__ranges {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#b2c-dl-filters-content__ranges-title {
    margin-bottom: 2rem;
    font-size: 2rem;
    font-weight: 700;
    text-align: center
}

#b2c-dl-filters-content__ranges-wrapper {
    position: relative;
    width: 30rem;
    height: .3rem
}

#b2c-dl-filters-content__ranges-input {
    -webkit-appearance: none;
    position: absolute;
    width: 100%;
    height: 0
}

#b2c-dl-filters-content__ranges-input::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 2rem;
    height: 2rem;
    margin: -.8rem 0 0;
    border: 0!important;
    border-radius: 50%;
    cursor: pointer
}

#b2c-dl-filters-content__ranges-input::-moz-range-thumb {
    width: 2rem;
    height: 2rem;
    margin: -.8rem 0 0;
    border: 0!important;
    border-radius: 50%;
    cursor: pointer
}

#b2c-dl-filters-content__ranges-input::-ms-thumb {
    width: 2rem;
    height: 2rem;
    margin: -.8rem 0 0;
    border: 0!important;
    border-radius: 50%;
    cursor: pointer
}

#b2c-dl-filters-content__ranges-input::-webkit-slider-runnable-track {
    width: 100%;
    height: .5rem;
    border-radius: .3rem;
    cursor: pointer
}

#b2c-dl-filters-content__ranges-input::-moz-range-track {
    width: 100%;
    height: .5rem;
    border-radius: .3rem;
    cursor: pointer
}

#b2c-dl-filters-content__ranges-input::-moz-range-progress {
    height: .4rem;
    background-color: #27509b
}

#b2c-dl-filters-content__ranges-input:focus {
    background: none;
    outline: none
}

#b2c-dl-filters-content__ranges-input::-ms-track {
    height: .5rem;
    border-radius: .3rem;
    width: 100%;
    color: transparent;
    background: transparent;
    border-color: transparent;
    cursor: pointer
}

#b2c-dl-filters-content__ranges-labels {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 30rem;
    margin: 1.8rem 0 3rem;
    padding: 0 1rem
}

#b2c-dl-filters-content__ranges-labels li {
    position: relative;
    width: .1rem;
    font-size: 1.4rem;
    text-align: center;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

#b2c-dl-filters-content__ranges-labels li span {
    position: absolute;
    white-space: nowrap;
    text-align: center;
    -webkit-transform: translate(-50%);
    transform: translate(-50%)
}

#b2c-dl-filters-content__filters-title,#b2c-dl-filters-content__networks-title,#b2c-dl-filters-content__services-title {
    padding: 2.3rem 2rem;
    font-size: 2rem;
    font-weight: 700
}

@media (max-width: 959px) {
    #b2c-dl-filters-content__filters-title,#b2c-dl-filters-content__networks-title,#b2c-dl-filters-content__services-title {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        font-weight: 700;
        cursor: pointer
    }

    #b2c-dl-filters-content__filters-title.b2c-dl-filters-content__filters-title--opened svg,#b2c-dl-filters-content__filters-title.b2c-dl-filters-content__networks-title--opened svg,#b2c-dl-filters-content__filters-title.b2c-dl-filters-content__services-title--opened svg,#b2c-dl-filters-content__networks-title.b2c-dl-filters-content__filters-title--opened svg,#b2c-dl-filters-content__networks-title.b2c-dl-filters-content__networks-title--opened svg,#b2c-dl-filters-content__networks-title.b2c-dl-filters-content__services-title--opened svg,#b2c-dl-filters-content__services-title.b2c-dl-filters-content__filters-title--opened svg,#b2c-dl-filters-content__services-title.b2c-dl-filters-content__networks-title--opened svg,#b2c-dl-filters-content__services-title.b2c-dl-filters-content__services-title--opened svg {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        -webkit-transition: -webkit-transform .2s ease;
        transition: -webkit-transform .2s ease;
        transition: transform .2s ease;
        transition: transform .2s ease,-webkit-transform .2s ease
    }

    #b2c-dl-filters-content__filters-title.b2c-dl-filters-content__filters-title--opened+#b2c-dl-filters-content__filters-list,#b2c-dl-filters-content__filters-title.b2c-dl-filters-content__filters-title--opened+#b2c-dl-filters-content__services-list,#b2c-dl-filters-content__filters-title.b2c-dl-filters-content__networks-title--opened+#b2c-dl-filters-content__filters-list,#b2c-dl-filters-content__filters-title.b2c-dl-filters-content__networks-title--opened+#b2c-dl-filters-content__services-list,#b2c-dl-filters-content__filters-title.b2c-dl-filters-content__services-title--opened+#b2c-dl-filters-content__filters-list,#b2c-dl-filters-content__filters-title.b2c-dl-filters-content__services-title--opened+#b2c-dl-filters-content__services-list,#b2c-dl-filters-content__networks-title.b2c-dl-filters-content__filters-title--opened+#b2c-dl-filters-content__filters-list,#b2c-dl-filters-content__networks-title.b2c-dl-filters-content__filters-title--opened+#b2c-dl-filters-content__services-list,#b2c-dl-filters-content__networks-title.b2c-dl-filters-content__networks-title--opened+#b2c-dl-filters-content__filters-list,#b2c-dl-filters-content__networks-title.b2c-dl-filters-content__networks-title--opened+#b2c-dl-filters-content__services-list,#b2c-dl-filters-content__networks-title.b2c-dl-filters-content__services-title--opened+#b2c-dl-filters-content__filters-list,#b2c-dl-filters-content__networks-title.b2c-dl-filters-content__services-title--opened+#b2c-dl-filters-content__services-list,#b2c-dl-filters-content__services-title.b2c-dl-filters-content__filters-title--opened+#b2c-dl-filters-content__filters-list,#b2c-dl-filters-content__services-title.b2c-dl-filters-content__filters-title--opened+#b2c-dl-filters-content__services-list,#b2c-dl-filters-content__services-title.b2c-dl-filters-content__networks-title--opened+#b2c-dl-filters-content__filters-list,#b2c-dl-filters-content__services-title.b2c-dl-filters-content__networks-title--opened+#b2c-dl-filters-content__services-list,#b2c-dl-filters-content__services-title.b2c-dl-filters-content__services-title--opened+#b2c-dl-filters-content__filters-list,#b2c-dl-filters-content__services-title.b2c-dl-filters-content__services-title--opened+#b2c-dl-filters-content__services-list {
        height: auto;
        padding: 0;
        -webkit-transition: all .3s ease;
        transition: all .3s ease
    }

    #b2c-dl-filters-content__filters-title.b2c-dl-filters-content__filters-title--opened+#b2c-dl-filters-content__networks-list,#b2c-dl-filters-content__filters-title.b2c-dl-filters-content__networks-title--opened+#b2c-dl-filters-content__networks-list,#b2c-dl-filters-content__filters-title.b2c-dl-filters-content__services-title--opened+#b2c-dl-filters-content__networks-list,#b2c-dl-filters-content__networks-title.b2c-dl-filters-content__filters-title--opened+#b2c-dl-filters-content__networks-list,#b2c-dl-filters-content__networks-title.b2c-dl-filters-content__networks-title--opened+#b2c-dl-filters-content__networks-list,#b2c-dl-filters-content__networks-title.b2c-dl-filters-content__services-title--opened+#b2c-dl-filters-content__networks-list,#b2c-dl-filters-content__services-title.b2c-dl-filters-content__filters-title--opened+#b2c-dl-filters-content__networks-list,#b2c-dl-filters-content__services-title.b2c-dl-filters-content__networks-title--opened+#b2c-dl-filters-content__networks-list,#b2c-dl-filters-content__services-title.b2c-dl-filters-content__services-title--opened+#b2c-dl-filters-content__networks-list {
        height: auto;
        padding: 0 0 0 1rem;
        -webkit-transition: all .3s ease;
        transition: all .3s ease
    }
}

#b2c-dl-filters-content__filters-title svg,#b2c-dl-filters-content__networks-title svg,#b2c-dl-filters-content__services-title svg {
    width: 1rem;
    height: 1.2rem;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: -webkit-transform .2s ease;
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease,-webkit-transform .2s ease
}

@media screen and (min-width: 960px) {
    #b2c-dl-filters-content__filters-title svg,#b2c-dl-filters-content__networks-title svg,#b2c-dl-filters-content__services-title svg {
        display:none
    }
}

#b2c-dl-filters-content__filters-list,#b2c-dl-filters-content__networks-list,#b2c-dl-filters-content__services-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    height: 0;
    overflow: hidden;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

@media screen and (min-width: 960px) {
    #b2c-dl-filters-content__filters-list,#b2c-dl-filters-content__networks-list,#b2c-dl-filters-content__services-list {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        height: auto;
        padding-bottom: 2rem;
        overflow: initial
    }
}

#b2c-dl-filters-content__filters-list .b2c-switch,#b2c-dl-filters-content__networks-list .b2c-switch,#b2c-dl-filters-content__services-list .b2c-switch {
    margin: 1.5rem
}

#b2c-dl-filters-content__filters-list .b2c-switch label,#b2c-dl-filters-content__networks-list .b2c-switch label,#b2c-dl-filters-content__services-list .b2c-switch label {
    width: 100%;
    padding-left: 4rem;
    -webkit-transform: translateY(.1rem);
    transform: translateY(.1rem)
}

#b2c-dl-filters-content__filters-list .b2c-switch label span,#b2c-dl-filters-content__networks-list .b2c-switch label span,#b2c-dl-filters-content__services-list .b2c-switch label span {
    padding-right: 7rem
}

#b2c-dl-filters-content__filters-list .b2c-switch label svg,#b2c-dl-filters-content__networks-list .b2c-switch label svg,#b2c-dl-filters-content__services-list .b2c-switch label svg {
    display: none
}

#b2c-dl-filters-content__filters-list .b2c-switch svg,#b2c-dl-filters-content__networks-list .b2c-switch svg,#b2c-dl-filters-content__services-list .b2c-switch svg {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: center;
    align-self: center;
    float: left;
    width: 3rem;
    height: 3rem
}

#b2c-dl-filters-content__filters-list .b2c-checkbox,#b2c-dl-filters-content__networks-list .b2c-checkbox,#b2c-dl-filters-content__services-list .b2c-checkbox {
    width: 50%;
    margin-bottom: .8rem
}

@media (max-width: 959px) {
    #b2c-dl-filters-content__filters-list .b2c-checkbox,#b2c-dl-filters-content__networks-list .b2c-checkbox,#b2c-dl-filters-content__services-list .b2c-checkbox {
        width:100%;
        margin: 0 0 1rem 1rem
    }
}

#b2c-dl-filters-content__filters-list .b2c-checkbox label,#b2c-dl-filters-content__networks-list .b2c-checkbox label,#b2c-dl-filters-content__services-list .b2c-checkbox label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

#b2c-dl-filters-content__filters-list .b2c-checkbox label span,#b2c-dl-filters-content__networks-list .b2c-checkbox label span,#b2c-dl-filters-content__services-list .b2c-checkbox label span {
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 2rem
}

#b2c-dl-filters-content__filters-list .b2c-checkbox .filter-service__svg,#b2c-dl-filters-content__networks-list .b2c-checkbox .filter-service__svg,#b2c-dl-filters-content__services-list .b2c-checkbox .filter-service__svg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: center;
    align-self: center;
    width: 4.7rem;
    min-width: 4.7rem;
    height: 4.7rem;
    margin: 0 2rem
}

#b2c-dl-filters-content__services-list {
    position: relative
}

#b2c-dl-filters-content__services-list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

#b2c-dl-filters-content__filters-list .b2c-switch label {
    padding-left: 0
}

#b2c-dl-filters-content__filters-list .b2c-checkbox label {
    height: 4rem
}

#b2c-dl-filters-content__networks-list .b2c-checkbox label {
    margin: 1rem 0
}

.b2c-dl-filters--opened>#b2c-dl-filters-content,.b2c-dl-networks--opened>#b2c-dl-networks-content,.b2c-dl-services--opened>#b2c-dl-services-content {
    max-height: 300rem;
    padding: 2rem 3rem;
    -webkit-transition: max-height .4s ease-in,padding .2s linear;
    transition: max-height .4s ease-in,padding .2s linear
}

#b2c-dl-filters-content__networks {
    margin-top: 1rem
}

@media screen and (min-width: 960px) {
    #b2c-dl-map {
        position:fixed;
        right: 0;
        bottom: 0;
        left: 48rem;
        width: calc(100vw - 48rem);
        height: calc(100vh - 16rem)
    }

    #b2c-dl-map__container {
        width: 100%;
        height: 100%
    }

    #b2c-dl-map .VMLMAP {
        width: 100%
    }
}

@media screen and (min-width: 1280px) {
    #b2c-dl-map {
        left:53.6rem;
        width: calc(100vw - 53.6rem)
    }
}

.b2c-dl-result-card {
    padding: 2rem 2.4rem
}

@media (max-width: 959px) {
    .b2c-dl-result-card {
        padding:2rem 1.5rem
    }
}

.b2c-dl-result-card__container {
    background: #fff;
    border-left: 1rem solid transparent;
    border-radius: .4rem;
    overflow: hidden
}

.b2c-dl-result-card-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 1rem;
    padding: 2rem 2rem 0
}

.b2c-dl-result-card-header__distance {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.3rem;
    font-weight: 700
}

.b2c-dl-result-card-header .dl-markericon {
    width: 6rem;
    height: 6rem;
    margin-bottom: .5rem;
    padding-top: .8rem;
    font-size: 1.6rem;
    font-weight: 700;
    color: #fff;
    text-align: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%
}

.b2c-dl-result-card-header__logos {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.b2c-dl-result-card-header__logos-certified,.b2c-dl-result-card-header__logos-network {
    max-width: 10rem;
    max-height: 6rem;
    margin-bottom: 1rem;
    -o-object-fit: contain;
    object-fit: contain
}

.b2c-dl-result-card-title {
    padding: 0 2rem
}

.b2c-dl-result-card-title__dealer-name {
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.89
}

.b2c-dl-result-card-infos__see-more {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 2rem;
    padding: 2rem 0;
    font-weight: 700;
    cursor: pointer
}

.b2c-dl-result-card-infos__see-more span {
    font-size: 1.4rem;
    opacity: .8
}

.b2c-dl-result-card-infos__see-more .svg-chevron {
    display: inline-block;
    width: 1.1rem;
    height: 1rem;
    margin-right: .5rem;
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease,-webkit-transform .3s ease
}

.b2c-dl-result-card-infos__see-more--expand {
    border-bottom: none!important
}

.b2c-dl-result-card-infos__see-more--expand .svg-chevron {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.b2c-dl-result-card-infos__see-more--expand+.b2c-dl-result-card-infos__dealer {
    display: block
}

.b2c-dl-result-card-infos__dealer {
    display: none;
    padding: 2rem;
    -webkit-animation: slide-right .2s ease-in-out;
    animation: slide-right .2s ease-in-out
}

.b2c-dl-result-card-infos__dealer-address,.b2c-dl-result-card-infos__dealer-details,.b2c-dl-result-card-infos__dealer-phone,.b2c-dl-result-card-infos__dealer-website {
    margin-bottom: 1rem;
    padding-left: 2.7rem;
    background-size: 1.2rem 1.2rem;
    background-position: 0;
    background-repeat: no-repeat
}

.b2c-dl-result-card-infos__dealer-campaign,.b2c-dl-result-card-infos__dealer-stock_badge {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 3rem;
    padding: .4rem .8rem .4rem .4rem;
    border-radius: 1.5rem
}

.b2c-dl-result-card-infos__dealer-campaign :first-child,.b2c-dl-result-card-infos__dealer-stock_badge :first-child {
    margin-right: .4rem
}

.b2c-dl-result-card-infos__dealer-campaign svg,.b2c-dl-result-card-infos__dealer-stock_badge svg {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 2rem;
    height: 2rem
}

.b2c-dl-result-card-infos__dealer-campaign span,.b2c-dl-result-card-infos__dealer-stock_badge span {
    margin-top: .3rem
}

.b2c-dl-result-card-infos__dealer-website a {
    text-decoration: underline
}

.b2c-dl-result-card-triggers {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 2rem
}

.b2c-dl-result-card-triggers__item:not(:last-child) {
    margin-right: 2rem
}

@media screen and (min-width: 840px) {
    .b2c-dl-result-card-triggers__item:not(:last-child) {
        margin-right:3.6rem
    }
}

.b2c-dl-result-card-triggers__item-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.b2c-dl-result-card-triggers__item-button.b2c-btn--round {
    width: 5.5rem;
    height: 5.5rem;
    margin-bottom: .5rem;
    background-size: 2.3rem;
    background-position: 50%;
    background-repeat: no-repeat
}

.b2c-dl-result-card-triggers__item-desc {
    font-size: 1.4rem;
    font-weight: 700;
    text-align: center
}

.b2c-dl-result-card-triggers__item svg {
    width: 2.3rem;
    height: 2.3rem
}

.b2c-dl-result-card-services {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-top: .5rem
}

.b2c-dl-result-card-services__item {
    max-width: 7rem;
    margin: .5rem;
    font-size: 1.3rem;
    text-align: center
}

.b2c-dl-result-card-services__item svg {
    width: 5.5rem;
    height: 5.5rem
}

@media screen and (min-width: 600px) {
    .b2c-dl-result-card-services__item svg {
        width:5rem;
        height: 5rem
    }
}

.b2c-dl-result-card-services__item span {
    display: block;
    margin: 1rem auto 0
}

@-webkit-keyframes slide-right {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
}

@keyframes slide-right {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
}

#b2c-dl-result {
    min-height: 40rem;
    padding-bottom: 5rem
}

#b2c-dl-result-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

#b2c-dl-result-list ul {
    width: 100%
}

#b2c-dl-result-list ul .b2c-dl-result-card-selected .b2c-dl-result-card__container {
    border-left: 1rem solid #fce500
}

#b2c-dl-result-load-more {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

#b2c-dl-result-load-more-loading {
    display: none
}

#b2c-dl-result-list-loading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 25rem 0
}

.b2c-dl-result-loading {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.b2c-dl-result-loading__dot {
    width: 1.8rem;
    height: 1.8rem;
    margin: 3rem 0;
    border-radius: 100%;
    -webkit-animation: bounce-dots 1.2s ease-in-out infinite both;
    animation: bounce-dots 1.2s ease-in-out infinite both
}

.b2c-dl-result-loading__dot:not(last-child) {
    margin-right: .5rem
}

.b2c-dl-result-loading__dot1 {
    -webkit-animation-delay: -.32s;
    animation-delay: -.32s
}

.b2c-dl-result-loading__dot2 {
    -webkit-animation-delay: -.16s;
    animation-delay: -.16s
}

.b2c-dl-result-load-more__content--desktop,.b2c-dl-result-load-more__content--mobile {
    margin: 3rem
}

.b2c-dl-result-load-more__content {
    cursor: pointer
}

@media screen and (min-width: 960px) {
    .b2c-dl-result-load-more__content--mobile {
        display:none!important
    }
}

.b2c-dl-result-load-more__content--desktop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 700
}

@media (max-width: 959px) {
    .b2c-dl-result-load-more__content--desktop {
        display:none!important
    }
}

.b2c-dl-result-load-more__content--desktop .b2c-dl-result-load-more__content__dots {
    margin-bottom: 1rem
}

.b2c-dl-result-load-more__content--desktop .b2c-dl-result-load-more__content__dots:before {
    content: "...";
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    font-size: 2rem;
    line-height: 1;
    letter-spacing: .1rem;
    text-indent: .1rem!important
}

@-webkit-keyframes bounce-dots {
    0%,80%,to {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes bounce-dots {
    0%,80%,to {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

#b2c-dl-result-nearby-cities {
    width: calc(100% - 3rem);
    margin: auto;
    padding: 2rem;
    text-align: center;
    background-color: #fff
}

#b2c-dl-result-nearby-cities .nearbyCities {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

#b2c-dl-result-nearby-cities .nearbyCities li {
    margin-bottom: 1rem
}

#b2c-dl-search__autocomplete {
    display: none;
    height: 100%;
    color: #000;
    text-align: left;
    background: #fff
}

#b2c-dl-search__autocomplete ul {
    position: relative;
    z-index: 10
}

#b2c-dl-search__autocomplete ul .b2c-dl-search-shadow {
    position: absolute;
    z-index: -1
}

#b2c-dl-search__autocomplete ul li {
    padding: 0 1.6rem;
    background-color: #fff;
    cursor: pointer;
    -webkit-transition: background-color .1s ease-in-out;
    transition: background-color .1s ease-in-out
}

#b2c-dl-search__autocomplete ul li:hover,#b2c-dl-search__autocomplete ul li[data-selected=true] {
    background-color: #dcdcdc
}

#b2c-dl-search__autocomplete ul li svg {
    display: inline-block;
    vertical-align: bottom;
    width: 1.2rem;
    height: 1.2rem
}

#b2c-dl-search__autocomplete ul li a {
    display: block;
    padding: 1.4rem 0
}

#b2c-dl-search__autocomplete ul,#b2c-dl-search__autocomplete ul li:last-child {
    border-radius: 0 0 .4rem .4rem
}

#b2c-dl-search__autocomplete ul li:last-child a {
    border-bottom: 0
}

#b2c-dl-search__autocomplete li,#b2c-dl-search__autocomplete ul {
    outline: .1rem dashed transparent
}

#b2c-dl-search__error {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 1rem 0
}

#b2c-dl-search__error svg {
    margin: 0 1rem
}

#b2c-dl-search__error span {
    font-size: 1.4rem;
    line-height: .8
}

#b2c-dl-search__container {
    height: 8.6rem;
    padding: 1.5rem
}

#b2c-dl-search__container h1 {
    display: none
}

@media screen and (min-width: 840px) {
    #b2c-dl-search__container {
        height:12rem;
        padding: 2.5rem 2.4rem
    }
}

#b2c-dl-search__container svg {
    width: 1.6rem;
    height: 1.6rem
}

#b2c-dl-search__content-dropdown {
    position: absolute;
    z-index: 3;
    top: 100%;
    right: 0;
    left: 0
}

#b2c-dl-search__input-container {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 1.3rem 1.5rem 1.3rem 1.4rem;
    background-color: #fff;
    border-radius: .4rem .4rem 0 0
}

#b2c-dl-search__icon-placeholder,#b2c-dl-search__input-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#b2c-dl-search__icon-placeholder {
    margin-right: .5rem
}

#b2c-dl-search__input {
    width: 90%;
    font-size: 1.8rem;
    border: initial
}

#b2c-dl-search__input,#b2c-dl-search__input:focus,#b2c-dl-search__input:hover {
    -moz-appearance: none;
    -webkit-appearance: none;
    outline-color: #fff
}

#b2c-dl-search__locate-me {
    display: none;
    height: 100%;
    padding: 0 1.5rem;
    text-align: left;
    background: #fff;
    border-radius: 0 0 .8rem .8rem;
    cursor: pointer;
    -webkit-transition: background-color .1s ease-in-out;
    transition: background-color .1s ease-in-out
}

#b2c-dl-search__locate-me span {
    display: inline-block;
    vertical-align: middle;
    height: 5rem;
    line-height: 5rem
}

#b2c-dl-search__locate-me span>svg {
    vertical-align: middle;
    margin-top: -.3rem
}

#b2c-dl-search__locate-me span+span {
    margin-left: .8rem
}

#b2c-dl-search input[type=search]::-webkit-search-cancel-button,#b2c-dl-search input[type=search]::-webkit-search-decoration,#b2c-dl-search input[type=search]::-webkit-search-results-button,#b2c-dl-search input[type=search]::-webkit-search-results-decoration {
    -webkit-appearance: none
}

.b2c-dl-search__button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 1rem;
    padding: 0;
    background-color: initial;
    border: initial;
    cursor: pointer
}

.b2c-dl-search__button,.b2c-dl-search__button:focus,.b2c-dl-search__button:hover {
    outline-color: #fff
}

.b2c-dl-search__button-search {
    display: none
}

.b2c-dl-search__button-search svg {
    stroke-width: 1.3
}

.b2c-dl-search__button-remove {
    display: none
}

.b2c-dl-search__input--error {
    color: #c90000
}

.b2c-dl-search__input-container--rounded {
    border-radius: .4rem!important
}

.b2c-dl-pre-filter-notification {
    position: fixed;
    z-index: 1;
    right: 2rem;
    bottom: 2rem;
    max-width: 40rem;
    padding: 2rem;
    color: #fff;
    background: #27509b;
    border-radius: .4rem
}

@media (max-width: 839px) {
    .b2c-dl-pre-filter-notification {
        right:2.5rem;
        left: 2.5rem;
        max-width: 100%;
        padding: 1.5rem
    }
}

.b2c-dl-pre-filter-notification__title {
    font-weight: 500
}

.b2c-dl-pre-filter-notification__close {
    position: absolute;
    top: 1rem;
    right: 1rem;
    cursor: pointer
}

.b2c-dl-pre-filter-notification__close svg {
    width: 3rem;
    height: 3rem
}

.b2c-dl-pre-filter-notification:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    height: .3rem;
    background: #fce500;
    -webkit-animation: timeout 10s linear;
    animation: timeout 10s linear
}

@-webkit-keyframes timeout {
    0% {
        width: 100%
    }

    to {
        width: 0
    }
}

@keyframes timeout {
    0% {
        width: 100%
    }

    to {
        width: 0
    }
}

#b2c-dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

#b2c-dl-search-section {
    width: 100%
}

@media screen and (min-width: 960px) {
    #b2c-dl-search-section {
        z-index:98;
        width: 48rem;
        -webkit-box-shadow: .3rem 0 .8rem rgba(51,51,51,.5);
        box-shadow: .3rem 0 .8rem rgba(51,51,51,.5)
    }
}

@media screen and (min-width: 1280px) {
    #b2c-dl-search-section {
        width:53.6rem
    }
}

#b2c-dl-map-section {
    display: none
}

@media screen and (min-width: 960px) {
    #b2c-dl-map-section {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

#b2c-dl-suggested-cities {
    min-height: 10rem;
    background-image: url(http://placehold.jp/247ba0/9cafb7/250x100.png?text=100px)
}

@media screen and (min-width: 840px) {
    #b2c-dl-suggested-cities {
        background-image:url(http://placehold.jp/247ba0/9cafb7/480x100.png)
    }
}

@media screen and (min-width: 960px) {
    #b2c-dl-suggested-cities {
        background-image:url(http://placehold.jp/247ba0/9cafb7/530x100.png)
    }
}

.b2c-dl__legend,.b2c-dl__needHelp {
    background: #fff
}

.dgad-dealer-locator-last-tyre-visited__label {
    color: #363636
}

.dgad-dealer-locator-last-tyre-visited__title {
    font-family: Michelin,arial,sans-serif
}

.dgad-dealer-locator-last-tyre-visited__title p,.dgad-dealer-locator-last-tyre-visited__title p:not([class^=fa]):not([class^=apos]):not([class^=cke]) {
    font-family: Michelin,arial,sans-serif!important
}

#b2c-dl-filters-header {
    background-color: #fff
}

@media (max-width: 959px) {
    #b2c-dl-filters-header__button-mobile svg {
        fill:#000
    }
}

@media screen and (min-width: 960px) {
    #b2c-dl-filters-header__button-desktop svg {
        width:2.4rem;
        height: 2.4rem
    }
}

#b2c-dl-filters-error {
    background-color: #27509b
}

#b2c-dl-filters-error__icon {
    background-color: #c90000
}

#b2c-dl-filters-error__icon svg {
    fill: #fff;
    stroke: #fff
}

#b2c-dl-filters-error__filter-message,#b2c-dl-filters-error__message {
    color: #fff
}

#b2c-dl-filters-content {
    background-color: #f5f5f5
}

#b2c-dl-filters-content__ranges-input::-webkit-slider-thumb {
    background-color: #27509b
}

#b2c-dl-filters-content__ranges-input::-moz-range-thumb {
    background-color: #27509b
}

#b2c-dl-filters-content__ranges-input::-ms-thumb {
    background-color: #27509b
}

#b2c-dl-filters-content__ranges-input::-webkit-slider-runnable-track {
    background-color: #b2b2b2
}

#b2c-dl-filters-content__ranges-input::-moz-range-track {
    background-color: #b2b2b2
}

#b2c-dl-filters-content__ranges-input::-ms-track {
    background-color: #b2b2b2
}

#b2c-dl-filters-content__ranges-labels li {
    color: #b2b2b2
}

#b2c-dl-filters-content__ranges-labels li.active {
    color: #363636
}

#b2c-dl-filters-content__filters-list,#b2c-dl-filters-content__filters-title,#b2c-dl-filters-content__networks-list,#b2c-dl-filters-content__networks-title,#b2c-dl-filters-content__services-list,#b2c-dl-filters-content__services-title {
    background-color: #fff
}

@media screen and (min-width: 960px) {
    #b2c-dl-filters-content__filters-list,#b2c-dl-filters-content__filters-title,#b2c-dl-filters-content__networks-list,#b2c-dl-filters-content__networks-title,#b2c-dl-filters-content__services-list,#b2c-dl-filters-content__services-title {
        background-color:initial
    }
}

#b2c-dl-filters-content__filters-list .b2c-switch input[type=checkbox]:checked+label:before,#b2c-dl-filters-content__filters-title .b2c-switch input[type=checkbox]:checked+label:before,#b2c-dl-filters-content__networks-list .b2c-switch input[type=checkbox]:checked+label:before,#b2c-dl-filters-content__networks-title .b2c-switch input[type=checkbox]:checked+label:before,#b2c-dl-filters-content__services-list .b2c-switch input[type=checkbox]:checked+label:before,#b2c-dl-filters-content__services-title .b2c-switch input[type=checkbox]:checked+label:before {
    background-color: #27509b
}

#b2c-dl-filters-content__filters-list .b2c-checkbox input[type=checkbox]:checked+label,#b2c-dl-filters-content__filters-title .b2c-checkbox input[type=checkbox]:checked+label,#b2c-dl-filters-content__networks-list .b2c-checkbox input[type=checkbox]:checked+label,#b2c-dl-filters-content__networks-title .b2c-checkbox input[type=checkbox]:checked+label,#b2c-dl-filters-content__services-list .b2c-checkbox input[type=checkbox]:checked+label,#b2c-dl-filters-content__services-title .b2c-checkbox input[type=checkbox]:checked+label {
    color: #27509b
}

@media (max-width: 959px) {
    #b2c-dl-filters-content__filters-title svg,#b2c-dl-filters-content__networks-title svg,#b2c-dl-filters-content__services-title svg {
        fill:#9d9d9d
    }
}

.b2c-dl-filters--opened,.b2c-dl-networks--opened {
    -webkit-box-shadow: 0 .6rem 1.2rem -.7rem #b2b2b2!important;
    box-shadow: 0 .6rem 1.2rem -.7rem #b2b2b2!important;
    -webkit-transition: -webkit-box-shadow .6s ease-in;
    transition: -webkit-box-shadow .6s ease-in;
    transition: box-shadow .6s ease-in;
    transition: box-shadow .6s ease-in,-webkit-box-shadow .6s ease-in
}

.b2c-dl-result-card--recommended {
    background-color: #27509b
}

.b2c-dl-result-card-header__distance {
    color: #27509b
}

.b2c-dl-result-card-header__distance .dl-markericon {
    background-image: url(https://dcadprod.azureedge.net/b2c-experience-production/assets/ckqj5idca000101oa6unt1bo7/modules/my-apostrophe-assets/svg-dealer-locator-generic/target-michelin/map-marker.svg)
}

.b2c-dl-result-card-header__distance .dl-markericon__map-marker-selected {
    color: #27509b;
    background-image: url(https://dcadprod.azureedge.net/b2c-experience-production/assets/ckqj5idca000101oa6unt1bo7/modules/my-apostrophe-assets/svg-dealer-locator-generic/target-michelin/map-marker-selected.svg)
}

.b2c-dl-result-card-header__distance .dl-markericon__map-marker-recommended {
    background-image: url(https://dcadprod.azureedge.net/b2c-experience-production/assets/ckqj5idca000101oa6unt1bo7/modules/my-apostrophe-assets/svg-dealer-locator-generic/target-michelin/map-marker-recommended.svg)
}

.b2c-dl-result-card-header__distance .dl-markericon__map-marker-recommended-selected {
    color: #27509b;
    background-image: url(https://dcadprod.azureedge.net/b2c-experience-production/assets/ckqj5idca000101oa6unt1bo7/modules/my-apostrophe-assets/svg-dealer-locator-generic/target-michelin/map-marker-recommended-selected.svg)
}

.b2c-dl-result-card-infos__see-more {
    color: #363636;
    border-bottom: .1rem solid #9d9d9d
}

.b2c-dl-result-card-infos__see-more .svg-chevron {
    background-image: url(https://dcadprod.azureedge.net/b2c-experience-production/assets/ckqj5idca000101oa6unt1bo7/modules/my-apostrophe-assets/svg-dealer-locator-generic/target-michelin/chevron-south-thin.svg);
    background-repeat: no-repeat;
    background-position: 50%
}

.b2c-dl-result-card-infos__dealer {
    background-color: #e6efff
}

.b2c-dl-result-card-infos__dealer-address {
    background-image: url(https://dcadprod.azureedge.net/b2c-experience-production/assets/ckqj5idca000101oa6unt1bo7/modules/my-apostrophe-assets/svg-dealer-locator-generic/target-michelin/dealer-marker-dotted.svg)
}

.b2c-dl-result-card-infos__dealer-phone {
    background-image: url(https://dcadprod.azureedge.net/b2c-experience-production/assets/ckqj5idca000101oa6unt1bo7/modules/my-apostrophe-assets/svg-dealer-locator-generic/target-michelin/dealer-phone.svg)
}

.b2c-dl-result-card-infos__dealer-website {
    background-image: url(https://dcadprod.azureedge.net/b2c-experience-production/assets/ckqj5idca000101oa6unt1bo7/modules/my-apostrophe-assets/svg-dealer-locator-generic/target-michelin/dealer-pointer-right.svg)
}

.b2c-dl-result-card-infos__dealer-details {
    background-image: url(https://dcadprod.azureedge.net/b2c-experience-production/assets/ckqj5idca000101oa6unt1bo7/modules/my-apostrophe-assets/svg-dealer-locator-generic/target-michelin/details.svg)
}

.b2c-dl-result-card-infos__dealer-details a:hover {
    text-decoration: underline
}

.b2c-dl-result-card-infos__dealer-campaign,.b2c-dl-result-card-infos__dealer-stock_badge {
    color: #27509b;
    background-color: #e6efff
}

.b2c-dl-result-card-triggers__item-button.svg-dealer-direction {
    background-image: url(https://dcadprod.azureedge.net/b2c-experience-production/assets/ckqj5idca000101oa6unt1bo7/modules/my-apostrophe-assets/svg-dealer-locator-generic/target-michelin/dealer-direction.svg)
}

.b2c-dl-result-card-triggers__item-button.svg-dealer-call {
    background-image: url(https://dcadprod.azureedge.net/b2c-experience-production/assets/ckqj5idca000101oa6unt1bo7/modules/my-apostrophe-assets/svg-dealer-locator-generic/target-michelin/dealer-call.svg)
}

.b2c-dl-result-card-triggers__item-button.svg-dealer-pointer {
    background-image: url(https://dcadprod.azureedge.net/b2c-experience-production/assets/ckqj5idca000101oa6unt1bo7/modules/my-apostrophe-assets/svg-dealer-locator-generic/target-michelin/dealer-pointer.svg)
}

.b2c-dl-result-card-triggers__item-button.svg-dealer-details {
    background-image: url(https://dcadprod.azureedge.net/b2c-experience-production/assets/ckqj5idca000101oa6unt1bo7/modules/my-apostrophe-assets/svg-dealer-locator-generic/target-michelin/dealer-details.svg)
}

.b2c-dl-result-card-triggers__item-button.svg-calendar-icon {
    background-image: url(https://dcadprod.azureedge.net/b2c-experience-production/assets/ckqj5idca000101oa6unt1bo7/modules/my-apostrophe-assets/svg-dealer-locator-generic/target-michelin/calendar-icon.svg)
}

.b2c-dl-result-card-triggers__item-button.svg-dealer-mail {
    background-image: url(https://dcadprod.azureedge.net/b2c-experience-production/assets/ckqj5idca000101oa6unt1bo7/modules/my-apostrophe-assets/svg-dealer-locator-generic/target-michelin/dealer-mail.svg)
}

#b2c-dl-result {
    background-color: #f5f5f5
}

.b2c-dl-result-load-more__content--desktop .b2c-dl-result-load-more__content__dots:before {
    -webkit-transform: translate(-50%,-62%);
    transform: translate(-50%,-62%)
}

.b2c-dl-result-load-more__content--desktop .b2c-dl-result-load-more__content__wording {
    color: #27509b
}

.b2c-dl-result-loading__dot {
    background-color: #27509b
}

.b2c-dl-result-card-selected .b2c-dl-result-card__container {
    border-left: 1rem solid #fce500
}

.b2c-dl-result-card-selected .b2c-dl-result-card__container .b2c-dl-result-card-header__distance svg text {
    fill: #27509b
}

#b2c-dl-search__autocomplete ul>.b2c-dl-search-shadow-left {
    top: 0;
    bottom: 0;
    left: 0;
    -webkit-box-shadow: -.4rem 0 1.5rem .4rem rgba(0,0,0,.3);
    box-shadow: -.4rem 0 1.5rem .4rem rgba(0,0,0,.3)
}

#b2c-dl-search__autocomplete ul>.b2c-dl-search-shadow-right {
    top: 0;
    right: 0;
    bottom: 0;
    -webkit-box-shadow: .4rem 0 1.5rem .4rem rgba(0,0,0,.3);
    box-shadow: .4rem 0 1.5rem .4rem rgba(0,0,0,.3)
}

#b2c-dl-search__autocomplete ul>.b2c-dl-search-shadow-bottom {
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-box-shadow: .1rem .4rem 1.5rem .4rem rgba(0,0,0,.3);
    box-shadow: .1rem .4rem 1.5rem .4rem rgba(0,0,0,.3)
}

#b2c-dl-search__autocomplete ul li a {
    border-bottom: .1rem solid #dcdcdc
}

#b2c-dl-search__autocomplete ul li svg {
    margin: 0 1rem .8rem 0
}

#b2c-dl-search__container {
    background-color: #27509b
}

#b2c-dl-search__icon-placeholder svg {
    fill: #999
}

#b2c-dl-search__locate-me {
    color: #6c6c6c
}

#b2c-dl-search__locate-me:hover {
    background-color: #dcdcdc
}

.b2c-dl-search__button-search svg {
    stroke: #3165c4
}

.b2c-checkbox label span {
    padding-left: 3rem
}

@media screen and (min-width: 960px) {
    .b2c-dl-filters-count__badge {
        position:relative
    }
}

.b2c-dl-filters-count__badge[data-badge]:after {
    content: attr(data-badge);
    position: absolute;
    top: -.5rem;
    right: -.5rem;
    width: 2rem;
    height: 2rem;
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 2rem;
    text-align: center;
    border-radius: 50%
}

@media (max-width: 839px) {
    .b2c-dl-filters-count__badge[data-badge]:after {
        top:1rem;
        right: 2rem
    }
}

.b2c-dl-filters-count__badge[data-badge]:after {
    color: #fff;
    background: #ff001f
}

.dgad-images img:not(.ci-image) {
    display: block!important;
    visibility: hidden
}

.dgad-images__icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.dgad-images__icon.icon-small svg {
    width: 6.4rem;
    margin: 17% 0
}

.dgad-images__icon.icon-medium svg {
    width: 9.6rem;
    margin: 17% 0
}

.dgad-images__icon.icon-large svg {
    width: 12.8rem;
    margin: 17% 0
}

.dgad-images {
    margin-bottom: 2rem
}

.dgad-images__img {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%
}

.dgad-images img {
    width: 100%
}

.dgad-images__content {
    padding: 1.5rem;
    background-color: #f5f5f5
}

@media screen and (min-width: 600px) {
    .dgad-images__content {
        position:absolute;
        right: 1.5rem;
        bottom: 1.5rem;
        left: 1.5rem;
        opacity: 0;
        border-radius: .4rem;
        visibility: hidden;
        -webkit-transition: visibility 0s,opacity .3s ease-out;
        transition: visibility 0s,opacity .3s ease-out
    }
}

@media (max-width: 599px) {
    .dgad-images__content {
        display:none
    }
}

.dgad-images__description,.dgad-images__title {
    line-height: 1
}

.dgad-images__title {
    font-size: 1.8rem
}

.dgad-images__description {
    font-size: 1.6rem;
    line-height: 1.8rem
}

.dgad-images--overlay-enabled {
    position: relative
}

.dgad-images--overlay-enabled:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 50%;
    background-image: -webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,100%,0)),to(#27509b));
    background-image: linear-gradient(180deg,hsla(0,0%,100%,0),#27509b);
    opacity: 0;
    -webkit-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out
}

@media screen and (min-width: 600px) {
    .dgad-images--overlay-enabled:hover:after {
        opacity:1
    }

    .dgad-images--overlay-enabled:hover .dgad-images__content {
        z-index: 1;
        opacity: 1;
        visibility: visible;
        -webkit-transition: visibility 0s,opacity easeout .3s;
        transition: visibility 0s,opacity easeout .3s
    }
}

@media (max-width: 599px) {
    .dgad-images--overlay-enabled .dgad-images__content {
        display:block
    }
}

@media screen and (min-width: 600px) {
    .dgad-images--border-enabled {
        border:.6rem solid #f5f5f5;
        border-radius: .4rem
    }
}

.dgad-media-gallery {
    margin: 0 0 2rem;
    padding: 2.4rem 0 4rem
}

@media screen and (min-width: 600px) {
    .dgad-media-gallery {
        padding:2.4rem 2.4rem 3rem
    }
}

@media screen and (min-width: 960px) {
    .dgad-media-gallery {
        margin:0 0 3rem
    }
}

.dgad-media-gallery__grid.dgad-slider {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: auto;
    overflow: visible;
    -webkit-transition: opacity .25s ease;
    transition: opacity .25s ease
}

.dgad-media-gallery__grid.dgad-slider .dgad-slider__container {
    width: 100%;
    margin-bottom: .4rem
}

.dgad-media-gallery__grid.dgad-slider .dgad-slider__pager {
    position: absolute;
    bottom: -2.8rem;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.dgad-media-gallery__grid.dgad-slider .dgad-slider__pager-button:before {
    width: .6rem;
    height: .6rem;
    border: none
}

.dgad-media-gallery__grid.dgad-slider .dgad-slider__buttons-container .dgad-btn {
    position: absolute;
    z-index: 1;
    top: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    cursor: pointer;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.dgad-media-gallery__grid.dgad-slider .dgad-slider__buttons-container .dgad-btn svg {
    width: 50%;
    height: 50%
}

.dgad-media-gallery__grid.dgad-slider .dgad-slider__buttons-container .dgad-btn--inactive {
    background: #dcdcdc;
    cursor: default
}

@media (max-width: 599px) {
    .dgad-media-gallery__grid.dgad-slider .dgad-slider__buttons-container .dgad-btn--inactive {
        display:none
    }
}

.dgad-media-gallery__grid.dgad-slider .dgad-slider__prev {
    left: -1.4rem
}

.dgad-media-gallery__grid.dgad-slider .dgad-slider__next {
    right: -1.4rem
}

@media screen and (min-width: 960px) {
    .dgad-media-gallery__item--single {
        -webkit-box-flex:0.25;
        -ms-flex-positive: 0.25;
        flex-grow: 0.25
    }
}

.dgad-media-gallery__item {
    position: relative;
    width: 100%;
    height: 30rem;
    padding: 0;
    background: no-repeat 50%;
    background-size: cover;
    border: .6rem solid;
    border-radius: 1rem;
    overflow: hidden;
    cursor: pointer
}

@media screen and (min-width: 600px) {
    .dgad-media-gallery__item {
        height:18rem
    }
}

.dgad-media-gallery__item:hover .dgad-btn:before,.dgad-media-gallery__item:hover .dgad-btn svg {
    opacity: 1
}

.dgad-media-gallery__item:hover:before {
    opacity: .7
}

.dgad-media-gallery__item:before {
    content: "";
    display: block;
    height: 100%;
    opacity: 0;
    -webkit-transition: opacity .2s;
    transition: opacity .2s
}

.dgad-media-gallery__item .dgad-btn {
    width: 4rem;
    height: 4rem;
    padding: 0;
    border-radius: 100%
}

.dgad-media-gallery__item .dgad-btn,.dgad-media-gallery__item .dgad-btn svg {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.dgad-media-gallery__item .dgad-btn svg {
    width: 50%;
    height: 50%;
    margin: 0;
    opacity: 0
}

.dgad-media-gallery__item .dgad-btn:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0;
    border-radius: 100%;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.dgad-media-gallery__item-btn--video.dgad-btn:before,.dgad-media-gallery__item-btn--video.dgad-btn svg {
    opacity: 1
}

.dgad-media-gallery__item-btn--video.dgad-btn svg {
    width: 100%;
    height: 100%
}

.dgad-popin-media-gallery {
    top: 50%;
    left: 50%;
    width: 100%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

@media screen and (min-width: 960px) {
    .dgad-popin-media-gallery {
        width:90rem
    }
}

@media (max-width: 959px) {
    .dgad-popin-media-gallery .dgad-mg-popin__item,.dgad-popin-media-gallery .dgad-mg-popin__media,.dgad-popin-media-gallery .dgad-mg-popin__video {
        width:100%
    }
}

.dgad-popin-media-gallery .dgad-mg-popin__item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

.dgad-popin-media-gallery .dgad-mg-popin__item .dgad-video {
    border: none
}

.dgad-popin-media-gallery .dgad-mg-popin__media {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (min-width: 960px) {
    .dgad-popin-media-gallery .dgad-mg-popin__media:after {
        content:attr(data-media-count) " / " attr(data-media-total-count);
        position: absolute;
        right: 0;
        bottom: 0;
        padding: 1rem 1.3rem;
        border-bottom-left-radius: .4rem;
        border-bottom-right-radius: .4rem;
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
}

.dgad-popin-media-gallery .dgad-mg-popin__media picture {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.dgad-popin-media-gallery .dgad-mg-popin__media img,.dgad-popin-media-gallery .dgad-mg-popin__media picture {
    border-top-left-radius: .4rem;
    border-top-right-radius: .4rem;
    border-bottom-left-radius: .4rem
}

.dgad-popin-media-gallery .dgad-mg-popin__media img {
    max-width: 100%;
    max-height: 30vh
}

@media screen and (min-width: 600px) {
    .dgad-popin-media-gallery .dgad-mg-popin__media img {
        max-height:65vh
    }
}

.dgad-popin-media-gallery .dgad-mg-popin__media.dgad-mg-popin__media--video {
    width: 100%
}

.dgad-popin-media-gallery .dgad-slider {
    display: block;
    overflow: visible
}

@media screen and (min-width: 960px) {
    .dgad-popin-media-gallery .dgad-slider__container {
        margin-bottom:-30rem;
        padding-bottom: 30rem
    }
}

.dgad-popin-media-gallery .dgad-mg-popin__slider {
    position: relative
}

.dgad-popin-media-gallery .dgad-mg-popin__video {
    position: relative;
    width: 100%;
    margin-bottom: 0
}

.dgad-popin-media-gallery .dgad-mg-popin__video .dgad-video__wrapper:before {
    background: transparent
}

.dgad-popin-media-gallery .dgad-mg-popin__video.playing .dgad-mg-popin__video-btn {
    display: none
}

.dgad-popin-media-gallery .dgad-mg-popin__video .dgad-mg-popin__video-btn {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 6rem;
    height: 6rem;
    background: none;
    border: none;
    border-radius: 100%;
    pointer-events: none;
    cursor: pointer;
    -webkit-transform: translate(-50%,-50%) translateZ(0);
    transform: translate(-50%,-50%) translateZ(0)
}

.dgad-popin-media-gallery .dgad-mg-popin__video .dgad-mg-popin__video-btn svg {
    width: 4rem;
    height: 4rem
}

.dgad-popin-media-gallery .dgad-mg-popin__video .dgad-mg-popin__video__progress-track {
    z-index: 3;
    top: auto;
    bottom: 0;
    left: 0;
    height: 1rem;
    -webkit-transition: height .25s ease;
    transition: height .25s ease
}

.dgad-popin-media-gallery .dgad-mg-popin__video .dgad-mg-popin__video__progress {
    width: 100%;
    height: 100%;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition: inherit;
    transition: inherit
}

.dgad-popin-media-gallery .dgad-mg-popin__video:not(:hover) .dgad-mg-popin__video__progress-track {
    height: .3rem
}

.dgad-popin-media-gallery .dgad-mg-popin__description {
    width: 100%;
    margin-top: 4.3rem;
    padding: 2rem 2rem .5rem;
    font-weight: 700
}

@media screen and (min-width: 960px) {
    .dgad-popin-media-gallery .dgad-mg-popin__description {
        position:absolute;
        top: 100%;
        padding: 2rem 0 0
    }
}

.dgad-popin-media-gallery .dgad-mg-popin__description .apos-rich-text {
    margin-bottom: 0
}

.dgad-popin-media-gallery .dgad-slider__track {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.dgad-popin-media-gallery .dgad-slider__slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 90rem;
    max-width: 100vw
}

.dgad-popin-media-gallery .dgad-slider__pager {
    display: none!important
}

.dgad-popin-media-gallery .dgad-slider__buttons {
    position: absolute;
    top: 50%;
    width: 100%;
    height: 4rem;
    pointer-events: none;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.dgad-popin-media-gallery .dgad-slider__buttons .dgad-btn {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    pointer-events: auto;
    cursor: pointer
}

.dgad-popin-media-gallery .dgad-slider__buttons .dgad-btn svg {
    width: 2rem;
    height: 2rem
}

.dgad-popin-media-gallery .dgad-slider__buttons .dgad-slider__prev {
    left: .5rem
}

@media screen and (min-width: 960px) {
    .dgad-popin-media-gallery .dgad-slider__buttons .dgad-slider__prev {
        -webkit-transform:translateX(-50%);
        transform: translateX(-50%);
        left: 0
    }
}

.dgad-popin-media-gallery .dgad-slider__buttons .dgad-slider__next {
    right: .5rem
}

@media screen and (min-width: 960px) {
    .dgad-popin-media-gallery .dgad-slider__buttons .dgad-slider__next {
        -webkit-transform:translateX(50%);
        transform: translateX(50%);
        right: 0
    }
}

.dgad-popin-media-gallery__overlay .dgad-popin__close {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 3.8rem;
    height: 3.8rem;
    padding: 0;
    font-size: 2.5rem;
    text-decoration: none;
    text-indent: 0;
    border: none;
    border-radius: 100%;
    outline: 0;
    cursor: pointer
}

.dgad-popin-media-gallery__overlay .dgad-popin__close svg {
    display: block;
    width: 1.4rem;
    height: 1.4rem
}

.dgad-media-gallery {
    background: #f5f5f5
}

.dgad-media-gallery .dgad-slider__buttons-container .dgad-btn {
    background: #27509b
}

.dgad-media-gallery .dgad-slider__buttons-container .dgad-btn svg {
    stroke: #fff
}

.dgad-media-gallery__item {
    border-color: #f5f5f5;
    outline-color: #5481d4
}

.dgad-media-gallery__item:before {
    background-color: #27509b
}

.dgad-media-gallery__item .dgad-btn:before {
    background: #fce500
}

div.dgad-popin-media-gallery__overlay {
    background: rgba(39,80,155,.8)
}

div.dgad-popin-media-gallery__overlay .dgad-popin__close {
    background: #fff
}

div.dgad-popin-media-gallery__overlay .dgad-popin__close svg {
    stroke: #0d0d0d
}

@media screen and (min-width: 960px) {
    div.dgad-popin-media-gallery .dgad-mg-popin__media:after {
        background:#fff
    }
}

div.dgad-popin-media-gallery .dgad-mg-popin__media>* {
    background-color: #fff
}

div.dgad-popin-media-gallery .dgad-mg-popin__video .dgad-mg-popin__video-btn {
    color: #fff;
    outline-color: #5481d4
}

div.dgad-popin-media-gallery .dgad-mg-popin__video .dgad-mg-popin__video__progress-track {
    background: hsla(0,0%,100%,.7)
}

div.dgad-popin-media-gallery .dgad-mg-popin__video .dgad-mg-popin__video__progress {
    background: #fce500
}

div.dgad-popin-media-gallery .dgad-mg-popin__description {
    color: #27509b
}

@media screen and (min-width: 960px) {
    div.dgad-popin-media-gallery .dgad-mg-popin__description {
        color:#fff
    }
}

div.dgad-popin-media-gallery .dgad-slider__buttons .dgad-btn {
    background: #27509b;
    outline-color: #5481d4
}

div.dgad-popin-media-gallery .dgad-slider__buttons .dgad-btn svg {
    width: 2rem;
    height: 2rem;
    fill: #fff;
    stroke: #fff
}

div.dgad-popin-media-gallery .dgad-slider__buttons .dgad-btn--inactive {
    background: #dcdcdc;
    cursor: default
}

div.dgad-popin-media-gallery .dgad-slider__pager-button:before {
    background: #e6e6e6
}

div.dgad-popin-media-gallery .dgad-slider__pager-button--active:before {
    background: #9d9d9d
}

.dgad-awards-item .apos-rich-text,.dgad-awards-item .apos-rich-text p {
    margin-bottom: 0
}

.dgad-awards-item__container {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    padding: 4rem 2rem;
    background-color: #fff
}

@media screen and (min-width: 840px) {
    .dgad-awards-item__container {
        padding:2rem 6rem
    }
}

@media (max-width: 359px) {
    .dgad-awards-item__container {
        padding:0 2rem
    }
}

.dgad-awards-item img {
    width: 10rem;
    height: 10rem;
    margin: 0 auto 2rem
}

@media (max-width: 839px) {
    .dgad-awards-item img {
        width:15rem;
        height: auto
    }
}

.dgad-awards-item__title {
    margin: 0 0 1.5rem;
    font-size: 1.6rem;
    text-align: center
}

.dgad-awards-item__quote {
    position: relative;
    width: 100%;
    max-width: 55rem;
    margin: .2rem auto;
    padding: 2rem
}

.dgad-awards-item__quote p {
    font-size: 1.6rem;
    font-style: italic;
    color: #27509b
}

.dgad-awards-item__quote:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: .3rem;
    height: 100%;
    background: #fce500
}

.dgad-panel-hero-image {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100vw;
    min-height: 36rem;
    padding: 0 1.5rem
}

@media screen and (min-width: 960px) {
    .dgad-panel-hero-image {
        min-height:30rem;
        font-size: 3rem
    }
}

@media screen and (min-width: 1280px) {
    .dgad-panel-hero-image {
        min-height:36.3rem
    }
}

@media screen and (min-width: 1920px) {
    .dgad-panel-hero-image {
        font-size:3.5rem
    }
}

@media screen and (min-width: 960px) {
    .dgad-panel-hero-image {
        padding:0 5rem
    }
}

.dgad-panel-hero-image--overlay {
    position: relative
}

.dgad-panel-hero-image--overlay:before {
    content: "";
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    background: #000;
    opacity: .7
}

.dgad-panel-hero-image--overlay[overlay-opacity="0.4"]:before {
    opacity: .4
}

.dgad-panel-hero-image--overlay[overlay-opacity="0.5"]:before {
    opacity: .5
}

.dgad-panel-hero-image--overlay[overlay-opacity="0.6"]:before {
    opacity: .6
}

.dgad-panel-hero-image--overlay[overlay-opacity="0.7"]:before {
    opacity: .7
}

.dgad-panel-hero-image--overlay[overlay-opacity="0.8"]:before {
    opacity: .8
}

@media screen and (min-width: 1280px) {
    .dgad-panel-hero-image--left,.dgad-panel-hero-image--right {
        padding:0 10rem
    }
}

@media screen and (min-width: 1920px) {
    .dgad-panel-hero-image--left,.dgad-panel-hero-image--right {
        padding:0 28rem
    }
}

@media screen and (min-width: 960px) {
    .dgad-panel-hero-image--left .dgad-panel-hero-image__text,.dgad-panel-hero-image--left .dgad-panel-hero-image__title {
        text-align:left
    }

    .dgad-panel-hero-image--left .dgad-panel-hero-image__btn-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

@media screen and (min-width: 960px) {
    .dgad-panel-hero-image--right .dgad-panel-hero-image__text,.dgad-panel-hero-image--right .dgad-panel-hero-image__title {
        text-align:right
    }

    .dgad-panel-hero-image--right .dgad-panel-hero-image__btn-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .dgad-panel-hero-image--right .dgad-panel-hero-image__btn-container .apos-area.apos-empty {
        position: static
    }
}

.dgad-panel-hero-image__ci-container {
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

.dgad-panel-hero-image__ci-container,.dgad-panel-hero-image__test {
    position: absolute!important;
    width: 100%;
    height: 100%
}

.dgad-panel-hero-image__background {
    background-color: #27509b
}

.dgad-panel-hero-image__content {
    width: 100%;
    padding: 5rem 0;
    color: #fff
}

@media screen and (min-width: 960px) {
    .dgad-panel-hero-image__content {
        padding:7rem 0
    }
}

@media screen and (min-width: 1280px) {
    .dgad-panel-hero-image__content {
        padding:7.5rem 0
    }
}

.dgad-panel-hero-image__content [data-apos-widget-wrapper=dgad-call-to-action] {
    margin: 1.5rem 0 0
}

.dgad-panel-hero-image__content a {
    text-decoration: none
}

.dgad-panel-hero-image__text,.dgad-panel-hero-image__title {
    display: block;
    text-align: center
}

.dgad-panel-hero-image__mgrid {
    word-wrap: break-word
}

.dgad-panel-hero-image__title p {
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none
}

@media screen and (min-width: 960px) {
    .dgad-panel-hero-image__title p {
        font-size:3rem
    }
}

@media screen and (min-width: 1920px) {
    .dgad-panel-hero-image__title p {
        font-size:3.5rem
    }
}

.dgad-panel-hero-image__text {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 2.6rem
}

@media screen and (min-width: 960px) {
    .dgad-panel-hero-image__text {
        margin:0 auto;
        line-height: 1.6rem
    }
}

.dgad-panel-hero-image__btn-container {
    position: relative;
    bottom: 0;
    left: 0;
    margin-top: 3rem;
    -webkit-transform: none;
    transform: none
}

.dgad-panel-hero-image__btn-container a {
    text-decoration: none
}

.dgad-panel-hero-image div {
    width: 100%
}

.dgad-panel-hero-image .apos-ui div {
    width: auto
}

.dgad-panel-hero-image .apos-ui .apos-area-controls.apos-area-controls--singleton {
    text-align: center
}

.dgad-panel-hero-image {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    height: 100%
}

.dgad-panel-hero-image__title {
    padding-bottom: 1rem;
    font-family: Michelin,arial,sans-serif;
    font-weight: 700
}

.dgad-panel-hero-image__title p {
    font-size: 2rem;
    line-height: normal
}

.dgad-panel-hero-image__title p:lang(vi-vn) {
    font-style: italic;
    text-transform: uppercase
}

.dgad-panel-hero-image__text {
    font-family: Noto Sans,arial,sans-serif
}

.dgad-panel-hero-item__background {
    background-position: 50%
}

@media screen and (min-width: 960px) {
    .dgad-panel-hero-item__background {
        z-index:0
    }
}

.dgad-panel-hero-item__ci-container {
    width: 100vw;
    height: 25.5rem
}

@media screen and (min-width: 600px) {
    .dgad-panel-hero-item__ci-container {
        height:30rem
    }
}

@media screen and (min-width: 1280px) {
    .dgad-panel-hero-item__ci-container {
        height:40rem
    }
}

.dgad-panel-hero-item__background-image {
    width: 100%;
    height: 100%;
    line-height: 0;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden
}

@media screen and (min-width: 960px) {
    .dgad-panel-hero-item__background-color {
        width:100%;
        height: 20rem
    }
}

@media screen and (min-width: 1280px) {
    .dgad-panel-hero-item__background-color {
        height:22rem
    }
}

@media screen and (min-width: 960px) {
    .dgad-panel-hero-item__container {
        position:relative;
        z-index: 1;
        margin: 0 auto;
        padding-top: 5rem
    }
}

@media screen and (min-width: 1280px) {
    .dgad-panel-hero-item__container {
        padding-top:7rem
    }
}

.dgad-panel-hero-item__container--image {
    height: auto
}

@media screen and (min-width: 960px) {
    .dgad-panel-hero-item__container--image {
        height:30rem
    }
}

@media screen and (min-width: 1280px) {
    .dgad-panel-hero-item__container--image {
        height:40rem
    }
}

.dgad-panel-hero-item__container--image .dgad-panel-hero-item__container-title {
    min-height: 12rem
}

@media screen and (min-width: 600px) {
    .dgad-panel-hero-item__container--image .dgad-panel-hero-item__container-title {
        min-height:11rem
    }
}

@media screen and (min-width: 960px) {
    .dgad-panel-hero-item__container--image .dgad-panel-hero-item__container-title {
        min-height:15rem
    }
}

.dgad-panel-hero-item__container--image .dgad-panel-hero-item__pre-title {
    margin-top: 2rem
}

@media screen and (min-width: 960px) {
    .dgad-panel-hero-item__container--image .dgad-panel-hero-item__pre-title {
        margin-top:5rem
    }
}

@media screen and (min-width: 960px) {
    .dgad-panel-hero-item__container.dgad-panel-hero-item__container--image .dgad-panel-hero-item__content {
        position:absolute;
        bottom: 0
    }
}

.dgad-panel-hero-item .apos-ui .dgad-panel-hero-item__container--image .dgad-panel-hero-item__content {
    position: static
}

.dgad-panel-hero-item__content {
    width: 100%;
    margin: 0 auto;
    background: #fff;
    border-radius: .4rem .4rem 0 0
}

@media (max-width: 599px) {
    .dgad-panel-hero-item__content {
        padding-right:1.5rem;
        padding-left: 1.5rem
    }
}

.dgad-panel-hero-item__container-title {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 12rem
}

.dgad-panel-hero-item__container-title .apos-rich-text,.dgad-panel-hero-item__container-title .apos-rich-text p {
    margin-bottom: 0
}

@media screen and (min-width: 600px) {
    .dgad-panel-hero-item__container-title {
        min-height:13.6rem
    }
}

@media screen and (min-width: 960px) {
    .dgad-panel-hero-item__container-title {
        min-height:15rem
    }
}

.dgad-panel-hero-item__pre-title {
    margin-top: 1.6rem;
    font-size: 1.2rem;
    line-height: 1.4rem;
    text-align: center
}

@media screen and (min-width: 600px) {
    .dgad-panel-hero-item__pre-title {
        margin-top:3.6rem
    }
}

@media screen and (min-width: 960px) {
    .dgad-panel-hero-item__pre-title {
        margin-top:4rem
    }
}

.dgad-panel-hero-item__pre-title-date {
    position: relative;
    padding-left: 3rem
}

.dgad-panel-hero-item__pre-title-date svg {
    position: absolute;
    top: -.3rem;
    left: 0;
    width: 2.3rem;
    height: 2rem
}

.dgad-panel-hero-item__title {
    margin: 2rem 0 0;
    font-family: Noto Sans,arial,sans-serif;
    font-size: 2.6rem;
    line-height: 4.6rem;
    word-wrap: break-word;
    text-align: center
}

@media screen and (min-width: 960px) {
    .dgad-panel-hero-item__title {
        font-size:3.4rem
    }
}

.dgad-panel-hero-item__description {
    font-size: 1.6rem;
    line-height: 2.6rem;
    word-wrap: break-word
}

.dgad-panel-hero-item__description .apos-rich-text {
    margin-bottom: 4rem
}

.dgad-panel-hero-item__description .apos-rich-text p {
    margin: 0
}

.dgad-panel-hero-item__description {
    color: #27509b
}

@media screen and (min-width: 960px) {
    .dgad-panel-hero-item__ci-container {
        position:absolute!important
    }
}

.dgad-panel-hero-item__background-color {
    background-color: #27509b
}

.b2c-tags-block {
    width: 100%;
    min-height: 4rem;
    margin: 5rem 0;
    background: #f5f5f5
}

@media screen and (min-width: 840px) {
    .b2c-tags-block {
        display:none
    }
}

.dgad-panel-hero-seo__description,.dgad-panel-hero-seo__title {
    text-align: center
}

.dgad-panel-hero-seo__description {
    font-size: 1.6rem;
    line-height: 2.6rem;
    word-wrap: break-word
}

.dgad-panel-hero-seo__description .apos-rich-text {
    margin-bottom: 4rem
}

.dgad-panel-hero-seo__description .apos-rich-text p {
    margin: 0
}

.dgad-panel-hero-seo {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 36rem;
    padding: 0 1.5rem;
    background-repeat: no-repeat;
    background-size: cover
}

@media screen and (min-width: xs) {
    .dgad-panel-hero-seo {
        padding:0 2.5rem
    }
}

@media screen and (min-width: 960px) {
    .dgad-panel-hero-seo {
        height:22.4rem;
        min-height: 22.4rem;
        padding: 0 5rem
    }
}

.dgad-panel-hero-seo--overlay {
    position: relative
}

.dgad-panel-hero-seo--overlay:before {
    content: "";
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    background: #000;
    opacity: .7
}

.dgad-panel-hero-seo--overlay[overlay-opacity="0.4"]:before {
    opacity: .4
}

.dgad-panel-hero-seo--overlay[overlay-opacity="0.5"]:before {
    opacity: .5
}

.dgad-panel-hero-seo--overlay[overlay-opacity="0.6"]:before {
    opacity: .6
}

.dgad-panel-hero-seo--overlay[overlay-opacity="0.7"]:before {
    opacity: .7
}

.dgad-panel-hero-seo--overlay[overlay-opacity="0.8"]:before {
    opacity: .8
}

@media screen and (min-width: 1280px) {
    .dgad-panel-hero-seo--left,.dgad-panel-hero-seo--right {
        padding:0 10rem
    }
}

@media screen and (min-width: 1920px) {
    .dgad-panel-hero-seo--left,.dgad-panel-hero-seo--right {
        padding:0 28rem
    }
}

@media screen and (min-width: 960px) {
    .dgad-panel-hero-seo--left .dgad-panel-hero-seo__text,.dgad-panel-hero-seo--left .dgad-panel-hero-seo__title {
        text-align:left
    }

    .dgad-panel-hero-seo--left .dgad-panel-hero-seo__btn-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

@media screen and (min-width: 960px) {
    .dgad-panel-hero-seo--right .dgad-panel-hero-seo__text,.dgad-panel-hero-seo--right .dgad-panel-hero-seo__title {
        text-align:right
    }

    .dgad-panel-hero-seo--right .dgad-panel-hero-seo__btn-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .dgad-panel-hero-seo--right .dgad-panel-hero-seo__btn-container .apos-area.apos-empty {
        position: static
    }
}

.dgad-panel-hero-seo__background {
    background-color: #27509b
}

.dgad-panel-hero-seo__content {
    margin: 0;
    padding: 0;
    color: #fff
}

.dgad-panel-hero-seo__content a {
    text-decoration: none
}

.dgad-panel-hero-seo__text {
    display: block;
    text-align: center
}

.dgad-panel-hero-seo__title {
    line-height: 4.6rem
}

.dgad-panel-hero-seo__title .apos-rich-text,.dgad-panel-hero-seo__title p {
    margin: 0
}

.dgad-panel-hero-seo__title h1 {
    margin-bottom: 1rem;
    font-size: 2.6rem
}

.dgad-panel-hero-seo__title h1 p {
    text-align: center!important
}

@media screen and (min-width: 960px) {
    .dgad-panel-hero-seo__title {
        margin:0;
        padding-top: 0;
        line-height: 1
    }

    .dgad-panel-hero-seo__title h1 {
        margin-bottom: 1rem;
        font-size: 3.2rem
    }
}

.dgad-panel-hero-seo__btn-container {
    position: absolute;
    bottom: 5rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media screen and (min-width: 960px) {
    .dgad-panel-hero-seo__btn-container {
        position:relative;
        bottom: 0;
        left: 0;
        margin-top: 3rem;
        -webkit-transform: none;
        transform: none
    }
}

.dgad-panel-hero-seo__btn-container a {
    text-decoration: none
}

.dgad-panel-hero-seo .apos-ui .apos-area-controls.apos-area-controls--singleton {
    text-align: center
}

.dgad-key-benefits-item__container {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.dgad-key-benefits-item__media-wrapper {
    min-height: 20rem;
    overflow: hidden
}

.dgad-key-benefits-item__media-wrapper .apos-slideshow .apos-slideshow-item {
    width: 100%;
    height: 25rem;
    background: transparent 50% no-repeat;
    background-size: auto 100%
}

@media (max-width: 959px) {
    .dgad-key-benefits-item__media-wrapper .apos-slideshow .apos-slideshow-item {
        margin-top:1rem
    }
}

.dgad-key-benefits-item__media-wrapper .apos-slideshow .apos-slideshow-item h4,.dgad-key-benefits-item__media-wrapper .apos-slideshow .apos-slideshow-item img {
    display: none
}

.dgad-key-benefits-item__media-wrapper .dgad-video {
    border: none
}

.dgad-key-benefits-item__media-wrapper .dgad-video__wrapper {
    height: 25rem
}

.dgad-key-benefits-item__media-wrapper img {
    display: block;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto
}

@media screen and (min-width: 600px) {
    .dgad-key-benefits-item__media-wrapper img {
        height:25rem
    }
}

@media (max-width: 599px) {
    .dgad-key-benefits-item__media-wrapper img {
        width:100%;
        height: 100%;
        margin-top: 1rem;
        background-size: contain
    }
}

.dgad-key-benefits-item:hover .dgad-key-benefits-item__description {
    border-left: .5rem solid transparent
}

.dgad-key-benefits-item__description {
    position: relative;
    padding: 2rem;
    font-family: Noto Sans,arial,sans-serif;
    color: #363636;
    border-left: .5rem solid #27509b;
    -webkit-transition: border .25s ease-in;
    transition: border .25s ease-in
}

@media screen and (min-width: 960px) {
    .dgad-key-benefits-item__description {
        margin:2rem 0
    }
}

.dgad-key-benefits-item__description .apos-rich-text {
    color: #000
}

.dgad-key-benefits-item__description .apos-rich-text,.dgad-key-benefits-item__description .apos-rich-text p {
    margin-bottom: 0
}

.dgad-key-benefits-item__description .apos-rich-text ul {
    margin-left: 2rem;
    list-style-type: disc
}

.dgad-key-benefits-item__description .apos-rich-text ol {
    margin-left: 2rem;
    list-style-type: decimal
}

.dgad-key-benefits-item__description .h3-like,.dgad-key-benefits-item__description h3 {
    margin: 0 0 1.5rem;
    font-size: 2rem;
    color: #27509b
}

.dgad-key-benefits-item__description span {
    margin: 0;
    font-size: 1.6rem
}

.dgad-panel-push-image {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.dgad-panel-push-image__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    min-height: 55rem
}

@media screen and (min-width: 600px) {
    .dgad-panel-push-image__content {
        -webkit-box-align:center;
        -ms-flex-align: center;
        align-items: center;
        min-height: auto;
        padding: 5rem 0;
        background: none
    }
}

.dgad-panel-push-image .b2c-feature-card {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    margin: 0;
    padding: 4rem 0;
    text-align: center
}

@media screen and (min-width: 600px) {
    .dgad-panel-push-image .b2c-feature-card {
        -webkit-box-align:start;
        -ms-flex-align: start;
        align-items: flex-start;
        width: 35rem;
        padding: 2.3rem;
        text-align: left;
        border-radius: .4rem
    }
}

.dgad-panel-push-image .b2c-feature-card .apos-rich-text,.dgad-panel-push-image .b2c-feature-card .apos-rich-text p {
    margin-bottom: .5rem
}

.dgad-panel-push-image .b2c-feature-card .dgad-panel-push-image__title>* {
    font-size: 2.2rem
}

.dgad-panel-push-image .b2c-feature-card .dgad-panel-push-image__text {
    line-height: 1.62
}

@media screen and (min-width: 600px) {
    .dgad-panel-push-image .b2c-feature-card .dgad-panel-push-image__btn {
        -webkit-box-pack:start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.dgad-panel-push-image--primary {
    background-color: #fce500
}

.dgad-panel-push-image--secondary {
    background-color: #27509b
}

.dgad-panel-push-image--secondary h1,.dgad-panel-push-image--secondary h2,.dgad-panel-push-image--secondary h3,.dgad-panel-push-image--secondary h4,.dgad-panel-push-image--secondary h5,.dgad-panel-push-image--secondary h6,.dgad-panel-push-image--secondary p {
    color: #fff
}

.dgad-panel-push-image--tertiary {
    background-color: #f5f5f5
}

.dgad-panel-push-image__content {
    background: -webkit-gradient(linear,left top,left bottom,from(transparent),to(#000));
    background: linear-gradient(180deg,transparent,#000)
}

@media screen and (min-width: 600px) {
    .dgad-panel-push-image__content {
        background:none
    }
}

@media (max-width: 839px) {
    .dgad-panel-push-image__btn {
        -webkit-box-ordinal-group:6;
        -ms-flex-order: 5;
        order: 5
    }
}

@media screen and (min-width: 960px) {
    .dgad-panel-push-image__btn {
        float:left
    }
}

@media (max-width: 839px) {
    .dgad-panel-push-image-right {
        -webkit-box-ordinal-group:5;
        -ms-flex-order: 4;
        order: 4
    }
}

@media screen and (min-width: 960px) {
    .dgad-panel-push-image-right {
        float:right;
        max-width: 60%
    }
}

@media (max-width: 839px) {
    .dgad-panel-push-image-left {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column
    }
}

@media screen and (min-width: 960px) {
    .dgad-panel-push-image-left {
        float:left;
        max-width: 40%
    }
}

@media (max-width: 839px) {
    .dgad-panel-push-image-right-left {
        -webkit-box-ordinal-group:2;
        -ms-flex-order: 1;
        order: 1
    }
}

@media screen and (min-width: 960px) {
    .dgad-panel-push-image-right-left {
        float:left;
        max-width: 60%
    }
}

@media (max-width: 839px) {
    .dgad-panel-push-image-left-right {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column
    }
}

@media screen and (min-width: 960px) {
    .dgad-panel-push-image-left-right {
        float:right;
        max-width: 40%
    }
}

.dgad-panel-push-image .dgad-panel-push-image-right>img {
    max-width: 100%;
    border-radius: .4rem
}

@media screen and (min-width: 960px) {
    .dgad-panel-push-image .dgad-panel-push-image-right>img {
        margin-right:10rem;
        margin-left: 10rem
    }
}

.dgad-panel-push-image .dgad-panel-push-image-right-left>img {
    max-width: 100%;
    border-radius: .4rem
}

@media screen and (min-width: 960px) {
    .dgad-panel-push-image .dgad-panel-push-image-right-left>img {
        margin-right:10rem;
        margin-left: -10rem
    }
}

@media (max-width: 839px) {
    .dgad-panel-push-image .dgad-panel-push-image__title {
        -webkit-box-ordinal-group:3;
        -ms-flex-order: 2;
        order: 2
    }
}

.dgad-panel-push-image .dgad-panel-push-image__title .apos-rich-text>p {
    margin-bottom: 0;
    font-size: 2.2rem;
    font-weight: 700;
    color: #000;
    line-height: 1.64
}

@media (max-width: 839px) {
    .dgad-panel-push-image .dgad-panel-push-image__title .apos-rich-text>p {
        text-align:center
    }
}

.dgad-panel-push-image .dgad-panel-push-image__title .apos-rich-text {
    margin-bottom: 0
}

@media (max-width: 839px) {
    .dgad-panel-push-image .dgad-panel-push-image__text {
        -webkit-box-ordinal-group:3;
        -ms-flex-order: 2;
        order: 2
    }
}

.dgad-panel-push-image .dgad-panel-push-image__text .apos-rich-text>p {
    font-size: 1.6rem;
    line-height: 1.31;
    color: #363636
}

@media (max-width: 839px) {
    .dgad-panel-push-image .dgad-panel-push-image__text .apos-rich-text>p {
        text-align:center
    }
}

.dgad-panel-push-image .dgad-panel-push-image__text .apos-rich-text {
    margin-bottom: 0
}

.dgad-panel-push-image .b2c-feature-card {
    color: #000;
    background-color: #fff
}

.button-action {
    display: inline-block;
    width: auto;
    padding: 1rem;
    text-align: center;
    text-decoration: none;
    border: .1rem solid
}

.button-action__inline {
    margin-left: .6rem;
    padding: 0;
    text-decoration: underline;
    border: none
}

.translate-button-action {
    margin: 0 0 1.37rem;
    color: #27509b;
    line-height: 1.38;
    letter-spacing: normal;
    text-align: center;
    text-decoration: underline;
    cursor: pointer
}

@media screen and (min-width: 960px) {
    .translate-button-action {
        float:left;
        margin: 1.9rem 0 1.37rem
    }
}

.translate-button-action-right {
    margin: 0 0 1.37rem;
    color: #27509b;
    line-height: 1.38;
    letter-spacing: normal;
    text-align: center;
    text-decoration: underline;
    cursor: pointer
}

@media screen and (min-width: 960px) {
    .translate-button-action-right {
        margin:1.9rem 0 1.37rem;
        text-align: right
    }
}

.translate-button-container {
    display: inline-block;
    width: 100%
}

.translate-review-text {
    margin: 0 0 1.25rem;
    color: #6c6c6c;
    letter-spacing: normal;
    text-align: center
}

@media screen and (min-width: 960px) {
    .translate-review-text {
        text-align:left
    }
}

.translate-review-title {
    margin: 0 0 1.25rem;
    font-size: 1.8rem;
    font-weight: 700;
    color: #27509b;
    letter-spacing: normal;
    text-align: center
}

@media screen and (min-width: 960px) {
    .translate-review-title {
        text-align:left
    }
}

.translated-review-button-text {
    margin: 0 0 1.37rem;
    color: #27509b;
    line-height: 1.38;
    letter-spacing: normal;
    text-align: center;
    cursor: default
}

@media screen and (min-width: 960px) {
    .translated-review-button-text {
        float:left;
        margin: 1.9rem 0 1.37rem
    }
}

.rating-stars {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.rating-stars,.rating-stars__off {
    position: relative
}

.rating-stars__on {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    -webkit-transition: width .3s;
    transition: width .3s
}

.review-full {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 5rem
}

.review-full__avatar {
    width: 5rem;
    padding-right: 1rem
}

.review-full__avatar:before {
    content: "Avatar";
    border: .1rem solid
}

.review-full__rate-author {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.review-full__author {
    margin-left: .6rem
}

.review-full__approved {
    margin-left: 1.2rem
}

.review-full__approved,.review-full__title-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.review-full__title-container {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 1rem;
    padding: .6rem 0
}

.review-full__title {
    margin: 0 .8rem 0 0
}

.review-full__description {
    margin: 0 0 1rem;
    clear: both
}

.review-full__ratings {
    display: inline-block;
    margin: 0 0 1rem;
    padding: 0
}

.review-full__rating-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: .5rem;
    padding: .5rem 1rem;
    line-height: 1
}

.review-full__rating-title {
    padding-right: 1rem
}

.review-full__wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.review-full-answer-block {
    width: 100%;
    margin-top: 1.5rem
}

.review-full-answer-dropdown {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    height: 6.7rem;
    margin-bottom: 1.5rem;
    padding: 0 2rem;
    font-weight: 700;
    border-radius: .4rem;
    cursor: pointer
}

@media screen and (min-width: 960px) {
    .review-full-answer-dropdown {
        width:50%
    }
}

.review-full-answer-dropdown svg {
    width: 1rem;
    height: .5rem
}

.review-full-answer-dropdown--active svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.review-full-answer-dropdown--active+.review-full-answer-reply {
    height: auto;
    padding: 3rem 2rem;
    opacity: 1
}

.review-full-answer-reply {
    height: 0;
    padding: 0;
    opacity: 0;
    overflow: hidden;
    -webkit-transition: height .2s ease-in,opacity .1s ease-in,padding .2s ease-in-out;
    transition: height .2s ease-in,opacity .1s ease-in,padding .2s ease-in-out
}

.review-full-answer-reply__icon,.review-full-answer-reply__infos {
    margin-bottom: 1rem
}

.review-full-answer-reply__infos-who {
    font-weight: 700
}

.review-inline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 1rem;
    line-height: 1
}

.review-inline__rating-round,.review-inline__reviews-nb {
    margin-left: .6rem
}

.review-list {
    padding: 1.5rem
}

.review-list>.sort-by {
    display: block
}

.review-list>.button-action {
    margin: 2rem 0
}

.b2c-ratings-reviews .pager {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 4rem;
    font-size: 1.8rem
}

@media screen and (min-width: 960px) {
    .b2c-ratings-reviews .pager {
        margin-top:2rem
    }
}

.b2c-ratings-reviews .pager__container--desktop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin: 1.8rem 0;
    padding: 0 1rem;
    list-style: none
}

@media screen and (max-width: 959px) {
    .b2c-ratings-reviews .pager__container--desktop {
        display:none
    }
}

.b2c-ratings-reviews .pager__container--mobile {
    padding: 0 1rem
}

@media screen and (min-width: 960px) {
    .b2c-ratings-reviews .pager__container--mobile {
        display:none
    }
}

.b2c-ratings-reviews .pager__container--mobile input {
    width: 6rem;
    padding-left: 1rem;
    font-family: Noto Sans,arial,sans-serif;
    font-size: 1.8rem;
    text-align: center;
    border: .1rem solid hsla(0,0%,60%,.5)
}

.b2c-ratings-reviews .pager__container--mobile input:focus {
    outline: none
}

.b2c-ratings-reviews .pager__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 3.2rem;
    height: 3.2rem;
    margin: 0 .8rem;
    padding: 0;
    color: #363636
}

.b2c-ratings-reviews .pager__item--active {
    font-weight: 700;
    background-color: #fce500
}

.b2c-ratings-reviews .pager__item--disabled {
    display: block;
    opacity: .5;
    pointer-events: none
}

.b2c-ratings-reviews .pager a {
    font-family: Noto Sans,arial,sans-serif;
    color: #363636;
    text-decoration: none
}

.b2c-ratings-reviews .pager__icon-arrow {
    width: 2rem;
    height: 2rem;
    fill: #363636;
    stroke: #363636;
    cursor: pointer
}

.b2c-ratings-reviews .pager__icon-arrow-left {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.b2c-ratings-reviews .pager__icon-arrow-right {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.b2c-ratings-reviews .rating-stars {
    width: auto;
    font-size: 2rem
}

.b2c-ratings-reviews .rating-stars__on {
    color: #fce500
}

.b2c-ratings-reviews .rating-stars__off {
    color: #dcdcdc
}

.b2c-ratings-reviews .review-summary .rating-stars {
    margin-bottom: 2rem;
    font-size: 2rem
}

@media screen and (min-width: 960px) {
    .b2c-ratings-reviews .review-summary .rating-stars {
        margin-bottom:5rem
    }
}

.b2c-ratings-reviews .review-summary .rating-stars__off {
    color: #7ea8d4
}

.b2c-ratings-reviews .review-full__first-block .rating-stars__off,.b2c-ratings-reviews .review-full__first-block .rating-stars__on {
    font-size: 2rem;
    line-height: 1.1
}

.b2c-ratings-reviews .review-full__first-block .rating-stars__off {
    color: #dcdcdc
}

.b2c-ratings-reviews .review-full:nth-child(2n) {
    background: #f5f5f5
}

.b2c-ratings-reviews .review-full:nth-child(2n) .review-full-answer-dropdown,.b2c-ratings-reviews .review-full:nth-child(2n) .review-full-answer-reply {
    background-color: #fff
}

.b2c-ratings-reviews .review-full:nth-child(odd) .review-full-answer-dropdown,.b2c-ratings-reviews .review-full:nth-child(odd) .review-full-answer-reply {
    background-color: #f5f5f5
}

.b2c-ratings-reviews .review-full__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
    padding: 3rem 0;
    font-family: Noto Sans,arial,sans-serif
}

@media screen and (min-width: 960px) {
    .b2c-ratings-reviews .review-full__wrapper {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.b2c-ratings-reviews .review-full__1st-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (min-width: 600px) and (max-width:959px) {
    .b2c-ratings-reviews .review-full__1st-block {
        max-width:41rem
    }
}

@media screen and (min-width: 960px) {
    .b2c-ratings-reviews .review-full__1st-block {
        -webkit-box-align:start;
        -ms-flex-align: start;
        align-items: flex-start;
        width: 60%
    }
}

.b2c-ratings-reviews .review-full__1st-block-rating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.b2c-ratings-reviews .review-full__1st-block-average {
    margin-left: 1rem;
    font-size: 1.6rem;
    font-weight: 700
}

@media screen and (min-width: 960px) {
    .b2c-ratings-reviews .review-full__1st-block-average {
        font-size:1.8rem
    }
}

.b2c-ratings-reviews .review-full__1st-block-average span {
    color: #363636
}

@media screen and (min-width: 960px) {
    .b2c-ratings-reviews .review-full__1st-block-average span {
        font-size:1.2rem;
        font-weight: 400;
        color: #dcdcdc
    }
}

.b2c-ratings-reviews .review-full__1st-block-title {
    font-size: 1.8rem;
    font-weight: 700;
    color: #27509b
}

.b2c-ratings-reviews .review-full__1st-block-author {
    font-size: 1.6rem;
    line-height: 1.31
}

@media screen and (min-width: 960px) {
    .b2c-ratings-reviews .review-full__1st-block-author {
        font-size:1.2rem;
        font-style: italic
    }
}

.b2c-ratings-reviews .review-full__1st-block-author,.b2c-ratings-reviews .review-full__1st-block-opinion {
    color: #363636
}

.b2c-ratings-reviews .review-full__1st-block-opinion {
    margin-bottom: 3rem
}

@media screen and (min-width: 960px) {
    .b2c-ratings-reviews .review-full__1st-block-opinion {
        margin-bottom:0;
        color: #6c6c6c
    }
}

.b2c-ratings-reviews .review-full__author {
    margin: 0
}

.b2c-ratings-reviews .review-full__2nd-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (min-width: 960px) {
    .b2c-ratings-reviews .review-full__2nd-block {
        -webkit-box-orient:vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        width: 40%;
        padding-left: 10rem
    }
}

.b2c-ratings-reviews .review-full__2nd-block-recommendation {
    margin-bottom: 1.5rem;
    font-weight: 700
}

.b2c-ratings-reviews .review-full__2nd-block-recommendation svg {
    width: 1.2rem;
    height: 1rem;
    margin-right: .5rem;
    fill: #32ab54
}

@media (max-width: 959px) {
    .b2c-ratings-reviews .review-full__2nd-block-recommendation svg {
        display:none
    }
}

.b2c-ratings-reviews .review-full__2nd-block-recommended--yes {
    color: #32ab54
}

.b2c-ratings-reviews .review-full__2nd-block-ratings {
    margin: 0;
    padding: 0
}

.b2c-ratings-reviews .review-full__2nd-block-ratings-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (min-width: 960px) {
    .b2c-ratings-reviews .review-full__2nd-block-ratings-container {
        -webkit-box-align:start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.b2c-ratings-reviews .review-full__2nd-block-ratings-criteria {
    margin-bottom: .6rem;
    font-family: Noto Sans,arial,sans-serif;
    font-size: 1.6rem;
    font-weight: 700;
    color: #363636
}

@media screen and (min-width: 960px) {
    .b2c-ratings-reviews .review-full__2nd-block-ratings-criteria {
        margin-bottom:1.5rem;
        font-size: 1.4rem
    }
}

.b2c-ratings-reviews .review-full__2nd-block-ratings-item {
    list-style: none
}

.b2c-ratings-reviews .review-full__2nd-block-ratings-bars {
    position: relative;
    margin-bottom: 1.5rem
}

.b2c-ratings-reviews .review-full__2nd-block-ratings-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.b2c-ratings-reviews .review-full__2nd-block-ratings-bar--default .review-full__2nd-block-ratings-block {
    background: #dcdcdc
}

.b2c-ratings-reviews .review-full__2nd-block-ratings-bar--grade {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden
}

.b2c-ratings-reviews .review-full__2nd-block-ratings-bar--grade .review-full__2nd-block-ratings-block {
    background: #fce500
}

.b2c-ratings-reviews .review-full__2nd-block-ratings-block {
    width: 1.5rem;
    height: .6rem;
    border-radius: .3rem
}

.b2c-ratings-reviews .review-full__2nd-block-ratings-block:not(:last-child) {
    margin-right: .6rem
}

@media screen and (min-width: 960px) {
    .b2c-ratings-reviews .review-full__2nd-block-ratings-block:not(:last-child) {
        margin-right:1rem
    }
}

.b2c-ratings-reviews .review-full-answer-dropdown,.b2c-ratings-reviews .review-full-answer-reply {
    background-color: #f5f5f5
}

.b2c-ratings-reviews .review-full-answer-reply {
    border-left: .2rem solid #27509b
}

.b2c-ratings-reviews .review-full-answer-reply__message {
    font-style: italic;
    color: #27509b
}

.b2c-ratings-reviews .review-inline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.b2c-ratings-reviews .review-inline__reviews-nb {
    font-family: Noto Sans,arial,sans-serif;
    font-size: 1.6rem;
    font-weight: 700;
    color: #27509b
}

.b2c-ratings-reviews .review-list {
    padding: 0
}

.b2c-ratings-reviews .review-list__counter-container {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    background: #7ea8d4
}

.b2c-ratings-reviews .review-list__counter {
    position: absolute;
    top: -50%;
    left: 50%;
    padding: .5rem 3rem;
    font-family: Noto Sans,arial,sans-serif;
    font-size: 1.6rem;
    font-weight: 400;
    color: #fff;
    line-height: 1.25;
    background-color: #27509b;
    border-radius: 1.5rem;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.b2c-ratings-reviews .review-list__comment {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: Noto Sans,arial,sans-serif;
    font-size: 1.6rem;
    color: #fff
}

.b2c-ratings-reviews .review-list__comment--mobile {
    padding-bottom: 3rem
}

.b2c-ratings-reviews .review-list__comment--desktop {
    padding-bottom: 4rem
}

.b2c-ratings-reviews .review-list__comment-title {
    margin: 1rem 0 1rem 1rem;
    font-weight: 700
}

@media screen and (min-width: 960px) {
    .b2c-ratings-reviews .review-list__comment-title {
        margin-bottom:3rem
    }
}

.b2c-ratings-reviews .review-list__comment-law {
    margin: 0 1rem 3rem;
    font-weight: 400;
    color: #fff;
    text-align: center
}

.b2c-ratings-reviews .review-list__comment-law a {
    font-weight: 700
}

.b2c-ratings-reviews .review-list.no-reviews .review-list__comment {
    padding-bottom: 2.5rem
}

.b2c-ratings-reviews .review-list.no-reviews .review-list__comment-title {
    margin-bottom: 3rem;
    color: #fff
}

.b2c-ratings-reviews .button-action {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 29rem;
    height: 5.5rem;
    padding: 1rem 3rem;
    font-size: 1.6rem;
    color: #363636;
    text-decoration: none;
    background: #fce500;
    border: 0;
    border-radius: 2.5rem;
    cursor: pointer
}

@media screen and (min-width: 360px) {
    .b2c-ratings-reviews .button-action {
        width:33rem
    }
}

@media screen and (min-width: 960px) {
    .b2c-ratings-reviews .button-action {
        width:23rem;
        height: 4.8rem;
        font-size: 1.4rem;
        border-radius: .2rem
    }
}

.b2c-ratings-reviews .review-summary {
    padding: 0;
    background: #27509b
}

.b2c-ratings-reviews .review-summary__title {
    padding: 3rem 0 2rem;
    font-family: Noto Sans,arial,sans-serif;
    font-size: 2.2rem;
    font-weight: 700;
    color: #fff;
    text-align: center
}

@media screen and (min-width: 960px) {
    .b2c-ratings-reviews .review-summary__title {
        padding:5rem 0 4rem;
        font-size: 2.6rem;
        line-height: 1.77
    }
}

.b2c-ratings-reviews .review-summary__blocks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding: 1rem 0;
    font-family: Noto Sans,arial,sans-serif
}

@media screen and (min-width: 960px) {
    .b2c-ratings-reviews .review-summary__blocks {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        padding: 0 0 3rem
    }
}

.b2c-ratings-reviews .review-summary__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 1.5rem;
    padding: 3rem 0;
    color: #fff;
    background-color: rgba(54,54,54,.3);
    border-radius: .4rem
}

@media screen and (min-width: 960px) {
    .b2c-ratings-reviews .review-summary__block {
        min-height:25.2rem;
        margin: 0 1.2rem 2.4rem
    }
}

.b2c-ratings-reviews .review-summary__block--first,.b2c-ratings-reviews .review-summary__block--second {
    width: 100%
}

@media screen and (min-width: 960px) {
    .b2c-ratings-reviews .review-summary__block--first,.b2c-ratings-reviews .review-summary__block--second {
        width:50%
    }
}

@media screen and (min-width: 960px) {
    .b2c-ratings-reviews .review-summary__block--first {
        -webkit-box-ordinal-group:3;
        -ms-flex-order: 2;
        order: 2
    }
}

@media screen and (min-width: 960px) {
    .b2c-ratings-reviews .review-summary__block--second {
        -webkit-box-ordinal-group:2;
        -ms-flex-order: 1;
        order: 1
    }
}

.b2c-ratings-reviews .review-summary__block--full {
    width: 100%
}

.b2c-ratings-reviews .review-summary__average {
    margin-bottom: .4rem;
    font-size: 1.3rem
}

.b2c-ratings-reviews .review-summary__average-rating {
    margin-right: .6rem;
    font-size: 3rem;
    font-weight: 400;
    line-height: 1.53;
    letter-spacing: -.1rem
}

.b2c-ratings-reviews .review-summary__percentage {
    margin-bottom: 2rem
}

.b2c-ratings-reviews .review-summary__description {
    padding: 0 1rem;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: normal;
    letter-spacing: normal;
    text-align: center
}

@media screen and (min-width: 960px) {
    .b2c-ratings-reviews .review-summary__description {
        font-size:1.4rem;
        font-weight: 400
    }
}

.b2c-ratings-reviews .review-summary__chart {
    position: relative
}

.b2c-ratings-reviews .review-summary__chart:after {
    content: attr(data-percent);
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 3rem;
    color: #fff;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.b2c-ratings-reviews .review-summary__chart-svg {
    position: relative;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.b2c-ratings-reviews .review-summary__chart-empty,.b2c-ratings-reviews .review-summary__chart-percent-filled {
    stroke-width: .6rem;
    stroke-linecap: round
}

.b2c-ratings-reviews .review-summary__chart-empty {
    stroke: #dcdcdc
}

.b2c-ratings-reviews .review-summary__chart-percent-filled {
    stroke: #fce500;
    -webkit-transition: stroke-dashoffset 1.6s ease-out;
    transition: stroke-dashoffset 1.6s ease-out;
    -webkit-transition-delay: 1s;
    transition-delay: 1s
}

.dgad-social-share__backdrop {
    position: fixed;
    z-index: -2;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 5rem 0 0;
    background: #fff;
    opacity: 0;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear
}

@media screen and (min-width: 840px) {
    .dgad-social-share__backdrop {
        position:absolute
    }
}

.dgad-social-share__backdrop--active {
    z-index: 1;
    opacity: 1
}

.dgad-social-share__buttons {
    position: fixed;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 5rem 0 0;
    background: #fff;
    opacity: 0;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear
}

@media screen and (min-width: 840px) {
    .dgad-social-share__buttons {
        position:absolute;
        padding: 5rem 0 0
    }
}

@media screen and (min-width: 960px) {
    .dgad-social-share__buttons {
        left:50%;
        width: 66rem;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

.dgad-social-share__buttons--active {
    z-index: 2;
    opacity: 1
}

.dgad-social-share__toggler {
    position: absolute;
    z-index: 3;
    top: -2rem;
    right: 2.5rem;
    left: 50%;
    width: 4rem;
    height: 4rem;
    padding: 0;
    background: #fce500;
    border: none;
    border-radius: 100%;
    outline: none;
    cursor: pointer;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.dgad-social-share__toggler svg {
    position: absolute;
    top: 50%;
    left: 50%;
    fill: #363636
}

.dgad-social-share__toggler .dgad-social-share__icon-close {
    display: none;
    width: 1.4rem;
    height: 1.4rem;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.dgad-social-share__toggler .dgad-social-share__icon-share {
    width: 3rem;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.dgad-social-share__toggler--active .dgad-social-share__icon-share {
    display: none
}

.dgad-social-share__toggler--active .dgad-social-share__icon-close {
    display: block
}

.dgad-social-share__title {
    position: fixed;
    z-index: 3;
    top: 11rem;
    left: 50%;
    display: none;
    font-size: 1.6rem;
    color: #27509b;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media screen and (min-width: 840px) {
    .dgad-social-share__title {
        position:absolute;
        top: 2.5rem;
        left: 15rem;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@media screen and (min-width: 960px) {
    .dgad-social-share__title {
        left:50%;
        width: 66rem;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

.dgad-social-share__title--active {
    display: inline-block
}

@media (max-width: 839px) {
    .dgad-panel-hero-item__container-title {
        min-height:auto!important
    }
}

@media (max-width: 839px) {
    .dgad-panel-hero-item__container-title .dgad-social-share__buttons {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-top: 14rem;
        overflow-y: auto
    }
}

@media screen and (min-width: 840px) and (max-width:959px) {
    .dgad-panel-hero-item__container-title .dgad-social-share__buttons {
        -webkit-box-pack:justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.dgad-panel-hero-item__container-title .dgad-social-share__button {
    width: 20rem;
    max-width: 30rem;
    height: 3.5rem;
    padding: 1rem 1rem 1rem 1.5rem;
    line-height: 1
}

@media screen and (min-width: 960px) {
    .dgad-panel-hero-item__container-title .dgad-social-share__button:nth-child(3n+2) {
        margin-right:3rem;
        margin-left: 3rem
    }
}

.dgad-panel-hero-item__container-title .dgad-social-share__button-icon {
    left: 1rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.dgad-panel-hero-item__container-title .dgad-social-share__button-label {
    display: inline
}

.dgad-video__wrapper {
    position: relative;
    z-index: 0;
    background: no-repeat 50%;
    background-size: cover
}

.dgad-video__wrapper:before {
    content: "";
    display: block;
    position: relative;
    padding-top: 56.25%;
    z-index: 10;
    cursor: pointer
}

.dgad-video__play-btn {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 5%;
    min-width: 5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    outline: #fff;
    position: absolute!important;
    z-index: 5!important;
    padding: 0;
    border: 0;
    background: 0;
    font-size: 2.5rem;
    -webkit-transition: opacity .2s ease!important;
    transition: opacity .2s ease!important
}

.dgad-video__progress-track {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 15;
    -webkit-transition: height .3s ease;
    transition: height .3s ease
}

.dgad-video__player,.dgad-video__progress {
    width: 100%;
    height: 100%
}

.dgad-video__player {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1
}

.dgad-video.playing .dgad-video__play-btn {
    opacity: 0
}

.dgad-video {
    margin-bottom: 2rem
}

@media screen and (min-width: 600px) {
    .dgad-video {
        border:.6rem solid;
        border-radius: .4rem
    }
}

.dgad-video__wrapper:before {
    z-index: 0
}

@media screen and (min-width: 600px) {
    .dgad-video__wrapper:hover .dgad-btn:before {
        content:attr(aria-label);
        position: absolute;
        z-index: 1;
        top: 4.8rem;
        left: 50%;
        margin-top: .5rem;
        font-size: 1.6rem;
        opacity: 1;
        cursor: pointer;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

.dgad-video.playing .dgad-video__overlay {
    visibility: hidden
}

.dgad-video__overlay {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    cursor: pointer;
    -webkit-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out
}

.dgad-video__overlay:hover {
    opacity: .8
}

.dgad-video__play-btn {
    cursor: pointer
}

.dgad-video__play-btn:focus {
    outline: none
}

.dgad-video__play,.dgad-video__play-btn {
    width: 4.5rem;
    height: 4.5rem
}

.dgad-video.playing .dgad-video__wrapper:after,.dgad-video.playing .dgad-video__wrapper:before {
    opacity: 0;
    pointer-events: none
}

.dgad-video.playing .dgad-video__progress-track {
    display: block
}

.dgad-video__progress-track {
    display: none;
    height: .3rem;
    background: hsla(0,0%,100%,.3)
}

.dgad-video__progress {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition: -webkit-transform .25s ease;
    transition: -webkit-transform .25s ease;
    transition: transform .25s ease;
    transition: transform .25s ease,-webkit-transform .25s ease
}

.dgad-video:hover .dgad-video__progress-track {
    height: 1rem
}

@media screen and (min-width: 600px) {
    .dgad-video {
        border-color:#f5f5f5
    }
}

@media screen and (min-width: 600px) {
    .dgad-video__wrapper:hover .dgad-btn:before {
        color:#fff
    }
}

.dgad-video__overlay {
    background-color: #27509b
}

.dgad-video__progress {
    background: #27509b
}

.dgad-video__play {
    fill: #fce500
}

.sg__svg {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.sg__svg-not-found {
    padding: 10rem 0;
    font-style: italic;
    text-align: center
}

.sg__svg-siderail {
    position: relative;
    width: 40rem;
    max-width: 50%;
    padding: .5rem 1rem 1rem;
    color: #fff;
    background: #27509b
}

.sg__svg-clipboard {
    position: sticky;
    top: 20rem
}

.sg__svg-clipboard-bell {
    margin-left: 1rem;
    font-size: 1.2rem;
    opacity: 0
}

.sg__svg-clipboard label {
    display: block;
    width: 100%
}

.sg__svg-clipboard textarea {
    width: 100%;
    height: 5rem;
    margin-bottom: 1rem;
    padding: .8rem .5rem .5rem;
    background: #fff;
    border: 0
}

.sg__svg-panel {
    width: calc(100% - 40rem);
    min-width: 50%;
    padding: 1rem;
    background: #fff
}

.sg__svg-symbol {
    cursor: pointer;
    -webkit-filter: drop-shadow(0 0 .05rem rgba(0,0,0,.5));
    filter: drop-shadow(0 0 .05rem rgba(0,0,0,.5))
}

.sg__svg-viewer {
    display: grid;
    grid-template: "a b c d";
    margin-top: 2.5rem
}

.sg__svg-viewer--dark,.sg__svg-viewer--light,.sg__svg-viewer--primary,.sg__svg-viewer--secondary {
    position: relative;
    padding-bottom: 100%
}

.sg__svg-viewer--dark svg,.sg__svg-viewer--light svg,.sg__svg-viewer--primary svg,.sg__svg-viewer--secondary svg {
    position: absolute;
    top: 5%;
    left: 5%;
    display: block;
    width: 90%;
    height: 90%
}

.sg__svg-viewer--primary {
    background: #fce500
}

.sg__svg-viewer--secondary {
    background: #27509b
}

.sg__svg-viewer--light {
    background: #fff
}

.sg__svg-viewer--dark {
    background: #333
}

.mdc-switch {
    display: inline-block;
    position: relative;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mdc-switch.mdc-switch--checked .mdc-switch__track {
    background-color: var(--mdc-theme-secondary,#27509b);
    border-color: var(--mdc-theme-secondary,#27509b)
}

.mdc-switch.mdc-switch--checked .mdc-switch__thumb {
    background-color: #27509b;
    background-color: var(--mdc-theme-secondary,#27509b);
    border-color: #27509b;
    border-color: var(--mdc-theme-secondary,#27509b)
}

.mdc-switch:not(.mdc-switch--checked) .mdc-switch__track {
    background-color: #000;
    border-color: #000
}

.mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb {
    background-color: #fff;
    border-color: #fff
}

.mdc-switch__native-control {
    left: 0;
    right: auto;
    position: absolute;
    top: 0;
    width: 68px;
    height: 48px;
    margin: 0;
    opacity: 0;
    cursor: pointer;
    pointer-events: auto
}

.mdc-switch__native-control[dir=rtl],[dir=rtl] .mdc-switch__native-control {
    left: auto;
    right: 0
}

.mdc-switch__track {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 40px;
    height: 20px;
    border: 1px solid;
    border-radius: 10px;
    opacity: .38;
    -webkit-transition: opacity 90ms cubic-bezier(.4,0,.2,1),background-color 90ms cubic-bezier(.4,0,.2,1),border-color 90ms cubic-bezier(.4,0,.2,1);
    transition: opacity 90ms cubic-bezier(.4,0,.2,1),background-color 90ms cubic-bezier(.4,0,.2,1),border-color 90ms cubic-bezier(.4,0,.2,1)
}

.mdc-switch__thumb-underlay {
    left: -14px;
    right: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: -14px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: background-color 90ms cubic-bezier(.4,0,.2,1),border-color 90ms cubic-bezier(.4,0,.2,1),-webkit-transform 90ms cubic-bezier(.4,0,.2,1);
    transition: background-color 90ms cubic-bezier(.4,0,.2,1),border-color 90ms cubic-bezier(.4,0,.2,1),-webkit-transform 90ms cubic-bezier(.4,0,.2,1);
    transition: transform 90ms cubic-bezier(.4,0,.2,1),background-color 90ms cubic-bezier(.4,0,.2,1),border-color 90ms cubic-bezier(.4,0,.2,1);
    transition: transform 90ms cubic-bezier(.4,0,.2,1),background-color 90ms cubic-bezier(.4,0,.2,1),border-color 90ms cubic-bezier(.4,0,.2,1),-webkit-transform 90ms cubic-bezier(.4,0,.2,1)
}

.mdc-switch__thumb-underlay[dir=rtl],[dir=rtl] .mdc-switch__thumb-underlay {
    left: auto;
    right: -14px
}

.mdc-switch__thumb {
    -webkit-box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);
    box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 16px;
    height: 16px;
    border: 8px solid;
    border-radius: 50%;
    pointer-events: none;
    z-index: 1
}

.mdc-switch--checked .mdc-switch__track {
    opacity: .54
}

.mdc-switch--checked .mdc-switch__thumb-underlay {
    -webkit-transform: translateX(20px);
    transform: translateX(20px)
}

.mdc-switch--checked .mdc-switch__native-control,.mdc-switch--checked .mdc-switch__thumb-underlay[dir=rtl],[dir=rtl] .mdc-switch--checked .mdc-switch__thumb-underlay {
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px)
}

.mdc-switch--checked .mdc-switch__native-control[dir=rtl],[dir=rtl] .mdc-switch--checked .mdc-switch__native-control {
    -webkit-transform: translateX(20px);
    transform: translateX(20px)
}

.mdc-switch--disabled {
    opacity: .38;
    pointer-events: none
}

.mdc-switch--disabled .mdc-switch__thumb {
    border-width: 1px
}

.mdc-switch--disabled .mdc-switch__native-control {
    cursor: default;
    pointer-events: none
}

.mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay:after,.mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay:before {
    background-color: #9e9e9e
}

.mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay:hover:before {
    opacity: .08
}

.mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay.mdc-ripple-upgraded--background-focused:before,.mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded):focus:before {
    -webkit-transition-duration: 75ms;
    transition-duration: 75ms;
    opacity: .24
}

.mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded):after {
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear
}

.mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded):active:after {
    -webkit-transition-duration: 75ms;
    transition-duration: 75ms;
    opacity: .24
}

.mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay.mdc-ripple-upgraded {
    --mdc-ripple-fg-opacity: 0.24
}

.mdc-switch__thumb-underlay {
    --mdc-ripple-fg-size: 0;
    --mdc-ripple-left: 0;
    --mdc-ripple-top: 0;
    --mdc-ripple-fg-scale: 1;
    --mdc-ripple-fg-translate-end: 0;
    --mdc-ripple-fg-translate-start: 0;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

.mdc-switch__thumb-underlay:after,.mdc-switch__thumb-underlay:before {
    position: absolute;
    border-radius: 50%;
    opacity: 0;
    pointer-events: none;
    content: ""
}

.mdc-switch__thumb-underlay:before {
    -webkit-transition: opacity 15ms linear,background-color 15ms linear;
    transition: opacity 15ms linear,background-color 15ms linear;
    z-index: 1
}

.mdc-switch__thumb-underlay.mdc-ripple-upgraded:before {
    -webkit-transform: scale(var(--mdc-ripple-fg-scale,1));
    transform: scale(var(--mdc-ripple-fg-scale,1))
}

.mdc-switch__thumb-underlay.mdc-ripple-upgraded:after {
    top: 0;
    left: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: center center;
    transform-origin: center center
}

.mdc-switch__thumb-underlay.mdc-ripple-upgraded--unbounded:after {
    top: var(--mdc-ripple-top,0);
    left: var(--mdc-ripple-left,0)
}

.mdc-switch__thumb-underlay.mdc-ripple-upgraded--foreground-activation:after {
    -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards;
    animation: mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards
}

.mdc-switch__thumb-underlay.mdc-ripple-upgraded--foreground-deactivation:after {
    -webkit-animation: mdc-ripple-fg-opacity-out .15s;
    animation: mdc-ripple-fg-opacity-out .15s;
    -webkit-transform: translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));
    transform: translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))
}

.mdc-switch__thumb-underlay:after,.mdc-switch__thumb-underlay:before {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.mdc-switch__thumb-underlay.mdc-ripple-upgraded:after,.mdc-switch__thumb-underlay.mdc-ripple-upgraded:before {
    top: var(--mdc-ripple-top,0);
    left: var(--mdc-ripple-left,0);
    width: var(--mdc-ripple-fg-size,100%);
    height: var(--mdc-ripple-fg-size,100%)
}

.mdc-switch__thumb-underlay.mdc-ripple-upgraded:after {
    width: var(--mdc-ripple-fg-size,100%);
    height: var(--mdc-ripple-fg-size,100%)
}

.mdc-switch__thumb-underlay:after,.mdc-switch__thumb-underlay:before {
    background-color: #27509b
}

@supports not (-ms-ime-align:auto) {
    .mdc-switch__thumb-underlay:after,.mdc-switch__thumb-underlay:before {
        background-color: var(--mdc-theme-secondary,#27509b)
    }
}

.mdc-switch__thumb-underlay:hover:before {
    opacity: .04
}

.mdc-switch__thumb-underlay.mdc-ripple-upgraded--background-focused:before,.mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded):focus:before {
    -webkit-transition-duration: 75ms;
    transition-duration: 75ms;
    opacity: .12
}

.mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded):after {
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear
}

.mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded):active:after {
    -webkit-transition-duration: 75ms;
    transition-duration: 75ms;
    opacity: .12
}

.mdc-switch__thumb-underlay.mdc-ripple-upgraded {
    --mdc-ripple-fg-opacity: 0.12
}

.mdc-switch:not(.mdc-switch--checked) .mdc-switch__track {
    background-color: #f5f5f5;
    border-color: #f5f5f5
}

.mdc-switch.mdc-switch--checked .mdc-switch__track {
    background-color: #27509b;
    border-color: #27509b
}

.mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb {
    background-color: #7d7d7d;
    border-color: #7d7d7d
}

.mdc-switch.mdc-switch--checked .mdc-switch__thumb {
    background-color: #fff;
    border-color: #fff
}

.mdc-switch--checked .mdc-switch__track,.mdc-switch__track {
    opacity: 1
}

.mdc-switch:not(.mdc-switch--checked) .mdc-switch__track {
    border-color: #7d7d7d
}

.mdc-switch+label {
    margin-left: 10px;
    position: relative
}

@-webkit-keyframes mdc-checkbox-unchecked-checked-checkmark-path {
    0%,50% {
        stroke-dashoffset: 29.7833385
    }

    50% {
        -webkit-animation-timing-function: cubic-bezier(0,0,.2,1);
        animation-timing-function: cubic-bezier(0,0,.2,1)
    }

    to {
        stroke-dashoffset: 0
    }
}

@keyframes mdc-checkbox-unchecked-checked-checkmark-path {
    0%,50% {
        stroke-dashoffset: 29.7833385
    }

    50% {
        -webkit-animation-timing-function: cubic-bezier(0,0,.2,1);
        animation-timing-function: cubic-bezier(0,0,.2,1)
    }

    to {
        stroke-dashoffset: 0
    }
}

@-webkit-keyframes mdc-checkbox-unchecked-indeterminate-mixedmark {
    0%,68.2% {
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }

    68.2% {
        -webkit-animation-timing-function: cubic-bezier(0,0,0,1);
        animation-timing-function: cubic-bezier(0,0,0,1)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes mdc-checkbox-unchecked-indeterminate-mixedmark {
    0%,68.2% {
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }

    68.2% {
        -webkit-animation-timing-function: cubic-bezier(0,0,0,1);
        animation-timing-function: cubic-bezier(0,0,0,1)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@-webkit-keyframes mdc-checkbox-checked-unchecked-checkmark-path {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.4,0,1,1);
        animation-timing-function: cubic-bezier(.4,0,1,1);
        opacity: 1;
        stroke-dashoffset: 0
    }

    to {
        opacity: 0;
        stroke-dashoffset: -29.7833385
    }
}

@keyframes mdc-checkbox-checked-unchecked-checkmark-path {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.4,0,1,1);
        animation-timing-function: cubic-bezier(.4,0,1,1);
        opacity: 1;
        stroke-dashoffset: 0
    }

    to {
        opacity: 0;
        stroke-dashoffset: -29.7833385
    }
}

@-webkit-keyframes mdc-checkbox-checked-indeterminate-checkmark {
    0% {
        -webkit-animation-timing-function: cubic-bezier(0,0,.2,1);
        animation-timing-function: cubic-bezier(0,0,.2,1);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        opacity: 1
    }

    to {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
}

@keyframes mdc-checkbox-checked-indeterminate-checkmark {
    0% {
        -webkit-animation-timing-function: cubic-bezier(0,0,.2,1);
        animation-timing-function: cubic-bezier(0,0,.2,1);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        opacity: 1
    }

    to {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
}

@-webkit-keyframes mdc-checkbox-indeterminate-checked-checkmark {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.14,0,0,1);
        animation-timing-function: cubic-bezier(.14,0,0,1);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn);
        opacity: 1
    }
}

@keyframes mdc-checkbox-indeterminate-checked-checkmark {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.14,0,0,1);
        animation-timing-function: cubic-bezier(.14,0,0,1);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn);
        opacity: 1
    }
}

@-webkit-keyframes mdc-checkbox-checked-indeterminate-mixedmark {
    0% {
        -webkit-animation-timing-function: mdc-animation-deceleration-curve-timing-function;
        animation-timing-function: mdc-animation-deceleration-curve-timing-function;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }

    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        opacity: 1
    }
}

@keyframes mdc-checkbox-checked-indeterminate-mixedmark {
    0% {
        -webkit-animation-timing-function: mdc-animation-deceleration-curve-timing-function;
        animation-timing-function: mdc-animation-deceleration-curve-timing-function;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }

    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        opacity: 1
    }
}

@-webkit-keyframes mdc-checkbox-indeterminate-checked-mixedmark {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.14,0,0,1);
        animation-timing-function: cubic-bezier(.14,0,0,1);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        opacity: 1
    }

    to {
        -webkit-transform: rotate(315deg);
        transform: rotate(315deg);
        opacity: 0
    }
}

@keyframes mdc-checkbox-indeterminate-checked-mixedmark {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.14,0,0,1);
        animation-timing-function: cubic-bezier(.14,0,0,1);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        opacity: 1
    }

    to {
        -webkit-transform: rotate(315deg);
        transform: rotate(315deg);
        opacity: 0
    }
}

@-webkit-keyframes mdc-checkbox-indeterminate-unchecked-mixedmark {
    0% {
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        opacity: 1
    }

    32.8%,to {
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        opacity: 0
    }
}

@keyframes mdc-checkbox-indeterminate-unchecked-mixedmark {
    0% {
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        opacity: 1
    }

    32.8%,to {
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        opacity: 0
    }
}

.mdc-checkbox {
    display: inline-block;
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 18px;
    flex: 0 0 18px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    width: 18px;
    height: 18px;
    line-height: 0;
    white-space: nowrap;
    cursor: pointer;
    vertical-align: bottom
}

.mdc-checkbox .mdc-checkbox__native-control:checked~.mdc-checkbox__background:before,.mdc-checkbox .mdc-checkbox__native-control:indeterminate~.mdc-checkbox__background:before {
    background-color: #27509b
}

@supports not (-ms-ime-align:auto) {
    .mdc-checkbox .mdc-checkbox__native-control:checked~.mdc-checkbox__background:before,.mdc-checkbox .mdc-checkbox__native-control:indeterminate~.mdc-checkbox__background:before {
        background-color: var(--mdc-theme-secondary,#27509b)
    }
}

.mdc-checkbox.mdc-checkbox--selected:after,.mdc-checkbox.mdc-checkbox--selected:before {
    background-color: #27509b
}

@supports not (-ms-ime-align:auto) {
    .mdc-checkbox.mdc-checkbox--selected:after,.mdc-checkbox.mdc-checkbox--selected:before {
        background-color: var(--mdc-theme-secondary,#27509b)
    }
}

.mdc-checkbox.mdc-checkbox--selected:hover:before {
    opacity: .04
}

.mdc-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded--background-focused:before,.mdc-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):focus:before {
    -webkit-transition-duration: 75ms;
    transition-duration: 75ms;
    opacity: .12
}

.mdc-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):after {
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear
}

.mdc-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):active:after {
    -webkit-transition-duration: 75ms;
    transition-duration: 75ms;
    opacity: .12
}

.mdc-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded {
    --mdc-ripple-fg-opacity: 0.12
}

.mdc-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected:after,.mdc-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected:before {
    background-color: #27509b
}

@supports not (-ms-ime-align:auto) {
    .mdc-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected:after,.mdc-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected:before {
        background-color: var(--mdc-theme-secondary,#27509b)
    }
}

.mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate)~.mdc-checkbox__background {
    border-color: rgba(0,0,0,.54);
    background-color: transparent
}

.mdc-checkbox__native-control:enabled:checked~.mdc-checkbox__background,.mdc-checkbox__native-control:enabled:indeterminate~.mdc-checkbox__background {
    border-color: #27509b;
    border-color: var(--mdc-theme-secondary,#27509b);
    background-color: #27509b;
    background-color: var(--mdc-theme-secondary,#27509b)
}

@-webkit-keyframes mdc-checkbox-fade-in-background-uswo3vf {
    0% {
        border-color: rgba(0,0,0,.54);
        background-color: transparent
    }

    50% {
        border-color: #27509b;
        border-color: var(--mdc-theme-secondary,#27509b);
        background-color: #27509b;
        background-color: var(--mdc-theme-secondary,#27509b)
    }
}

@keyframes mdc-checkbox-fade-in-background-uswo3vf {
    0% {
        border-color: rgba(0,0,0,.54);
        background-color: transparent
    }

    50% {
        border-color: #27509b;
        border-color: var(--mdc-theme-secondary,#27509b);
        background-color: #27509b;
        background-color: var(--mdc-theme-secondary,#27509b)
    }
}

@-webkit-keyframes mdc-checkbox-fade-out-background-uswo3vf {
    0%,80% {
        border-color: #27509b;
        border-color: var(--mdc-theme-secondary,#27509b);
        background-color: #27509b;
        background-color: var(--mdc-theme-secondary,#27509b)
    }

    to {
        border-color: rgba(0,0,0,.54);
        background-color: transparent
    }
}

@keyframes mdc-checkbox-fade-out-background-uswo3vf {
    0%,80% {
        border-color: #27509b;
        border-color: var(--mdc-theme-secondary,#27509b);
        background-color: #27509b;
        background-color: var(--mdc-theme-secondary,#27509b)
    }

    to {
        border-color: rgba(0,0,0,.54);
        background-color: transparent
    }
}

.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__native-control:enabled~.mdc-checkbox__background,.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__native-control:enabled~.mdc-checkbox__background {
    -webkit-animation-name: mdc-checkbox-fade-in-background-uswo3vf;
    animation-name: mdc-checkbox-fade-in-background-uswo3vf
}

.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__native-control:enabled~.mdc-checkbox__background,.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__native-control:enabled~.mdc-checkbox__background {
    -webkit-animation-name: mdc-checkbox-fade-out-background-uswo3vf;
    animation-name: mdc-checkbox-fade-out-background-uswo3vf
}

.mdc-checkbox__checkmark {
    color: #fff
}

.mdc-checkbox__mixedmark {
    border-color: #fff
}

.mdc-checkbox__native-control[disabled]:not(:checked):not(:indeterminate)~.mdc-checkbox__background {
    border-color: rgba(0,0,0,.26)
}

.mdc-checkbox__native-control[disabled]:checked~.mdc-checkbox__background,.mdc-checkbox__native-control[disabled]:indeterminate~.mdc-checkbox__background {
    border-color: transparent;
    background-color: rgba(0,0,0,.26)
}

@media screen and (-ms-high-contrast:active) {
    .mdc-checkbox__mixedmark {
        margin: 0 1px
    }
}

.mdc-checkbox--disabled {
    cursor: default;
    pointer-events: none
}

.mdc-checkbox__background {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: absolute;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 18px;
    height: 18px;
    border: 2px solid;
    border-radius: 2px;
    background-color: transparent;
    pointer-events: none;
    will-change: background-color,border-color;
    -webkit-transition: background-color 90ms cubic-bezier(.4,0,.6,1) 0ms,border-color 90ms cubic-bezier(.4,0,.6,1) 0ms;
    transition: background-color 90ms cubic-bezier(.4,0,.6,1) 0ms,border-color 90ms cubic-bezier(.4,0,.6,1) 0ms
}

.mdc-checkbox__background .mdc-checkbox__background:before {
    background-color: #000
}

@supports not (-ms-ime-align:auto) {
    .mdc-checkbox__background .mdc-checkbox__background:before {
        background-color: var(--mdc-theme-on-surface,#000)
    }
}

.mdc-checkbox__checkmark {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    -webkit-transition: opacity .18s cubic-bezier(.4,0,.6,1) 0ms;
    transition: opacity .18s cubic-bezier(.4,0,.6,1) 0ms
}

.mdc-checkbox--upgraded .mdc-checkbox__checkmark {
    opacity: 1
}

.mdc-checkbox__checkmark-path {
    -webkit-transition: stroke-dashoffset .18s cubic-bezier(.4,0,.6,1) 0ms;
    transition: stroke-dashoffset .18s cubic-bezier(.4,0,.6,1) 0ms;
    stroke: currentColor;
    stroke-width: 3.12px;
    stroke-dashoffset: 29.7833385;
    stroke-dasharray: 29.7833385
}

.mdc-checkbox__mixedmark {
    width: 100%;
    height: 0;
    -webkit-transform: scaleX(0) rotate(0deg);
    transform: scaleX(0) rotate(0deg);
    border-width: 1px;
    border-style: solid;
    opacity: 0;
    -webkit-transition: opacity 90ms cubic-bezier(.4,0,.6,1) 0ms,-webkit-transform 90ms cubic-bezier(.4,0,.6,1) 0ms;
    transition: opacity 90ms cubic-bezier(.4,0,.6,1) 0ms,-webkit-transform 90ms cubic-bezier(.4,0,.6,1) 0ms;
    transition: opacity 90ms cubic-bezier(.4,0,.6,1) 0ms,transform 90ms cubic-bezier(.4,0,.6,1) 0ms;
    transition: opacity 90ms cubic-bezier(.4,0,.6,1) 0ms,transform 90ms cubic-bezier(.4,0,.6,1) 0ms,-webkit-transform 90ms cubic-bezier(.4,0,.6,1) 0ms
}

.mdc-checkbox--upgraded .mdc-checkbox__background,.mdc-checkbox--upgraded .mdc-checkbox__checkmark,.mdc-checkbox--upgraded .mdc-checkbox__checkmark-path,.mdc-checkbox--upgraded .mdc-checkbox__mixedmark {
    -webkit-transition: none!important;
    transition: none!important
}

.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__background,.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__background,.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__background,.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__background {
    -webkit-animation-duration: .18s;
    animation-duration: .18s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__checkmark-path {
    -webkit-animation: mdc-checkbox-unchecked-checked-checkmark-path .18s linear 0s;
    animation: mdc-checkbox-unchecked-checked-checkmark-path .18s linear 0s;
    -webkit-transition: none;
    transition: none
}

.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__mixedmark {
    -webkit-animation: mdc-checkbox-unchecked-indeterminate-mixedmark 90ms linear 0s;
    animation: mdc-checkbox-unchecked-indeterminate-mixedmark 90ms linear 0s;
    -webkit-transition: none;
    transition: none
}

.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__checkmark-path {
    -webkit-animation: mdc-checkbox-checked-unchecked-checkmark-path 90ms linear 0s;
    animation: mdc-checkbox-checked-unchecked-checkmark-path 90ms linear 0s;
    -webkit-transition: none;
    transition: none
}

.mdc-checkbox--anim-checked-indeterminate .mdc-checkbox__checkmark {
    -webkit-animation: mdc-checkbox-checked-indeterminate-checkmark 90ms linear 0s;
    animation: mdc-checkbox-checked-indeterminate-checkmark 90ms linear 0s;
    -webkit-transition: none;
    transition: none
}

.mdc-checkbox--anim-checked-indeterminate .mdc-checkbox__mixedmark {
    -webkit-animation: mdc-checkbox-checked-indeterminate-mixedmark 90ms linear 0s;
    animation: mdc-checkbox-checked-indeterminate-mixedmark 90ms linear 0s;
    -webkit-transition: none;
    transition: none
}

.mdc-checkbox--anim-indeterminate-checked .mdc-checkbox__checkmark {
    -webkit-animation: mdc-checkbox-indeterminate-checked-checkmark .5s linear 0s;
    animation: mdc-checkbox-indeterminate-checked-checkmark .5s linear 0s;
    -webkit-transition: none;
    transition: none
}

.mdc-checkbox--anim-indeterminate-checked .mdc-checkbox__mixedmark {
    -webkit-animation: mdc-checkbox-indeterminate-checked-mixedmark .5s linear 0s;
    animation: mdc-checkbox-indeterminate-checked-mixedmark .5s linear 0s;
    -webkit-transition: none;
    transition: none
}

.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__mixedmark {
    -webkit-animation: mdc-checkbox-indeterminate-unchecked-mixedmark .3s linear 0s;
    animation: mdc-checkbox-indeterminate-unchecked-mixedmark .3s linear 0s;
    -webkit-transition: none;
    transition: none
}

.mdc-checkbox__native-control:checked~.mdc-checkbox__background,.mdc-checkbox__native-control:indeterminate~.mdc-checkbox__background {
    -webkit-transition: border-color 90ms cubic-bezier(0,0,.2,1) 0ms,background-color 90ms cubic-bezier(0,0,.2,1) 0ms;
    transition: border-color 90ms cubic-bezier(0,0,.2,1) 0ms,background-color 90ms cubic-bezier(0,0,.2,1) 0ms
}

.mdc-checkbox__native-control:checked~.mdc-checkbox__background .mdc-checkbox__checkmark-path,.mdc-checkbox__native-control:indeterminate~.mdc-checkbox__background .mdc-checkbox__checkmark-path {
    stroke-dashoffset: 0
}

.mdc-checkbox__background:before {
    position: absolute;
    -webkit-transform: scale(0);
    transform: scale(0);
    border-radius: 50%;
    opacity: 0;
    pointer-events: none;
    content: "";
    will-change: opacity,transform;
    -webkit-transition: opacity 90ms cubic-bezier(.4,0,.6,1) 0ms,-webkit-transform 90ms cubic-bezier(.4,0,.6,1) 0ms;
    transition: opacity 90ms cubic-bezier(.4,0,.6,1) 0ms,-webkit-transform 90ms cubic-bezier(.4,0,.6,1) 0ms;
    transition: opacity 90ms cubic-bezier(.4,0,.6,1) 0ms,transform 90ms cubic-bezier(.4,0,.6,1) 0ms;
    transition: opacity 90ms cubic-bezier(.4,0,.6,1) 0ms,transform 90ms cubic-bezier(.4,0,.6,1) 0ms,-webkit-transform 90ms cubic-bezier(.4,0,.6,1) 0ms
}

.mdc-checkbox__native-control:focus~.mdc-checkbox__background:before {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: .12;
    -webkit-transition: opacity 80ms cubic-bezier(0,0,.2,1) 0ms,-webkit-transform 80ms cubic-bezier(0,0,.2,1) 0ms;
    transition: opacity 80ms cubic-bezier(0,0,.2,1) 0ms,-webkit-transform 80ms cubic-bezier(0,0,.2,1) 0ms;
    transition: opacity 80ms cubic-bezier(0,0,.2,1) 0ms,transform 80ms cubic-bezier(0,0,.2,1) 0ms;
    transition: opacity 80ms cubic-bezier(0,0,.2,1) 0ms,transform 80ms cubic-bezier(0,0,.2,1) 0ms,-webkit-transform 80ms cubic-bezier(0,0,.2,1) 0ms
}

.mdc-checkbox__native-control {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    opacity: 0;
    cursor: inherit
}

.mdc-checkbox__native-control:disabled {
    cursor: default;
    pointer-events: none
}

.mdc-checkbox__native-control:checked~.mdc-checkbox__background .mdc-checkbox__checkmark {
    -webkit-transition: opacity .18s cubic-bezier(0,0,.2,1) 0ms,-webkit-transform .18s cubic-bezier(0,0,.2,1) 0ms;
    transition: opacity .18s cubic-bezier(0,0,.2,1) 0ms,-webkit-transform .18s cubic-bezier(0,0,.2,1) 0ms;
    transition: opacity .18s cubic-bezier(0,0,.2,1) 0ms,transform .18s cubic-bezier(0,0,.2,1) 0ms;
    transition: opacity .18s cubic-bezier(0,0,.2,1) 0ms,transform .18s cubic-bezier(0,0,.2,1) 0ms,-webkit-transform .18s cubic-bezier(0,0,.2,1) 0ms;
    opacity: 1
}

.mdc-checkbox__native-control:checked~.mdc-checkbox__background .mdc-checkbox__mixedmark {
    -webkit-transform: scaleX(1) rotate(-45deg);
    transform: scaleX(1) rotate(-45deg)
}

.mdc-checkbox__native-control:indeterminate~.mdc-checkbox__background .mdc-checkbox__checkmark {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0;
    -webkit-transition: opacity 90ms cubic-bezier(.4,0,.6,1) 0ms,-webkit-transform 90ms cubic-bezier(.4,0,.6,1) 0ms;
    transition: opacity 90ms cubic-bezier(.4,0,.6,1) 0ms,-webkit-transform 90ms cubic-bezier(.4,0,.6,1) 0ms;
    transition: opacity 90ms cubic-bezier(.4,0,.6,1) 0ms,transform 90ms cubic-bezier(.4,0,.6,1) 0ms;
    transition: opacity 90ms cubic-bezier(.4,0,.6,1) 0ms,transform 90ms cubic-bezier(.4,0,.6,1) 0ms,-webkit-transform 90ms cubic-bezier(.4,0,.6,1) 0ms
}

.mdc-checkbox__native-control:indeterminate~.mdc-checkbox__background .mdc-checkbox__mixedmark {
    -webkit-transform: scaleX(1) rotate(0deg);
    transform: scaleX(1) rotate(0deg);
    opacity: 1
}

.mdc-checkbox {
    --mdc-ripple-fg-size: 0;
    --mdc-ripple-left: 0;
    --mdc-ripple-top: 0;
    --mdc-ripple-fg-scale: 1;
    --mdc-ripple-fg-translate-end: 0;
    --mdc-ripple-fg-translate-start: 0;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    padding: 11px
}

.mdc-checkbox:after,.mdc-checkbox:before {
    position: absolute;
    border-radius: 50%;
    opacity: 0;
    pointer-events: none;
    content: ""
}

.mdc-checkbox:before {
    -webkit-transition: opacity 15ms linear,background-color 15ms linear;
    transition: opacity 15ms linear,background-color 15ms linear;
    z-index: 1
}

.mdc-checkbox.mdc-ripple-upgraded:before {
    -webkit-transform: scale(var(--mdc-ripple-fg-scale,1));
    transform: scale(var(--mdc-ripple-fg-scale,1))
}

.mdc-checkbox.mdc-ripple-upgraded:after {
    top: 0;
    left: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: center center;
    transform-origin: center center
}

.mdc-checkbox.mdc-ripple-upgraded--unbounded:after {
    top: var(--mdc-ripple-top,0);
    left: var(--mdc-ripple-left,0)
}

.mdc-checkbox.mdc-ripple-upgraded--foreground-activation:after {
    -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards;
    animation: mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards
}

.mdc-checkbox.mdc-ripple-upgraded--foreground-deactivation:after {
    -webkit-animation: mdc-ripple-fg-opacity-out .15s;
    animation: mdc-ripple-fg-opacity-out .15s;
    -webkit-transform: translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));
    transform: translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))
}

.mdc-checkbox:after,.mdc-checkbox:before {
    background-color: #000
}

@supports not (-ms-ime-align:auto) {
    .mdc-checkbox:after,.mdc-checkbox:before {
        background-color: var(--mdc-theme-on-surface,#000)
    }
}

.mdc-checkbox:hover:before {
    opacity: .04
}

.mdc-checkbox.mdc-ripple-upgraded--background-focused:before,.mdc-checkbox:not(.mdc-ripple-upgraded):focus:before {
    -webkit-transition-duration: 75ms;
    transition-duration: 75ms;
    opacity: .12
}

.mdc-checkbox:not(.mdc-ripple-upgraded):after {
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear
}

.mdc-checkbox:not(.mdc-ripple-upgraded):active:after {
    -webkit-transition-duration: 75ms;
    transition-duration: 75ms;
    opacity: .12
}

.mdc-checkbox.mdc-ripple-upgraded {
    --mdc-ripple-fg-opacity: 0.12
}

.mdc-checkbox:after,.mdc-checkbox:before {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.mdc-checkbox.mdc-ripple-upgraded:after,.mdc-checkbox.mdc-ripple-upgraded:before {
    top: var(--mdc-ripple-top,0);
    left: var(--mdc-ripple-left,0);
    width: var(--mdc-ripple-fg-size,100%);
    height: var(--mdc-ripple-fg-size,100%)
}

.mdc-checkbox.mdc-ripple-upgraded:after {
    width: var(--mdc-ripple-fg-size,100%);
    height: var(--mdc-ripple-fg-size,100%)
}

.mdc-checkbox .mdc-checkbox__background {
    left: 11px;
    right: auto;
    top: 11px
}

.mdc-checkbox[dir=rtl] .mdc-checkbox .mdc-checkbox__background,[dir=rtl] .mdc-checkbox .mdc-checkbox .mdc-checkbox__background {
    left: auto;
    right: 11px
}

.mdc-checkbox .mdc-checkbox__background:before {
    top: -13px;
    left: -13px;
    width: 40px;
    height: 40px
}

.mdc-ripple-upgraded--background-focused .mdc-checkbox__background:before {
    content: none
}

.mdc-checkbox__background {
    border-width: 1px
}

.mdc-checkbox {
    margin-left: -8px
}

.mdc-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate)~.mdc-checkbox__background {
    border-color: #27509b;
    background-color: #e0e6f2
}

.mdc-checkbox .mdc-checkbox__native-control:enabled:checked~.mdc-checkbox__background,.mdc-checkbox .mdc-checkbox__native-control:enabled:indeterminate~.mdc-checkbox__background {
    border-color: #27509b;
    background-color: #e0e6f2
}

@-webkit-keyframes mdc-checkbox-fade-in-background-uswo3vl {
    0% {
        border-color: #27509b;
        background-color: #e0e6f2
    }

    50% {
        border-color: #27509b;
        background-color: #e0e6f2
    }
}

@keyframes mdc-checkbox-fade-in-background-uswo3vl {
    0% {
        border-color: #27509b;
        background-color: #e0e6f2
    }

    50% {
        border-color: #27509b;
        background-color: #e0e6f2
    }
}

@-webkit-keyframes mdc-checkbox-fade-out-background-uswo3vl {
    0%,80% {
        border-color: #27509b;
        background-color: #e0e6f2
    }

    to {
        border-color: #27509b;
        background-color: #e0e6f2
    }
}

@keyframes mdc-checkbox-fade-out-background-uswo3vl {
    0%,80% {
        border-color: #27509b;
        background-color: #e0e6f2
    }

    to {
        border-color: #27509b;
        background-color: #e0e6f2
    }
}

.mdc-checkbox.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__native-control:enabled~.mdc-checkbox__background,.mdc-checkbox.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__native-control:enabled~.mdc-checkbox__background {
    -webkit-animation-name: mdc-checkbox-fade-in-background-uswo3vl;
    animation-name: mdc-checkbox-fade-in-background-uswo3vl
}

.mdc-checkbox.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__native-control:enabled~.mdc-checkbox__background,.mdc-checkbox.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__native-control:enabled~.mdc-checkbox__background {
    -webkit-animation-name: mdc-checkbox-fade-out-background-uswo3vl;
    animation-name: mdc-checkbox-fade-out-background-uswo3vl
}

.mdc-checkbox .mdc-checkbox__checkmark {
    color: #27509b
}

.mdc-checkbox .mdc-checkbox__mixedmark {
    border-color: #27509b
}

.mdc-checkbox__checkmark {
    padding: 2px
}

.mdc-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate)~.mdc-checkbox__background {
    border-color: #7d7d7d;
    background: #f5f5f5
}

.upload-container .upload-field-text {
    display: inline-block;
    position: relative;
    margin-bottom: 1rem;
    font-size: 1.6rem;
    font-weight: 700
}

.upload-container .upload-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.upload-container .upload-group label {
    position: relative
}

.upload-container .upload-group label:before {
    content: "";
    position: absolute;
    background: #000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0
}

.upload-container .upload-group label:hover:before {
    opacity: .04
}

.upload-container .upload-group label .upload-svg-add-file {
    position: absolute;
    width: 1.5rem;
    fill: none;
    stroke: #7d7d7d;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
    z-index: 0;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    pointer-events: none
}

.upload-container .upload-group input {
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.upload-container .upload-field {
    display: inline-block;
    width: 9rem;
    height: 9rem;
    background-color: #f5f5f5;
    margin-bottom: 3rem
}

.upload-container .upload-field input {
    cursor: pointer
}

.upload-container output {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: -3rem
}

.upload-container output>* {
    margin-right: 2.5rem
}

.upload-container .upload-thumb {
    display: inline-block;
    width: 9rem;
    height: 9rem;
    padding: .5rem;
    background: #f5f5f5;
    position: relative;
    margin-bottom: 3rem
}

.upload-container .upload-thumb-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.upload-container .upload-thumb img {
    position: absolute;
    width: auto;
    max-width: inherit;
    min-width: 1000%;
    min-height: 1000%;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%) scale(.1);
    transform: translateX(-50%) translateY(-50%) scale(.1)
}

.upload-container .upload-btn-close {
    border: none;
    outline: none;
    position: absolute;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    background: #fce500;
    top: 0;
    right: 0;
    -webkit-transform: translate(50%,-50%);
    transform: translate(50%,-50%)
}

.upload-container .upload-btn-close:hover {
    background: #e3ce00
}

.upload-container .upload-btn-close:after,.upload-container .upload-btn-close:before {
    content: "";
    width: 1.5rem;
    height: .2rem;
    background: #333;
    position: absolute;
    left: 50%;
    top: 50%
}

.upload-container .upload-btn-close:before {
    -webkit-transform: translate(-50%,-50%) rotate(45deg);
    transform: translate(-50%,-50%) rotate(45deg)
}

.upload-container .upload-btn-close:after {
    -webkit-transform: translate(-50%,-50%) rotate(-45deg);
    transform: translate(-50%,-50%) rotate(-45deg)
}

.upload-container .ext-container {
    -ms-flex-item-align: center;
    align-self: center;
    margin-left: auto;
    color: #fff;
    z-index: 1;
    position: relative;
    min-width: 6.4rem;
    text-align: center;
    font-size: 1.2rem;
    font-weight: 700;
    top: .5rem
}

.upload-container .img-src {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='40' height='40' viewBox='0 0 40 40'><defs><path id='k3rrqtj5ua' d='M29.269 35.078c0 1.628-1.319 2.953-2.94 2.953H4.899c-1.621 0-2.939-1.325-2.939-2.953V9.723H5.55c2.468 0 4.476-2.019 4.476-4.498V1.969H26.33c1.62 0 2.939 1.325 2.939 2.953v10.362H11.865c-2.164 0-3.919 1.763-3.919 3.938v5.907c0 2.174 1.755 3.937 3.919 3.937h17.404v6.012zM8.067 3.288v1.937c0 1.394-1.13 2.529-2.517 2.529H3.42l4.647-4.466zm25.348 11.996h-2.187V4.922C31.228 2.208 29.03 0 26.33 0H8.114L0 7.806v27.272C0 37.792 2.197 40 4.898 40H26.33c2.7 0 4.898-2.208 4.898-4.922v-6.012h2.187c2.165 0 3.918-1.763 3.918-3.937v-5.907c0-2.175-1.753-3.938-3.918-3.938z'/></defs> <g fill='none' fill-rule='evenodd' transform='translate(1.333)'> <mask id='3nf0phldzb' fill='%23fff'> <use xlink:href='%23k3rrqtj5ua'/> </mask> <use fill='%23363636' xlink:href='%23k3rrqtj5ua'/> <path fill='%23363636' d='M-1.333 40L38.667 40 38.667 0 -1.333 0z' mask='url(%233nf0phldzb)'/> </g> </svg>");
    background-size: cover
}

.mdc-radio {
    display: inline-block;
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 40px;
    height: 40px;
    padding: 10px;
    cursor: pointer;
    will-change: opacity,transform,border-color,color
}

.mdc-radio .mdc-radio__native-control:enabled:not(:checked)+.mdc-radio__background .mdc-radio__outer-circle {
    border-color: rgba(0,0,0,.54)
}

.mdc-radio .mdc-radio__native-control:enabled:checked+.mdc-radio__background .mdc-radio__outer-circle {
    border-color: #27509b;
    border-color: var(--mdc-theme-secondary,#27509b)
}

.mdc-radio .mdc-radio__native-control:enabled+.mdc-radio__background .mdc-radio__inner-circle {
    border-color: var(--mdc-theme-secondary,#27509b)
}

.mdc-radio .mdc-radio__background:before {
    background-color: #27509b
}

@supports not (-ms-ime-align:auto) {
    .mdc-radio .mdc-radio__background:before {
        background-color: var(--mdc-theme-secondary,#27509b)
    }
}

.mdc-radio__background {
    display: inline-block;
    position: absolute;
    left: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;
    height: 50%
}

.mdc-radio__background:before {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    pointer-events: none;
    content: "";
    -webkit-transition: opacity .12s cubic-bezier(.4,0,.6,1) 0ms,-webkit-transform .12s cubic-bezier(.4,0,.6,1) 0ms;
    transition: opacity .12s cubic-bezier(.4,0,.6,1) 0ms,-webkit-transform .12s cubic-bezier(.4,0,.6,1) 0ms;
    transition: opacity .12s cubic-bezier(.4,0,.6,1) 0ms,transform .12s cubic-bezier(.4,0,.6,1) 0ms;
    transition: opacity .12s cubic-bezier(.4,0,.6,1) 0ms,transform .12s cubic-bezier(.4,0,.6,1) 0ms,-webkit-transform .12s cubic-bezier(.4,0,.6,1) 0ms
}

.mdc-radio__background:before,.mdc-radio__outer-circle {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%
}

.mdc-radio__outer-circle {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-width: 2px;
    border-style: solid;
    -webkit-transition: border-color .12s cubic-bezier(.4,0,.6,1) 0ms;
    transition: border-color .12s cubic-bezier(.4,0,.6,1) 0ms
}

.mdc-radio__inner-circle {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform: scale(0);
    transform: scale(0);
    border-width: 10px;
    border-style: solid;
    border-radius: 50%;
    -webkit-transition: border-color .12s cubic-bezier(.4,0,.6,1) 0ms,-webkit-transform .12s cubic-bezier(.4,0,.6,1) 0ms;
    transition: border-color .12s cubic-bezier(.4,0,.6,1) 0ms,-webkit-transform .12s cubic-bezier(.4,0,.6,1) 0ms;
    transition: transform .12s cubic-bezier(.4,0,.6,1) 0ms,border-color .12s cubic-bezier(.4,0,.6,1) 0ms;
    transition: transform .12s cubic-bezier(.4,0,.6,1) 0ms,border-color .12s cubic-bezier(.4,0,.6,1) 0ms,-webkit-transform .12s cubic-bezier(.4,0,.6,1) 0ms
}

.mdc-radio__inner-circle,.mdc-radio__native-control {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.mdc-radio__native-control {
    margin: 0;
    padding: 0;
    opacity: 0;
    cursor: inherit;
    z-index: 1
}

.mdc-radio__native-control:checked+.mdc-radio__background,.mdc-radio__native-control:disabled+.mdc-radio__background {
    -webkit-transition: opacity .12s cubic-bezier(0,0,.2,1) 0ms,-webkit-transform .12s cubic-bezier(0,0,.2,1) 0ms;
    transition: opacity .12s cubic-bezier(0,0,.2,1) 0ms,-webkit-transform .12s cubic-bezier(0,0,.2,1) 0ms;
    transition: opacity .12s cubic-bezier(0,0,.2,1) 0ms,transform .12s cubic-bezier(0,0,.2,1) 0ms;
    transition: opacity .12s cubic-bezier(0,0,.2,1) 0ms,transform .12s cubic-bezier(0,0,.2,1) 0ms,-webkit-transform .12s cubic-bezier(0,0,.2,1) 0ms
}

.mdc-radio__native-control:checked+.mdc-radio__background .mdc-radio__outer-circle,.mdc-radio__native-control:disabled+.mdc-radio__background .mdc-radio__outer-circle {
    -webkit-transition: border-color .12s cubic-bezier(0,0,.2,1) 0ms;
    transition: border-color .12s cubic-bezier(0,0,.2,1) 0ms
}

.mdc-radio__native-control:checked+.mdc-radio__background .mdc-radio__inner-circle,.mdc-radio__native-control:disabled+.mdc-radio__background .mdc-radio__inner-circle {
    -webkit-transition: border-color .12s cubic-bezier(0,0,.2,1) 0ms,-webkit-transform .12s cubic-bezier(0,0,.2,1) 0ms;
    transition: border-color .12s cubic-bezier(0,0,.2,1) 0ms,-webkit-transform .12s cubic-bezier(0,0,.2,1) 0ms;
    transition: transform .12s cubic-bezier(0,0,.2,1) 0ms,border-color .12s cubic-bezier(0,0,.2,1) 0ms;
    transition: transform .12s cubic-bezier(0,0,.2,1) 0ms,border-color .12s cubic-bezier(0,0,.2,1) 0ms,-webkit-transform .12s cubic-bezier(0,0,.2,1) 0ms
}

.mdc-radio--disabled {
    cursor: default;
    pointer-events: none
}

.mdc-radio__native-control:checked+.mdc-radio__background .mdc-radio__inner-circle {
    -webkit-transform: scale(.5);
    transform: scale(.5);
    -webkit-transition: border-color .12s cubic-bezier(0,0,.2,1) 0ms,-webkit-transform .12s cubic-bezier(0,0,.2,1) 0ms;
    transition: border-color .12s cubic-bezier(0,0,.2,1) 0ms,-webkit-transform .12s cubic-bezier(0,0,.2,1) 0ms;
    transition: transform .12s cubic-bezier(0,0,.2,1) 0ms,border-color .12s cubic-bezier(0,0,.2,1) 0ms;
    transition: transform .12s cubic-bezier(0,0,.2,1) 0ms,border-color .12s cubic-bezier(0,0,.2,1) 0ms,-webkit-transform .12s cubic-bezier(0,0,.2,1) 0ms
}

.mdc-radio__native-control:disabled+.mdc-radio__background,[aria-disabled=true] .mdc-radio__native-control+.mdc-radio__background {
    cursor: default
}

.mdc-radio__native-control:disabled+.mdc-radio__background .mdc-radio__inner-circle,.mdc-radio__native-control:disabled+.mdc-radio__background .mdc-radio__outer-circle,[aria-disabled=true] .mdc-radio__native-control+.mdc-radio__background .mdc-radio__inner-circle,[aria-disabled=true] .mdc-radio__native-control+.mdc-radio__background .mdc-radio__outer-circle {
    border-color: rgba(0,0,0,.26)
}

.mdc-radio__native-control:focus+.mdc-radio__background:before {
    -webkit-transform: scale(2);
    transform: scale(2);
    opacity: .12;
    -webkit-transition: opacity .12s cubic-bezier(0,0,.2,1) 0ms,-webkit-transform .12s cubic-bezier(0,0,.2,1) 0ms;
    transition: opacity .12s cubic-bezier(0,0,.2,1) 0ms,-webkit-transform .12s cubic-bezier(0,0,.2,1) 0ms;
    transition: opacity .12s cubic-bezier(0,0,.2,1) 0ms,transform .12s cubic-bezier(0,0,.2,1) 0ms;
    transition: opacity .12s cubic-bezier(0,0,.2,1) 0ms,transform .12s cubic-bezier(0,0,.2,1) 0ms,-webkit-transform .12s cubic-bezier(0,0,.2,1) 0ms
}

.mdc-radio {
    --mdc-ripple-fg-size: 0;
    --mdc-ripple-left: 0;
    --mdc-ripple-top: 0;
    --mdc-ripple-fg-scale: 1;
    --mdc-ripple-fg-translate-end: 0;
    --mdc-ripple-fg-translate-start: 0;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

.mdc-radio:after,.mdc-radio:before {
    position: absolute;
    border-radius: 50%;
    opacity: 0;
    pointer-events: none;
    content: ""
}

.mdc-radio:before {
    -webkit-transition: opacity 15ms linear,background-color 15ms linear;
    transition: opacity 15ms linear,background-color 15ms linear;
    z-index: 1
}

.mdc-radio.mdc-ripple-upgraded:before {
    -webkit-transform: scale(var(--mdc-ripple-fg-scale,1));
    transform: scale(var(--mdc-ripple-fg-scale,1))
}

.mdc-radio.mdc-ripple-upgraded:after {
    top: 0;
    left: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: center center;
    transform-origin: center center
}

.mdc-radio.mdc-ripple-upgraded--unbounded:after {
    top: var(--mdc-ripple-top,0);
    left: var(--mdc-ripple-left,0)
}

.mdc-radio.mdc-ripple-upgraded--foreground-activation:after {
    -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards;
    animation: mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards
}

.mdc-radio.mdc-ripple-upgraded--foreground-deactivation:after {
    -webkit-animation: mdc-ripple-fg-opacity-out .15s;
    animation: mdc-ripple-fg-opacity-out .15s;
    -webkit-transform: translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));
    transform: translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))
}

.mdc-radio:after,.mdc-radio:before {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.mdc-radio.mdc-ripple-upgraded:after,.mdc-radio.mdc-ripple-upgraded:before {
    top: var(--mdc-ripple-top,0);
    left: var(--mdc-ripple-left,0);
    width: var(--mdc-ripple-fg-size,100%);
    height: var(--mdc-ripple-fg-size,100%)
}

.mdc-radio.mdc-ripple-upgraded:after {
    width: var(--mdc-ripple-fg-size,100%);
    height: var(--mdc-ripple-fg-size,100%)
}

.mdc-radio:after,.mdc-radio:before {
    background-color: #27509b
}

@supports not (-ms-ime-align:auto) {
    .mdc-radio:after,.mdc-radio:before {
        background-color: var(--mdc-theme-secondary,#27509b)
    }
}

.mdc-radio:hover:before {
    opacity: .04
}

.mdc-radio.mdc-ripple-upgraded--background-focused:before,.mdc-radio:not(.mdc-ripple-upgraded):focus:before {
    -webkit-transition-duration: 75ms;
    transition-duration: 75ms;
    opacity: .12
}

.mdc-radio:not(.mdc-ripple-upgraded):after {
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear
}

.mdc-radio:not(.mdc-ripple-upgraded):active:after {
    -webkit-transition-duration: 75ms;
    transition-duration: 75ms;
    opacity: .12
}

.mdc-radio.mdc-ripple-upgraded {
    --mdc-ripple-fg-opacity: 0.12
}

.mdc-radio.mdc-ripple-upgraded--background-focused .mdc-radio__background:before {
    content: none
}

.mdc-radio {
    margin-left: -8px
}

.mdc-radio .mdc-radio__background:before {
    background-color: #e0e6f2
}

.mdc-radio .mdc-radio__native-control:enabled+.mdc-radio__background .mdc-radio__inner-circle,.mdc-radio .mdc-radio__native-control:enabled:not(:checked)+.mdc-radio__background .mdc-radio__outer-circle {
    border-color: #27509b
}

.mdc-radio__outer-circle {
    background: #e0e6f2;
    border-width: 1px
}

.mdc-radio__native-control:checked+.mdc-radio__background .mdc-radio__inner-circle {
    -webkit-transform: scale(.4);
    transform: scale(.4)
}

.mdc-radio .mdc-radio__native-control:enabled:not(:checked)+.mdc-radio__background .mdc-radio__outer-circle {
    border-color: #7d7d7d;
    background: #f5f5f5
}

.mdc-list {
    font-family: Noto Sans,arial,sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 1.6rem;
    line-height: 1.75rem!important;
    font-weight: 400;
    letter-spacing: .009375em;
    text-decoration: inherit;
    text-transform: inherit;
    line-height: 1.5rem!important;
    margin: 0;
    padding: 8px 0;
    list-style-type: none;
    color: rgba(0,0,0,.87);
    color: var(--mdc-theme-text-primary-on-background,rgba(0,0,0,.87))
}

.mdc-list:focus {
    outline: none
}

.mdc-list-item__secondary-text {
    color: rgba(0,0,0,.54);
    color: var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54))
}

.mdc-list-item__graphic {
    background-color: transparent;
    color: rgba(0,0,0,.38);
    color: var(--mdc-theme-text-icon-on-background,rgba(0,0,0,.38))
}

.mdc-list-item__meta {
    color: rgba(0,0,0,.38);
    color: var(--mdc-theme-text-hint-on-background,rgba(0,0,0,.38))
}

.mdc-list-group__subheader {
    color: rgba(0,0,0,.87);
    color: var(--mdc-theme-text-primary-on-background,rgba(0,0,0,.87))
}

.mdc-list--dense {
    padding-top: 4px;
    padding-bottom: 4px;
    font-size: .812rem
}

.mdc-list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    height: 48px;
    padding: 0 16px;
    overflow: hidden
}

.mdc-list-item:focus {
    outline: none
}

.mdc-list-item--activated,.mdc-list-item--activated .mdc-list-item__graphic,.mdc-list-item--selected,.mdc-list-item--selected .mdc-list-item__graphic {
    color: #27509b;
    color: var(--mdc-theme-primary,#27509b)
}

.mdc-list-item--disabled {
    color: rgba(0,0,0,.38);
    color: var(--mdc-theme-text-disabled-on-background,rgba(0,0,0,.38))
}

.mdc-list-item__graphic {
    margin-left: 0;
    margin-right: 32px;
    width: 24px;
    height: 24px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    fill: currentColor
}

.mdc-list-item[dir=rtl] .mdc-list-item__graphic,[dir=rtl] .mdc-list-item .mdc-list-item__graphic {
    margin-left: 32px;
    margin-right: 0
}

.mdc-list .mdc-list-item__graphic {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.mdc-list-item__meta {
    margin-left: auto;
    margin-right: 0
}

.mdc-list-item__meta:not(.material-icons) {
    font-family: Noto Sans,arial,sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 1.2rem;
    line-height: 1.25rem!important;
    font-weight: 400;
    letter-spacing: .0333333333em;
    text-decoration: inherit;
    text-transform: inherit
}

.mdc-list-item[dir=rtl] .mdc-list-item__meta,[dir=rtl] .mdc-list-item .mdc-list-item__meta {
    margin-left: 0;
    margin-right: auto
}

.mdc-list-item__text {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.mdc-list-item__text[for] {
    pointer-events: none
}

.mdc-list-item__primary-text {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-top: 0;
    line-height: normal;
    margin-bottom: -20px;
    display: block
}

.mdc-list-item__primary-text:before {
    display: inline-block;
    width: 0;
    height: 32px;
    content: "";
    vertical-align: 0
}

.mdc-list-item__primary-text:after {
    display: inline-block;
    width: 0;
    height: 20px;
    content: "";
    vertical-align: -20px
}

.mdc-list--dense .mdc-list-item__primary-text {
    display: block;
    margin-top: 0;
    line-height: normal;
    margin-bottom: -20px
}

.mdc-list--dense .mdc-list-item__primary-text:before {
    display: inline-block;
    width: 0;
    height: 24px;
    content: "";
    vertical-align: 0
}

.mdc-list--dense .mdc-list-item__primary-text:after {
    display: inline-block;
    width: 0;
    height: 20px;
    content: "";
    vertical-align: -20px
}

.mdc-list-item__secondary-text {
    font-family: Noto Sans,arial,sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 1.4rem;
    line-height: 1.25rem!important;
    font-weight: 400;
    letter-spacing: .0178571429em;
    text-decoration: inherit;
    text-transform: inherit;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-top: 0;
    line-height: normal;
    display: block
}

.mdc-list-item__secondary-text:before {
    display: inline-block;
    width: 0;
    height: 20px;
    content: "";
    vertical-align: 0
}

.mdc-list--dense .mdc-list-item__secondary-text {
    display: block;
    margin-top: 0;
    line-height: normal;
    font-size: inherit
}

.mdc-list--dense .mdc-list-item__secondary-text:before {
    display: inline-block;
    width: 0;
    height: 20px;
    content: "";
    vertical-align: 0
}

.mdc-list--dense .mdc-list-item {
    height: 40px
}

.mdc-list--dense .mdc-list-item__graphic {
    margin-left: 0;
    margin-right: 36px;
    width: 20px;
    height: 20px
}

.mdc-list-item[dir=rtl] .mdc-list--dense .mdc-list-item__graphic,[dir=rtl] .mdc-list-item .mdc-list--dense .mdc-list-item__graphic {
    margin-left: 36px;
    margin-right: 0
}

.mdc-list--avatar-list .mdc-list-item {
    height: 56px
}

.mdc-list--avatar-list .mdc-list-item__graphic {
    margin-left: 0;
    margin-right: 16px;
    width: 40px;
    height: 40px;
    border-radius: 50%
}

.mdc-list-item[dir=rtl] .mdc-list--avatar-list .mdc-list-item__graphic,[dir=rtl] .mdc-list-item .mdc-list--avatar-list .mdc-list-item__graphic {
    margin-left: 16px;
    margin-right: 0
}

.mdc-list--two-line .mdc-list-item__text {
    -ms-flex-item-align: start;
    align-self: flex-start
}

.mdc-list--two-line .mdc-list-item {
    height: 72px
}

.mdc-list--avatar-list.mdc-list--dense .mdc-list-item,.mdc-list--two-line.mdc-list--dense .mdc-list-item {
    height: 60px
}

.mdc-list--avatar-list.mdc-list--dense .mdc-list-item__graphic {
    margin-left: 0;
    margin-right: 20px;
    width: 36px;
    height: 36px
}

.mdc-list-item[dir=rtl] .mdc-list--avatar-list.mdc-list--dense .mdc-list-item__graphic,[dir=rtl] .mdc-list-item .mdc-list--avatar-list.mdc-list--dense .mdc-list-item__graphic {
    margin-left: 20px;
    margin-right: 0
}

:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item {
    cursor: pointer
}

a.mdc-list-item {
    color: inherit;
    text-decoration: none
}

.mdc-list-divider {
    height: 0;
    margin: 0;
    border: none;
    border-bottom: 1px solid;
    border-bottom-color: rgba(0,0,0,.12)
}

.mdc-list-divider--padded {
    margin: 0 16px
}

.mdc-list-divider--inset {
    margin-left: 72px;
    margin-right: 0;
    width: calc(100% - 72px)
}

.mdc-list-group[dir=rtl] .mdc-list-divider--inset,[dir=rtl] .mdc-list-group .mdc-list-divider--inset {
    margin-left: 0;
    margin-right: 72px
}

.mdc-list-divider--inset.mdc-list-divider--padded {
    width: calc(100% - 88px)
}

.mdc-list-group .mdc-list {
    padding: 0
}

.mdc-list-group__subheader {
    font-family: Noto Sans,arial,sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 1.6rem;
    line-height: 1.75rem!important;
    font-weight: 400;
    letter-spacing: .009375em;
    text-decoration: inherit;
    text-transform: inherit;
    margin: 3rem-1.5rem !important/2 16px
}

:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item {
    --mdc-ripple-fg-size: 0;
    --mdc-ripple-left: 0;
    --mdc-ripple-top: 0;
    --mdc-ripple-fg-scale: 1;
    --mdc-ripple-fg-translate-end: 0;
    --mdc-ripple-fg-translate-start: 0;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item:after,:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item:before {
    position: absolute;
    border-radius: 50%;
    opacity: 0;
    pointer-events: none;
    content: ""
}

:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item:before {
    -webkit-transition: opacity 15ms linear,background-color 15ms linear;
    transition: opacity 15ms linear,background-color 15ms linear;
    z-index: 1
}

:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded:before {
    -webkit-transform: scale(var(--mdc-ripple-fg-scale,1));
    transform: scale(var(--mdc-ripple-fg-scale,1))
}

:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded:after {
    top: 0;
    left: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: center center;
    transform-origin: center center
}

:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--unbounded:after {
    top: var(--mdc-ripple-top,0);
    left: var(--mdc-ripple-left,0)
}

:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--foreground-activation:after {
    -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards;
    animation: mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards
}

:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--foreground-deactivation:after {
    -webkit-animation: mdc-ripple-fg-opacity-out .15s;
    animation: mdc-ripple-fg-opacity-out .15s;
    -webkit-transform: translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));
    transform: translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))
}

:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item:after,:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item:before {
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%
}

:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded:after {
    width: var(--mdc-ripple-fg-size,100%);
    height: var(--mdc-ripple-fg-size,100%)
}

:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item:after,:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item:before {
    background-color: #000
}

:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item:hover:before {
    opacity: .04
}

:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--background-focused:before,:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item:not(.mdc-ripple-upgraded):focus:before {
    -webkit-transition-duration: 75ms;
    transition-duration: 75ms;
    opacity: .12
}

:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item:not(.mdc-ripple-upgraded):after {
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear
}

:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item:not(.mdc-ripple-upgraded):active:after {
    -webkit-transition-duration: 75ms;
    transition-duration: 75ms;
    opacity: .12
}

:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded {
    --mdc-ripple-fg-opacity: 0.12
}

:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item--activated:before {
    opacity: .12
}

:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item--activated:after,:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item--activated:before {
    background-color: #27509b
}

@supports not (-ms-ime-align:auto) {
    :not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item--activated:after,:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item--activated:before {
        background-color: var(--mdc-theme-primary,#27509b)
    }
}

:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item--activated:hover:before {
    opacity: .16
}

:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item--activated.mdc-ripple-upgraded--background-focused:before,:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item--activated:not(.mdc-ripple-upgraded):focus:before {
    -webkit-transition-duration: 75ms;
    transition-duration: 75ms;
    opacity: .24
}

:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item--activated:not(.mdc-ripple-upgraded):after {
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear
}

:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item--activated:not(.mdc-ripple-upgraded):active:after {
    -webkit-transition-duration: 75ms;
    transition-duration: 75ms;
    opacity: .24
}

:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item--activated.mdc-ripple-upgraded {
    --mdc-ripple-fg-opacity: 0.24
}

:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item--selected:before {
    opacity: .08
}

:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item--selected:after,:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item--selected:before {
    background-color: #27509b
}

@supports not (-ms-ime-align:auto) {
    :not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item--selected:after,:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item--selected:before {
        background-color: var(--mdc-theme-primary,#27509b)
    }
}

:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item--selected:hover:before {
    opacity: .12
}

:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item--selected.mdc-ripple-upgraded--background-focused:before,:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item--selected:not(.mdc-ripple-upgraded):focus:before {
    -webkit-transition-duration: 75ms;
    transition-duration: 75ms;
    opacity: .2
}

:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item--selected:not(.mdc-ripple-upgraded):after {
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear
}

:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item--selected:not(.mdc-ripple-upgraded):active:after {
    -webkit-transition-duration: 75ms;
    transition-duration: 75ms;
    opacity: .2
}

:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item--selected.mdc-ripple-upgraded {
    --mdc-ripple-fg-opacity: 0.2
}

:not(.mdc-list--non-interactive)>.mdc-list-item--disabled {
    --mdc-ripple-fg-size: 0;
    --mdc-ripple-left: 0;
    --mdc-ripple-top: 0;
    --mdc-ripple-fg-scale: 1;
    --mdc-ripple-fg-translate-end: 0;
    --mdc-ripple-fg-translate-start: 0;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

:not(.mdc-list--non-interactive)>.mdc-list-item--disabled:after,:not(.mdc-list--non-interactive)>.mdc-list-item--disabled:before {
    position: absolute;
    border-radius: 50%;
    opacity: 0;
    pointer-events: none;
    content: ""
}

:not(.mdc-list--non-interactive)>.mdc-list-item--disabled:before {
    -webkit-transition: opacity 15ms linear,background-color 15ms linear;
    transition: opacity 15ms linear,background-color 15ms linear;
    z-index: 1
}

:not(.mdc-list--non-interactive)>.mdc-list-item--disabled.mdc-ripple-upgraded:before {
    -webkit-transform: scale(var(--mdc-ripple-fg-scale,1));
    transform: scale(var(--mdc-ripple-fg-scale,1))
}

:not(.mdc-list--non-interactive)>.mdc-list-item--disabled.mdc-ripple-upgraded:after {
    top: 0;
    left: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: center center;
    transform-origin: center center
}

:not(.mdc-list--non-interactive)>.mdc-list-item--disabled.mdc-ripple-upgraded--unbounded:after {
    top: var(--mdc-ripple-top,0);
    left: var(--mdc-ripple-left,0)
}

:not(.mdc-list--non-interactive)>.mdc-list-item--disabled.mdc-ripple-upgraded--foreground-activation:after {
    -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards;
    animation: mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards
}

:not(.mdc-list--non-interactive)>.mdc-list-item--disabled.mdc-ripple-upgraded--foreground-deactivation:after {
    -webkit-animation: mdc-ripple-fg-opacity-out .15s;
    animation: mdc-ripple-fg-opacity-out .15s;
    -webkit-transform: translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));
    transform: translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))
}

:not(.mdc-list--non-interactive)>.mdc-list-item--disabled:after,:not(.mdc-list--non-interactive)>.mdc-list-item--disabled:before {
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%
}

:not(.mdc-list--non-interactive)>.mdc-list-item--disabled.mdc-ripple-upgraded:after {
    width: var(--mdc-ripple-fg-size,100%);
    height: var(--mdc-ripple-fg-size,100%)
}

:not(.mdc-list--non-interactive)>.mdc-list-item--disabled:after,:not(.mdc-list--non-interactive)>.mdc-list-item--disabled:before {
    background-color: #000
}

:not(.mdc-list--non-interactive)>.mdc-list-item--disabled.mdc-ripple-upgraded--background-focused:before,:not(.mdc-list--non-interactive)>.mdc-list-item--disabled:not(.mdc-ripple-upgraded):focus:before {
    -webkit-transition-duration: 75ms;
    transition-duration: 75ms;
    opacity: .12
}

.mdc-menu-surface {
    display: none;
    position: absolute;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: calc(100vw - 32px);
    max-height: calc(100vh - 32px);
    margin: 0;
    padding: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    opacity: 0;
    overflow: auto;
    will-change: transform,opacity;
    z-index: 8;
    -webkit-transition: opacity .03s linear,-webkit-transform .12s cubic-bezier(0,0,.2,1);
    transition: opacity .03s linear,-webkit-transform .12s cubic-bezier(0,0,.2,1);
    transition: opacity .03s linear,transform .12s cubic-bezier(0,0,.2,1);
    transition: opacity .03s linear,transform .12s cubic-bezier(0,0,.2,1),-webkit-transform .12s cubic-bezier(0,0,.2,1);
    -webkit-box-shadow: 0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);
    box-shadow: 0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);
    background-color: #fff;
    background-color: var(--mdc-theme-surface,#fff);
    color: #000;
    color: var(--mdc-theme-on-surface,#000);
    border-radius: 4px;
    transform-origin-left: top left;
    transform-origin-right: top right
}

.mdc-menu-surface:focus {
    outline: none
}

.mdc-menu-surface--open {
    display: inline-block;
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.mdc-menu-surface--animating-open {
    display: inline-block;
    -webkit-transform: scale(.8);
    transform: scale(.8);
    opacity: 0
}

.mdc-menu-surface--animating-closed {
    display: inline-block;
    opacity: 0;
    -webkit-transition: opacity 75ms linear;
    transition: opacity 75ms linear
}

.mdc-menu-surface[dir=rtl],[dir=rtl] .mdc-menu-surface {
    transform-origin-left: top right;
    transform-origin-right: top left
}

.mdc-menu-surface--anchor {
    position: relative;
    overflow: visible
}

.mdc-menu-surface--fixed {
    position: fixed
}

.mdc-menu {
    min-width: 112px
}

.mdc-menu .mdc-list,.mdc-menu .mdc-list-item__graphic,.mdc-menu .mdc-list-item__meta {
    color: rgba(0,0,0,.87)
}

.mdc-menu .mdc-list-divider {
    margin: 8px 0
}

.mdc-menu .mdc-list-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mdc-menu .mdc-list-item--disabled {
    cursor: auto
}

@media screen and (-ms-high-contrast:active) {
    .mdc-menu .mdc-list-item--disabled {
        opacity: .38
    }
}

.mdc-menu a.mdc-list-item .mdc-list-item__graphic,.mdc-menu a.mdc-list-item .mdc-list-item__text {
    pointer-events: none
}

.mdc-menu__selection-group {
    padding: 0;
    fill: currentColor
}

.mdc-menu__selection-group .mdc-list-item {
    padding-left: 56px;
    padding-right: 16px
}

.mdc-menu__selection-group .mdc-list-item[dir=rtl],[dir=rtl] .mdc-menu__selection-group .mdc-list-item {
    padding-left: 16px;
    padding-right: 56px
}

.mdc-menu__selection-group .mdc-menu__selection-group-icon {
    left: 16px;
    right: auto;
    display: none;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.mdc-menu__selection-group .mdc-menu__selection-group-icon[dir=rtl],[dir=rtl] .mdc-menu__selection-group .mdc-menu__selection-group-icon {
    left: auto;
    right: 16px
}

.mdc-menu-item--selected .mdc-menu__selection-group-icon {
    display: inline
}

@-webkit-keyframes mdc-select-float-native-control {
    0% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
        opacity: 0
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes mdc-select-float-native-control {
    0% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
        opacity: 0
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

.mdc-select--with-leading-icon:not(.mdc-select--disabled) .mdc-select__icon {
    color: #000;
    color: var(--mdc-theme-on-surface,#000)
}

.mdc-select--with-leading-icon .mdc-select__icon {
    display: inline-block;
    position: absolute;
    bottom: 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 24px;
    height: 24px;
    border: none;
    background-color: transparent;
    fill: currentColor;
    opacity: .54;
    text-decoration: none;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mdc-select__icon:not([tabindex]),.mdc-select__icon[tabindex="-1"] {
    cursor: default;
    pointer-events: none
}

.mdc-select-helper-text {
    font-family: Noto Sans,arial,sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 1.2rem;
    line-height: 1.25rem!important;
    font-weight: 400;
    letter-spacing: .0333333333em;
    text-decoration: inherit;
    text-transform: inherit;
    display: block;
    line-height: normal;
    margin: 0;
    -webkit-transition: opacity .18s cubic-bezier(.4,0,.2,1);
    transition: opacity .18s cubic-bezier(.4,0,.2,1);
    opacity: 0;
    will-change: opacity
}

.mdc-select-helper-text:before {
    display: inline-block;
    width: 0;
    height: 16px;
    content: "";
    vertical-align: 0
}

.mdc-select-helper-text--persistent {
    -webkit-transition: none;
    transition: none;
    opacity: 1;
    will-change: auto
}

.mdc-select {
    --mdc-ripple-fg-size: 0;
    --mdc-ripple-left: 0;
    --mdc-ripple-top: 0;
    --mdc-ripple-fg-scale: 1;
    --mdc-ripple-fg-translate-end: 0;
    --mdc-ripple-fg-translate-start: 0;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 56px;
    overflow: hidden;
    will-change: opacity,transform,color
}

.mdc-select:not(.mdc-select--disabled) {
    background-color: #f5f5f5
}

.mdc-select:after,.mdc-select:before {
    position: absolute;
    border-radius: 50%;
    opacity: 0;
    pointer-events: none;
    content: ""
}

.mdc-select:before {
    -webkit-transition: opacity 15ms linear,background-color 15ms linear;
    transition: opacity 15ms linear,background-color 15ms linear;
    z-index: 1
}

.mdc-select.mdc-ripple-upgraded:before {
    -webkit-transform: scale(var(--mdc-ripple-fg-scale,1));
    transform: scale(var(--mdc-ripple-fg-scale,1))
}

.mdc-select.mdc-ripple-upgraded:after {
    top: 0;
    left: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: center center;
    transform-origin: center center
}

.mdc-select.mdc-ripple-upgraded--unbounded:after {
    top: var(--mdc-ripple-top,0);
    left: var(--mdc-ripple-left,0)
}

.mdc-select.mdc-ripple-upgraded--foreground-activation:after {
    -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards;
    animation: mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards
}

.mdc-select.mdc-ripple-upgraded--foreground-deactivation:after {
    -webkit-animation: mdc-ripple-fg-opacity-out .15s;
    animation: mdc-ripple-fg-opacity-out .15s;
    -webkit-transform: translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));
    transform: translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))
}

.mdc-select:after,.mdc-select:before {
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%
}

.mdc-select.mdc-ripple-upgraded:after {
    width: var(--mdc-ripple-fg-size,100%);
    height: var(--mdc-ripple-fg-size,100%)
}

.mdc-select:after,.mdc-select:before {
    background-color: rgba(0,0,0,.87)
}

.mdc-select:hover:before {
    opacity: .04
}

.mdc-select.mdc-ripple-upgraded--background-focused:before,.mdc-select:not(.mdc-ripple-upgraded):focus:before {
    -webkit-transition-duration: 75ms;
    transition-duration: 75ms;
    opacity: .12
}

.mdc-select:not(.mdc-select--disabled) .mdc-select__native-control,.mdc-select:not(.mdc-select--disabled) .mdc-select__selected-text {
    color: rgba(0,0,0,.87)
}

.mdc-select:not(.mdc-select--disabled) .mdc-floating-label {
    color: rgba(0,0,0,.6)
}

.mdc-select:not(.mdc-select--disabled) .mdc-select__native-control,.mdc-select:not(.mdc-select--disabled) .mdc-select__selected-text {
    border-bottom-color: rgba(0,0,0,.42)
}

.mdc-select:not(.mdc-select--disabled)+.mdc-select-helper-text {
    color: rgba(0,0,0,.6)
}

.mdc-select,.mdc-select__native-control {
    border-radius: 4px 4px 0 0
}

.mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-line-ripple {
    background-color: #27509b;
    background-color: var(--mdc-theme-primary,#27509b)
}

.mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-floating-label {
    color: rgba(39,80,155,.87)
}

.mdc-select:not(.mdc-select--disabled) .mdc-select__native-control:hover {
    border-bottom-color: rgba(0,0,0,.87)
}

.mdc-select .mdc-floating-label--float-above {
    -webkit-transform: translateY(-70%) scale(.75);
    transform: translateY(-70%) scale(.75)
}

.mdc-select .mdc-floating-label {
    left: 16px;
    right: auto;
    top: 21px;
    pointer-events: none
}

.mdc-select .mdc-floating-label[dir=rtl],[dir=rtl] .mdc-select .mdc-floating-label {
    left: auto;
    right: 16px
}

.mdc-select.mdc-select--with-leading-icon .mdc-floating-label {
    left: 48px;
    right: auto
}

.mdc-select.mdc-select--with-leading-icon .mdc-floating-label[dir=rtl],[dir=rtl] .mdc-select.mdc-select--with-leading-icon .mdc-floating-label {
    left: auto;
    right: 48px
}

.mdc-select.mdc-select--outlined .mdc-floating-label {
    left: 4px;
    right: auto;
    top: 17px
}

.mdc-select.mdc-select--outlined .mdc-floating-label[dir=rtl],[dir=rtl] .mdc-select.mdc-select--outlined .mdc-floating-label {
    left: auto;
    right: 4px
}

.mdc-select.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label {
    left: 36px;
    right: auto
}

.mdc-select.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label[dir=rtl],[dir=rtl] .mdc-select.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label {
    left: auto;
    right: 36px
}

.mdc-select.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--float-above {
    left: 36px;
    right: auto
}

.mdc-select.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--float-above[dir=rtl],[dir=rtl] .mdc-select.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--float-above {
    left: auto;
    right: 36px
}

.mdc-select__dropdown-icon {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='5' viewBox='7 10 10 5' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' opacity='.54' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E") no-repeat 50%;
    left: auto;
    right: 8px;
    position: absolute;
    bottom: 16px;
    width: 24px;
    height: 24px;
    -webkit-transition: -webkit-transform .15s cubic-bezier(.4,0,.2,1);
    transition: -webkit-transform .15s cubic-bezier(.4,0,.2,1);
    transition: transform .15s cubic-bezier(.4,0,.2,1);
    transition: transform .15s cubic-bezier(.4,0,.2,1),-webkit-transform .15s cubic-bezier(.4,0,.2,1);
    pointer-events: none
}

.mdc-select__dropdown-icon[dir=rtl],[dir=rtl] .mdc-select__dropdown-icon {
    left: 8px;
    right: auto
}

.mdc-select--focused .mdc-select__dropdown-icon {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='5' viewBox='7 10 10 5' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%2327509b' fill-rule='evenodd' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E") no-repeat 50%
}

.mdc-select--activated .mdc-select__dropdown-icon {
    -webkit-transform: rotate(180deg) translateY(-5px);
    transform: rotate(180deg) translateY(-5px);
    -webkit-transition: -webkit-transform .15s cubic-bezier(.4,0,.2,1);
    transition: -webkit-transform .15s cubic-bezier(.4,0,.2,1);
    transition: transform .15s cubic-bezier(.4,0,.2,1);
    transition: transform .15s cubic-bezier(.4,0,.2,1),-webkit-transform .15s cubic-bezier(.4,0,.2,1)
}

.mdc-select__native-control {
    padding-top: 20px
}

.mdc-select.mdc-select--focused .mdc-line-ripple:after {
    -webkit-transform: scaleY(2);
    transform: scaleY(2);
    opacity: 1
}

.mdc-select+.mdc-select-helper-text {
    margin-right: 12px;
    margin-left: 12px
}

.mdc-select--outlined+.mdc-select-helper-text {
    margin-right: 16px;
    margin-left: 16px
}

.mdc-select--focused+.mdc-select-helper-text:not(.mdc-select-helper-text--validation-msg) {
    opacity: 1
}

.mdc-select__selected-text {
    min-width: 200px;
    padding-top: 22px
}

.mdc-select__native-control,.mdc-select__selected-text {
    font-family: Noto Sans,arial,sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 1.6rem;
    line-height: 1.75rem!important;
    font-weight: 400;
    letter-spacing: .009375em;
    text-decoration: inherit;
    text-transform: inherit;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 56px;
    padding: 20px 52px 4px 16px;
    border: none;
    border-bottom: 1px solid;
    outline: none;
    background-color: transparent;
    color: inherit;
    white-space: nowrap;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.mdc-select__native-control[dir=rtl],.mdc-select__selected-text[dir=rtl],[dir=rtl] .mdc-select__native-control,[dir=rtl] .mdc-select__selected-text {
    padding-left: 52px;
    padding-right: 16px
}

.mdc-select__native-control::-ms-expand,.mdc-select__selected-text::-ms-expand {
    display: none
}

.mdc-select__native-control::-ms-value,.mdc-select__selected-text::-ms-value {
    background-color: transparent;
    color: inherit
}

@-moz-document url-prefix("") {
    .mdc-select__native-control,.mdc-select__selected-text {
        text-indent: -2px
    }
}

.mdc-select--outlined {
    border: none;
    overflow: visible
}

.mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__leading,.mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__notch,.mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__trailing {
    border-color: rgba(0,0,0,.38)
}

.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__native-control:hover~.mdc-notched-outline .mdc-notched-outline__leading,.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__native-control:hover~.mdc-notched-outline .mdc-notched-outline__notch,.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__native-control:hover~.mdc-notched-outline .mdc-notched-outline__trailing,.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__selected-text:hover~.mdc-notched-outline .mdc-notched-outline__leading,.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__selected-text:hover~.mdc-notched-outline .mdc-notched-outline__notch,.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__selected-text:hover~.mdc-notched-outline .mdc-notched-outline__trailing {
    border-color: rgba(0,0,0,.87)
}

.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading,.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch,.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing {
    border-width: 2px;
    border-color: #27509b;
    border-color: var(--mdc-theme-primary,#27509b)
}

.mdc-select--outlined .mdc-floating-label--shake {
    -webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined .25s 1;
    animation: mdc-floating-label-shake-float-above-text-field-outlined .25s 1
}

.mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading {
    border-radius: 4px 0 0 4px
}

.mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading[dir=rtl],.mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__trailing,[dir=rtl] .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading {
    border-radius: 0 4px 4px 0
}

.mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__trailing[dir=rtl],[dir=rtl] .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__trailing {
    border-radius: 4px 0 0 4px
}

.mdc-select--outlined .mdc-select__native-control {
    border-radius: 4px
}

.mdc-select--outlined:after,.mdc-select--outlined:before {
    content: none
}

.mdc-select--outlined:not(.mdc-select--disabled) {
    background-color: transparent
}

.mdc-select--outlined .mdc-floating-label--float-above {
    -webkit-transform: translateY(-144%) scale(1);
    transform: translateY(-144%) scale(1);
    font-size: .75rem
}

.mdc-select--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-select--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    -webkit-transform: translateY(-130%) scale(.75);
    transform: translateY(-130%) scale(.75);
    font-size: 1rem
}

.mdc-select--outlined .mdc-select__native-control,.mdc-select--outlined .mdc-select__selected-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 12px 52px 12px 16px;
    border: none;
    background-color: transparent;
    z-index: 1
}

.mdc-select--outlined .mdc-select__native-control[dir=rtl],.mdc-select--outlined .mdc-select__selected-text[dir=rtl],[dir=rtl] .mdc-select--outlined .mdc-select__native-control,[dir=rtl] .mdc-select--outlined .mdc-select__selected-text {
    padding-left: 52px;
    padding-right: 16px
}

.mdc-select--outlined .mdc-select__selected-text {
    padding-top: 14px
}

.mdc-select--outlined .mdc-select__icon {
    z-index: 2
}

.mdc-select--outlined .mdc-floating-label {
    line-height: 1.15rem;
    pointer-events: auto
}

.mdc-select--invalid:not(.mdc-select--disabled) .mdc-floating-label {
    color: #b00020;
    color: var(--mdc-theme-error,#b00020)
}

.mdc-select--invalid:not(.mdc-select--disabled) .mdc-select__native-control,.mdc-select--invalid:not(.mdc-select--disabled) .mdc-select__selected-text {
    border-bottom-color: #b00020;
    border-bottom-color: var(--mdc-theme-error,#b00020)
}

.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-line-ripple {
    background-color: #b00020;
    background-color: var(--mdc-theme-error,#b00020)
}

.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-floating-label {
    color: #b00020
}

.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--invalid+.mdc-select-helper-text--validation-msg {
    color: #b00020;
    color: var(--mdc-theme-error,#b00020)
}

.mdc-select--invalid:not(.mdc-select--disabled) .mdc-select__native-control:hover {
    border-bottom-color: #b00020;
    border-bottom-color: var(--mdc-theme-error,#b00020)
}

.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__leading,.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__notch,.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__trailing,.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__native-control:hover~.mdc-notched-outline .mdc-notched-outline__leading,.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__native-control:hover~.mdc-notched-outline .mdc-notched-outline__notch,.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__native-control:hover~.mdc-notched-outline .mdc-notched-outline__trailing,.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__selected-text:hover~.mdc-notched-outline .mdc-notched-outline__leading,.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__selected-text:hover~.mdc-notched-outline .mdc-notched-outline__notch,.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__selected-text:hover~.mdc-notched-outline .mdc-notched-outline__trailing {
    border-color: #b00020;
    border-color: var(--mdc-theme-error,#b00020)
}

.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading,.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch,.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing {
    border-width: 2px;
    border-color: #b00020;
    border-color: var(--mdc-theme-error,#b00020)
}

.mdc-select--invalid .mdc-select__dropdown-icon {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='5' viewBox='7 10 10 5' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23b00020' fill-rule='evenodd' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E") no-repeat 50%
}

.mdc-select--invalid+.mdc-select-helper-text--validation-msg {
    opacity: 1
}

.mdc-select--required .mdc-floating-label:after {
    content: "*"
}

.mdc-select--disabled {
    background-color: #fafafa;
    cursor: default;
    pointer-events: none
}

.mdc-select--disabled .mdc-floating-label {
    color: rgba(0,0,0,.37)
}

.mdc-select--disabled .mdc-select__dropdown-icon {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='5' viewBox='7 10 10 5' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' opacity='.37' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E") no-repeat 50%
}

.mdc-select--disabled .mdc-line-ripple {
    display: none
}

.mdc-select--disabled .mdc-select__icon {
    color: rgba(0,0,0,.37)
}

.mdc-select--disabled .mdc-select__native-control,.mdc-select--disabled .mdc-select__selected-text {
    color: rgba(0,0,0,.37);
    border-bottom-style: dotted
}

.mdc-select--disabled .mdc-select__selected-text {
    pointer-events: none
}

.mdc-select--disabled.mdc-select--outlined {
    background-color: transparent
}

.mdc-select--disabled.mdc-select--outlined .mdc-select__native-control,.mdc-select--disabled.mdc-select--outlined .mdc-select__selected-text {
    border-bottom-style: none
}

.mdc-select--disabled.mdc-select--outlined .mdc-notched-outline__leading,.mdc-select--disabled.mdc-select--outlined .mdc-notched-outline__notch,.mdc-select--disabled.mdc-select--outlined .mdc-notched-outline__trailing {
    border-color: rgba(0,0,0,.16)
}

.mdc-select--with-leading-icon .mdc-select__icon {
    left: 16px;
    right: auto
}

.mdc-select--with-leading-icon .mdc-select__icon[dir=rtl],[dir=rtl] .mdc-select--with-leading-icon .mdc-select__icon {
    left: auto;
    right: 16px
}

.mdc-select--with-leading-icon .mdc-select__native-control,.mdc-select--with-leading-icon .mdc-select__selected-text {
    padding-left: 48px;
    padding-right: 32px
}

.mdc-select--with-leading-icon .mdc-select__native-control[dir=rtl],.mdc-select--with-leading-icon .mdc-select__selected-text[dir=rtl],[dir=rtl] .mdc-select--with-leading-icon .mdc-select__native-control,[dir=rtl] .mdc-select--with-leading-icon .mdc-select__selected-text {
    padding-left: 32px;
    padding-right: 48px
}

.mdc-select--with-leading-icon.mdc-select--outlined .mdc-floating-label--float-above {
    -webkit-transform: translateY(-144%) translateX(-32px) scale(1);
    transform: translateY(-144%) translateX(-32px) scale(1)
}

.mdc-select--with-leading-icon.mdc-select--outlined .mdc-floating-label--float-above[dir=rtl],[dir=rtl] .mdc-select--with-leading-icon.mdc-select--outlined .mdc-floating-label--float-above {
    -webkit-transform: translateY(-144%) translateX(32px) scale(1);
    transform: translateY(-144%) translateX(32px) scale(1)
}

.mdc-select--with-leading-icon.mdc-select--outlined .mdc-floating-label--float-above {
    font-size: .75rem
}

.mdc-select--with-leading-icon.mdc-select--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-select--with-leading-icon.mdc-select--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    -webkit-transform: translateY(-130%) translateX(-32px) scale(.75);
    transform: translateY(-130%) translateX(-32px) scale(.75)
}

.mdc-select--with-leading-icon.mdc-select--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl],.mdc-select--with-leading-icon.mdc-select--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl],[dir=rtl] .mdc-select--with-leading-icon.mdc-select--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,[dir=rtl] .mdc-select--with-leading-icon.mdc-select--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    -webkit-transform: translateY(-130%) translateX(32px) scale(.75);
    transform: translateY(-130%) translateX(32px) scale(.75)
}

.mdc-select--with-leading-icon.mdc-select--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-select--with-leading-icon.mdc-select--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    font-size: 1rem
}

.mdc-select--with-leading-icon.mdc-select--outlined .mdc-floating-label--shake {
    -webkit-animation: mdc-floating-label-shake-float-above-select-outlined-leading-icon .25s 1;
    animation: mdc-floating-label-shake-float-above-select-outlined-leading-icon .25s 1
}

.mdc-select--with-leading-icon.mdc-select--outlined[dir=rtl] .mdc-floating-label--shake,[dir=rtl] .mdc-select--with-leading-icon.mdc-select--outlined .mdc-floating-label--shake {
    -webkit-animation: mdc-floating-label-shake-float-above-select-outlined-leading-icon-rtl .25s 1;
    animation: mdc-floating-label-shake-float-above-select-outlined-leading-icon-rtl .25s 1
}

.mdc-select--with-leading-icon.mdc-select__menu .mdc-list-item__text,.mdc-select--with-leading-icon.mdc-select__menu .mdc-list-item__text[dir=rtl],[dir=rtl] .mdc-select--with-leading-icon.mdc-select__menu .mdc-list-item__text {
    padding-left: 32px;
    padding-right: 32px
}

.mdc-select__menu .mdc-list .mdc-list-item--selected {
    color: #000;
    color: var(--mdc-theme-on-surface,#000)
}

.mdc-select__menu .mdc-list .mdc-list-item--selected:after,.mdc-select__menu .mdc-list .mdc-list-item--selected:before {
    background-color: #000
}

@supports not (-ms-ime-align:auto) {
    .mdc-select__menu .mdc-list .mdc-list-item--selected:after,.mdc-select__menu .mdc-list .mdc-list-item--selected:before {
        background-color: var(--mdc-theme-on-surface,#000)
    }
}

.mdc-select__menu .mdc-list .mdc-list-item--selected:hover:before {
    opacity: .04
}

.mdc-select__menu .mdc-list .mdc-list-item--selected.mdc-ripple-upgraded--background-focused:before,.mdc-select__menu .mdc-list .mdc-list-item--selected:not(.mdc-ripple-upgraded):focus:before {
    -webkit-transition-duration: 75ms;
    transition-duration: 75ms;
    opacity: .12
}

.mdc-select__menu .mdc-list .mdc-list-item--selected:not(.mdc-ripple-upgraded):after {
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear
}

.mdc-select__menu .mdc-list .mdc-list-item--selected:not(.mdc-ripple-upgraded):active:after {
    -webkit-transition-duration: 75ms;
    transition-duration: 75ms;
    opacity: .12
}

.mdc-select__menu .mdc-list .mdc-list-item--selected.mdc-ripple-upgraded {
    --mdc-ripple-fg-opacity: 0.12
}

@-webkit-keyframes mdc-floating-label-shake-float-above-select-outlined-leading-icon {
    0% {
        -webkit-transform: translateX(-32px) translateY(-130%) scale(.75);
        transform: translateX(-32px) translateY(-130%) scale(.75)
    }

    33% {
        -webkit-animation-timing-function: cubic-bezier(.5,0,.701732,.495819);
        animation-timing-function: cubic-bezier(.5,0,.701732,.495819);
        -webkit-transform: translateX(calc(4% - 32px)) translateY(-130%) scale(.75);
        transform: translateX(calc(4% - 32px)) translateY(-130%) scale(.75)
    }

    66% {
        -webkit-animation-timing-function: cubic-bezier(.302435,.381352,.55,.956352);
        animation-timing-function: cubic-bezier(.302435,.381352,.55,.956352);
        -webkit-transform: translateX(calc(-4% - 32px)) translateY(-130%) scale(.75);
        transform: translateX(calc(-4% - 32px)) translateY(-130%) scale(.75)
    }

    to {
        -webkit-transform: translateX(-32px) translateY(-130%) scale(.75);
        transform: translateX(-32px) translateY(-130%) scale(.75)
    }
}

@keyframes mdc-floating-label-shake-float-above-select-outlined-leading-icon {
    0% {
        -webkit-transform: translateX(-32px) translateY(-130%) scale(.75);
        transform: translateX(-32px) translateY(-130%) scale(.75)
    }

    33% {
        -webkit-animation-timing-function: cubic-bezier(.5,0,.701732,.495819);
        animation-timing-function: cubic-bezier(.5,0,.701732,.495819);
        -webkit-transform: translateX(calc(4% - 32px)) translateY(-130%) scale(.75);
        transform: translateX(calc(4% - 32px)) translateY(-130%) scale(.75)
    }

    66% {
        -webkit-animation-timing-function: cubic-bezier(.302435,.381352,.55,.956352);
        animation-timing-function: cubic-bezier(.302435,.381352,.55,.956352);
        -webkit-transform: translateX(calc(-4% - 32px)) translateY(-130%) scale(.75);
        transform: translateX(calc(-4% - 32px)) translateY(-130%) scale(.75)
    }

    to {
        -webkit-transform: translateX(-32px) translateY(-130%) scale(.75);
        transform: translateX(-32px) translateY(-130%) scale(.75)
    }
}

@-webkit-keyframes mdc-floating-label-shake-float-above-select-outlined-leading-icon-rtl {
    0% {
        -webkit-transform: translateX(32px) translateY(-130%) scale(.75);
        transform: translateX(32px) translateY(-130%) scale(.75)
    }

    33% {
        -webkit-animation-timing-function: cubic-bezier(.5,0,.701732,.495819);
        animation-timing-function: cubic-bezier(.5,0,.701732,.495819);
        -webkit-transform: translateX(calc(4% + 32px)) translateY(-130%) scale(.75);
        transform: translateX(calc(4% + 32px)) translateY(-130%) scale(.75)
    }

    66% {
        -webkit-animation-timing-function: cubic-bezier(.302435,.381352,.55,.956352);
        animation-timing-function: cubic-bezier(.302435,.381352,.55,.956352);
        -webkit-transform: translateX(calc(-4% + 32px)) translateY(-130%) scale(.75);
        transform: translateX(calc(-4% + 32px)) translateY(-130%) scale(.75)
    }

    to {
        -webkit-transform: translateX(32px) translateY(-130%) scale(.75);
        transform: translateX(32px) translateY(-130%) scale(.75)
    }
}

@keyframes mdc-floating-label-shake-float-above-select-outlined-leading-icon-rtl {
    0% {
        -webkit-transform: translateX(32px) translateY(-130%) scale(.75);
        transform: translateX(32px) translateY(-130%) scale(.75)
    }

    33% {
        -webkit-animation-timing-function: cubic-bezier(.5,0,.701732,.495819);
        animation-timing-function: cubic-bezier(.5,0,.701732,.495819);
        -webkit-transform: translateX(calc(4% + 32px)) translateY(-130%) scale(.75);
        transform: translateX(calc(4% + 32px)) translateY(-130%) scale(.75)
    }

    66% {
        -webkit-animation-timing-function: cubic-bezier(.302435,.381352,.55,.956352);
        animation-timing-function: cubic-bezier(.302435,.381352,.55,.956352);
        -webkit-transform: translateX(calc(-4% + 32px)) translateY(-130%) scale(.75);
        transform: translateX(calc(-4% + 32px)) translateY(-130%) scale(.75)
    }

    to {
        -webkit-transform: translateX(32px) translateY(-130%) scale(.75);
        transform: translateX(32px) translateY(-130%) scale(.75)
    }
}

.mdc-select:not(.mdc-select--disabled) .mdc-select__native-control,.mdc-select:not(.mdc-select--disabled) .mdc-select__selected-text {
    border-bottom-color: transparent
}

.mdc-select,.mdc-select__native-control {
    border-radius: 0 0 0 0
}

.mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-line-ripple {
    background-color: #fce500
}

.mdc-select .mdc-select__dropdown-icon {
    padding: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: transparent
}

.mdc-select .mdc-select__dropdown-icon svg {
    width: 100%;
    margin: auto;
    fill: #333
}

.mdc-select:not(.mdc-select--disabled) .mdc-floating-label {
    color: #333
}

.mdc-select .mdc-floating-label--float-above {
    -webkit-transform: translate(-16px,-70%) scale(.75);
    transform: translate(-16px,-70%) scale(.75)
}

.mdc-select:not(.fieldEmpty):hover:before {
    opacity: 0
}

.mdc-select:not(.mdc-select--focused):not(.mdc-text-field--disabled):not(.fieldEmpty) {
    background-color: transparent
}

.mdc-select:not(.mdc-select--focused):not(.mdc-text-field--disabled):not(.fieldEmpty):not(.mdc-text-field--invalid) .mdc-line-ripple {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    background: green
}

.mdc-select:not(.mdc-select--focused):not(.mdc-text-field--disabled):not(.fieldEmpty).mdc-text-field--invalid .mdc-line-ripple {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    background: red
}

.mdc-select:not(.mdc-select--disabled) .mdc-select__selected-text {
    padding-top: 2.8rem
}

.mdc-select--required .mdc-floating-label:after {
    content: none
}

.mdc-select:not(.mdc-select--disabled).mdc-select--focused,.mdc-select:not(.mdc-select--disabled).mdc-select--focused:before {
    background-color: transparent
}

.mdc-select__anchor {
    width: 100%
}

.container-select {
    position: relative
}

.mdc-menu-surface {
    z-index: 451
}

.native-select-hidden {
    position: absolute;
    opacity: 0;
    z-index: -1;
    left: 50%;
    top: 50%;
    overflow: hidden;
    height: 1px;
    width: 1px;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.mdc-floating-label {
    font-family: Noto Sans,arial,sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 1.6rem;
    line-height: 1.75rem!important;
    font-weight: 400;
    letter-spacing: .009375em;
    text-decoration: inherit;
    text-transform: inherit;
    position: absolute;
    left: 0;
    -webkit-transform-origin: left top;
    transform-origin: left top;
    -webkit-transition: color .15s cubic-bezier(.4,0,.2,1),-webkit-transform .15s cubic-bezier(.4,0,.2,1);
    transition: color .15s cubic-bezier(.4,0,.2,1),-webkit-transform .15s cubic-bezier(.4,0,.2,1);
    transition: transform .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1);
    transition: transform .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1),-webkit-transform .15s cubic-bezier(.4,0,.2,1);
    line-height: 1.15rem;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: text;
    overflow: hidden;
    will-change: transform
}

.mdc-floating-label[dir=rtl],[dir=rtl] .mdc-floating-label {
    right: 0;
    left: auto;
    -webkit-transform-origin: right top;
    transform-origin: right top;
    text-align: right
}

.mdc-floating-label--float-above {
    cursor: auto;
    -webkit-transform: translateY(-50%) scale(.75);
    transform: translateY(-50%) scale(.75)
}

.mdc-floating-label--shake {
    -webkit-animation: mdc-floating-label-shake-float-above-standard .25s 1;
    animation: mdc-floating-label-shake-float-above-standard .25s 1
}

@-webkit-keyframes mdc-floating-label-shake-float-above-standard {
    0% {
        -webkit-transform: translateX(0) translateY(-50%) scale(.75);
        transform: translateX(0) translateY(-50%) scale(.75)
    }

    33% {
        -webkit-animation-timing-function: cubic-bezier(.5,0,.701732,.495819);
        animation-timing-function: cubic-bezier(.5,0,.701732,.495819);
        -webkit-transform: translateX(4%) translateY(-50%) scale(.75);
        transform: translateX(4%) translateY(-50%) scale(.75)
    }

    66% {
        -webkit-animation-timing-function: cubic-bezier(.302435,.381352,.55,.956352);
        animation-timing-function: cubic-bezier(.302435,.381352,.55,.956352);
        -webkit-transform: translateX(-4%) translateY(-50%) scale(.75);
        transform: translateX(-4%) translateY(-50%) scale(.75)
    }

    to {
        -webkit-transform: translateX(0) translateY(-50%) scale(.75);
        transform: translateX(0) translateY(-50%) scale(.75)
    }
}

@keyframes mdc-floating-label-shake-float-above-standard {
    0% {
        -webkit-transform: translateX(0) translateY(-50%) scale(.75);
        transform: translateX(0) translateY(-50%) scale(.75)
    }

    33% {
        -webkit-animation-timing-function: cubic-bezier(.5,0,.701732,.495819);
        animation-timing-function: cubic-bezier(.5,0,.701732,.495819);
        -webkit-transform: translateX(4%) translateY(-50%) scale(.75);
        transform: translateX(4%) translateY(-50%) scale(.75)
    }

    66% {
        -webkit-animation-timing-function: cubic-bezier(.302435,.381352,.55,.956352);
        animation-timing-function: cubic-bezier(.302435,.381352,.55,.956352);
        -webkit-transform: translateX(-4%) translateY(-50%) scale(.75);
        transform: translateX(-4%) translateY(-50%) scale(.75)
    }

    to {
        -webkit-transform: translateX(0) translateY(-50%) scale(.75);
        transform: translateX(0) translateY(-50%) scale(.75)
    }
}

.mdc-line-ripple {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: opacity .18s cubic-bezier(.4,0,.2,1),-webkit-transform .18s cubic-bezier(.4,0,.2,1);
    transition: opacity .18s cubic-bezier(.4,0,.2,1),-webkit-transform .18s cubic-bezier(.4,0,.2,1);
    transition: transform .18s cubic-bezier(.4,0,.2,1),opacity .18s cubic-bezier(.4,0,.2,1);
    transition: transform .18s cubic-bezier(.4,0,.2,1),opacity .18s cubic-bezier(.4,0,.2,1),-webkit-transform .18s cubic-bezier(.4,0,.2,1);
    opacity: 0;
    z-index: 2
}

.mdc-line-ripple--active {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    opacity: 1
}

.mdc-line-ripple--deactivating {
    opacity: 0
}

.mdc-notched-outline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    right: 0;
    left: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    height: 100%;
    text-align: left;
    pointer-events: none
}

.mdc-notched-outline[dir=rtl],[dir=rtl] .mdc-notched-outline {
    text-align: right
}

.mdc-notched-outline__leading,.mdc-notched-outline__notch,.mdc-notched-outline__trailing {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    -webkit-transition: border .15s cubic-bezier(.4,0,.2,1);
    transition: border .15s cubic-bezier(.4,0,.2,1);
    border-top: 1px solid;
    border-bottom: 1px solid;
    pointer-events: none
}

.mdc-notched-outline__leading {
    border-left: 1px solid;
    border-right: none;
    width: 12px
}

.mdc-notched-outline__leading[dir=rtl],.mdc-notched-outline__trailing,[dir=rtl] .mdc-notched-outline__leading {
    border-left: none;
    border-right: 1px solid
}

.mdc-notched-outline__trailing {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.mdc-notched-outline__trailing[dir=rtl],[dir=rtl] .mdc-notched-outline__trailing {
    border-left: 1px solid;
    border-right: none
}

.mdc-notched-outline__notch {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: calc(100% - 24px)
}

.mdc-notched-outline .mdc-floating-label {
    display: inline-block;
    position: relative;
    top: 17px;
    bottom: auto;
    max-width: 100%
}

.mdc-notched-outline .mdc-floating-label--float-above {
    text-overflow: clip
}

.mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    max-width: 133.33333%
}

.mdc-notched-outline--notched .mdc-notched-outline__notch {
    padding-left: 0;
    padding-right: 8px;
    border-top: none
}

.mdc-notched-outline--notched .mdc-notched-outline__notch[dir=rtl],[dir=rtl] .mdc-notched-outline--notched .mdc-notched-outline__notch {
    padding-left: 8px;
    padding-right: 0
}

.mdc-notched-outline--no-label .mdc-notched-outline__notch {
    padding: 0
}

@-webkit-keyframes mdc-ripple-fg-radius-in {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.4,0,.2,1);
        animation-timing-function: cubic-bezier(.4,0,.2,1);
        -webkit-transform: translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);
        transform: translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)
    }

    to {
        -webkit-transform: translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));
        transform: translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))
    }
}

@keyframes mdc-ripple-fg-radius-in {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.4,0,.2,1);
        animation-timing-function: cubic-bezier(.4,0,.2,1);
        -webkit-transform: translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);
        transform: translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)
    }

    to {
        -webkit-transform: translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));
        transform: translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))
    }
}

@-webkit-keyframes mdc-ripple-fg-opacity-in {
    0% {
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        opacity: 0
    }

    to {
        opacity: var(--mdc-ripple-fg-opacity,0)
    }
}

@keyframes mdc-ripple-fg-opacity-in {
    0% {
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        opacity: 0
    }

    to {
        opacity: var(--mdc-ripple-fg-opacity,0)
    }
}

@-webkit-keyframes mdc-ripple-fg-opacity-out {
    0% {
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        opacity: var(--mdc-ripple-fg-opacity,0)
    }

    to {
        opacity: 0
    }
}

@keyframes mdc-ripple-fg-opacity-out {
    0% {
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        opacity: var(--mdc-ripple-fg-opacity,0)
    }

    to {
        opacity: 0
    }
}

.mdc-ripple-surface--test-edge-var-bug {
    --mdc-ripple-surface-test-edge-var: 1px solid #000;
    visibility: hidden
}

.mdc-ripple-surface--test-edge-var-bug:before {
    border: var(--mdc-ripple-surface-test-edge-var)
}

.mdc-text-field-helper-text {
    font-family: Noto Sans,arial,sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 1.2rem;
    line-height: 1.25rem!important;
    font-weight: 400;
    letter-spacing: .0333333333em;
    text-decoration: inherit;
    text-transform: inherit;
    display: block;
    line-height: normal;
    margin: 0;
    -webkit-transition: opacity .15s cubic-bezier(.4,0,.2,1);
    transition: opacity .15s cubic-bezier(.4,0,.2,1);
    opacity: 0;
    will-change: opacity
}

.mdc-text-field-helper-text:before {
    display: inline-block;
    width: 0;
    height: 16px;
    content: "";
    vertical-align: 0
}

.mdc-text-field-helper-text--persistent {
    -webkit-transition: none;
    transition: none;
    opacity: 1;
    will-change: auto
}

.mdc-text-field-character-counter {
    font-family: Noto Sans,arial,sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 1.2rem;
    line-height: 1.25rem!important;
    font-weight: 400;
    letter-spacing: .0333333333em;
    text-decoration: inherit;
    text-transform: inherit;
    display: block;
    margin-top: 0;
    line-height: normal;
    margin-left: auto;
    margin-right: 0;
    padding-left: 16px;
    padding-right: 0;
    white-space: nowrap
}

.mdc-text-field-character-counter:before {
    display: inline-block;
    width: 0;
    height: 16px;
    content: "";
    vertical-align: 0
}

.mdc-text-field-character-counter[dir=rtl],[dir=rtl] .mdc-text-field-character-counter {
    margin-left: 0;
    margin-right: auto;
    padding-left: 0;
    padding-right: 16px
}

.mdc-text-field--with-leading-icon .mdc-text-field__icon,.mdc-text-field--with-trailing-icon .mdc-text-field__icon {
    position: absolute;
    bottom: 16px;
    cursor: pointer
}

.mdc-text-field__icon:not([tabindex]),.mdc-text-field__icon[tabindex="-1"] {
    cursor: default;
    pointer-events: none
}

.mdc-text-field {
    --mdc-ripple-fg-size: 0;
    --mdc-ripple-left: 0;
    --mdc-ripple-top: 0;
    --mdc-ripple-fg-scale: 1;
    --mdc-ripple-fg-translate-end: 0;
    --mdc-ripple-fg-translate-start: 0;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    border-radius: 4px 4px 0 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 56px;
    overflow: hidden;
    will-change: opacity,transform,color
}

.mdc-text-field:after,.mdc-text-field:before {
    position: absolute;
    border-radius: 50%;
    opacity: 0;
    pointer-events: none;
    content: ""
}

.mdc-text-field:before {
    -webkit-transition: opacity 15ms linear,background-color 15ms linear;
    transition: opacity 15ms linear,background-color 15ms linear;
    z-index: 1
}

.mdc-text-field.mdc-ripple-upgraded:before {
    -webkit-transform: scale(var(--mdc-ripple-fg-scale,1));
    transform: scale(var(--mdc-ripple-fg-scale,1))
}

.mdc-text-field.mdc-ripple-upgraded:after {
    top: 0;
    left: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: center center;
    transform-origin: center center
}

.mdc-text-field.mdc-ripple-upgraded--unbounded:after {
    top: var(--mdc-ripple-top,0);
    left: var(--mdc-ripple-left,0)
}

.mdc-text-field.mdc-ripple-upgraded--foreground-activation:after {
    -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards;
    animation: mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards
}

.mdc-text-field.mdc-ripple-upgraded--foreground-deactivation:after {
    -webkit-animation: mdc-ripple-fg-opacity-out .15s;
    animation: mdc-ripple-fg-opacity-out .15s;
    -webkit-transform: translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));
    transform: translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))
}

.mdc-text-field:after,.mdc-text-field:before {
    background-color: rgba(0,0,0,.87)
}

.mdc-text-field:hover:before {
    opacity: .04
}

.mdc-text-field.mdc-ripple-upgraded--background-focused:before,.mdc-text-field:not(.mdc-ripple-upgraded):focus:before {
    -webkit-transition-duration: 75ms;
    transition-duration: 75ms;
    opacity: .12
}

.mdc-text-field:after,.mdc-text-field:before {
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%
}

.mdc-text-field.mdc-ripple-upgraded:after {
    width: var(--mdc-ripple-fg-size,100%);
    height: var(--mdc-ripple-fg-size,100%)
}

.mdc-text-field:not(.mdc-text-field--disabled) .mdc-floating-label {
    color: rgba(0,0,0,.6)
}

.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input {
    color: rgba(0,0,0,.87)
}

.mdc-text-field .mdc-text-field__input {
    caret-color: #27509b;
    caret-color: var(--mdc-theme-primary,#27509b)
}

.mdc-text-field:not(.mdc-text-field--disabled):not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input {
    border-bottom-color: rgba(0,0,0,.42)
}

.mdc-text-field:not(.mdc-text-field--disabled):not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input:hover {
    border-bottom-color: rgba(0,0,0,.87)
}

.mdc-text-field .mdc-line-ripple {
    background-color: #27509b;
    background-color: var(--mdc-theme-primary,#27509b)
}

.mdc-text-field:not(.mdc-text-field--disabled):not(.mdc-text-field--textarea) {
    border-bottom-color: rgba(0,0,0,.12)
}

.mdc-text-field:not(.mdc-text-field--disabled)+.mdc-text-field-helper-line .mdc-text-field-character-counter,.mdc-text-field:not(.mdc-text-field--disabled)+.mdc-text-field-helper-line .mdc-text-field-helper-text,.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field-character-counter {
    color: rgba(0,0,0,.6)
}

.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon {
    color: rgba(0,0,0,.54)
}

.mdc-text-field .mdc-floating-label {
    left: 16px;
    right: auto;
    top: 18px;
    pointer-events: none
}

.mdc-text-field .mdc-floating-label[dir=rtl],[dir=rtl] .mdc-text-field .mdc-floating-label {
    left: auto;
    right: 16px
}

.mdc-text-field--textarea .mdc-floating-label {
    left: 4px;
    right: auto
}

.mdc-text-field--textarea .mdc-floating-label[dir=rtl],[dir=rtl] .mdc-text-field--textarea .mdc-floating-label {
    left: auto;
    right: 4px
}

.mdc-text-field--outlined .mdc-floating-label {
    left: 4px;
    right: auto;
    top: 17px
}

.mdc-text-field--outlined .mdc-floating-label[dir=rtl],[dir=rtl] .mdc-text-field--outlined .mdc-floating-label {
    left: auto;
    right: 4px
}

.mdc-text-field--outlined--with-leading-icon .mdc-floating-label {
    left: 36px;
    right: auto
}

.mdc-text-field--outlined--with-leading-icon .mdc-floating-label[dir=rtl],[dir=rtl] .mdc-text-field--outlined--with-leading-icon .mdc-floating-label {
    left: auto;
    right: 36px
}

.mdc-text-field--outlined--with-leading-icon .mdc-floating-label--float-above {
    left: 40px;
    right: auto
}

.mdc-text-field--outlined--with-leading-icon .mdc-floating-label--float-above[dir=rtl],[dir=rtl] .mdc-text-field--outlined--with-leading-icon .mdc-floating-label--float-above {
    left: auto;
    right: 40px
}

.mdc-text-field__input {
    font-family: Noto Sans,arial,sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 1.6rem;
    line-height: 1.75rem!important;
    font-weight: 400;
    letter-spacing: .009375em;
    text-decoration: inherit;
    text-transform: inherit;
    -ms-flex-item-align: end;
    align-self: flex-end;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 20px 16px 6px;
    -webkit-transition: opacity .15s cubic-bezier(.4,0,.2,1);
    transition: opacity .15s cubic-bezier(.4,0,.2,1);
    border: none;
    border-bottom: 1px solid;
    border-radius: 0;
    background: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.mdc-text-field__input::-webkit-input-placeholder {
    -webkit-transition: opacity 67ms cubic-bezier(.4,0,.2,1);
    transition: opacity 67ms cubic-bezier(.4,0,.2,1);
    opacity: 0;
    color: rgba(0,0,0,.54)
}

.mdc-text-field__input::-moz-placeholder {
    -webkit-transition: opacity 67ms cubic-bezier(.4,0,.2,1);
    transition: opacity 67ms cubic-bezier(.4,0,.2,1);
    opacity: 0;
    color: rgba(0,0,0,.54)
}

.mdc-text-field__input::-ms-input-placeholder {
    -webkit-transition: opacity 67ms cubic-bezier(.4,0,.2,1);
    transition: opacity 67ms cubic-bezier(.4,0,.2,1);
    opacity: 0;
    color: rgba(0,0,0,.54)
}

.mdc-text-field__input::placeholder {
    -webkit-transition: opacity 67ms cubic-bezier(.4,0,.2,1);
    transition: opacity 67ms cubic-bezier(.4,0,.2,1);
    opacity: 0;
    color: rgba(0,0,0,.54)
}

.mdc-text-field__input:-ms-input-placeholder {
    color: rgba(0,0,0,.54)!important
}

.mdc-text-field--focused .mdc-text-field__input::-webkit-input-placeholder,.mdc-text-field--fullwidth .mdc-text-field__input::-webkit-input-placeholder,.mdc-text-field--no-label .mdc-text-field__input::-webkit-input-placeholder {
    -webkit-transition-delay: 40ms;
    transition-delay: 40ms;
    -webkit-transition-duration: .11s;
    transition-duration: .11s;
    opacity: 1
}

.mdc-text-field--focused .mdc-text-field__input::-moz-placeholder,.mdc-text-field--fullwidth .mdc-text-field__input::-moz-placeholder,.mdc-text-field--no-label .mdc-text-field__input::-moz-placeholder {
    transition-delay: 40ms;
    transition-duration: .11s;
    opacity: 1
}

.mdc-text-field--focused .mdc-text-field__input::-ms-input-placeholder,.mdc-text-field--fullwidth .mdc-text-field__input::-ms-input-placeholder,.mdc-text-field--no-label .mdc-text-field__input::-ms-input-placeholder {
    transition-delay: 40ms;
    transition-duration: .11s;
    opacity: 1
}

.mdc-text-field--focused .mdc-text-field__input::placeholder,.mdc-text-field--fullwidth .mdc-text-field__input::placeholder,.mdc-text-field--no-label .mdc-text-field__input::placeholder {
    -webkit-transition-delay: 40ms;
    transition-delay: 40ms;
    -webkit-transition-duration: .11s;
    transition-duration: .11s;
    opacity: 1
}

.mdc-text-field__input:focus {
    outline: none
}

.mdc-text-field__input:invalid {
    -webkit-box-shadow: none;
    box-shadow: none
}

.mdc-text-field__input:-webkit-autofill {
    z-index: auto!important
}

.mdc-text-field--no-label:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input {
    padding-top: 16px;
    padding-bottom: 16px
}

.mdc-text-field__input:-webkit-autofill+.mdc-floating-label {
    -webkit-transform: translateY(-50%) scale(.75);
    transform: translateY(-50%) scale(.75);
    cursor: auto
}

.mdc-text-field--outlined {
    border: none;
    overflow: visible
}

.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
    border-color: rgba(0,0,0,.38)
}

.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover~.mdc-notched-outline .mdc-notched-outline__leading,.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover~.mdc-notched-outline .mdc-notched-outline__notch,.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover~.mdc-notched-outline .mdc-notched-outline__trailing,.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover~.mdc-notched-outline .mdc-notched-outline__leading,.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover~.mdc-notched-outline .mdc-notched-outline__notch,.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover~.mdc-notched-outline .mdc-notched-outline__trailing {
    border-color: rgba(0,0,0,.87)
}

.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing {
    border-color: #27509b;
    border-color: var(--mdc-theme-primary,#27509b)
}

.mdc-text-field--outlined .mdc-floating-label--shake {
    -webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined .25s 1;
    animation: mdc-floating-label-shake-float-above-text-field-outlined .25s 1
}

.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading {
    border-radius: 4px 0 0 4px
}

.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading[dir=rtl],.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing,[dir=rtl] .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading {
    border-radius: 0 4px 4px 0
}

.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing[dir=rtl],[dir=rtl] .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing {
    border-radius: 4px 0 0 4px
}

.mdc-text-field--outlined .mdc-floating-label--float-above {
    -webkit-transform: translateY(-144%) scale(1);
    transform: translateY(-144%) scale(1);
    font-size: .75rem
}

.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    -webkit-transform: translateY(-130%) scale(.75);
    transform: translateY(-130%) scale(.75);
    font-size: 1rem
}

.mdc-text-field--outlined:after,.mdc-text-field--outlined:before {
    content: none
}

.mdc-text-field--outlined:not(.mdc-text-field--disabled) {
    background-color: transparent
}

.mdc-text-field--outlined .mdc-text-field__input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 12px 16px 14px;
    border: none!important;
    background-color: transparent;
    z-index: 1
}

.mdc-text-field--outlined .mdc-text-field__icon {
    z-index: 2
}

.mdc-text-field--outlined.mdc-text-field--focused .mdc-notched-outline__leading,.mdc-text-field--outlined.mdc-text-field--focused .mdc-notched-outline__notch,.mdc-text-field--outlined.mdc-text-field--focused .mdc-notched-outline__trailing {
    border-width: 2px
}

.mdc-text-field--outlined.mdc-text-field--disabled {
    background-color: transparent
}

.mdc-text-field--outlined.mdc-text-field--disabled .mdc-notched-outline__leading,.mdc-text-field--outlined.mdc-text-field--disabled .mdc-notched-outline__notch,.mdc-text-field--outlined.mdc-text-field--disabled .mdc-notched-outline__trailing {
    border-color: rgba(0,0,0,.06)
}

.mdc-text-field--outlined.mdc-text-field--disabled .mdc-text-field__input {
    border-bottom: none
}

.mdc-text-field--outlined.mdc-text-field--dense {
    height: 48px
}

.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--float-above {
    -webkit-transform: translateY(-134%) scale(1);
    transform: translateY(-134%) scale(1);
    font-size: .8rem
}

.mdc-text-field--outlined.mdc-text-field--dense.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-text-field--outlined.mdc-text-field--dense .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    -webkit-transform: translateY(-120%) scale(.8);
    transform: translateY(-120%) scale(.8);
    font-size: 1rem
}

.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--shake {
    -webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined-dense .25s 1;
    animation: mdc-floating-label-shake-float-above-text-field-outlined-dense .25s 1
}

.mdc-text-field--outlined.mdc-text-field--dense .mdc-text-field__input {
    padding: 12px 12px 7px
}

.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label {
    top: 14px
}

.mdc-text-field--outlined.mdc-text-field--dense .mdc-text-field__icon {
    top: 12px
}

.mdc-text-field--with-leading-icon .mdc-text-field__icon {
    left: 16px;
    right: auto
}

.mdc-text-field--with-leading-icon .mdc-text-field__icon[dir=rtl],[dir=rtl] .mdc-text-field--with-leading-icon .mdc-text-field__icon {
    left: auto;
    right: 16px
}

.mdc-text-field--with-leading-icon .mdc-text-field__input {
    padding-left: 48px;
    padding-right: 16px
}

.mdc-text-field--with-leading-icon .mdc-text-field__input[dir=rtl],[dir=rtl] .mdc-text-field--with-leading-icon .mdc-text-field__input {
    padding-left: 16px;
    padding-right: 48px
}

.mdc-text-field--with-leading-icon .mdc-floating-label {
    left: 48px;
    right: auto
}

.mdc-text-field--with-leading-icon .mdc-floating-label[dir=rtl],[dir=rtl] .mdc-text-field--with-leading-icon .mdc-floating-label {
    left: auto;
    right: 48px
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-text-field__icon {
    left: 16px;
    right: auto
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-text-field__icon[dir=rtl],[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-text-field__icon {
    left: auto;
    right: 16px
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-text-field__input {
    padding-left: 48px;
    padding-right: 16px
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-text-field__input[dir=rtl],[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-text-field__input {
    padding-left: 16px;
    padding-right: 48px
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above {
    -webkit-transform: translateY(-144%) translateX(-32px) scale(1);
    transform: translateY(-144%) translateX(-32px) scale(1)
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above[dir=rtl],[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above {
    -webkit-transform: translateY(-144%) translateX(32px) scale(1);
    transform: translateY(-144%) translateX(32px) scale(1)
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above {
    font-size: .75rem
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    -webkit-transform: translateY(-130%) translateX(-32px) scale(.75);
    transform: translateY(-130%) translateX(-32px) scale(.75)
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl],.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl],[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    -webkit-transform: translateY(-130%) translateX(32px) scale(.75);
    transform: translateY(-130%) translateX(32px) scale(.75)
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    font-size: 1rem
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--shake {
    -webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon .25s 1;
    animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon .25s 1
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined[dir=rtl] .mdc-floating-label--shake,[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--shake {
    -webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-rtl .25s 1;
    animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-rtl .25s 1
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label {
    left: 36px;
    right: auto
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label[dir=rtl],[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label {
    left: auto;
    right: 36px
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--float-above {
    -webkit-transform: translateY(-134%) translateX(-21px) scale(1);
    transform: translateY(-134%) translateX(-21px) scale(1)
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--float-above[dir=rtl],[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--float-above {
    -webkit-transform: translateY(-134%) translateX(21px) scale(1);
    transform: translateY(-134%) translateX(21px) scale(1)
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--float-above {
    font-size: .8rem
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    -webkit-transform: translateY(-120%) translateX(-21px) scale(.8);
    transform: translateY(-120%) translateX(-21px) scale(.8)
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense.mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl],.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl],[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense.mdc-notched-outline--upgraded .mdc-floating-label--float-above,[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    -webkit-transform: translateY(-120%) translateX(21px) scale(.8);
    transform: translateY(-120%) translateX(21px) scale(.8)
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    font-size: 1rem
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--shake {
    -webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense .25s 1;
    animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense .25s 1
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense[dir=rtl] .mdc-floating-label--shake,[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--shake {
    -webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense-rtl .25s 1;
    animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense-rtl .25s 1
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label {
    left: 32px;
    right: auto
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label[dir=rtl],[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label {
    left: auto;
    right: 32px
}

.mdc-text-field--with-trailing-icon .mdc-text-field__icon {
    left: auto;
    right: 12px
}

.mdc-text-field--with-trailing-icon .mdc-text-field__icon[dir=rtl],[dir=rtl] .mdc-text-field--with-trailing-icon .mdc-text-field__icon {
    left: 12px;
    right: auto
}

.mdc-text-field--with-trailing-icon .mdc-text-field__input {
    padding-left: 16px;
    padding-right: 48px
}

.mdc-text-field--with-trailing-icon .mdc-text-field__input[dir=rtl],[dir=rtl] .mdc-text-field--with-trailing-icon .mdc-text-field__input {
    padding-left: 48px;
    padding-right: 16px
}

.mdc-text-field--with-trailing-icon.mdc-text-field--outlined .mdc-text-field__icon {
    left: auto;
    right: 16px
}

.mdc-text-field--with-trailing-icon.mdc-text-field--outlined .mdc-text-field__icon[dir=rtl],[dir=rtl] .mdc-text-field--with-trailing-icon.mdc-text-field--outlined .mdc-text-field__icon {
    left: 16px;
    right: auto
}

.mdc-text-field--with-trailing-icon.mdc-text-field--outlined .mdc-text-field__input {
    padding-left: 16px;
    padding-right: 48px
}

.mdc-text-field--with-trailing-icon.mdc-text-field--outlined .mdc-text-field__input[dir=rtl],[dir=rtl] .mdc-text-field--with-trailing-icon.mdc-text-field--outlined .mdc-text-field__input {
    padding-left: 48px;
    padding-right: 16px
}

.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__icon {
    left: 16px;
    right: auto
}

.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__icon[dir=rtl],[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__icon {
    left: auto;
    right: 16px
}

.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__icon~.mdc-text-field__icon {
    right: 12px;
    left: auto
}

.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__icon~.mdc-text-field__icon[dir=rtl],[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__icon~.mdc-text-field__icon {
    right: auto;
    left: 12px
}

.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__input,.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__input[dir=rtl],[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__input {
    padding-left: 48px;
    padding-right: 48px
}

.mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__icon,.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon {
    bottom: 16px;
    -webkit-transform: scale(.8);
    transform: scale(.8)
}

.mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__icon {
    left: 12px;
    right: auto
}

.mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__icon[dir=rtl],[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__icon {
    left: auto;
    right: 12px
}

.mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__input {
    padding-left: 44px;
    padding-right: 16px
}

.mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__input[dir=rtl],[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__input {
    padding-left: 16px;
    padding-right: 44px
}

.mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-floating-label {
    left: 44px;
    right: auto
}

.mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-floating-label[dir=rtl],[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-floating-label {
    left: auto;
    right: 44px
}

.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon {
    left: auto;
    right: 12px
}

.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon[dir=rtl],[dir=rtl] .mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon {
    left: 12px;
    right: auto
}

.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__input {
    padding-left: 16px;
    padding-right: 44px
}

.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__input[dir=rtl],[dir=rtl] .mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__input {
    padding-left: 44px;
    padding-right: 16px
}

.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon {
    left: 12px;
    right: auto
}

.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon[dir=rtl],.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon~.mdc-text-field__icon,[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon {
    left: auto;
    right: 12px
}

.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon~.mdc-text-field__icon[dir=rtl],[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon~.mdc-text-field__icon {
    right: auto;
    left: 12px
}

.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__input,.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__input[dir=rtl],[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__input {
    padding-left: 44px;
    padding-right: 44px
}

.mdc-text-field--dense .mdc-floating-label--float-above {
    -webkit-transform: translateY(-70%) scale(.8);
    transform: translateY(-70%) scale(.8)
}

.mdc-text-field--dense .mdc-floating-label--shake {
    -webkit-animation: mdc-floating-label-shake-float-above-text-field-dense .25s 1;
    animation: mdc-floating-label-shake-float-above-text-field-dense .25s 1
}

.mdc-text-field--dense .mdc-text-field__input {
    padding: 12px 12px 0
}

.mdc-text-field--dense .mdc-floating-label,.mdc-text-field--dense .mdc-floating-label--float-above {
    font-size: .813rem
}

.mdc-text-field__input:required~.mdc-floating-label:after,.mdc-text-field__input:required~.mdc-notched-outline .mdc-floating-label:after {
    margin-left: 1px;
    content: "*"
}

.mdc-text-field--textarea {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: auto;
    height: auto;
    -webkit-transition: none;
    transition: none;
    overflow: visible
}

.mdc-text-field--textarea:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,.mdc-text-field--textarea:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,.mdc-text-field--textarea:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
    border-color: rgba(0,0,0,.38)
}

.mdc-text-field--textarea:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover~.mdc-notched-outline .mdc-notched-outline__leading,.mdc-text-field--textarea:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover~.mdc-notched-outline .mdc-notched-outline__notch,.mdc-text-field--textarea:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover~.mdc-notched-outline .mdc-notched-outline__trailing,.mdc-text-field--textarea:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover~.mdc-notched-outline .mdc-notched-outline__leading,.mdc-text-field--textarea:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover~.mdc-notched-outline .mdc-notched-outline__notch,.mdc-text-field--textarea:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover~.mdc-notched-outline .mdc-notched-outline__trailing {
    border-color: rgba(0,0,0,.87)
}

.mdc-text-field--textarea:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,.mdc-text-field--textarea:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,.mdc-text-field--textarea:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing {
    border-color: #27509b;
    border-color: var(--mdc-theme-primary,#27509b)
}

.mdc-text-field--textarea .mdc-floating-label--shake {
    -webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined .25s 1;
    animation: mdc-floating-label-shake-float-above-text-field-outlined .25s 1
}

.mdc-text-field--textarea .mdc-notched-outline .mdc-notched-outline__leading {
    border-radius: 4px 0 0 4px
}

.mdc-text-field--textarea .mdc-notched-outline .mdc-notched-outline__leading[dir=rtl],.mdc-text-field--textarea .mdc-notched-outline .mdc-notched-outline__trailing,[dir=rtl] .mdc-text-field--textarea .mdc-notched-outline .mdc-notched-outline__leading {
    border-radius: 0 4px 4px 0
}

.mdc-text-field--textarea .mdc-notched-outline .mdc-notched-outline__trailing[dir=rtl],[dir=rtl] .mdc-text-field--textarea .mdc-notched-outline .mdc-notched-outline__trailing {
    border-radius: 4px 0 0 4px
}

.mdc-text-field--textarea:after,.mdc-text-field--textarea:before {
    content: none
}

.mdc-text-field--textarea:not(.mdc-text-field--disabled) {
    background-color: transparent
}

.mdc-text-field--textarea .mdc-floating-label--float-above {
    -webkit-transform: translateY(-144%) scale(1);
    transform: translateY(-144%) scale(1);
    font-size: .75rem
}

.mdc-text-field--textarea.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-text-field--textarea .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    -webkit-transform: translateY(-130%) scale(.75);
    transform: translateY(-130%) scale(.75);
    font-size: 1rem
}

.mdc-text-field--textarea .mdc-text-field-character-counter {
    left: auto;
    right: 16px;
    position: absolute;
    bottom: 13px
}

.mdc-text-field--textarea .mdc-text-field-character-counter[dir=rtl],[dir=rtl] .mdc-text-field--textarea .mdc-text-field-character-counter {
    left: 16px;
    right: auto
}

.mdc-text-field--textarea .mdc-text-field__input {
    -ms-flex-item-align: auto;
    align-self: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: auto;
    margin: 8px 1px 1px 0;
    padding: 0 16px 16px;
    border: none
}

.mdc-text-field--textarea .mdc-text-field-character-counter+.mdc-text-field__input {
    margin-bottom: 28px;
    padding-bottom: 0
}

.mdc-text-field--textarea .mdc-floating-label {
    top: 17px;
    bottom: auto;
    width: auto;
    pointer-events: none
}

.mdc-text-field--textarea.mdc-text-field--focused .mdc-notched-outline__leading,.mdc-text-field--textarea.mdc-text-field--focused .mdc-notched-outline__notch,.mdc-text-field--textarea.mdc-text-field--focused .mdc-notched-outline__trailing {
    border-width: 2px
}

.mdc-text-field--fullwidth {
    width: 100%
}

.mdc-text-field--fullwidth:not(.mdc-text-field--textarea) {
    display: block
}

.mdc-text-field--fullwidth:not(.mdc-text-field--textarea):after,.mdc-text-field--fullwidth:not(.mdc-text-field--textarea):before {
    content: none
}

.mdc-text-field--fullwidth:not(.mdc-text-field--textarea):not(.mdc-text-field--disabled) {
    background-color: transparent
}

.mdc-text-field--fullwidth:not(.mdc-text-field--textarea) .mdc-text-field__input {
    padding: 0
}

.mdc-text-field--fullwidth.mdc-text-field--textarea .mdc-text-field__input {
    resize: vertical
}

.mdc-text-field--fullwidth.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--textarea) {
    border-bottom-color: #b00020;
    border-bottom-color: var(--mdc-theme-error,#b00020)
}

.mdc-text-field-helper-line {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.mdc-text-field--dense+.mdc-text-field-helper-line {
    margin-bottom: 4px
}

.mdc-text-field+.mdc-text-field-helper-line {
    padding-right: 16px;
    padding-left: 16px
}

.mdc-form-field>.mdc-text-field+label {
    -ms-flex-item-align: start;
    align-self: flex-start
}

.mdc-text-field--focused .mdc-text-field__input:required~.mdc-floating-label:after,.mdc-text-field--focused .mdc-text-field__input:required~.mdc-notched-outline .mdc-floating-label:after,.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label {
    color: rgba(39,80,155,.87)
}

.mdc-text-field--focused+.mdc-text-field-helper-line .mdc-text-field-helper-text:not(.mdc-text-field-helper-text--validation-msg) {
    opacity: 1
}

.mdc-text-field--textarea.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,.mdc-text-field--textarea.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,.mdc-text-field--textarea.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
    border-color: #27509b;
    border-color: var(--mdc-theme-primary,#27509b)
}

.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input,.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input:hover {
    border-bottom-color: #b00020;
    border-bottom-color: var(--mdc-theme-error,#b00020)
}

.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple {
    background-color: #b00020;
    background-color: var(--mdc-theme-error,#b00020)
}

.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label,.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--invalid+.mdc-text-field-helper-line .mdc-text-field-helper-text--validation-msg {
    color: #b00020;
    color: var(--mdc-theme-error,#b00020)
}

.mdc-text-field--invalid .mdc-text-field__input {
    caret-color: #b00020;
    caret-color: var(--mdc-theme-error,#b00020)
}

.mdc-text-field--invalid.mdc-text-field--with-trailing-icon.mdc-text-field--with-leading-icon:not(.mdc-text-field--disabled) .mdc-text-field__icon~.mdc-text-field__icon,.mdc-text-field--invalid.mdc-text-field--with-trailing-icon:not(.mdc-text-field--with-leading-icon):not(.mdc-text-field--disabled) .mdc-text-field__icon,.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__input:required~.mdc-floating-label:after,.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__input:required~.mdc-notched-outline .mdc-floating-label:after {
    color: #b00020;
    color: var(--mdc-theme-error,#b00020)
}

.mdc-text-field--invalid+.mdc-text-field-helper-line .mdc-text-field-helper-text--validation-msg {
    opacity: 1
}

.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing,.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing,.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover~.mdc-notched-outline .mdc-notched-outline__leading,.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover~.mdc-notched-outline .mdc-notched-outline__notch,.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover~.mdc-notched-outline .mdc-notched-outline__trailing,.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover~.mdc-notched-outline .mdc-notched-outline__leading,.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover~.mdc-notched-outline .mdc-notched-outline__notch,.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover~.mdc-notched-outline .mdc-notched-outline__trailing,.mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,.mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,.mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing,.mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,.mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,.mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing,.mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover~.mdc-notched-outline .mdc-notched-outline__leading,.mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover~.mdc-notched-outline .mdc-notched-outline__notch,.mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover~.mdc-notched-outline .mdc-notched-outline__trailing,.mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover~.mdc-notched-outline .mdc-notched-outline__leading,.mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover~.mdc-notched-outline .mdc-notched-outline__notch,.mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover~.mdc-notched-outline .mdc-notched-outline__trailing {
    border-color: #b00020;
    border-color: var(--mdc-theme-error,#b00020)
}

.mdc-text-field--disabled {
    background-color: #fafafa;
    border-bottom: none;
    pointer-events: none
}

.mdc-text-field--disabled .mdc-text-field__input {
    border-bottom-color: rgba(0,0,0,.06);
    color: rgba(0,0,0,.37)
}

.mdc-text-field--disabled+.mdc-text-field-helper-line .mdc-text-field-character-counter,.mdc-text-field--disabled+.mdc-text-field-helper-line .mdc-text-field-helper-text,.mdc-text-field--disabled .mdc-floating-label,.mdc-text-field--disabled .mdc-text-field-character-counter {
    color: rgba(0,0,0,.37)
}

.mdc-text-field--disabled .mdc-text-field__icon {
    color: rgba(0,0,0,.3)
}

.mdc-text-field--disabled:not(.mdc-text-field--textarea) {
    border-bottom-color: rgba(0,0,0,.12)
}

.mdc-text-field--disabled .mdc-floating-label {
    cursor: default
}

.mdc-text-field--textarea.mdc-text-field--disabled {
    background-color: transparent;
    background-color: #f9f9f9
}

.mdc-text-field--textarea.mdc-text-field--disabled .mdc-notched-outline__leading,.mdc-text-field--textarea.mdc-text-field--disabled .mdc-notched-outline__notch,.mdc-text-field--textarea.mdc-text-field--disabled .mdc-notched-outline__trailing {
    border-color: rgba(0,0,0,.06)
}

.mdc-text-field--textarea.mdc-text-field--disabled .mdc-text-field__input {
    border-bottom: none
}

@-webkit-keyframes mdc-floating-label-shake-float-above-text-field-dense {
    0% {
        -webkit-transform: translateX(0) translateY(-70%) scale(.8);
        transform: translateX(0) translateY(-70%) scale(.8)
    }

    33% {
        -webkit-animation-timing-function: cubic-bezier(.5,0,.701732,.495819);
        animation-timing-function: cubic-bezier(.5,0,.701732,.495819);
        -webkit-transform: translateX(4%) translateY(-70%) scale(.8);
        transform: translateX(4%) translateY(-70%) scale(.8)
    }

    66% {
        -webkit-animation-timing-function: cubic-bezier(.302435,.381352,.55,.956352);
        animation-timing-function: cubic-bezier(.302435,.381352,.55,.956352);
        -webkit-transform: translateX(-4%) translateY(-70%) scale(.8);
        transform: translateX(-4%) translateY(-70%) scale(.8)
    }

    to {
        -webkit-transform: translateX(0) translateY(-70%) scale(.8);
        transform: translateX(0) translateY(-70%) scale(.8)
    }
}

@keyframes mdc-floating-label-shake-float-above-text-field-dense {
    0% {
        -webkit-transform: translateX(0) translateY(-70%) scale(.8);
        transform: translateX(0) translateY(-70%) scale(.8)
    }

    33% {
        -webkit-animation-timing-function: cubic-bezier(.5,0,.701732,.495819);
        animation-timing-function: cubic-bezier(.5,0,.701732,.495819);
        -webkit-transform: translateX(4%) translateY(-70%) scale(.8);
        transform: translateX(4%) translateY(-70%) scale(.8)
    }

    66% {
        -webkit-animation-timing-function: cubic-bezier(.302435,.381352,.55,.956352);
        animation-timing-function: cubic-bezier(.302435,.381352,.55,.956352);
        -webkit-transform: translateX(-4%) translateY(-70%) scale(.8);
        transform: translateX(-4%) translateY(-70%) scale(.8)
    }

    to {
        -webkit-transform: translateX(0) translateY(-70%) scale(.8);
        transform: translateX(0) translateY(-70%) scale(.8)
    }
}

@-webkit-keyframes mdc-floating-label-shake-float-above-text-field-outlined {
    0% {
        -webkit-transform: translateX(0) translateY(-130%) scale(.75);
        transform: translateX(0) translateY(-130%) scale(.75)
    }

    33% {
        -webkit-animation-timing-function: cubic-bezier(.5,0,.701732,.495819);
        animation-timing-function: cubic-bezier(.5,0,.701732,.495819);
        -webkit-transform: translateX(4%) translateY(-130%) scale(.75);
        transform: translateX(4%) translateY(-130%) scale(.75)
    }

    66% {
        -webkit-animation-timing-function: cubic-bezier(.302435,.381352,.55,.956352);
        animation-timing-function: cubic-bezier(.302435,.381352,.55,.956352);
        -webkit-transform: translateX(-4%) translateY(-130%) scale(.75);
        transform: translateX(-4%) translateY(-130%) scale(.75)
    }

    to {
        -webkit-transform: translateX(0) translateY(-130%) scale(.75);
        transform: translateX(0) translateY(-130%) scale(.75)
    }
}

@keyframes mdc-floating-label-shake-float-above-text-field-outlined {
    0% {
        -webkit-transform: translateX(0) translateY(-130%) scale(.75);
        transform: translateX(0) translateY(-130%) scale(.75)
    }

    33% {
        -webkit-animation-timing-function: cubic-bezier(.5,0,.701732,.495819);
        animation-timing-function: cubic-bezier(.5,0,.701732,.495819);
        -webkit-transform: translateX(4%) translateY(-130%) scale(.75);
        transform: translateX(4%) translateY(-130%) scale(.75)
    }

    66% {
        -webkit-animation-timing-function: cubic-bezier(.302435,.381352,.55,.956352);
        animation-timing-function: cubic-bezier(.302435,.381352,.55,.956352);
        -webkit-transform: translateX(-4%) translateY(-130%) scale(.75);
        transform: translateX(-4%) translateY(-130%) scale(.75)
    }

    to {
        -webkit-transform: translateX(0) translateY(-130%) scale(.75);
        transform: translateX(0) translateY(-130%) scale(.75)
    }
}

@-webkit-keyframes mdc-floating-label-shake-float-above-text-field-outlined-dense {
    0% {
        -webkit-transform: translateX(0) translateY(-120%) scale(.8);
        transform: translateX(0) translateY(-120%) scale(.8)
    }

    33% {
        -webkit-animation-timing-function: cubic-bezier(.5,0,.701732,.495819);
        animation-timing-function: cubic-bezier(.5,0,.701732,.495819);
        -webkit-transform: translateX(4%) translateY(-120%) scale(.8);
        transform: translateX(4%) translateY(-120%) scale(.8)
    }

    66% {
        -webkit-animation-timing-function: cubic-bezier(.302435,.381352,.55,.956352);
        animation-timing-function: cubic-bezier(.302435,.381352,.55,.956352);
        -webkit-transform: translateX(-4%) translateY(-120%) scale(.8);
        transform: translateX(-4%) translateY(-120%) scale(.8)
    }

    to {
        -webkit-transform: translateX(0) translateY(-120%) scale(.8);
        transform: translateX(0) translateY(-120%) scale(.8)
    }
}

@keyframes mdc-floating-label-shake-float-above-text-field-outlined-dense {
    0% {
        -webkit-transform: translateX(0) translateY(-120%) scale(.8);
        transform: translateX(0) translateY(-120%) scale(.8)
    }

    33% {
        -webkit-animation-timing-function: cubic-bezier(.5,0,.701732,.495819);
        animation-timing-function: cubic-bezier(.5,0,.701732,.495819);
        -webkit-transform: translateX(4%) translateY(-120%) scale(.8);
        transform: translateX(4%) translateY(-120%) scale(.8)
    }

    66% {
        -webkit-animation-timing-function: cubic-bezier(.302435,.381352,.55,.956352);
        animation-timing-function: cubic-bezier(.302435,.381352,.55,.956352);
        -webkit-transform: translateX(-4%) translateY(-120%) scale(.8);
        transform: translateX(-4%) translateY(-120%) scale(.8)
    }

    to {
        -webkit-transform: translateX(0) translateY(-120%) scale(.8);
        transform: translateX(0) translateY(-120%) scale(.8)
    }
}

@-webkit-keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon {
    0% {
        -webkit-transform: translateX(0) translateY(-130%) scale(.75);
        transform: translateX(0) translateY(-130%) scale(.75)
    }

    33% {
        -webkit-animation-timing-function: cubic-bezier(.5,0,.701732,.495819);
        animation-timing-function: cubic-bezier(.5,0,.701732,.495819);
        -webkit-transform: translateX(4%) translateY(-130%) scale(.75);
        transform: translateX(4%) translateY(-130%) scale(.75)
    }

    66% {
        -webkit-animation-timing-function: cubic-bezier(.302435,.381352,.55,.956352);
        animation-timing-function: cubic-bezier(.302435,.381352,.55,.956352);
        -webkit-transform: translateX(-4%) translateY(-130%) scale(.75);
        transform: translateX(-4%) translateY(-130%) scale(.75)
    }

    to {
        -webkit-transform: translateX(0) translateY(-130%) scale(.75);
        transform: translateX(0) translateY(-130%) scale(.75)
    }
}

@keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon {
    0% {
        -webkit-transform: translateX(0) translateY(-130%) scale(.75);
        transform: translateX(0) translateY(-130%) scale(.75)
    }

    33% {
        -webkit-animation-timing-function: cubic-bezier(.5,0,.701732,.495819);
        animation-timing-function: cubic-bezier(.5,0,.701732,.495819);
        -webkit-transform: translateX(4%) translateY(-130%) scale(.75);
        transform: translateX(4%) translateY(-130%) scale(.75)
    }

    66% {
        -webkit-animation-timing-function: cubic-bezier(.302435,.381352,.55,.956352);
        animation-timing-function: cubic-bezier(.302435,.381352,.55,.956352);
        -webkit-transform: translateX(-4%) translateY(-130%) scale(.75);
        transform: translateX(-4%) translateY(-130%) scale(.75)
    }

    to {
        -webkit-transform: translateX(0) translateY(-130%) scale(.75);
        transform: translateX(0) translateY(-130%) scale(.75)
    }
}

@-webkit-keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense {
    0% {
        -webkit-transform: translateX(-21px) translateY(-120%) scale(.8);
        transform: translateX(-21px) translateY(-120%) scale(.8)
    }

    33% {
        -webkit-animation-timing-function: cubic-bezier(.5,0,.701732,.495819);
        animation-timing-function: cubic-bezier(.5,0,.701732,.495819);
        -webkit-transform: translateX(calc(4% - 21px)) translateY(-120%) scale(.8);
        transform: translateX(calc(4% - 21px)) translateY(-120%) scale(.8)
    }

    66% {
        -webkit-animation-timing-function: cubic-bezier(.302435,.381352,.55,.956352);
        animation-timing-function: cubic-bezier(.302435,.381352,.55,.956352);
        -webkit-transform: translateX(calc(-4% - 21px)) translateY(-120%) scale(.8);
        transform: translateX(calc(-4% - 21px)) translateY(-120%) scale(.8)
    }

    to {
        -webkit-transform: translateX(-21px) translateY(-120%) scale(.8);
        transform: translateX(-21px) translateY(-120%) scale(.8)
    }
}

@keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense {
    0% {
        -webkit-transform: translateX(-21px) translateY(-120%) scale(.8);
        transform: translateX(-21px) translateY(-120%) scale(.8)
    }

    33% {
        -webkit-animation-timing-function: cubic-bezier(.5,0,.701732,.495819);
        animation-timing-function: cubic-bezier(.5,0,.701732,.495819);
        -webkit-transform: translateX(calc(4% - 21px)) translateY(-120%) scale(.8);
        transform: translateX(calc(4% - 21px)) translateY(-120%) scale(.8)
    }

    66% {
        -webkit-animation-timing-function: cubic-bezier(.302435,.381352,.55,.956352);
        animation-timing-function: cubic-bezier(.302435,.381352,.55,.956352);
        -webkit-transform: translateX(calc(-4% - 21px)) translateY(-120%) scale(.8);
        transform: translateX(calc(-4% - 21px)) translateY(-120%) scale(.8)
    }

    to {
        -webkit-transform: translateX(-21px) translateY(-120%) scale(.8);
        transform: translateX(-21px) translateY(-120%) scale(.8)
    }
}

@-webkit-keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-rtl {
    0% {
        -webkit-transform: translateX(0) translateY(-130%) scale(.75);
        transform: translateX(0) translateY(-130%) scale(.75)
    }

    33% {
        -webkit-animation-timing-function: cubic-bezier(.5,0,.701732,.495819);
        animation-timing-function: cubic-bezier(.5,0,.701732,.495819);
        -webkit-transform: translateX(4%) translateY(-130%) scale(.75);
        transform: translateX(4%) translateY(-130%) scale(.75)
    }

    66% {
        -webkit-animation-timing-function: cubic-bezier(.302435,.381352,.55,.956352);
        animation-timing-function: cubic-bezier(.302435,.381352,.55,.956352);
        -webkit-transform: translateX(-4%) translateY(-130%) scale(.75);
        transform: translateX(-4%) translateY(-130%) scale(.75)
    }

    to {
        -webkit-transform: translateX(0) translateY(-130%) scale(.75);
        transform: translateX(0) translateY(-130%) scale(.75)
    }
}

@keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-rtl {
    0% {
        -webkit-transform: translateX(0) translateY(-130%) scale(.75);
        transform: translateX(0) translateY(-130%) scale(.75)
    }

    33% {
        -webkit-animation-timing-function: cubic-bezier(.5,0,.701732,.495819);
        animation-timing-function: cubic-bezier(.5,0,.701732,.495819);
        -webkit-transform: translateX(4%) translateY(-130%) scale(.75);
        transform: translateX(4%) translateY(-130%) scale(.75)
    }

    66% {
        -webkit-animation-timing-function: cubic-bezier(.302435,.381352,.55,.956352);
        animation-timing-function: cubic-bezier(.302435,.381352,.55,.956352);
        -webkit-transform: translateX(-4%) translateY(-130%) scale(.75);
        transform: translateX(-4%) translateY(-130%) scale(.75)
    }

    to {
        -webkit-transform: translateX(0) translateY(-130%) scale(.75);
        transform: translateX(0) translateY(-130%) scale(.75)
    }
}

@-webkit-keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense-rtl {
    0% {
        -webkit-transform: translateX(21px) translateY(-120%) scale(.8);
        transform: translateX(21px) translateY(-120%) scale(.8)
    }

    33% {
        -webkit-animation-timing-function: cubic-bezier(.5,0,.701732,.495819);
        animation-timing-function: cubic-bezier(.5,0,.701732,.495819);
        -webkit-transform: translateX(calc(4% + 21px)) translateY(-120%) scale(.8);
        transform: translateX(calc(4% + 21px)) translateY(-120%) scale(.8)
    }

    66% {
        -webkit-animation-timing-function: cubic-bezier(.302435,.381352,.55,.956352);
        animation-timing-function: cubic-bezier(.302435,.381352,.55,.956352);
        -webkit-transform: translateX(calc(-4% + 21px)) translateY(-120%) scale(.8);
        transform: translateX(calc(-4% + 21px)) translateY(-120%) scale(.8)
    }

    to {
        -webkit-transform: translateX(21px) translateY(-120%) scale(.8);
        transform: translateX(21px) translateY(-120%) scale(.8)
    }
}

@keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense-rtl {
    0% {
        -webkit-transform: translateX(21px) translateY(-120%) scale(.8);
        transform: translateX(21px) translateY(-120%) scale(.8)
    }

    33% {
        -webkit-animation-timing-function: cubic-bezier(.5,0,.701732,.495819);
        animation-timing-function: cubic-bezier(.5,0,.701732,.495819);
        -webkit-transform: translateX(calc(4% + 21px)) translateY(-120%) scale(.8);
        transform: translateX(calc(4% + 21px)) translateY(-120%) scale(.8)
    }

    66% {
        -webkit-animation-timing-function: cubic-bezier(.302435,.381352,.55,.956352);
        animation-timing-function: cubic-bezier(.302435,.381352,.55,.956352);
        -webkit-transform: translateX(calc(-4% + 21px)) translateY(-120%) scale(.8);
        transform: translateX(calc(-4% + 21px)) translateY(-120%) scale(.8)
    }

    to {
        -webkit-transform: translateX(21px) translateY(-120%) scale(.8);
        transform: translateX(21px) translateY(-120%) scale(.8)
    }
}

@-webkit-keyframes mdc-floating-label-shake-float-above-textarea {
    0% {
        -webkit-transform: translateX(0) translateY(-130%) scale(.75);
        transform: translateX(0) translateY(-130%) scale(.75)
    }

    33% {
        -webkit-animation-timing-function: cubic-bezier(.5,0,.701732,.495819);
        animation-timing-function: cubic-bezier(.5,0,.701732,.495819);
        -webkit-transform: translateX(4%) translateY(-130%) scale(.75);
        transform: translateX(4%) translateY(-130%) scale(.75)
    }

    66% {
        -webkit-animation-timing-function: cubic-bezier(.302435,.381352,.55,.956352);
        animation-timing-function: cubic-bezier(.302435,.381352,.55,.956352);
        -webkit-transform: translateX(-4%) translateY(-130%) scale(.75);
        transform: translateX(-4%) translateY(-130%) scale(.75)
    }

    to {
        -webkit-transform: translateX(0) translateY(-130%) scale(.75);
        transform: translateX(0) translateY(-130%) scale(.75)
    }
}

@keyframes mdc-floating-label-shake-float-above-textarea {
    0% {
        -webkit-transform: translateX(0) translateY(-130%) scale(.75);
        transform: translateX(0) translateY(-130%) scale(.75)
    }

    33% {
        -webkit-animation-timing-function: cubic-bezier(.5,0,.701732,.495819);
        animation-timing-function: cubic-bezier(.5,0,.701732,.495819);
        -webkit-transform: translateX(4%) translateY(-130%) scale(.75);
        transform: translateX(4%) translateY(-130%) scale(.75)
    }

    66% {
        -webkit-animation-timing-function: cubic-bezier(.302435,.381352,.55,.956352);
        animation-timing-function: cubic-bezier(.302435,.381352,.55,.956352);
        -webkit-transform: translateX(-4%) translateY(-130%) scale(.75);
        transform: translateX(-4%) translateY(-130%) scale(.75)
    }

    to {
        -webkit-transform: translateX(0) translateY(-130%) scale(.75);
        transform: translateX(0) translateY(-130%) scale(.75)
    }
}

.mdc-form-field {
    font-family: Noto Sans,arial,sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 1.4rem;
    line-height: 1.25rem!important;
    font-weight: 400;
    letter-spacing: .0178571429em;
    text-decoration: inherit;
    text-transform: inherit;
    color: rgba(0,0,0,.87);
    color: var(--mdc-theme-text-primary-on-background,rgba(0,0,0,.87));
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    vertical-align: middle
}

.mdc-form-field>label {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    margin-right: auto;
    padding-left: 4px
}

.mdc-form-field--align-end>label,.mdc-form-field[dir=rtl]>label,[dir=rtl] .mdc-form-field>label {
    margin-left: auto;
    padding-right: 4px
}

.mdc-form-field--align-end>label {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1
}

.mdc-form-field--align-end[dir=rtl]>label,[dir=rtl] .mdc-form-field--align-end>label {
    margin-right: auto;
    padding-left: 4px
}

.loader {
    background: #27509b;
    height: 45px;
    width: 45px;
    padding: 5px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: auto;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: background .2s ease-in-out;
    transition: background .2s ease-in-out
}

.loader-svg {
    width: 100%;
    height: 100%;
    fill: transparent;
    stroke: #fff;
    stroke-width: 2;
    stroke-miterlimit: 10;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 40% 0 40% 1000%;
    stroke-dashoffset: -95;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-animation-name: rotate-loader;
    animation-name: rotate-loader;
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
    animation-direction: normal;
    -webkit-animation-fill-mode: initial;
    animation-fill-mode: none
}

.loader.check {
    background: green
}

.loader.check .loader-svg {
    -webkit-animation-name: loader-check;
    animation-name: loader-check;
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.loader.error {
    background: red
}

.loader.error .loader-svg {
    -webkit-animation-name: loader-error;
    animation-name: loader-error;
    -webkit-animation-duration: .85s;
    animation-duration: .85s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

@-webkit-keyframes rotate-loader {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(-1turn);
        transform: rotate(-1turn)
    }
}

@keyframes rotate-loader {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(-1turn);
        transform: rotate(-1turn)
    }
}

@-webkit-keyframes loader-check {
    0% {
        stroke-dashoffset: -95
    }

    to {
        stroke-dashoffset: -42
    }
}

@keyframes loader-check {
    0% {
        stroke-dashoffset: -95
    }

    to {
        stroke-dashoffset: -42
    }
}

@-webkit-keyframes loader-error {
    0% {
        stroke-dasharray: 40% 0 40% 1000%;
        stroke-dashoffset: -95
    }

    38% {
        stroke-dasharray: 40% 0 40% 1000%
    }

    to {
        stroke-dasharray: 57% 50% 56% 1000%;
        stroke-dashoffset: -1
    }
}

@keyframes loader-error {
    0% {
        stroke-dasharray: 40% 0% 40% 1000%;
        stroke-dashoffset: -95
    }

    38% {
        stroke-dasharray: 40% 0% 40% 1000%
    }

    to {
        stroke-dasharray: 57% 50% 56% 1000%;
        stroke-dashoffset: -1
    }
}

.regex-text-field__error-icon {
    width: 2rem;
    margin-top: 1rem
}

.regex-text-field__error-icon .dgad-form__alert-svg {
    width: 100%;
    height: 100%
}

#alert-svg-container {
    display: inline-block;
    vertical-align: middle;
    padding-right: 1.1rem
}

#alert-svg-container .icon-error-container {
    width: 2rem;
    height: 1.8rem
}

#alert-svg-container .icon-error-container .dgad-form__alert-svg {
    width: 100%;
    height: 100%
}

.dgad-form-container {
    max-width: 54rem;
    width: 100%;
    margin: 0 auto;
    padding: 2rem
}

.dgad-form-container .apos-area-widget-wrapper {
    margin-bottom: 3rem
}

.dgad-form-container .form-error-container-red {
    border-radius: .5rem;
    margin: 3rem 0;
    background-color: rgba(255,0,0,.25);
    padding: 1.1rem
}

.dgad-form-container .form-error-container-red .apos-forms-error {
    color: red;
    display: inline
}

.dgad-form-container a {
    text-decoration: underline;
    color: #00e
}

.dgad-form-input-container {
    width: 100%
}

.dgad-legend-field {
    margin-bottom: .8rem;
    font-size: 1.6rem;
    font-weight: 700
}

.mdc-text-field {
    border-radius: 0 0 0 0
}

.mdc-text-field:not(.mdc-text-field--disabled) .mdc-line-ripple {
    background-color: #fce500
}

.mdc-text-field:not(.mdc-text-field--disabled) .mdc-floating-label {
    color: #333
}

.mdc-text-field:not(.mdc-text-field--disabled) {
    background-color: #f5f5f5
}

.mdc-text-field:not(.mdc-text-field--disabled):not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input,.mdc-text-field:not(.mdc-text-field--disabled):not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input:hover {
    border-bottom-color: transparent
}

.mdc-text-field.mdc-text-field--focused:before,.mdc-text-field.mdc-text-field--focused:not(.mdc-text-field--disabled) {
    background-color: transparent
}

.mdc-text-field:not(.fieldEmpty):hover:before {
    opacity: 0
}

.mdc-text-field:not(.mdc-text-field--focused):not(.mdc-text-field--disabled):not(.fieldEmpty) {
    background-color: transparent
}

.mdc-text-field:not(.mdc-text-field--focused):not(.mdc-text-field--disabled):not(.fieldEmpty):not(.mdc-text-field--invalid) .mdc-line-ripple {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    background: green
}

.mdc-text-field:not(.mdc-text-field--focused):not(.mdc-text-field--disabled):not(.fieldEmpty).mdc-text-field--invalid .mdc-line-ripple {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    background: red;
    color: red
}

.mdc-floating-label--float-above {
    -webkit-transform: translate(-1.6rem,-50%) scale(.75);
    transform: translate(-1.6rem,-50%) scale(.75)
}

.mdc-floating-label {
    top: 2rem;
    overflow: initial
}

.mdc-text-field--textarea .mdc-floating-label {
    left: 1.7rem
}

.mdc-text-field--textarea .mdc-floating-label--float-above {
    font-size: inherit;
    -webkit-transform: translate(-1.6rem,-50%) scale(.75);
    transform: translate(-1.6rem,-50%) scale(.75)
}

.mdc-text-field--textarea .mdc-text-field__input {
    margin-top: 2.6rem
}

.mdc-text-field--textarea:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,.mdc-text-field--textarea:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,.mdc-text-field--textarea:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
    border-color: transparent
}

.mdc-text-field--textarea:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,.mdc-text-field--textarea:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,.mdc-text-field--textarea:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing {
    border-color: #fce500
}

.mdc-text-field--textarea:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover~.mdc-notched-outline .mdc-notched-outline__leading,.mdc-text-field--textarea:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover~.mdc-notched-outline .mdc-notched-outline__notch,.mdc-text-field--textarea:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover~.mdc-notched-outline .mdc-notched-outline__trailing {
    border-color: transparent
}

.require-asterisk {
    padding-right: 1rem
}

.require-asterisk:after {
    content: "*";
    color: red;
    font-size: 1rem;
    vertical-align: top;
    position: absolute;
    right: 0;
    top: -.3rem
}

legend.require-asterisk {
    position: relative
}

.mdc-text-field--focused .mdc-text-field__input:required~.mdc-floating-label:after,.mdc-text-field--focused .mdc-text-field__input:required~.mdc-notched-outline .mdc-floating-label:after {
    color: red
}

.input-field-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.input-field-container label {
    -ms-flex-item-align: center;
    align-self: center
}

.container-fields {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start
}

.loader-container {
    margin-bottom: 1rem
}

.mdc-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate)~.mdc-checkbox__background,.mdc-radio .mdc-radio__native-control:enabled:not(:checked)+.mdc-radio__background .mdc-radio__outer-circle {
    border-color: #7d7d7d;
    background: #f5f5f5
}

.apos-forms-submission-thank-you {
    text-align: center
}

.dgad-form-container [data-apos-recaptcha-slot] {
    margin-bottom: 3rem
}

.dgad-form-container .apos-forms-error {
    margin-top: 2rem;
    color: #c90000
}

.apos-forms-input-error {
    color: #c90000!important
}

.loader-container {
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

@media (max-width: 959px) {
    .loader {
        width:5.5rem;
        height: 5.5rem
    }
}

.loader-container.apos-forms-visible+.b2c-btn {
    width: 5.5rem;
    height: 5.5rem;
    color: transparent;
    border-radius: 2.25rem;
    overflow: hidden;
    visibility: hidden;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

@media screen and (min-width: 960px) {
    .loader-container.apos-forms-visible+.b2c-btn {
        width:4.5rem;
        height: 4.5rem
    }
}

.dgad-cta--centered {
    position: relative
}

.dgad-legend-field {
    line-height: 2.6rem
}

.b2c-btn:disabled {
    color: #999;
    background-color: #e6e6e6;
    cursor: not-allowed
}

.b2c-language-selector {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

@media (max-width: 959px) {
    .b2c-language-selector {
        -webkit-box-pack:justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 2rem
    }
}

.b2c-language-selector__flag {
    width: 2.5rem;
    height: 2.5rem;
    margin-right: 4rem
}

@media screen and (min-width: 960px) {
    .b2c-language-selector__flag {
        margin-right:1rem
    }
}

.b2c-language-selector__selected {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media screen and (min-width: 960px) {
    .b2c-language-selector__selected {
        margin-right:1rem
    }
}

@media (max-width: 959px) {
    .b2c-language-selector__selected:after {
        display:block
    }

    .b2c-language-selector__selected:before {
        display: none
    }

    .b2c-language-selector__selected:after,.b2c-language-selector__selected:before {
        content: "›";
        font-size: 2rem;
        font-weight: lighter;
        color: #27509b;
        -webkit-transition: all .3s;
        transition: all .3s
    }
}

.b2c-language-selector.active+.b2c-language-selector-nav {
    display: block
}

@media (max-width: 959px) {
    .b2c-language-selector.active+.b2c-language-selector-nav {
        visibility:visible;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.b2c-language-selector.active .chevron-north-bold {
    display: none
}

@media screen and (min-width: 960px) {
    .b2c-language-selector.active .chevron-north-bold {
        display:inline-block
    }
}

.b2c-language-selector.active .chevron-south-bold {
    display: none
}

.b2c-language-selector .chevron-north-bold,.b2c-language-selector .chevron-south-bold {
    width: 2rem;
    height: 2rem;
    margin-bottom: .3rem
}

@media (max-width: 959px) {
    .b2c-language-selector .chevron-north-bold,.b2c-language-selector .chevron-south-bold {
        display:none
    }
}

.b2c-language-selector .chevron-north-bold {
    display: none
}

.b2c-language-selector-product-switchon {
    top: 6.8rem;
    right: 7rem
}

@media (max-width: 959px) {
    .b2c-language-selector-product-switchon {
        top:0;
        bottom: 0;
        left: 0
    }
}

.b2c-language-selector-product-switchoff {
    top: 5.6rem;
    right: -2rem
}

@media (max-width: 959px) {
    .b2c-language-selector-product-switchoff {
        top:0;
        bottom: 0;
        left: 0
    }
}

.b2c-language-selector-nav {
    position: absolute;
    display: none;
    min-width: 15rem;
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}

@media (max-width: 959px) {
    .b2c-language-selector-nav {
        z-index:1;
        top: 0;
        bottom: 0;
        left: 0;
        display: block;
        width: 100%;
        background: #fff;
        visibility: hidden;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        -webkit-transition: all .3s;
        transition: all .3s
    }
}

.b2c-language-selector-nav__flag {
    width: 2.5rem;
    height: 2.5rem;
    margin-bottom: -.7rem
}

.b2c-language-selector-nav__item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 4rem;
    background: #fff;
    border-bottom: .1rem solid #f5f5f5;
    cursor: pointer;
    -webkit-transition: background-color .3s ease-in-out;
    transition: background-color .3s ease-in-out
}

@media screen and (min-width: 960px) {
    .b2c-language-selector-nav__item:hover {
        background-color:#e6efff
    }
}

@media (max-width: 959px) {
    .b2c-language-selector-nav__item {
        -webkit-box-align:center;
        -ms-flex-align: center;
        align-items: center;
        height: 6.8rem;
        padding: 2rem
    }
}

.b2c-language-selector-nav__item:last-child {
    border-bottom: none
}

.b2c-language-selector-nav__label {
    margin: 0 1rem
}

.b2c-language-selector-nav__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding: 0 4rem 0 1.4rem;
    line-height: 6.8rem;
    white-space: nowrap
}

@media screen and (min-width: 600px) {
    .b2c-language-selector-nav__link {
        line-height:4rem
    }
}

@media (max-width: 959px) {
    .b2c-language-selector-nav__link:before {
        content:"›";
        margin-right: 2rem;
        font-size: 2rem;
        font-weight: lighter;
        color: #27509b;
        -webkit-transition: all .3s;
        transition: all .3s
    }
}

.dgad-notification {
    color: #fff;
    border-color: #e4e4e4;
    -webkit-box-shadow: .1rem .1rem .8rem #c5c5c5;
    box-shadow: .1rem .1rem .8rem #c5c5c5
}

.dgad-notification,.dgad-notification__close:after,.dgad-notification__close:before {
    background-color: #fff
}

.dgad-notification__timeout-progress {
    background-color: #fce500
}

.dgad-notification__content .dgad-notification__fold-section-description,.dgad-notification__content .dgad-notification__header {
    color: #fff;
    background-color: #27509b
}

.dgad-notification__content .dgad-notification__fold-section-widgets {
    color: #001e4f
}

@-webkit-keyframes spinning-animation {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(-1turn);
        transform: rotate(-1turn)
    }
}

@keyframes spinning-animation {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(-1turn);
        transform: rotate(-1turn)
    }
}

.apos-modal .apos-image-widget-image-title,.dgad-accordion .apos-image-widget-image-title {
    visibility: hidden
}

@-webkit-keyframes loading {
    0% {
        width: 100%
    }

    to {
        width: 0
    }
}

@keyframes loading {
    0% {
        width: 100%
    }

    to {
        width: 0
    }
}

@-webkit-keyframes blinking {
    50% {
        opacity: 0
    }
}

@keyframes blinking {
    50% {
        opacity: 0
    }
}

.h1-like {
    font-weight: 700;
    font-size: 2.6rem;
    line-height: 1.15;
    letter-spacing: -.25rem
}

@media screen and (min-width: 600px) {
    .h1-like {
        font-size:3.4rem
    }
}

@media screen and (min-width: 960px) {
    .h1-like {
        font-size:4rem
    }
}

.h1-like--secondary {
    font-weight: 900;
    font-size: 2rem;
    font-family: Michelin,arial,sans-serif;
    line-height: 1.85;
    letter-spacing: -.25rem;
    text-transform: uppercase
}

@media screen and (min-width: 600px) {
    .h1-like--secondary {
        font-size:3rem
    }
}

@media screen and (min-width: 960px) {
    .h1-like--secondary {
        font-size:3.5rem
    }
}

.h2-like {
    font-weight: 700;
    font-size: 2.2rem;
    line-height: 1.44;
    letter-spacing: 0;
    word-break: break-word
}

@media screen and (min-width: 600px) {
    .h2-like {
        font-size:2.6rem
    }
}

@media screen and (min-width: 960px) {
    .h2-like {
        font-size:3.2rem;
        letter-spacing: -.1rem;
        word-break: normal
    }
}

.apos-rich-text .list-heading,.h3-like {
    font-weight: 700;
    font-size: 2rem;
    line-height: 1.3;
    word-break: break-word
}

@media screen and (min-width: 600px) {
    .apos-rich-text .list-heading,.h3-like {
        font-size:2.2rem
    }
}

@media screen and (min-width: 960px) {
    .apos-rich-text .list-heading,.h3-like {
        font-size:2.8rem
    }
}

.h4-like,.h5-like {
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.42
}

@media screen and (min-width: 600px) {
    .h4-like,.h5-like {
        font-size:2rem
    }
}

@media screen and (min-width: 960px) {
    .h4-like,.h5-like {
        font-size:2.4rem
    }
}

.h5-like {
    font-weight: 400
}

.h6-like {
    font-weight: 700;
    font-size: 1.4rem;
    letter-spacing: .02rem;
    color: #27509b
}

@media screen and (min-width: 600px) {
    .h6-like {
        font-size:1.6rem
    }
}

.dark-background .h6-like {
    color: inherit
}

.dark-background .light-background .h6-like {
    color: #27509b
}

a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,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,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video {
    vertical-align: baseline;
    margin: 0;
    padding: 0;
    border: 0
}

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

body {
    line-height: 1
}

ol,ul {
    list-style: none
}

blockquote,q {
    quotes: none
}

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

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

a {
    text-decoration: none
}

b,strong {
    font-weight: 700
}

.fixed {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.b2c-no-scroll {
    overflow: hidden
}

.b2c-column,.b2c-column>*,.b2c-row,.b2c-row>* {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.b2c-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

@media (max-width: 959px) {
    .b2c-row--switch-md {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.b2c-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.hidden {
    display: none!important
}

.visible {
    display: block!important
}

@media (max-width: 839px) {
    .mobile--hidden {
        display:none!important
    }
}

@media screen and (min-width: 840px) {
    .desktop--hidden {
        display:none!important
    }
}

.apos-rich-text ul {
    margin-left: 2rem;
    list-style: initial
}

.apos-rich-text li {
    list-style-position: inside
}

.apos-rich-text ol {
    margin-left: 2rem;
    list-style: decimal
}

.apos-rich-text a {
    word-break: break-word;
    text-decoration: underline
}

.apos-rich-text .list-heading {
    position: relative;
    margin-bottom: 1rem;
    padding-left: 4.2rem
}

.apos-rich-text .list-heading:before {
    content: "";
    position: absolute;
    top: 1rem;
    display: inline-block;
    width: .6rem;
    height: .6rem;
    background: #000;
    border-radius: 100%;
    -webkit-transform: translateX(-2rem);
    transform: translateX(-2rem)
}

@media screen and (min-width: 960px) {
    .apos-rich-text .list-heading:before {
        top:1.2rem
    }
}

.apos-rich-text .list-paragraph:not([style*="text-align: center"]) {
    margin-left: 4.5rem
}

div[class*="--secondary"] .list-heading:before {
    background: #fff
}

.b2c-close path {
    fill: #fff
}

.align__right {
    text-align: right
}

.align__left {
    text-align: left
}

.apos-modal-footer-inner {
    float: right;
    width: 80%
}

.apos-modal-footer-inner .apos-manage-pager {
    margin-left: auto
}

.apos-ui fieldset.apos-field fieldset.apos-field {
    padding-left: 15px
}

.apos-ui .apos-admin-bar {
    top: 10rem
}

.apos-ui .apos-area-controls {
    padding: 1.5rem 0
}

.apos-area-widget-wrapper>.apos-ui>.apos-area-controls {
    bottom: -.75rem
}

.apos-area .apos-empty>.apos-ui .apos-area-controls--singleton {
    top: 50%;
    bottom: auto;
    padding: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.u-small-dropdowns {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 60rem!important
}

.u-small-dropdowns .apos-dropdown-item {
    width: 33.33%
}

.b2c-container {
    width: 100%;
    max-width: 192rem;
    margin: 0 auto
}

@media screen and (min-width: 960px) {
    .b2c-container {
        width:90%;
        padding: 0 2.4rem
    }
}

@media screen and (min-width: 1280px) {
    .b2c-container {
        width:80%
    }
}

.h1-like,.h1-like--secondary,.h2-like,h1,h2 {
    margin-bottom: 1rem
}

@media screen and (min-width: 960px) {
    .h1-like,.h1-like--secondary,.h2-like,h1,h2 {
        margin-bottom:2rem
    }
}

@media screen and (min-width: 1920px) {
    .h1-like,.h1-like--secondary,.h2-like,h1,h2 {
        margin-bottom:3rem
    }
}

.h3-like,.h4-like,.h5-like,.h6-like,h3,h4,h5,h6 {
    margin-bottom: 1rem
}

.apos-rich-text {
    margin-bottom: 4rem
}

@media (max-width: 959px) {
    .apos-rich-text {
        margin-bottom:3rem
    }

    .apos-rich-text [style*="text-align:right"] {
        text-align: left!important
    }
}

.apos-rich-text p {
    margin-bottom: 3rem;
    word-break: break-word
}

.dgad-images {
    margin-bottom: 4rem
}

.h1-like sup {
    font-size: 1.5rem;
    letter-spacing: -.1rem
}

@media screen and (min-width: 600px) {
    .h1-like sup {
        font-size:1.8rem
    }
}

@media screen and (min-width: 960px) {
    .h1-like sup {
        font-size:2.2rem
    }
}

.h2-like sup {
    font-size: 1.3rem
}

@media screen and (min-width: 600px) {
    .h2-like sup {
        font-size:1.5rem
    }
}

@media screen and (min-width: 960px) {
    .h2-like sup {
        font-size:1.7rem
    }
}

sup {
    position: relative;
    bottom: .1rem;
    vertical-align: super;
    font-size: 1rem;
    text-decoration: none
}

.dgad-panel-hero-image__title p sup {
    font-size: 1.7rem
}

p.paragraph1 {
    line-height: 2.6rem
}

p.b2c-note {
    font-size: 1.3rem;
    font-style: italic
}

p.blockquote {
    position: relative;
    height: 100%;
    margin: 0;
    padding: 6rem 8rem;
    font-style: italic;
    color: #27509b;
    line-height: 2.6rem;
    background-color: #f5f5f5
}

p.blockquote:before {
    content: '"';
    position: absolute;
    top: 6rem;
    left: 4rem;
    display: inline-block;
    height: calc(100% - 12rem);
    padding-left: 3rem;
    border-left: .2rem solid #fce500
}

p.blockquote:after {
    content: '"'
}

.b2c-accordion__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    cursor: pointer
}

@media screen and (min-width: 960px) {
    .b2c-accordion__title {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.b2c-accordion__icon {
    width: 1.5rem;
    height: 1.5rem;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease,-webkit-transform .3s ease
}

.b2c-accordion--active .b2c-accordion__icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.b2c-btn {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-decoration: none;
    border: none;
    border-radius: 2.5rem;
    outline: 0;
    cursor: pointer
}

.b2c-btn--round {
    min-width: 0;
    padding: 0!important;
    text-indent: 0!important;
    border-radius: 100%!important;
    -webkit-transition-property: border-radius;
    transition-property: border-radius
}

.b2c-btn--round:hover {
    padding: 0;
    text-indent: 0
}

.b2c-btn--round:after {
    content: none
}

.b2c-btn:not(.b2c-btn--round)>.b2c-btn__icon {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 4rem;
    text-indent: 0
}

.b2c-btn__icon {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden
}

.b2c-btn__icon--geolocation svg {
    width: 2rem;
    height: 2rem;
    stroke: none
}

.b2c-btn__icon--download svg,.b2c-btn__icon--upload svg {
    width: 2.5rem
}

.b2c-btn__icon--ellipsis svg {
    width: 1rem;
    height: 1rem
}

.b2c-btn__icon--filters svg {
    width: 2.5rem;
    height: 2.5rem
}

.b2c-btn__icon--close,.b2c-btn__icon--close svg {
    width: 1.5rem;
    height: 1.5rem
}

.b2c-btn--disabled {
    cursor: not-allowed
}

.b2c-btn.dgad-cta__item--callToActionPhone {
    text-decoration: none
}

.b2c-filter-btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 3.5rem;
    padding: 0 1.5rem;
    line-height: 3.4rem;
    text-align: center;
    background: none;
    border-radius: 1.7rem;
    outline: none;
    cursor: pointer;
    -webkit-transition: background-color .1s ease-in-out,color .1s ease-in-out,border-color .1s ease-in-out;
    transition: background-color .1s ease-in-out,color .1s ease-in-out,border-color .1s ease-in-out
}

@media screen and (min-width: 960px) {
    .b2c-filter-btn:active,.b2c-filter-btn:hover {
        background:#dcdcdc
    }

    .b2c-filter-btn--active:hover {
        color: #fff
    }
}

.b2c-filter-btn--active {
    color: #fff
}

.b2c-filter-btn__counter,.b2c-filter-btn__label {
    vertical-align: top
}

.b2c-filter-btn__remove-picto {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 2.7rem;
    height: 2.7rem;
    border: .2rem solid #fff;
    border-radius: 2rem
}

.b2c-filter-btn__remove-picto svg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 50%;
    height: 50%;
    margin: auto;
    fill: #fff
}

.b2c-filter-btn--removable {
    position: relative;
    padding-right: 4rem;
    background: #27509b
}

@media screen and (min-width: 960px) {
    .b2c-filter-btn--removable:active .b2c-filter-btn__remove-picto,.b2c-filter-btn--removable:hover .b2c-filter-btn__remove-picto {
        border-color:#27509b
    }

    .b2c-filter-btn--removable:active .b2c-filter-btn__remove-picto svg,.b2c-filter-btn--removable:hover .b2c-filter-btn__remove-picto svg {
        fill: #27509b
    }
}

.b2c-filter-btn--removable .b2c-filter-btn__remove-picto {
    position: absolute;
    top: .3rem;
    right: .3rem
}

.b2c-filter-btn--truncated {
    max-width: 100%
}

.b2c-filter-btn--truncated .b2c-filter-btn__wrapper {
    width: 100%;
    text-align: left
}

.b2c-filter-btn--truncated .b2c-filter-btn__wrapper .b2c-filter-btn__label {
    display: inline-block;
    max-width: calc(100% - 2.5rem);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.b2c-filter-btn--truncated .b2c-filter-btn__wrapper .b2c-filter-btn__counter {
    vertical-align: top
}

.b2c-filter-btn__counter {
    font-size: small
}

.b2c-filter-btn__seasons-icon {
    width: 2.6rem;
    margin: .3rem 0 0 -1.2rem
}

.b2c-filter-btn__seasons-icon,.b2c-filter-btn__seasons-icon img {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 2.6rem
}

.b2c-filter-btn__seasons-icon img {
    margin: auto
}

.b2c-scroll-to-top {
    display: none
}

.b2c-btn {
    width: 33rem;
    height: 5.5rem;
    padding: 1rem 3rem;
    font-size: 1.4rem;
    color: #333;
    line-height: 1;
    background: #fce500
}

@media (max-width: 359px) {
    .b2c-btn {
        max-width:calc(100vw - 3rem)
    }
}

@media screen and (min-width: 960px) {
    .b2c-btn {
        width:23rem;
        height: 4.8rem;
        border-radius: .2rem
    }
}

.b2c-btn__label {
    text-align: center
}

.b2c-btn__label--secondary {
    font-size: 1rem;
    font-weight: 700;
    color: #363636;
    line-height: 1.6
}

.b2c-btn__icon svg {
    fill: #363636
}

.b2c-btn__icon--chevron svg {
    width: .8rem
}

.b2c-btn--secondary {
    color: #fff;
    background: #27509b
}

.b2c-btn--secondary .b2c-btn__icon svg {
    fill: #fff
}

.b2c-btn--secondary .b2c-horizontal-loader--light span {
    background-color: #fff
}

.b2c-btn--tertiary {
    background: #f5f5f5
}

.b2c-btn--round {
    width: 4rem;
    height: 4rem
}

@media screen and (min-width: 960px) {
    .b2c-btn--animate .b2c-btn__icon {
        opacity:0;
        -webkit-animation: b2c-btn__icon--AnimationIn .3s ease-in-out;
        animation: b2c-btn__icon--AnimationIn .3s ease-in-out
    }
}

@media screen and (min-width: 960px) {
    .b2c-btn--animate:hover:not(.b2c-btn--disabled) .b2c-btn__icon {
        width:3.25rem;
        opacity: 1;
        -webkit-animation: b2c-btn__icon--AnimationOut .3s ease-in-out;
        animation: b2c-btn__icon--AnimationOut .3s ease-in-out
    }
}

@media screen and (min-width: 960px) {
    .b2c-btn.dgad-cta__item--callToActionPhone {
        color:#333
    }
}

.dark-background .b2c-btn {
    -webkit-box-shadow: 0 .2rem .5rem 0 rgba(0,0,0,.5);
    box-shadow: 0 .2rem .5rem 0 rgba(0,0,0,.5)
}

.dark-background .light-background .b2c-btn {
    -webkit-box-shadow: none;
    box-shadow: none
}

@-webkit-keyframes b2c-btn__icon--AnimationIn {
    0% {
        width: 3.25rem;
        opacity: 1
    }

    to {
        width: 2.5rem;
        opacity: 0
    }
}

@keyframes b2c-btn__icon--AnimationIn {
    0% {
        width: 3.25rem;
        opacity: 1
    }

    to {
        width: 2.5rem;
        opacity: 0
    }
}

@-webkit-keyframes b2c-btn__icon--AnimationOut {
    0% {
        width: 4rem;
        opacity: 0
    }

    to {
        width: 3.25rem;
        opacity: 1
    }
}

@keyframes b2c-btn__icon--AnimationOut {
    0% {
        width: 4rem;
        opacity: 0
    }

    to {
        width: 3.25rem;
        opacity: 1
    }
}

.b2c-deeplink-cta--unvailable {
    opacity: .5;
    pointer-events: none
}

.b2c-deeplink-cta .b2c-horizontal-loader {
    display: none
}

.b2c-deeplink-cta--loading {
    pointer-events: none
}

.b2c-deeplink-cta--loading>* {
    display: none!important
}

.b2c-deeplink-cta--loading .b2c-horizontal-loader {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important
}

.b2c-filter-btn {
    color: #333;
    border: .1rem solid #000
}

@media screen and (min-width: 960px) {
    .b2c-filter-btn:active,.b2c-filter-btn:hover {
        background:#dcdcdc
    }

    .b2c-filter-btn--active:hover {
        background: #363636
    }
}

.b2c-filter-btn--active,.b2c-filter-btn--active:hover,.b2c-filter-btn:active {
    color: #fff;
    background: #27509b;
    border-color: #27509b
}

.b2c-filter-btn--removable {
    color: #fff;
    border-color: #27509b
}

@media screen and (min-width: 960px) {
    .b2c-filter-btn--removable:active,.b2c-filter-btn--removable:hover {
        background:#7d9fde;
        border-color: #7d9fde
    }
}

.b2c-checkbox input[type=checkbox],.b2c-checkbox input[type=radio],.b2c-radio input[type=checkbox],.b2c-radio input[type=radio] {
    position: absolute;
    z-index: -1;
    visibility: hidden
}

.b2c-checkbox input[type=checkbox]+label:before,.b2c-checkbox input[type=radio]+label:before,.b2c-radio input[type=checkbox]+label:before,.b2c-radio input[type=radio]+label:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 2rem;
    height: 2rem;
    border-radius: .2rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.b2c-checkbox input[type=radio]+label:before,.b2c-radio input[type=radio]+label:before {
    border-radius: 100%
}

.b2c-checkbox input[type=checkbox]+label,.b2c-checkbox input[type=radio]+label,.b2c-radio input[type=checkbox]+label,.b2c-radio input[type=radio]+label {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.b2c-checkbox input[type=checkbox]+label svg,.b2c-checkbox input[type=radio]+label svg,.b2c-radio input[type=checkbox]+label svg,.b2c-radio input[type=radio]+label svg {
    position: absolute;
    top: 50%;
    left: .2rem;
    display: none;
    width: 1.5rem;
    height: 2rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.b2c-checkbox input[type=radio]+label:after,.b2c-radio input[type=radio]+label:after {
    content: "";
    position: absolute;
    top: 50%;
    left: .6rem;
    display: none;
    width: .8rem;
    height: .8rem;
    border-radius: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.b2c-checkbox input[type=checkbox]:checked+label:before,.b2c-checkbox input[type=radio]:checked+label:before,.b2c-radio input[type=checkbox]:checked+label:before,.b2c-radio input[type=radio]:checked+label:before {
    background: #e6efff
}

.b2c-checkbox input[type=checkbox]:checked+label:after,.b2c-checkbox input[type=checkbox]:checked+label svg,.b2c-checkbox input[type=radio]:checked+label:after,.b2c-checkbox input[type=radio]:checked+label svg,.b2c-radio input[type=checkbox]:checked+label:after,.b2c-radio input[type=checkbox]:checked+label svg,.b2c-radio input[type=radio]:checked+label:after,.b2c-radio input[type=radio]:checked+label svg {
    display: block
}

.b2c-checkbox--background input[type=checkbox]+label,.b2c-checkbox--background input[type=radio]+label,.b2c-radio--background input[type=checkbox]+label,.b2c-radio--background input[type=radio]+label {
    padding: 1.5rem 1.5rem 1.5rem 4rem;
    background-color: rgba(252,229,0,0);
    -webkit-transition: background .4s linear;
    transition: background .4s linear
}

.b2c-checkbox--background input[type=checkbox]:checked+label,.b2c-checkbox--background input[type=radio]:checked+label,.b2c-radio--background input[type=checkbox]:checked+label,.b2c-radio--background input[type=radio]:checked+label {
    border-radius: .2rem
}

.b2c-checkbox--background input[type=checkbox]+label:before,.b2c-checkbox--background input[type=radio]+label:before,.b2c-radio--background input[type=checkbox]+label:before,.b2c-radio--background input[type=radio]+label:before {
    left: 1rem
}

.b2c-checkbox--background input[type=checkbox]+label svg,.b2c-radio--background input[type=checkbox]+label svg {
    left: 1.2rem
}

.b2c-checkbox--background input[type=radio]+label:after,.b2c-radio--background input[type=radio]+label:after {
    top: 2.1rem;
    left: 1.6rem;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.b2c-checkbox--background input[type=checkbox]+label:before,.b2c-checkbox--background input[type=checkbox]+label svg,.b2c-checkbox--background input[type=radio]+label:before,.b2c-radio--background input[type=checkbox]+label:before,.b2c-radio--background input[type=checkbox]+label svg,.b2c-radio--background input[type=radio]+label:before {
    top: 1.5rem;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.b2c-checkbox input[type=checkbox]+label:before,.b2c-checkbox input[type=radio]+label:before,.b2c-radio input[type=checkbox]+label:before,.b2c-radio input[type=radio]+label:before {
    background-color: #f5f5f5;
    border: .1rem solid #363636
}

.b2c-checkbox input[type=checkbox]+label svg,.b2c-checkbox input[type=radio]+label svg,.b2c-radio input[type=checkbox]+label svg,.b2c-radio input[type=radio]+label svg {
    stroke: #27509b
}

.b2c-checkbox input[type=radio]+label:after,.b2c-radio input[type=radio]+label:after {
    background-color: #27509b
}

.b2c-checkbox--background input[type=checkbox]+label:hover,.b2c-checkbox--background input[type=radio]+label:hover,.b2c-radio--background input[type=checkbox]+label:hover,.b2c-radio--background input[type=radio]+label:hover {
    color: #27509b
}

.b2c-checkbox--background input[type=checkbox]:checked+label,.b2c-checkbox--background input[type=radio]:checked+label,.b2c-radio--background input[type=checkbox]:checked+label,.b2c-radio--background input[type=radio]:checked+label {
    background-color: #fce500
}

.flags {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

@media screen and (min-width: 960px) {
    .flags {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        margin: 0
    }
}

@media screen and (min-width: 1280px) {
    .flags {
        margin-left:10rem
    }
}

.flag {
    width: 3rem;
    height: 3rem;
    margin-right: 1rem;
    border-radius: 50%
}

@media screen and (min-width: 960px) {
    .flag {
        width:4rem;
        height: 4rem;
        margin: 0 auto .5rem
    }
}

.flag:last-child {
    margin-right: 0
}

.flag__label {
    display: none;
    margin-bottom: 1.5rem;
    font-size: 1.4rem
}

@media screen and (min-width: 960px) {
    .flag__label {
        display:block
    }
}

.flag>svg,.flag img {
    width: 3rem;
    height: 3rem;
    border-radius: 50%
}

@media screen and (min-width: 960px) {
    .flag>svg,.flag img {
        width:4rem;
        height: 4rem;
        margin: 0 auto .5rem
    }
}

.flag--placeholder {
    background-color: #363636
}

.b2c-horizontal-loader {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.b2c-horizontal-loader,.b2c-horizontal-loader span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.b2c-horizontal-loader span {
    width: .5rem;
    height: .5rem;
    margin: auto .3rem;
    border-radius: .5rem;
    -webkit-animation-name: b2c-horizontal-loader-blink;
    animation-name: b2c-horizontal-loader-blink;
    -webkit-animation-duration: 1.4s;
    animation-duration: 1.4s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.b2c-horizontal-loader span:nth-child(2) {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.b2c-horizontal-loader span :nth-child(3) {
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

@-webkit-keyframes b2c-horizontal-loader-blink {
    0% {
        opacity: .2
    }

    20% {
        opacity: 1
    }

    to {
        opacity: .2
    }
}

@keyframes b2c-horizontal-loader-blink {
    0% {
        opacity: .2
    }

    20% {
        opacity: 1
    }

    to {
        opacity: .2
    }
}

.b2c-horizontal-loader span {
    background-color: #000
}

.awards-popin {
    position: fixed;
    top: 48vh;
    left: 50%;
    width: 100%;
    padding: 1.6rem;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

@media screen and (min-width: 600px) {
    .awards-popin {
        top:50%;
        width: 60%;
        max-width: -webkit-fit-content;
        max-width: -moz-fit-content;
        max-width: fit-content;
        height: 45rem
    }
}

@media screen and (min-width: 1280px) {
    .awards-popin {
        top:50%;
        width: 50%;
        max-width: -webkit-fit-content;
        max-width: -moz-fit-content;
        max-width: fit-content;
        height: 45rem
    }
}

.awards-popin .dgad-slider {
    overflow: visible
}

.awards-popin .dgad-slider__pager {
    bottom: -5rem!important
}

.awards-popin .dgad-slider__track {
    max-height: 70vh;
    overflow: scroll
}

@media screen and (min-width: 840px) {
    .awards-popin .dgad-slider__track {
        overflow:hidden
    }
}

.awards-popin .dgad-slider__buttons {
    position: absolute;
    bottom: -10rem;
    width: 100%;
    pointer-events: none;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media screen and (min-width: 600px) {
    .awards-popin .dgad-slider__buttons {
        top:50%;
        bottom: 0;
        height: 4rem
    }
}

.awards-popin .dgad-slider__buttons .dgad-btn {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: transparent;
    border-radius: 50%;
    pointer-events: auto;
    cursor: pointer
}

.awards-popin .dgad-slider__buttons .dgad-btn svg {
    width: 2rem;
    height: 2rem;
    fill: #fff
}

.awards-popin .dgad-slider__buttons .dgad-slider__prev {
    left: 6rem
}

@media screen and (min-width: 600px) {
    .awards-popin .dgad-slider__buttons .dgad-slider__prev {
        left:-14rem;
        -webkit-transform: translateX(50%);
        transform: translateX(50%)
    }
}

.awards-popin .dgad-slider__buttons .dgad-slider__prev svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.awards-popin .dgad-slider__buttons .dgad-slider__next {
    right: 6rem
}

@media screen and (min-width: 600px) {
    .awards-popin .dgad-slider__buttons .dgad-slider__next {
        right:-10rem;
        -webkit-transform: translateX(50%);
        transform: translateX(50%)
    }
}

.awards-popin .b2c-ts-award__no-description .b2c-ts-award__title {
    margin: 1.6rem 1.6rem 0
}

@media screen and (min-width: 960px) {
    .awards-popin .b2c-ts-award__no-description .b2c-ts-award__title {
        margin:0 0 1.6rem
    }
}

.awards-popin .b2c-ts-award {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    padding: 0
}

@media screen and (min-width: 960px) {
    .awards-popin .b2c-ts-award:not(.b2c-ts-award__no-description) {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding: 3.2rem
    }
}

@media screen and (min-width: 960px) {
    .awards-popin .b2c-ts-award {
        padding:3.2rem
    }
}

.awards-popin .b2c-ts-award__image {
    margin-top: 3.2rem
}

@media screen and (min-width: 960px) {
    .awards-popin .b2c-ts-award__image {
        margin:0
    }
}

.awards-popin .b2c-ts-award__image img {
    height: 20rem
}

@media screen and (min-width: 960px) {
    .awards-popin .b2c-ts-award__image img {
        height:23rem
    }
}

.awards-popin .b2c-ts-award__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 2.4rem 1.6rem;
    text-align: center
}

@media screen and (min-width: 960px) {
    .awards-popin .b2c-ts-award__content {
        -webkit-box-pack:start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        width: 50%;
        margin: 0 0 0 2.4rem;
        text-align: left
    }
}

.awards-popin .b2c-ts-award__title {
    margin: 0 0 .8rem;
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1.5
}

.awards-popin .b2c-ts-award__description {
    font-size: 1.6rem;
    line-height: 1.5;
    color: #1a1a1a
}

.warning-popin {
    width: 90%;
    height: 26rem;
    padding: 3.2rem 6.4rem;
    text-align: center;
    background-color: #fff
}

@media (max-width: 959px) {
    .warning-popin {
        top:50%;
        width: 90%;
        height: 42.8rem;
        padding: 3.2rem 1.6rem
    }
}

.warning-popin img {
    height: 100%
}

[data-popin=awardsPopinProductPromo] {
    display: none
}

.dgad-popin__close {
    position: fixed;
    top: 4rem;
    right: 4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (max-width: 959px) {
    .dgad-popin__close {
        right:0;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

.dgad-popin__overlay {
    z-index: 1001;
    background: rgba(0,0,0,.5)
}

.b2c-ratings__average-meter {
    position: relative
}

.b2c-ratings__stars {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.b2c-ratings__average {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 2.3rem
}

.b2c-ratings__average-meter,.b2c-ratings__average .b2c-ratings__stars svg {
    width: 10rem;
    height: 2.3rem
}

.b2c-ratings__average-count {
    margin-left: 1rem;
    padding-top: .8rem;
    font-size: 1.3rem;
    font-weight: 400;
    color: #27509b
}

.b2c-ribbon {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 4rem;
    padding: 0 1rem;
    font-size: 1.4rem;
    font-weight: 700;
    background: #fce500;
    border-radius: .4rem 0
}

.b2c-ribbon:after,.b2c-ribbon:before {
    position: absolute
}

.b2c-ribbon:before {
    top: auto;
    bottom: -.9rem;
    left: 0;
    border-color: transparent #b2b2b2 transparent transparent;
    border-width: 0 1rem .9rem 0
}

.b2c-ribbon:after,.b2c-ribbon:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid
}

.b2c-ribbon:after {
    top: 0;
    right: -.85rem;
    border-color: #fce500 transparent transparent;
    border-width: 4rem 1rem 0 0
}

.b2c-custom-select {
    position: relative;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 6.7rem;
    margin-bottom: 1rem;
    line-height: 6.7rem;
    border-radius: .4rem;
    cursor: pointer
}

.b2c-custom-select,.b2c-custom-select__label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.b2c-custom-select__label {
    width: 100%;
    height: 50%;
    padding: 1.8rem 1rem 0;
    font-size: 1.2rem;
    line-height: 50%;
    text-align: left;
    text-transform: capitalize
}

.b2c-custom-select__current-value {
    display: block;
    width: 85%;
    height: 50%;
    padding: .5rem 1rem 1.5rem;
    font-size: 1.7rem;
    line-height: 50%;
    letter-spacing: normal;
    white-space: nowrap;
    text-align: left;
    text-overflow: ellipsis;
    border: none;
    border-radius: .4rem .4rem 0 0;
    overflow: hidden;
    cursor: text
}

.b2c-custom-select__select {
    -webkit-appearance: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 6.7rem;
    opacity: 0;
    cursor: pointer
}

.b2c-custom-select__arrow {
    position: absolute;
    top: 0;
    right: 0;
    width: 6.7rem;
    height: 100%;
    line-height: 6.5rem;
    text-align: center;
    overflow: hidden;
    pointer-events: none;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

.b2c-custom-select__arrow svg {
    width: 1rem;
    height: .5rem;
    margin-top: .3rem;
    line-height: 100%
}

.b2c-custom-select--disabled {
    opacity: .5;
    cursor: not-allowed
}

.b2c-custom-select--disabled .b2c-custom-select__select {
    cursor: not-allowed
}

.b2c-custom-select {
    color: #000;
    background: #fff
}

.b2c-custom-select__label {
    color: rgba(54,54,54,.6)
}

.b2c-custom-select__arrow {
    background: #fff
}

.b2c-custom-select__arrow svg {
    stroke: #b2b2b2
}

.b2c-slider .dgad-slider__container {
    width: 100%;
    background: #fff
}

.b2c-slider .dgad-slider__container .dgad-panel-hero-item__container--image {
    height: 0
}

.b2c-slider .dgad-slider__container .dgad-panel-hero-item__container--image .dgad-panel-hero-item__content {
    background: none
}

.b2c-slider .dgad-slider__pager {
    position: absolute;
    bottom: 1.5rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media screen and (min-width: 960px) {
    .b2c-slider .dgad-slider__pager {
        bottom:.5rem
    }
}

.b2c-slider .dgad-slider__buttons-container .dgad-btn {
    position: absolute;
    z-index: 400;
    top: 9rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 5.5rem;
    height: 5.5rem;
    border-radius: 50%;
    outline: none;
    cursor: pointer
}

.b2c-slider .dgad-slider__buttons-container .dgad-btn svg {
    width: 1.8rem;
    height: 1.8rem
}

@media screen and (min-width: 960px) {
    .b2c-slider .dgad-slider__buttons-container .dgad-btn {
        top:50%;
        width: 4rem;
        height: 4rem
    }

    .b2c-slider .dgad-slider__buttons-container .dgad-btn svg {
        width: 50%;
        height: 50%
    }
}

.b2c-slider .dgad-slider__prev {
    left: 1rem
}

.b2c-slider .dgad-slider__next {
    right: 1rem
}

.b2c-slider .dgad-widgets-slider {
    height: auto
}

.b2c-slider .dgad-slider__pager-button {
    outline: #e6e6e6
}

.b2c-slider .dgad-slider__pager-button:before {
    background-color: #e6e6e6
}

.b2c-slider .dgad-slider__pager-button--active:before {
    background-color: #9d9d9d
}

.b2c-slider .dgad-slider__buttons-container .dgad-btn {
    background: #fce500
}

.b2c-slider .dgad-slider__buttons-container .dgad-btn svg {
    fill: #333
}

.b2c-switch input[type=checkbox],.b2c-switch input[type=checkbox]:checked,.b2c-switch input[type=radio],.b2c-switch input[type=radio]:checked {
    position: absolute;
    z-index: -1;
    visibility: hidden
}

.b2c-switch input[type=checkbox]+label:before,.b2c-switch input[type=radio]+label:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    display: block;
    width: 6rem;
    height: 3rem;
    border-radius: 2rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: background-color .2s;
    transition: background-color .2s
}

.b2c-switch input[type=checkbox]+label:after,.b2c-switch input[type=radio]+label:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 3rem;
    display: block;
    width: 2.8rem;
    height: 2.8rem;
    border-radius: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: right .2s;
    transition: right .2s
}

.b2c-switch input[type=checkbox]:checked+label:after,.b2c-switch input[type=radio]:checked+label:after {
    right: .1rem
}

.b2c-switch input[type=checkbox]+label,.b2c-switch input[type=radio]+label {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    -webkit-transition: color .2s;
    transition: color .2s
}

.b2c-switch input[type=checkbox]+label:before,.b2c-switch input[type=radio]+label:before {
    background-color: #f5f5f5;
    border: .1rem solid #b2b2b2
}

.b2c-switch input[type=checkbox]+label:after,.b2c-switch input[type=radio]+label:after {
    background: #fff;
    -webkit-box-shadow: 0 0 .4rem 0 rgba(0,0,0,.2);
    box-shadow: 0 0 .4rem 0 rgba(0,0,0,.2)
}

.b2c-switch input[type=checkbox]:checked+label:before,.b2c-switch input[type=radio]:checked+label:before {
    background-color: #fce500
}

.b2c-switch input[type=checkbox]+label,.b2c-switch input[type=radio]+label {
    color: #b2b2b2
}

.b2c-switch input[type=checkbox]:checked+label,.b2c-switch input[type=radio]:checked+label {
    color: #27509b
}

.b2c-informations-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.b2c-informations-card__icon svg {
    display: block;
    width: 4.2rem;
    height: 1.5rem;
    margin: 0 auto
}

.b2c-informations-card__information {
    margin-top: .5rem;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.31;
    text-transform: capitalize
}

.b2c-informations-card__warning svg {
    width: 2rem;
    height: 2rem;
    margin-bottom: -.4rem;
    cursor: pointer
}

.b2c-informations-card__label {
    font-size: 1.2rem;
    font-weight: 700
}

.b2c-informations-card__labellings {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.b2c-informations-card__labellings.labellings__latest {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.b2c-informations-card__labellings.labellings__latest svg:not(.b2c-informations-card__tooltip__info__icon) {
    width: 3.5rem;
    height: 3.5rem;
    margin-right: 0
}

.b2c-informations-card__labellings.labellings__latest .b2c-informations-card__value {
    margin-left: .3rem
}

.b2c-informations-card__labellings.labellings__latest .b2c-informations-card__value:first-child {
    margin-left: 0
}

.b2c-informations-card__labellings.labellings__latest .b2c-informations-card__value:nth-child(n-1) p {
    margin-top: .8rem
}

.b2c-informations-card__labellings.labellings__latest .b2c-informations-card__value:nth-child(n) a {
    margin-top: .6rem
}

.b2c-informations-card__labellings.labellings__latest .b2c-informations-card__value>div {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.b2c-informations-card__labellings.labellings__latest .b2c-informations-card__value>div p {
    margin-top: .8rem
}

.b2c-informations-card__labellings.labellings__latest .b2c-informations-card__tooltip {
    height: auto;
    margin: 0
}

.b2c-informations-card__labellings.labellings__latest .b2c-informations-card__tooltip svg {
    vertical-align: middle;
    width: 2.5rem;
    height: 2.5rem
}

.b2c-informations-card__icon__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (min-width: 960px) {
    .b2c-informations-card__icon__container {
        display:-webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.b2c-informations-card__info-sheet-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: .5rem
}

.b2c-informations-card__info-sheet-link a {
    color: #27509b;
    text-decoration: underline
}

.b2c-informations-card__info-sheet-link a svg {
    width: 1.4rem;
    height: 1.4rem;
    margin-left: .5rem;
    fill: #27509b
}

@media screen and (min-width: 960px) {
    .b2c-informations-card__flag {
        display:-webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        margin-top: .5rem
    }
}

.b2c-informations-card__value {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1
}

.b2c-informations-card__value p {
    line-height: 1.5
}

.b2c-informations-card__value>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.b2c-informations-card__value svg {
    width: 3.2rem;
    height: 3.2rem;
    margin-right: .3rem
}

.b2c-informations-card__value:last-child {
    margin: 0
}

.b2c-informations-card-icon-list-item {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

@media screen and (min-width: 960px) {
    .b2c-informations-card-icon-list-item {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.b2c-informations-card-icon-list-item svg {
    width: 2.5rem;
    height: 2.5rem;
    margin-right: .3rem
}

.b2c-informations-card-icon-list-item:not(.b2c-informations-card-icon-list-item):last-child {
    margin: 0
}

.b2c-informations-card__tooltip {
    height: 1.375rem;
    margin: .2rem .4rem
}

.b2c-informations-card__tooltip svg {
    vertical-align: middle;
    width: 1.5rem;
    height: 1.5rem
}

.b2c-switch-front-rear--active .b2c-informations-card {
    position: absolute;
    left: 50%;
    width: 100%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.b2c-switch-front-rear--active .b2c-informations-card--left,.b2c-switch-front-rear--active .b2c-informations-card--right {
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

.b2c-switch-front-rear--active .b2c-informations-card--right {
    opacity: 0
}

.b2c-switch-front-rear--active .b2c-informations-card--left {
    opacity: 1
}

.b2c-switch-front-rear--active .b2c-switch-front-rear__content--translate .b2c-informations-card--left {
    opacity: 0
}

.b2c-switch-front-rear--active .b2c-switch-front-rear__content--translate .b2c-informations-card--right {
    opacity: 1
}

.b2c-switch-front-rear__title {
    text-transform: capitalize
}

.b2c-switch-front-rear {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 2rem
}

.b2c-switch-front-rear__content {
    margin: 0 auto;
    padding: 1.5rem 1.5rem 1rem;
    border-radius: .4rem;
    -webkit-box-shadow: 0 0 .4rem 0 rgba(0,0,0,.2);
    box-shadow: 0 0 .4rem 0 rgba(0,0,0,.2)
}

@media screen and (min-width: 0) {
    .b2c-switch-front-rear__content {
        width:24.4rem
    }
}

@media screen and (min-width: 360px) {
    .b2c-switch-front-rear__content {
        width:24.4rem
    }
}

@media screen and (min-width: 600px) {
    .b2c-switch-front-rear__content {
        width:30.8rem
    }
}

@media screen and (min-width: 960px) {
    .b2c-switch-front-rear__content {
        width:29.8rem
    }
}

@media screen and (min-width: 1280px) {
    .b2c-switch-front-rear__content {
        width:28.5rem
    }
}

@media screen and (min-width: 1920px) {
    .b2c-switch-front-rear__content {
        width:31.1rem
    }
}

@media screen and (min-width: 960px) {
    .b2c-switch-front-rear__content {
        margin:0
    }
}

.b2c-switch-front-rear__title {
    font-weight: 700
}

.b2c-switch-front-rear__side {
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: .1rem solid rgba(54,54,54,.2);
    cursor: pointer;
    -webkit-transition: background-color .5s ease;
    transition: background-color .5s ease
}

@media screen and (min-width: 0) {
    .b2c-switch-front-rear__side {
        width:8.5rem
    }
}

@media screen and (min-width: 360px) {
    .b2c-switch-front-rear__side {
        width:8.5rem
    }
}

@media screen and (min-width: 600px) {
    .b2c-switch-front-rear__side {
        width:10.3rem
    }
}

@media screen and (min-width: 960px) {
    .b2c-switch-front-rear__side {
        width:8.8rem
    }
}

@media screen and (min-width: 1280px) {
    .b2c-switch-front-rear__side {
        width:9.5rem
    }
}

@media screen and (min-width: 1920px) {
    .b2c-switch-front-rear__side {
        width:10.5rem
    }
}

.b2c-switch-front-rear__side svg {
    width: 4.2rem;
    height: 1.5rem;
    margin-bottom: .3rem
}

@media screen and (min-width: 960px) {
    .b2c-switch-front-rear__side:hover {
        -webkit-transition:background-color .5s ease;
        transition: background-color .5s ease
    }
}

.b2c-switch-front-rear__side--right {
    border-left-width: 0;
    border-radius: 0 .4rem .4rem 0
}

.b2c-switch-front-rear__side--left {
    border-right-width: 0;
    border-radius: .4rem 0 0 .4rem
}

.b2c-switch-front-rear--active {
    position: relative;
    margin-top: 1rem
}

.b2c-switch-front-rear--active .b2c-switch-front-rear__warning-message,.b2c-switch-front-rear--active .b2c-switch-front-rear__wrapper {
    position: relative
}

@media screen and (min-width: 0) {
    .b2c-switch-front-rear--active .b2c-switch-front-rear__warning-message,.b2c-switch-front-rear--active .b2c-switch-front-rear__wrapper {
        width:32.9rem
    }
}

@media screen and (min-width: 360px) {
    .b2c-switch-front-rear--active .b2c-switch-front-rear__warning-message,.b2c-switch-front-rear--active .b2c-switch-front-rear__wrapper {
        width:32.9rem
    }
}

@media screen and (min-width: 600px) {
    .b2c-switch-front-rear--active .b2c-switch-front-rear__warning-message,.b2c-switch-front-rear--active .b2c-switch-front-rear__wrapper {
        width:41.1rem
    }
}

@media screen and (min-width: 960px) {
    .b2c-switch-front-rear--active .b2c-switch-front-rear__warning-message,.b2c-switch-front-rear--active .b2c-switch-front-rear__wrapper {
        width:38.6rem
    }
}

@media screen and (min-width: 1280px) {
    .b2c-switch-front-rear--active .b2c-switch-front-rear__warning-message,.b2c-switch-front-rear--active .b2c-switch-front-rear__wrapper {
        width:38rem
    }
}

@media screen and (min-width: 1920px) {
    .b2c-switch-front-rear--active .b2c-switch-front-rear__warning-message,.b2c-switch-front-rear--active .b2c-switch-front-rear__wrapper {
        width:41.6rem
    }
}

.b2c-switch-front-rear--active .b2c-switch-front-rear__content {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 18rem;
    -webkit-transition: left .3s ease;
    transition: left .3s ease
}

@media screen and (min-width: 0) {
    .b2c-switch-front-rear--active .b2c-switch-front-rear__content--translate {
        left:8.5rem
    }
}

@media screen and (min-width: 360px) {
    .b2c-switch-front-rear--active .b2c-switch-front-rear__content--translate {
        left:8.5rem
    }
}

@media screen and (min-width: 600px) {
    .b2c-switch-front-rear--active .b2c-switch-front-rear__content--translate {
        left:10.3rem
    }
}

@media screen and (min-width: 960px) {
    .b2c-switch-front-rear--active .b2c-switch-front-rear__content--translate {
        left:8.8rem
    }
}

@media screen and (min-width: 1280px) {
    .b2c-switch-front-rear--active .b2c-switch-front-rear__content--translate {
        left:9.5rem
    }
}

@media screen and (min-width: 1920px) {
    .b2c-switch-front-rear--active .b2c-switch-front-rear__content--translate {
        left:10.5rem
    }
}

@media screen and (min-width: 960px) {
    .b2c-switch-front-rear--active .b2c-switch-front-rear__content {
        height:15rem
    }
}

.b2c-switch-front-rear--active .b2c-switch-front-rear__side {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 18rem
}

.b2c-switch-front-rear--active .b2c-switch-front-rear__side--right {
    position: absolute;
    top: 0;
    right: 0
}

@media screen and (min-width: 960px) {
    .b2c-switch-front-rear--active .b2c-switch-front-rear__side {
        height:15rem
    }
}

.b2c-switch-front-rear__wrapper {
    margin: 0 auto
}

@media screen and (min-width: 960px) {
    .b2c-switch-front-rear__wrapper {
        margin:0
    }
}

.b2c-switch-front-rear__warning-message {
    margin: 1rem auto 0;
    font-size: 1.1rem;
    font-weight: 700;
    text-align: left
}

@media screen and (min-width: 0) {
    .b2c-switch-front-rear__warning-message {
        width:24.4rem
    }
}

@media screen and (min-width: 360px) {
    .b2c-switch-front-rear__warning-message {
        width:24.4rem
    }
}

@media screen and (min-width: 600px) {
    .b2c-switch-front-rear__warning-message {
        width:30.8rem
    }
}

@media screen and (min-width: 960px) {
    .b2c-switch-front-rear__warning-message {
        width:29.8rem
    }
}

@media screen and (min-width: 1280px) {
    .b2c-switch-front-rear__warning-message {
        width:28.5rem
    }
}

@media screen and (min-width: 1920px) {
    .b2c-switch-front-rear__warning-message {
        width:31.1rem
    }
}

@media screen and (min-width: 960px) {
    .b2c-switch-front-rear__warning-message {
        margin:1rem 0 0
    }
}

.b2c-switch-front-rear__warning {
    margin-top: 1rem;
    margin-bottom: 1rem;
    font-size: 1.6rem;
    line-height: 2.1rem;
    text-align: left;
    background-color: #e6efff;
    border-radius: .4rem
}

@media screen and (min-width: 0) {
    .b2c-switch-front-rear__warning {
        width:32.9rem
    }
}

@media screen and (min-width: 360px) {
    .b2c-switch-front-rear__warning {
        width:32.9rem
    }
}

@media screen and (min-width: 600px) {
    .b2c-switch-front-rear__warning {
        width:41.1rem
    }
}

@media screen and (min-width: 960px) {
    .b2c-switch-front-rear__warning {
        width:38.6rem
    }
}

@media screen and (min-width: 1280px) {
    .b2c-switch-front-rear__warning {
        width:38rem
    }
}

@media screen and (min-width: 1920px) {
    .b2c-switch-front-rear__warning {
        width:41.6rem
    }
}

.b2c-switch-front-rear__warning-details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 1.5rem
}

.b2c-switch-front-rear__warning-icon {
    margin-right: 1rem
}

.b2c-switch-front-rear__warning-icon svg {
    width: 2.5rem;
    height: 2.5rem;
    margin-right: .3rem
}

.b2c-informations-card__label,.b2c-informations-card__value {
    color: #363636
}

.b2c-informations-card__value svg {
    fill: #333
}

.b2c-switch-front-rear__content {
    background-color: #fff
}

.b2c-switch-front-rear__title {
    color: #27509b
}

.b2c-switch-front-rear__side {
    background-color: #f5f5f5
}

@media screen and (min-width: 960px) {
    .b2c-switch-front-rear__side:hover {
        background-color:rgba(39,80,155,.15)
    }
}

.b2c-tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 100%
}

.b2c-tabs__container {
    position: relative;
    max-width: calc(100% + 2rem);
    margin: .5rem -1rem 1.5rem
}

@media screen and (min-width: 960px) {
    .b2c-tabs__container {
        margin:0
    }
}

.b2c-tabs__container:after,.b2c-tabs__container:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    display: block;
    width: 1rem;
    pointer-events: none
}

.b2c-tabs__container:before {
    left: 0
}

.b2c-tabs__container:after {
    right: 0
}

.b2c-tabs__container--one-item .b2c-tabs__item {
    border-radius: 1.7rem
}

.b2c-tabs__label {
    margin-bottom: 1rem;
    font-size: 1.6rem;
    font-weight: 700;
    color: #27509b;
    text-transform: uppercase
}

@media screen and (min-width: 960px) {
    .b2c-tabs__label {
        margin-right:1rem
    }
}

.b2c-tabs__slider {
    display: block;
    padding: 0 1rem;
    white-space: nowrap;
    overflow: -moz-scrollbars-none;
    overflow-x: auto;
    overflow-y: hidden;
    -ms-overflow-style: none
}

.b2c-tabs__slider::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0
}

.b2c-tabs__item {
    display: inline-block;
    margin: 0;
    padding: .8rem;
    font-size: 1.6rem;
    color: #27509b;
    text-align: center;
    background: #f2f2f2;
    border-top: .1rem solid #27509b;
    border-right: .1rem solid #27509b;
    border-bottom: .1rem solid #27509b;
    cursor: pointer;
    -webkit-transition: background-color .1s ease-in-out,color .1s ease-in-out,border-color .1s ease-in-out;
    transition: background-color .1s ease-in-out,color .1s ease-in-out,border-color .1s ease-in-out
}

.b2c-tabs__item:first-child {
    border-radius: .4rem 0 0 .4rem
}

.b2c-tabs__item:last-child {
    border-radius: 0 .4rem .4rem 0
}

.b2c-tabs__item--active,.b2c-tabs__item--active:hover {
    color: #fff;
    background: #27509b!important
}

.b2c-tabs__container {
    background: #f5f5f5
}

.b2c-tabs__container:before {
    background-image: -webkit-gradient(linear,left top,right top,from(#f5f5f5),to(hsla(0,0%,96.1%,.01)));
    background-image: linear-gradient(90deg,#f5f5f5,hsla(0,0%,96.1%,.01))
}

.b2c-tabs__container:after {
    background-image: -webkit-gradient(linear,right top,left top,from(#f5f5f5),to(hsla(0,0%,96.1%,.01)));
    background-image: linear-gradient(270deg,#f5f5f5,hsla(0,0%,96.1%,.01))
}

.b2c-tabs__container--one-item .b2c-tabs__item {
    border: .1rem solid #363636
}

.b2c-tabs__item:first-child {
    border-left: .1rem solid #27509b
}

.b2c-tabs__item:active,.b2c-tabs__item:focus,.b2c-tabs__item:hover {
    background: rgba(54,54,54,.2)
}

.b2c-tabs__item:only-child {
    border-radius: .4rem
}

.b2c-tooltip {
    position: relative
}

.b2c-tooltip__item {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: .4rem
}

.b2c-tooltip__item:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 100%;
    margin-top: -.5rem;
    border-width: .5rem;
    border-style: solid
}

.b2c-tooltip__item {
    background-color: #363636
}

.b2c-tooltip__item:after {
    border-color: transparent #363636 transparent transparent
}



@media (max-width: 959px) {
    body .mdc-select__menu .mdc-list .mdc-list-item {
        height:auto;
        min-height: 3.8rem;
        margin-bottom: 1rem
    }
}


* {
    -webkit-overflow-scrolling: auto
}

a {
    color: inherit
}

p a {
    position: relative;
    color: #27509b
}

.dark-background p a {
    color: #fce500
}

.dark-background .light-background p a {
    color: #27509b
}

button {
    font: inherit
}

.apos-slideshow [data-slideshow-items] {
    height: auto!important
}

.apos-slideshow .apos-slideshow-item h4 {
    position: absolute
}

.apos-slideshow .apos-slideshow-item img {
    display: block;
    width: 100%
}

.dark-background {
    color: #fff
}

.dark-background .light-background {
    color: #333
}

.b2c-body__main-content {
    margin-top: 8rem
}

.popin--opened {
    overflow: hidden
}

.apos-field-help {
    display: block
}