@-webkit-keyframes rotate-360-cw {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes rotate-360-cw {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes rotate-360-ccw {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }
}

@keyframes rotate-360-ccw {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }
}

@-webkit-keyframes transform-x-50 {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    to {
        -webkit-transform: translateX(50%);
        transform: translateX(50%)
    }
}

@keyframes transform-x-50 {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    to {
        -webkit-transform: translateX(50%);
        transform: translateX(50%)
    }
}

@-webkit-keyframes transform-x-50-reverse {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    to {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

@keyframes transform-x-50-reverse {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    to {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

.srgrid, .srgrid__row {
    overflow: hidden
}

.srgrid__row {
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media only screen and (max-width: 767px) {
    .srgrid__row {
        margin-left: -2.5px;
        margin-right: -2.5px
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .srgrid__row {
        margin-left: -5px;
        margin-right: -5px
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1439px) {
    .srgrid__row {
        margin-left: -7.5px;
        margin-right: -7.5px
    }
}

@media only screen and (min-width: 1440px) {
    .srgrid__row {
        margin-left: -10px;
        margin-right: -10px
    }
}

.srgrid__col {
    overflow: hidden;
    box-sizing: border-box;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

@media only screen and (max-width: 767px) {
    .srgrid__col {
        padding-left: 2.5px;
        padding-right: 2.5px
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .srgrid__col {
        padding-left: 5px;
        padding-right: 5px
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1439px) {
    .srgrid__col {
        padding-left: 7.5px;
        padding-right: 7.5px
    }
}

@media only screen and (min-width: 1440px) {
    .srgrid__col {
        padding-left: 10px;
        padding-right: 10px
    }
}

.srgrid__col_1 {
    -webkit-flex-basis: 2.778%;
    -ms-flex-preferred-size: 2.778%;
    flex-basis: 2.778%;
    max-width: 2.778%
}

.srgrid__col_2 {
    -webkit-flex-basis: 5.556%;
    -ms-flex-preferred-size: 5.556%;
    flex-basis: 5.556%;
    max-width: 5.556%
}

.srgrid__col_3 {
    -webkit-flex-basis: 8.333%;
    -ms-flex-preferred-size: 8.333%;
    flex-basis: 8.333%;
    max-width: 8.333%
}

.srgrid__col_4 {
    -webkit-flex-basis: 11.111%;
    -ms-flex-preferred-size: 11.111%;
    flex-basis: 11.111%;
    max-width: 11.111%
}

.srgrid__col_5 {
    -webkit-flex-basis: 13.889%;
    -ms-flex-preferred-size: 13.889%;
    flex-basis: 13.889%;
    max-width: 13.889%
}

.srgrid__col_6 {
    -webkit-flex-basis: 16.667%;
    -ms-flex-preferred-size: 16.667%;
    flex-basis: 16.667%;
    max-width: 16.667%
}

.srgrid__col_7 {
    -webkit-flex-basis: 19.444%;
    -ms-flex-preferred-size: 19.444%;
    flex-basis: 19.444%;
    max-width: 19.444%
}

.srgrid__col_8 {
    -webkit-flex-basis: 22.222%;
    -ms-flex-preferred-size: 22.222%;
    flex-basis: 22.222%;
    max-width: 22.222%
}

.srgrid__col_9 {
    -webkit-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%
}

.srgrid__col_10 {
    -webkit-flex-basis: 27.778%;
    -ms-flex-preferred-size: 27.778%;
    flex-basis: 27.778%;
    max-width: 27.778%
}

.srgrid__col_11 {
    -webkit-flex-basis: 30.556%;
    -ms-flex-preferred-size: 30.556%;
    flex-basis: 30.556%;
    max-width: 30.556%
}

.srgrid__col_12 {
    -webkit-flex-basis: 33.333%;
    -ms-flex-preferred-size: 33.333%;
    flex-basis: 33.333%;
    max-width: 33.333%
}

.srgrid__col_13 {
    -webkit-flex-basis: 36.111%;
    -ms-flex-preferred-size: 36.111%;
    flex-basis: 36.111%;
    max-width: 36.111%
}

.srgrid__col_14 {
    -webkit-flex-basis: 38.889%;
    -ms-flex-preferred-size: 38.889%;
    flex-basis: 38.889%;
    max-width: 38.889%
}

.srgrid__col_15 {
    -webkit-flex-basis: 41.667%;
    -ms-flex-preferred-size: 41.667%;
    flex-basis: 41.667%;
    max-width: 41.667%
}

.srgrid__col_16 {
    -webkit-flex-basis: 44.444%;
    -ms-flex-preferred-size: 44.444%;
    flex-basis: 44.444%;
    max-width: 44.444%
}

.srgrid__col_17 {
    -webkit-flex-basis: 47.222%;
    -ms-flex-preferred-size: 47.222%;
    flex-basis: 47.222%;
    max-width: 47.222%
}

.srgrid__col_18 {
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%
}

.srgrid__col_19 {
    -webkit-flex-basis: 52.778%;
    -ms-flex-preferred-size: 52.778%;
    flex-basis: 52.778%;
    max-width: 52.778%
}

.srgrid__col_20 {
    -webkit-flex-basis: 55.556%;
    -ms-flex-preferred-size: 55.556%;
    flex-basis: 55.556%;
    max-width: 55.556%
}

.srgrid__col_21 {
    -webkit-flex-basis: 58.333%;
    -ms-flex-preferred-size: 58.333%;
    flex-basis: 58.333%;
    max-width: 58.333%
}

.srgrid__col_22 {
    -webkit-flex-basis: 61.111%;
    -ms-flex-preferred-size: 61.111%;
    flex-basis: 61.111%;
    max-width: 61.111%
}

.srgrid__col_23 {
    -webkit-flex-basis: 63.889%;
    -ms-flex-preferred-size: 63.889%;
    flex-basis: 63.889%;
    max-width: 63.889%
}

.srgrid__col_24 {
    -webkit-flex-basis: 66.667%;
    -ms-flex-preferred-size: 66.667%;
    flex-basis: 66.667%;
    max-width: 66.667%
}

.srgrid__col_25 {
    -webkit-flex-basis: 69.444%;
    -ms-flex-preferred-size: 69.444%;
    flex-basis: 69.444%;
    max-width: 69.444%
}

.srgrid__col_26 {
    -webkit-flex-basis: 72.222%;
    -ms-flex-preferred-size: 72.222%;
    flex-basis: 72.222%;
    max-width: 72.222%
}

.srgrid__col_27 {
    -webkit-flex-basis: 75%;
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%
}

.srgrid__col_28 {
    -webkit-flex-basis: 77.778%;
    -ms-flex-preferred-size: 77.778%;
    flex-basis: 77.778%;
    max-width: 77.778%
}

.srgrid__col_29 {
    -webkit-flex-basis: 80.556%;
    -ms-flex-preferred-size: 80.556%;
    flex-basis: 80.556%;
    max-width: 80.556%
}

.srgrid__col_30 {
    -webkit-flex-basis: 83.333%;
    -ms-flex-preferred-size: 83.333%;
    flex-basis: 83.333%;
    max-width: 83.333%
}

.srgrid__col_31 {
    -webkit-flex-basis: 86.111%;
    -ms-flex-preferred-size: 86.111%;
    flex-basis: 86.111%;
    max-width: 86.111%
}

.srgrid__col_32 {
    -webkit-flex-basis: 88.889%;
    -ms-flex-preferred-size: 88.889%;
    flex-basis: 88.889%;
    max-width: 88.889%
}

.srgrid__col_33 {
    -webkit-flex-basis: 91.667%;
    -ms-flex-preferred-size: 91.667%;
    flex-basis: 91.667%;
    max-width: 91.667%
}

.srgrid__col_34 {
    -webkit-flex-basis: 94.444%;
    -ms-flex-preferred-size: 94.444%;
    flex-basis: 94.444%;
    max-width: 94.444%
}

.srgrid__col_35 {
    -webkit-flex-basis: 97.222%;
    -ms-flex-preferred-size: 97.222%;
    flex-basis: 97.222%;
    max-width: 97.222%
}

.srgrid__col_36 {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%
}

@media only screen and (min-width: 320px) {
    .srgrid__col_0_xs {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }

    .srgrid__col_1_xs {
        -webkit-flex-basis: 2.778%;
        -ms-flex-preferred-size: 2.778%;
        flex-basis: 2.778%;
        max-width: 2.778%
    }

    .srgrid__col_2_xs {
        -webkit-flex-basis: 5.556%;
        -ms-flex-preferred-size: 5.556%;
        flex-basis: 5.556%;
        max-width: 5.556%
    }

    .srgrid__col_3_xs {
        -webkit-flex-basis: 8.333%;
        -ms-flex-preferred-size: 8.333%;
        flex-basis: 8.333%;
        max-width: 8.333%
    }

    .srgrid__col_4_xs {
        -webkit-flex-basis: 11.111%;
        -ms-flex-preferred-size: 11.111%;
        flex-basis: 11.111%;
        max-width: 11.111%
    }

    .srgrid__col_5_xs {
        -webkit-flex-basis: 13.889%;
        -ms-flex-preferred-size: 13.889%;
        flex-basis: 13.889%;
        max-width: 13.889%
    }

    .srgrid__col_6_xs {
        -webkit-flex-basis: 16.667%;
        -ms-flex-preferred-size: 16.667%;
        flex-basis: 16.667%;
        max-width: 16.667%
    }

    .srgrid__col_7_xs {
        -webkit-flex-basis: 19.444%;
        -ms-flex-preferred-size: 19.444%;
        flex-basis: 19.444%;
        max-width: 19.444%
    }

    .srgrid__col_8_xs {
        -webkit-flex-basis: 22.222%;
        -ms-flex-preferred-size: 22.222%;
        flex-basis: 22.222%;
        max-width: 22.222%
    }

    .srgrid__col_9_xs {
        -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%
    }

    .srgrid__col_10_xs {
        -webkit-flex-basis: 27.778%;
        -ms-flex-preferred-size: 27.778%;
        flex-basis: 27.778%;
        max-width: 27.778%
    }

    .srgrid__col_11_xs {
        -webkit-flex-basis: 30.556%;
        -ms-flex-preferred-size: 30.556%;
        flex-basis: 30.556%;
        max-width: 30.556%
    }

    .srgrid__col_12_xs {
        -webkit-flex-basis: 33.333%;
        -ms-flex-preferred-size: 33.333%;
        flex-basis: 33.333%;
        max-width: 33.333%
    }

    .srgrid__col_13_xs {
        -webkit-flex-basis: 36.111%;
        -ms-flex-preferred-size: 36.111%;
        flex-basis: 36.111%;
        max-width: 36.111%
    }

    .srgrid__col_14_xs {
        -webkit-flex-basis: 38.889%;
        -ms-flex-preferred-size: 38.889%;
        flex-basis: 38.889%;
        max-width: 38.889%
    }

    .srgrid__col_15_xs {
        -webkit-flex-basis: 41.667%;
        -ms-flex-preferred-size: 41.667%;
        flex-basis: 41.667%;
        max-width: 41.667%
    }

    .srgrid__col_16_xs {
        -webkit-flex-basis: 44.444%;
        -ms-flex-preferred-size: 44.444%;
        flex-basis: 44.444%;
        max-width: 44.444%
    }

    .srgrid__col_17_xs {
        -webkit-flex-basis: 47.222%;
        -ms-flex-preferred-size: 47.222%;
        flex-basis: 47.222%;
        max-width: 47.222%
    }

    .srgrid__col_18_xs {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }

    .srgrid__col_19_xs {
        -webkit-flex-basis: 52.778%;
        -ms-flex-preferred-size: 52.778%;
        flex-basis: 52.778%;
        max-width: 52.778%
    }

    .srgrid__col_20_xs {
        -webkit-flex-basis: 55.556%;
        -ms-flex-preferred-size: 55.556%;
        flex-basis: 55.556%;
        max-width: 55.556%
    }

    .srgrid__col_21_xs {
        -webkit-flex-basis: 58.333%;
        -ms-flex-preferred-size: 58.333%;
        flex-basis: 58.333%;
        max-width: 58.333%
    }

    .srgrid__col_22_xs {
        -webkit-flex-basis: 61.111%;
        -ms-flex-preferred-size: 61.111%;
        flex-basis: 61.111%;
        max-width: 61.111%
    }

    .srgrid__col_23_xs {
        -webkit-flex-basis: 63.889%;
        -ms-flex-preferred-size: 63.889%;
        flex-basis: 63.889%;
        max-width: 63.889%
    }

    .srgrid__col_24_xs {
        -webkit-flex-basis: 66.667%;
        -ms-flex-preferred-size: 66.667%;
        flex-basis: 66.667%;
        max-width: 66.667%
    }

    .srgrid__col_25_xs {
        -webkit-flex-basis: 69.444%;
        -ms-flex-preferred-size: 69.444%;
        flex-basis: 69.444%;
        max-width: 69.444%
    }

    .srgrid__col_26_xs {
        -webkit-flex-basis: 72.222%;
        -ms-flex-preferred-size: 72.222%;
        flex-basis: 72.222%;
        max-width: 72.222%
    }

    .srgrid__col_27_xs {
        -webkit-flex-basis: 75%;
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%
    }

    .srgrid__col_28_xs {
        -webkit-flex-basis: 77.778%;
        -ms-flex-preferred-size: 77.778%;
        flex-basis: 77.778%;
        max-width: 77.778%
    }

    .srgrid__col_29_xs {
        -webkit-flex-basis: 80.556%;
        -ms-flex-preferred-size: 80.556%;
        flex-basis: 80.556%;
        max-width: 80.556%
    }

    .srgrid__col_30_xs {
        -webkit-flex-basis: 83.333%;
        -ms-flex-preferred-size: 83.333%;
        flex-basis: 83.333%;
        max-width: 83.333%
    }

    .srgrid__col_31_xs {
        -webkit-flex-basis: 86.111%;
        -ms-flex-preferred-size: 86.111%;
        flex-basis: 86.111%;
        max-width: 86.111%
    }

    .srgrid__col_32_xs {
        -webkit-flex-basis: 88.889%;
        -ms-flex-preferred-size: 88.889%;
        flex-basis: 88.889%;
        max-width: 88.889%
    }

    .srgrid__col_33_xs {
        -webkit-flex-basis: 91.667%;
        -ms-flex-preferred-size: 91.667%;
        flex-basis: 91.667%;
        max-width: 91.667%
    }

    .srgrid__col_34_xs {
        -webkit-flex-basis: 94.444%;
        -ms-flex-preferred-size: 94.444%;
        flex-basis: 94.444%;
        max-width: 94.444%
    }

    .srgrid__col_35_xs {
        -webkit-flex-basis: 97.222%;
        -ms-flex-preferred-size: 97.222%;
        flex-basis: 97.222%;
        max-width: 97.222%
    }

    .srgrid__col_36_xs {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }
}

@media only screen and (min-width: 768px) {
    .srgrid__col_0_s {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }

    .srgrid__col_1_s {
        -webkit-flex-basis: 2.778%;
        -ms-flex-preferred-size: 2.778%;
        flex-basis: 2.778%;
        max-width: 2.778%
    }

    .srgrid__col_2_s {
        -webkit-flex-basis: 5.556%;
        -ms-flex-preferred-size: 5.556%;
        flex-basis: 5.556%;
        max-width: 5.556%
    }

    .srgrid__col_3_s {
        -webkit-flex-basis: 8.333%;
        -ms-flex-preferred-size: 8.333%;
        flex-basis: 8.333%;
        max-width: 8.333%
    }

    .srgrid__col_4_s {
        -webkit-flex-basis: 11.111%;
        -ms-flex-preferred-size: 11.111%;
        flex-basis: 11.111%;
        max-width: 11.111%
    }

    .srgrid__col_5_s {
        -webkit-flex-basis: 13.889%;
        -ms-flex-preferred-size: 13.889%;
        flex-basis: 13.889%;
        max-width: 13.889%
    }

    .srgrid__col_6_s {
        -webkit-flex-basis: 16.667%;
        -ms-flex-preferred-size: 16.667%;
        flex-basis: 16.667%;
        max-width: 16.667%
    }

    .srgrid__col_7_s {
        -webkit-flex-basis: 19.444%;
        -ms-flex-preferred-size: 19.444%;
        flex-basis: 19.444%;
        max-width: 19.444%
    }

    .srgrid__col_8_s {
        -webkit-flex-basis: 22.222%;
        -ms-flex-preferred-size: 22.222%;
        flex-basis: 22.222%;
        max-width: 22.222%
    }

    .srgrid__col_9_s {
        -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%
    }

    .srgrid__col_10_s {
        -webkit-flex-basis: 27.778%;
        -ms-flex-preferred-size: 27.778%;
        flex-basis: 27.778%;
        max-width: 27.778%
    }

    .srgrid__col_11_s {
        -webkit-flex-basis: 30.556%;
        -ms-flex-preferred-size: 30.556%;
        flex-basis: 30.556%;
        max-width: 30.556%
    }

    .srgrid__col_12_s {
        -webkit-flex-basis: 33.333%;
        -ms-flex-preferred-size: 33.333%;
        flex-basis: 33.333%;
        max-width: 33.333%
    }

    .srgrid__col_13_s {
        -webkit-flex-basis: 36.111%;
        -ms-flex-preferred-size: 36.111%;
        flex-basis: 36.111%;
        max-width: 36.111%
    }

    .srgrid__col_14_s {
        -webkit-flex-basis: 38.889%;
        -ms-flex-preferred-size: 38.889%;
        flex-basis: 38.889%;
        max-width: 38.889%
    }

    .srgrid__col_15_s {
        -webkit-flex-basis: 41.667%;
        -ms-flex-preferred-size: 41.667%;
        flex-basis: 41.667%;
        max-width: 41.667%
    }

    .srgrid__col_16_s {
        -webkit-flex-basis: 44.444%;
        -ms-flex-preferred-size: 44.444%;
        flex-basis: 44.444%;
        max-width: 44.444%
    }

    .srgrid__col_17_s {
        -webkit-flex-basis: 47.222%;
        -ms-flex-preferred-size: 47.222%;
        flex-basis: 47.222%;
        max-width: 47.222%
    }

    .srgrid__col_18_s {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }

    .srgrid__col_19_s {
        -webkit-flex-basis: 52.778%;
        -ms-flex-preferred-size: 52.778%;
        flex-basis: 52.778%;
        max-width: 52.778%
    }

    .srgrid__col_20_s {
        -webkit-flex-basis: 55.556%;
        -ms-flex-preferred-size: 55.556%;
        flex-basis: 55.556%;
        max-width: 55.556%
    }

    .srgrid__col_21_s {
        -webkit-flex-basis: 58.333%;
        -ms-flex-preferred-size: 58.333%;
        flex-basis: 58.333%;
        max-width: 58.333%
    }

    .srgrid__col_22_s {
        -webkit-flex-basis: 61.111%;
        -ms-flex-preferred-size: 61.111%;
        flex-basis: 61.111%;
        max-width: 61.111%
    }

    .srgrid__col_23_s {
        -webkit-flex-basis: 63.889%;
        -ms-flex-preferred-size: 63.889%;
        flex-basis: 63.889%;
        max-width: 63.889%
    }

    .srgrid__col_24_s {
        -webkit-flex-basis: 66.667%;
        -ms-flex-preferred-size: 66.667%;
        flex-basis: 66.667%;
        max-width: 66.667%
    }

    .srgrid__col_25_s {
        -webkit-flex-basis: 69.444%;
        -ms-flex-preferred-size: 69.444%;
        flex-basis: 69.444%;
        max-width: 69.444%
    }

    .srgrid__col_26_s {
        -webkit-flex-basis: 72.222%;
        -ms-flex-preferred-size: 72.222%;
        flex-basis: 72.222%;
        max-width: 72.222%
    }

    .srgrid__col_27_s {
        -webkit-flex-basis: 75%;
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%
    }

    .srgrid__col_28_s {
        -webkit-flex-basis: 77.778%;
        -ms-flex-preferred-size: 77.778%;
        flex-basis: 77.778%;
        max-width: 77.778%
    }

    .srgrid__col_29_s {
        -webkit-flex-basis: 80.556%;
        -ms-flex-preferred-size: 80.556%;
        flex-basis: 80.556%;
        max-width: 80.556%
    }

    .srgrid__col_30_s {
        -webkit-flex-basis: 83.333%;
        -ms-flex-preferred-size: 83.333%;
        flex-basis: 83.333%;
        max-width: 83.333%
    }

    .srgrid__col_31_s {
        -webkit-flex-basis: 86.111%;
        -ms-flex-preferred-size: 86.111%;
        flex-basis: 86.111%;
        max-width: 86.111%
    }

    .srgrid__col_32_s {
        -webkit-flex-basis: 88.889%;
        -ms-flex-preferred-size: 88.889%;
        flex-basis: 88.889%;
        max-width: 88.889%
    }

    .srgrid__col_33_s {
        -webkit-flex-basis: 91.667%;
        -ms-flex-preferred-size: 91.667%;
        flex-basis: 91.667%;
        max-width: 91.667%
    }

    .srgrid__col_34_s {
        -webkit-flex-basis: 94.444%;
        -ms-flex-preferred-size: 94.444%;
        flex-basis: 94.444%;
        max-width: 94.444%
    }

    .srgrid__col_35_s {
        -webkit-flex-basis: 97.222%;
        -ms-flex-preferred-size: 97.222%;
        flex-basis: 97.222%;
        max-width: 97.222%
    }

    .srgrid__col_36_s {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }
}

@media only screen and (min-width: 1024px) {
    .srgrid__col_0_m {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }

    .srgrid__col_1_m {
        -webkit-flex-basis: 2.778%;
        -ms-flex-preferred-size: 2.778%;
        flex-basis: 2.778%;
        max-width: 2.778%
    }

    .srgrid__col_2_m {
        -webkit-flex-basis: 5.556%;
        -ms-flex-preferred-size: 5.556%;
        flex-basis: 5.556%;
        max-width: 5.556%
    }

    .srgrid__col_3_m {
        -webkit-flex-basis: 8.333%;
        -ms-flex-preferred-size: 8.333%;
        flex-basis: 8.333%;
        max-width: 8.333%
    }

    .srgrid__col_4_m {
        -webkit-flex-basis: 11.111%;
        -ms-flex-preferred-size: 11.111%;
        flex-basis: 11.111%;
        max-width: 11.111%
    }

    .srgrid__col_5_m {
        -webkit-flex-basis: 13.889%;
        -ms-flex-preferred-size: 13.889%;
        flex-basis: 13.889%;
        max-width: 13.889%
    }

    .srgrid__col_6_m {
        -webkit-flex-basis: 16.667%;
        -ms-flex-preferred-size: 16.667%;
        flex-basis: 16.667%;
        max-width: 16.667%
    }

    .srgrid__col_7_m {
        -webkit-flex-basis: 19.444%;
        -ms-flex-preferred-size: 19.444%;
        flex-basis: 19.444%;
        max-width: 19.444%
    }

    .srgrid__col_8_m {
        -webkit-flex-basis: 22.222%;
        -ms-flex-preferred-size: 22.222%;
        flex-basis: 22.222%;
        max-width: 22.222%
    }

    .srgrid__col_9_m {
        -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%
    }

    .srgrid__col_10_m {
        -webkit-flex-basis: 27.778%;
        -ms-flex-preferred-size: 27.778%;
        flex-basis: 27.778%;
        max-width: 27.778%
    }

    .srgrid__col_11_m {
        -webkit-flex-basis: 30.556%;
        -ms-flex-preferred-size: 30.556%;
        flex-basis: 30.556%;
        max-width: 30.556%
    }

    .srgrid__col_12_m {
        -webkit-flex-basis: 33.333%;
        -ms-flex-preferred-size: 33.333%;
        flex-basis: 33.333%;
        max-width: 33.333%
    }

    .srgrid__col_13_m {
        -webkit-flex-basis: 36.111%;
        -ms-flex-preferred-size: 36.111%;
        flex-basis: 36.111%;
        max-width: 36.111%
    }

    .srgrid__col_14_m {
        -webkit-flex-basis: 38.889%;
        -ms-flex-preferred-size: 38.889%;
        flex-basis: 38.889%;
        max-width: 38.889%
    }

    .srgrid__col_15_m {
        -webkit-flex-basis: 41.667%;
        -ms-flex-preferred-size: 41.667%;
        flex-basis: 41.667%;
        max-width: 41.667%
    }

    .srgrid__col_16_m {
        -webkit-flex-basis: 44.444%;
        -ms-flex-preferred-size: 44.444%;
        flex-basis: 44.444%;
        max-width: 44.444%
    }

    .srgrid__col_17_m {
        -webkit-flex-basis: 47.222%;
        -ms-flex-preferred-size: 47.222%;
        flex-basis: 47.222%;
        max-width: 47.222%
    }

    .srgrid__col_18_m {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }

    .srgrid__col_19_m {
        -webkit-flex-basis: 52.778%;
        -ms-flex-preferred-size: 52.778%;
        flex-basis: 52.778%;
        max-width: 52.778%
    }

    .srgrid__col_20_m {
        -webkit-flex-basis: 55.556%;
        -ms-flex-preferred-size: 55.556%;
        flex-basis: 55.556%;
        max-width: 55.556%
    }

    .srgrid__col_21_m {
        -webkit-flex-basis: 58.333%;
        -ms-flex-preferred-size: 58.333%;
        flex-basis: 58.333%;
        max-width: 58.333%
    }

    .srgrid__col_22_m {
        -webkit-flex-basis: 61.111%;
        -ms-flex-preferred-size: 61.111%;
        flex-basis: 61.111%;
        max-width: 61.111%
    }

    .srgrid__col_23_m {
        -webkit-flex-basis: 63.889%;
        -ms-flex-preferred-size: 63.889%;
        flex-basis: 63.889%;
        max-width: 63.889%
    }

    .srgrid__col_24_m {
        -webkit-flex-basis: 66.667%;
        -ms-flex-preferred-size: 66.667%;
        flex-basis: 66.667%;
        max-width: 66.667%
    }

    .srgrid__col_25_m {
        -webkit-flex-basis: 69.444%;
        -ms-flex-preferred-size: 69.444%;
        flex-basis: 69.444%;
        max-width: 69.444%
    }

    .srgrid__col_26_m {
        -webkit-flex-basis: 72.222%;
        -ms-flex-preferred-size: 72.222%;
        flex-basis: 72.222%;
        max-width: 72.222%
    }

    .srgrid__col_27_m {
        -webkit-flex-basis: 75%;
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%
    }

    .srgrid__col_28_m {
        -webkit-flex-basis: 77.778%;
        -ms-flex-preferred-size: 77.778%;
        flex-basis: 77.778%;
        max-width: 77.778%
    }

    .srgrid__col_29_m {
        -webkit-flex-basis: 80.556%;
        -ms-flex-preferred-size: 80.556%;
        flex-basis: 80.556%;
        max-width: 80.556%
    }

    .srgrid__col_30_m {
        -webkit-flex-basis: 83.333%;
        -ms-flex-preferred-size: 83.333%;
        flex-basis: 83.333%;
        max-width: 83.333%
    }

    .srgrid__col_31_m {
        -webkit-flex-basis: 86.111%;
        -ms-flex-preferred-size: 86.111%;
        flex-basis: 86.111%;
        max-width: 86.111%
    }

    .srgrid__col_32_m {
        -webkit-flex-basis: 88.889%;
        -ms-flex-preferred-size: 88.889%;
        flex-basis: 88.889%;
        max-width: 88.889%
    }

    .srgrid__col_33_m {
        -webkit-flex-basis: 91.667%;
        -ms-flex-preferred-size: 91.667%;
        flex-basis: 91.667%;
        max-width: 91.667%
    }

    .srgrid__col_34_m {
        -webkit-flex-basis: 94.444%;
        -ms-flex-preferred-size: 94.444%;
        flex-basis: 94.444%;
        max-width: 94.444%
    }

    .srgrid__col_35_m {
        -webkit-flex-basis: 97.222%;
        -ms-flex-preferred-size: 97.222%;
        flex-basis: 97.222%;
        max-width: 97.222%
    }

    .srgrid__col_36_m {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }
}

@media only screen and (min-width: 1440px) {
    .srgrid__col_0_l {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }

    .srgrid__col_1_l {
        -webkit-flex-basis: 2.778%;
        -ms-flex-preferred-size: 2.778%;
        flex-basis: 2.778%;
        max-width: 2.778%
    }

    .srgrid__col_2_l {
        -webkit-flex-basis: 5.556%;
        -ms-flex-preferred-size: 5.556%;
        flex-basis: 5.556%;
        max-width: 5.556%
    }

    .srgrid__col_3_l {
        -webkit-flex-basis: 8.333%;
        -ms-flex-preferred-size: 8.333%;
        flex-basis: 8.333%;
        max-width: 8.333%
    }

    .srgrid__col_4_l {
        -webkit-flex-basis: 11.111%;
        -ms-flex-preferred-size: 11.111%;
        flex-basis: 11.111%;
        max-width: 11.111%
    }

    .srgrid__col_5_l {
        -webkit-flex-basis: 13.889%;
        -ms-flex-preferred-size: 13.889%;
        flex-basis: 13.889%;
        max-width: 13.889%
    }

    .srgrid__col_6_l {
        -webkit-flex-basis: 16.667%;
        -ms-flex-preferred-size: 16.667%;
        flex-basis: 16.667%;
        max-width: 16.667%
    }

    .srgrid__col_7_l {
        -webkit-flex-basis: 19.444%;
        -ms-flex-preferred-size: 19.444%;
        flex-basis: 19.444%;
        max-width: 19.444%
    }

    .srgrid__col_8_l {
        -webkit-flex-basis: 22.222%;
        -ms-flex-preferred-size: 22.222%;
        flex-basis: 22.222%;
        max-width: 22.222%
    }

    .srgrid__col_9_l {
        -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%
    }

    .srgrid__col_10_l {
        -webkit-flex-basis: 27.778%;
        -ms-flex-preferred-size: 27.778%;
        flex-basis: 27.778%;
        max-width: 27.778%
    }

    .srgrid__col_11_l {
        -webkit-flex-basis: 30.556%;
        -ms-flex-preferred-size: 30.556%;
        flex-basis: 30.556%;
        max-width: 30.556%
    }

    .srgrid__col_12_l {
        -webkit-flex-basis: 33.333%;
        -ms-flex-preferred-size: 33.333%;
        flex-basis: 33.333%;
        max-width: 33.333%
    }

    .srgrid__col_13_l {
        -webkit-flex-basis: 36.111%;
        -ms-flex-preferred-size: 36.111%;
        flex-basis: 36.111%;
        max-width: 36.111%
    }

    .srgrid__col_14_l {
        -webkit-flex-basis: 38.889%;
        -ms-flex-preferred-size: 38.889%;
        flex-basis: 38.889%;
        max-width: 38.889%
    }

    .srgrid__col_15_l {
        -webkit-flex-basis: 41.667%;
        -ms-flex-preferred-size: 41.667%;
        flex-basis: 41.667%;
        max-width: 41.667%
    }

    .srgrid__col_16_l {
        -webkit-flex-basis: 44.444%;
        -ms-flex-preferred-size: 44.444%;
        flex-basis: 44.444%;
        max-width: 44.444%
    }

    .srgrid__col_17_l {
        -webkit-flex-basis: 47.222%;
        -ms-flex-preferred-size: 47.222%;
        flex-basis: 47.222%;
        max-width: 47.222%
    }

    .srgrid__col_18_l {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }

    .srgrid__col_19_l {
        -webkit-flex-basis: 52.778%;
        -ms-flex-preferred-size: 52.778%;
        flex-basis: 52.778%;
        max-width: 52.778%
    }

    .srgrid__col_20_l {
        -webkit-flex-basis: 55.556%;
        -ms-flex-preferred-size: 55.556%;
        flex-basis: 55.556%;
        max-width: 55.556%
    }

    .srgrid__col_21_l {
        -webkit-flex-basis: 58.333%;
        -ms-flex-preferred-size: 58.333%;
        flex-basis: 58.333%;
        max-width: 58.333%
    }

    .srgrid__col_22_l {
        -webkit-flex-basis: 61.111%;
        -ms-flex-preferred-size: 61.111%;
        flex-basis: 61.111%;
        max-width: 61.111%
    }

    .srgrid__col_23_l {
        -webkit-flex-basis: 63.889%;
        -ms-flex-preferred-size: 63.889%;
        flex-basis: 63.889%;
        max-width: 63.889%
    }

    .srgrid__col_24_l {
        -webkit-flex-basis: 66.667%;
        -ms-flex-preferred-size: 66.667%;
        flex-basis: 66.667%;
        max-width: 66.667%
    }

    .srgrid__col_25_l {
        -webkit-flex-basis: 69.444%;
        -ms-flex-preferred-size: 69.444%;
        flex-basis: 69.444%;
        max-width: 69.444%
    }

    .srgrid__col_26_l {
        -webkit-flex-basis: 72.222%;
        -ms-flex-preferred-size: 72.222%;
        flex-basis: 72.222%;
        max-width: 72.222%
    }

    .srgrid__col_27_l {
        -webkit-flex-basis: 75%;
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%
    }

    .srgrid__col_28_l {
        -webkit-flex-basis: 77.778%;
        -ms-flex-preferred-size: 77.778%;
        flex-basis: 77.778%;
        max-width: 77.778%
    }

    .srgrid__col_29_l {
        -webkit-flex-basis: 80.556%;
        -ms-flex-preferred-size: 80.556%;
        flex-basis: 80.556%;
        max-width: 80.556%
    }

    .srgrid__col_30_l {
        -webkit-flex-basis: 83.333%;
        -ms-flex-preferred-size: 83.333%;
        flex-basis: 83.333%;
        max-width: 83.333%
    }

    .srgrid__col_31_l {
        -webkit-flex-basis: 86.111%;
        -ms-flex-preferred-size: 86.111%;
        flex-basis: 86.111%;
        max-width: 86.111%
    }

    .srgrid__col_32_l {
        -webkit-flex-basis: 88.889%;
        -ms-flex-preferred-size: 88.889%;
        flex-basis: 88.889%;
        max-width: 88.889%
    }

    .srgrid__col_33_l {
        -webkit-flex-basis: 91.667%;
        -ms-flex-preferred-size: 91.667%;
        flex-basis: 91.667%;
        max-width: 91.667%
    }

    .srgrid__col_34_l {
        -webkit-flex-basis: 94.444%;
        -ms-flex-preferred-size: 94.444%;
        flex-basis: 94.444%;
        max-width: 94.444%
    }

    .srgrid__col_35_l {
        -webkit-flex-basis: 97.222%;
        -ms-flex-preferred-size: 97.222%;
        flex-basis: 97.222%;
        max-width: 97.222%
    }

    .srgrid__col_36_l {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }

    .srgrid__container {
        max-width: 1440px;
        margin: 0 auto
    }
}

@media only screen and (min-width: 320px) {
    .srgrid__col_offset_0_xs {
        margin-left: 0
    }

    .srgrid__col_offset_1_xs {
        margin-left: 2.778%
    }

    .srgrid__col_offset_2_xs {
        margin-left: 5.556%
    }

    .srgrid__col_offset_3_xs {
        margin-left: 8.333%
    }

    .srgrid__col_offset_4_xs {
        margin-left: 11.111%
    }

    .srgrid__col_offset_5_xs {
        margin-left: 13.889%
    }

    .srgrid__col_offset_6_xs {
        margin-left: 16.667%
    }

    .srgrid__col_offset_7_xs {
        margin-left: 19.444%
    }

    .srgrid__col_offset_8_xs {
        margin-left: 22.222%
    }

    .srgrid__col_offset_9_xs {
        margin-left: 25%
    }

    .srgrid__col_offset_10_xs {
        margin-left: 27.778%
    }

    .srgrid__col_offset_11_xs {
        margin-left: 30.556%
    }

    .srgrid__col_offset_12_xs {
        margin-left: 33.333%
    }

    .srgrid__col_offset_13_xs {
        margin-left: 36.111%
    }

    .srgrid__col_offset_14_xs {
        margin-left: 38.889%
    }

    .srgrid__col_offset_15_xs {
        margin-left: 41.667%
    }

    .srgrid__col_offset_16_xs {
        margin-left: 44.444%
    }

    .srgrid__col_offset_17_xs {
        margin-left: 47.222%
    }

    .srgrid__col_offset_18_xs {
        margin-left: 50%
    }

    .srgrid__col_offset_19_xs {
        margin-left: 52.778%
    }

    .srgrid__col_offset_20_xs {
        margin-left: 55.556%
    }

    .srgrid__col_offset_21_xs {
        margin-left: 58.333%
    }

    .srgrid__col_offset_22_xs {
        margin-left: 61.111%
    }

    .srgrid__col_offset_23_xs {
        margin-left: 63.889%
    }

    .srgrid__col_offset_24_xs {
        margin-left: 66.667%
    }

    .srgrid__col_offset_25_xs {
        margin-left: 69.444%
    }

    .srgrid__col_offset_26_xs {
        margin-left: 72.222%
    }

    .srgrid__col_offset_27_xs {
        margin-left: 75%
    }

    .srgrid__col_offset_28_xs {
        margin-left: 77.778%
    }

    .srgrid__col_offset_29_xs {
        margin-left: 80.556%
    }

    .srgrid__col_offset_30_xs {
        margin-left: 83.333%
    }

    .srgrid__col_offset_31_xs {
        margin-left: 86.111%
    }

    .srgrid__col_offset_32_xs {
        margin-left: 88.889%
    }

    .srgrid__col_offset_33_xs {
        margin-left: 91.667%
    }

    .srgrid__col_offset_34_xs {
        margin-left: 94.444%
    }

    .srgrid__col_offset_35_xs {
        margin-left: 97.222%
    }

    .srgrid__col_offset_36_xs {
        margin-left: 100%
    }
}

@media only screen and (min-width: 768px) {
    .srgrid__col_offset_0_s {
        margin-left: 0
    }

    .srgrid__col_offset_1_s {
        margin-left: 2.778%
    }

    .srgrid__col_offset_2_s {
        margin-left: 5.556%
    }

    .srgrid__col_offset_3_s {
        margin-left: 8.333%
    }

    .srgrid__col_offset_4_s {
        margin-left: 11.111%
    }

    .srgrid__col_offset_5_s {
        margin-left: 13.889%
    }

    .srgrid__col_offset_6_s {
        margin-left: 16.667%
    }

    .srgrid__col_offset_7_s {
        margin-left: 19.444%
    }

    .srgrid__col_offset_8_s {
        margin-left: 22.222%
    }

    .srgrid__col_offset_9_s {
        margin-left: 25%
    }

    .srgrid__col_offset_10_s {
        margin-left: 27.778%
    }

    .srgrid__col_offset_11_s {
        margin-left: 30.556%
    }

    .srgrid__col_offset_12_s {
        margin-left: 33.333%
    }

    .srgrid__col_offset_13_s {
        margin-left: 36.111%
    }

    .srgrid__col_offset_14_s {
        margin-left: 38.889%
    }

    .srgrid__col_offset_15_s {
        margin-left: 41.667%
    }

    .srgrid__col_offset_16_s {
        margin-left: 44.444%
    }

    .srgrid__col_offset_17_s {
        margin-left: 47.222%
    }

    .srgrid__col_offset_18_s {
        margin-left: 50%
    }

    .srgrid__col_offset_19_s {
        margin-left: 52.778%
    }

    .srgrid__col_offset_20_s {
        margin-left: 55.556%
    }

    .srgrid__col_offset_21_s {
        margin-left: 58.333%
    }

    .srgrid__col_offset_22_s {
        margin-left: 61.111%
    }

    .srgrid__col_offset_23_s {
        margin-left: 63.889%
    }

    .srgrid__col_offset_24_s {
        margin-left: 66.667%
    }

    .srgrid__col_offset_25_s {
        margin-left: 69.444%
    }

    .srgrid__col_offset_26_s {
        margin-left: 72.222%
    }

    .srgrid__col_offset_27_s {
        margin-left: 75%
    }

    .srgrid__col_offset_28_s {
        margin-left: 77.778%
    }

    .srgrid__col_offset_29_s {
        margin-left: 80.556%
    }

    .srgrid__col_offset_30_s {
        margin-left: 83.333%
    }

    .srgrid__col_offset_31_s {
        margin-left: 86.111%
    }

    .srgrid__col_offset_32_s {
        margin-left: 88.889%
    }

    .srgrid__col_offset_33_s {
        margin-left: 91.667%
    }

    .srgrid__col_offset_34_s {
        margin-left: 94.444%
    }

    .srgrid__col_offset_35_s {
        margin-left: 97.222%
    }

    .srgrid__col_offset_36_s {
        margin-left: 100%
    }
}

@media only screen and (min-width: 1024px) {
    .srgrid__col_offset_0_m {
        margin-left: 0
    }

    .srgrid__col_offset_1_m {
        margin-left: 2.778%
    }

    .srgrid__col_offset_2_m {
        margin-left: 5.556%
    }

    .srgrid__col_offset_3_m {
        margin-left: 8.333%
    }

    .srgrid__col_offset_4_m {
        margin-left: 11.111%
    }

    .srgrid__col_offset_5_m {
        margin-left: 13.889%
    }

    .srgrid__col_offset_6_m {
        margin-left: 16.667%
    }

    .srgrid__col_offset_7_m {
        margin-left: 19.444%
    }

    .srgrid__col_offset_8_m {
        margin-left: 22.222%
    }

    .srgrid__col_offset_9_m {
        margin-left: 25%
    }

    .srgrid__col_offset_10_m {
        margin-left: 27.778%
    }

    .srgrid__col_offset_11_m {
        margin-left: 30.556%
    }

    .srgrid__col_offset_12_m {
        margin-left: 33.333%
    }

    .srgrid__col_offset_13_m {
        margin-left: 36.111%
    }

    .srgrid__col_offset_14_m {
        margin-left: 38.889%
    }

    .srgrid__col_offset_15_m {
        margin-left: 41.667%
    }

    .srgrid__col_offset_16_m {
        margin-left: 44.444%
    }

    .srgrid__col_offset_17_m {
        margin-left: 47.222%
    }

    .srgrid__col_offset_18_m {
        margin-left: 50%
    }

    .srgrid__col_offset_19_m {
        margin-left: 52.778%
    }

    .srgrid__col_offset_20_m {
        margin-left: 55.556%
    }

    .srgrid__col_offset_21_m {
        margin-left: 58.333%
    }

    .srgrid__col_offset_22_m {
        margin-left: 61.111%
    }

    .srgrid__col_offset_23_m {
        margin-left: 63.889%
    }

    .srgrid__col_offset_24_m {
        margin-left: 66.667%
    }

    .srgrid__col_offset_25_m {
        margin-left: 69.444%
    }

    .srgrid__col_offset_26_m {
        margin-left: 72.222%
    }

    .srgrid__col_offset_27_m {
        margin-left: 75%
    }

    .srgrid__col_offset_28_m {
        margin-left: 77.778%
    }

    .srgrid__col_offset_29_m {
        margin-left: 80.556%
    }

    .srgrid__col_offset_30_m {
        margin-left: 83.333%
    }

    .srgrid__col_offset_31_m {
        margin-left: 86.111%
    }

    .srgrid__col_offset_32_m {
        margin-left: 88.889%
    }

    .srgrid__col_offset_33_m {
        margin-left: 91.667%
    }

    .srgrid__col_offset_34_m {
        margin-left: 94.444%
    }

    .srgrid__col_offset_35_m {
        margin-left: 97.222%
    }

    .srgrid__col_offset_36_m {
        margin-left: 100%
    }
}

@media only screen and (min-width: 1440px) {
    .srgrid__col_offset_0_l {
        margin-left: 0
    }

    .srgrid__col_offset_1_l {
        margin-left: 2.778%
    }

    .srgrid__col_offset_2_l {
        margin-left: 5.556%
    }

    .srgrid__col_offset_3_l {
        margin-left: 8.333%
    }

    .srgrid__col_offset_4_l {
        margin-left: 11.111%
    }

    .srgrid__col_offset_5_l {
        margin-left: 13.889%
    }

    .srgrid__col_offset_6_l {
        margin-left: 16.667%
    }

    .srgrid__col_offset_7_l {
        margin-left: 19.444%
    }

    .srgrid__col_offset_8_l {
        margin-left: 22.222%
    }

    .srgrid__col_offset_9_l {
        margin-left: 25%
    }

    .srgrid__col_offset_10_l {
        margin-left: 27.778%
    }

    .srgrid__col_offset_11_l {
        margin-left: 30.556%
    }

    .srgrid__col_offset_12_l {
        margin-left: 33.333%
    }

    .srgrid__col_offset_13_l {
        margin-left: 36.111%
    }

    .srgrid__col_offset_14_l {
        margin-left: 38.889%
    }

    .srgrid__col_offset_15_l {
        margin-left: 41.667%
    }

    .srgrid__col_offset_16_l {
        margin-left: 44.444%
    }

    .srgrid__col_offset_17_l {
        margin-left: 47.222%
    }

    .srgrid__col_offset_18_l {
        margin-left: 50%
    }

    .srgrid__col_offset_19_l {
        margin-left: 52.778%
    }

    .srgrid__col_offset_20_l {
        margin-left: 55.556%
    }

    .srgrid__col_offset_21_l {
        margin-left: 58.333%
    }

    .srgrid__col_offset_22_l {
        margin-left: 61.111%
    }

    .srgrid__col_offset_23_l {
        margin-left: 63.889%
    }

    .srgrid__col_offset_24_l {
        margin-left: 66.667%
    }

    .srgrid__col_offset_25_l {
        margin-left: 69.444%
    }

    .srgrid__col_offset_26_l {
        margin-left: 72.222%
    }

    .srgrid__col_offset_27_l {
        margin-left: 75%
    }

    .srgrid__col_offset_28_l {
        margin-left: 77.778%
    }

    .srgrid__col_offset_29_l {
        margin-left: 80.556%
    }

    .srgrid__col_offset_30_l {
        margin-left: 83.333%
    }

    .srgrid__col_offset_31_l {
        margin-left: 86.111%
    }

    .srgrid__col_offset_32_l {
        margin-left: 88.889%
    }

    .srgrid__col_offset_33_l {
        margin-left: 91.667%
    }

    .srgrid__col_offset_34_l {
        margin-left: 94.444%
    }

    .srgrid__col_offset_35_l {
        margin-left: 97.222%
    }

    .srgrid__col_offset_36_l {
        margin-left: 100%
    }
}

@media only screen and (min-width: 320px) {
    .srgrid__col_hide_xs {
        display: none
    }
}

@media only screen and (min-width: 768px) {
    .srgrid__col_hide_s {
        display: none
    }
}

@media only screen and (min-width: 1024px) {
    .srgrid__col_hide_m {
        display: none
    }
}

@media only screen and (min-width: 1440px) {
    .srgrid__col_hide_l {
        display: none
    }
}

@media only screen and (max-width: 767px) {
    .srgrid__col_hide_xs_only {
        display: none
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .srgrid__col_hide_s_only {
        display: none
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1439px) {
    .srgrid__col_hide_m_only {
        display: none
    }
}

@media only screen and (min-width: 1440px) {
    .srgrid__col_hide_l_only {
        display: none
    }
}

.srgrid__row_around {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.srgrid__row_between {
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media only screen and (min-width: 320px) {
    .srgrid__row_around_xs {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .srgrid__row_between_xs {
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media only screen and (min-width: 768px) {
    .srgrid__row_around_s {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .srgrid__row_between_s {
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media only screen and (min-width: 1024px) {
    .srgrid__row_around_m {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .srgrid__row_between_m {
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media only screen and (min-width: 1440px) {
    .srgrid__row_around_l {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .srgrid__row_between_l {
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media only screen and (min-width: 320px) {
    .srgrid__col_order_0_xs {
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0
    }

    .srgrid__col_order_1_xs {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

    .srgrid__col_order_2_xs {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }

    .srgrid__col_order_3_xs {
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }

    .srgrid__col_order_4_xs {
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4
    }

    .srgrid__col_order_5_xs {
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5
    }

    .srgrid__col_order_6_xs {
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6
    }

    .srgrid__col_order_7_xs {
        -webkit-order: 7;
        -ms-flex-order: 7;
        order: 7
    }

    .srgrid__col_order_8_xs {
        -webkit-order: 8;
        -ms-flex-order: 8;
        order: 8
    }

    .srgrid__col_order_9_xs {
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9
    }

    .srgrid__col_order_10_xs {
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10
    }

    .srgrid__col_order_11_xs {
        -webkit-order: 11;
        -ms-flex-order: 11;
        order: 11
    }

    .srgrid__col_order_12_xs {
        -webkit-order: 12;
        -ms-flex-order: 12;
        order: 12
    }

    .srgrid__col_order_13_xs {
        -webkit-order: 13;
        -ms-flex-order: 13;
        order: 13
    }

    .srgrid__col_order_14_xs {
        -webkit-order: 14;
        -ms-flex-order: 14;
        order: 14
    }

    .srgrid__col_order_15_xs {
        -webkit-order: 15;
        -ms-flex-order: 15;
        order: 15
    }

    .srgrid__col_order_16_xs {
        -webkit-order: 16;
        -ms-flex-order: 16;
        order: 16
    }

    .srgrid__col_order_17_xs {
        -webkit-order: 17;
        -ms-flex-order: 17;
        order: 17
    }

    .srgrid__col_order_18_xs {
        -webkit-order: 18;
        -ms-flex-order: 18;
        order: 18
    }

    .srgrid__col_order_19_xs {
        -webkit-order: 19;
        -ms-flex-order: 19;
        order: 19
    }

    .srgrid__col_order_20_xs {
        -webkit-order: 20;
        -ms-flex-order: 20;
        order: 20
    }

    .srgrid__col_order_21_xs {
        -webkit-order: 21;
        -ms-flex-order: 21;
        order: 21
    }

    .srgrid__col_order_22_xs {
        -webkit-order: 22;
        -ms-flex-order: 22;
        order: 22
    }

    .srgrid__col_order_23_xs {
        -webkit-order: 23;
        -ms-flex-order: 23;
        order: 23
    }

    .srgrid__col_order_24_xs {
        -webkit-order: 24;
        -ms-flex-order: 24;
        order: 24
    }

    .srgrid__col_order_25_xs {
        -webkit-order: 25;
        -ms-flex-order: 25;
        order: 25
    }

    .srgrid__col_order_26_xs {
        -webkit-order: 26;
        -ms-flex-order: 26;
        order: 26
    }

    .srgrid__col_order_27_xs {
        -webkit-order: 27;
        -ms-flex-order: 27;
        order: 27
    }

    .srgrid__col_order_28_xs {
        -webkit-order: 28;
        -ms-flex-order: 28;
        order: 28
    }

    .srgrid__col_order_29_xs {
        -webkit-order: 29;
        -ms-flex-order: 29;
        order: 29
    }

    .srgrid__col_order_30_xs {
        -webkit-order: 30;
        -ms-flex-order: 30;
        order: 30
    }

    .srgrid__col_order_31_xs {
        -webkit-order: 31;
        -ms-flex-order: 31;
        order: 31
    }

    .srgrid__col_order_32_xs {
        -webkit-order: 32;
        -ms-flex-order: 32;
        order: 32
    }

    .srgrid__col_order_33_xs {
        -webkit-order: 33;
        -ms-flex-order: 33;
        order: 33
    }

    .srgrid__col_order_34_xs {
        -webkit-order: 34;
        -ms-flex-order: 34;
        order: 34
    }

    .srgrid__col_order_35_xs {
        -webkit-order: 35;
        -ms-flex-order: 35;
        order: 35
    }

    .srgrid__col_order_36_xs {
        -webkit-order: 36;
        -ms-flex-order: 36;
        order: 36
    }
}

@media only screen and (min-width: 768px) {
    .srgrid__col_order_0_s {
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0
    }

    .srgrid__col_order_1_s {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

    .srgrid__col_order_2_s {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }

    .srgrid__col_order_3_s {
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }

    .srgrid__col_order_4_s {
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4
    }

    .srgrid__col_order_5_s {
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5
    }

    .srgrid__col_order_6_s {
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6
    }

    .srgrid__col_order_7_s {
        -webkit-order: 7;
        -ms-flex-order: 7;
        order: 7
    }

    .srgrid__col_order_8_s {
        -webkit-order: 8;
        -ms-flex-order: 8;
        order: 8
    }

    .srgrid__col_order_9_s {
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9
    }

    .srgrid__col_order_10_s {
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10
    }

    .srgrid__col_order_11_s {
        -webkit-order: 11;
        -ms-flex-order: 11;
        order: 11
    }

    .srgrid__col_order_12_s {
        -webkit-order: 12;
        -ms-flex-order: 12;
        order: 12
    }

    .srgrid__col_order_13_s {
        -webkit-order: 13;
        -ms-flex-order: 13;
        order: 13
    }

    .srgrid__col_order_14_s {
        -webkit-order: 14;
        -ms-flex-order: 14;
        order: 14
    }

    .srgrid__col_order_15_s {
        -webkit-order: 15;
        -ms-flex-order: 15;
        order: 15
    }

    .srgrid__col_order_16_s {
        -webkit-order: 16;
        -ms-flex-order: 16;
        order: 16
    }

    .srgrid__col_order_17_s {
        -webkit-order: 17;
        -ms-flex-order: 17;
        order: 17
    }

    .srgrid__col_order_18_s {
        -webkit-order: 18;
        -ms-flex-order: 18;
        order: 18
    }

    .srgrid__col_order_19_s {
        -webkit-order: 19;
        -ms-flex-order: 19;
        order: 19
    }

    .srgrid__col_order_20_s {
        -webkit-order: 20;
        -ms-flex-order: 20;
        order: 20
    }

    .srgrid__col_order_21_s {
        -webkit-order: 21;
        -ms-flex-order: 21;
        order: 21
    }

    .srgrid__col_order_22_s {
        -webkit-order: 22;
        -ms-flex-order: 22;
        order: 22
    }

    .srgrid__col_order_23_s {
        -webkit-order: 23;
        -ms-flex-order: 23;
        order: 23
    }

    .srgrid__col_order_24_s {
        -webkit-order: 24;
        -ms-flex-order: 24;
        order: 24
    }

    .srgrid__col_order_25_s {
        -webkit-order: 25;
        -ms-flex-order: 25;
        order: 25
    }

    .srgrid__col_order_26_s {
        -webkit-order: 26;
        -ms-flex-order: 26;
        order: 26
    }

    .srgrid__col_order_27_s {
        -webkit-order: 27;
        -ms-flex-order: 27;
        order: 27
    }

    .srgrid__col_order_28_s {
        -webkit-order: 28;
        -ms-flex-order: 28;
        order: 28
    }

    .srgrid__col_order_29_s {
        -webkit-order: 29;
        -ms-flex-order: 29;
        order: 29
    }

    .srgrid__col_order_30_s {
        -webkit-order: 30;
        -ms-flex-order: 30;
        order: 30
    }

    .srgrid__col_order_31_s {
        -webkit-order: 31;
        -ms-flex-order: 31;
        order: 31
    }

    .srgrid__col_order_32_s {
        -webkit-order: 32;
        -ms-flex-order: 32;
        order: 32
    }

    .srgrid__col_order_33_s {
        -webkit-order: 33;
        -ms-flex-order: 33;
        order: 33
    }

    .srgrid__col_order_34_s {
        -webkit-order: 34;
        -ms-flex-order: 34;
        order: 34
    }

    .srgrid__col_order_35_s {
        -webkit-order: 35;
        -ms-flex-order: 35;
        order: 35
    }

    .srgrid__col_order_36_s {
        -webkit-order: 36;
        -ms-flex-order: 36;
        order: 36
    }
}

@media only screen and (min-width: 1024px) {
    .srgrid__col_order_0_m {
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0
    }

    .srgrid__col_order_1_m {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

    .srgrid__col_order_2_m {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }

    .srgrid__col_order_3_m {
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }

    .srgrid__col_order_4_m {
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4
    }

    .srgrid__col_order_5_m {
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5
    }

    .srgrid__col_order_6_m {
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6
    }

    .srgrid__col_order_7_m {
        -webkit-order: 7;
        -ms-flex-order: 7;
        order: 7
    }

    .srgrid__col_order_8_m {
        -webkit-order: 8;
        -ms-flex-order: 8;
        order: 8
    }

    .srgrid__col_order_9_m {
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9
    }

    .srgrid__col_order_10_m {
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10
    }

    .srgrid__col_order_11_m {
        -webkit-order: 11;
        -ms-flex-order: 11;
        order: 11
    }

    .srgrid__col_order_12_m {
        -webkit-order: 12;
        -ms-flex-order: 12;
        order: 12
    }

    .srgrid__col_order_13_m {
        -webkit-order: 13;
        -ms-flex-order: 13;
        order: 13
    }

    .srgrid__col_order_14_m {
        -webkit-order: 14;
        -ms-flex-order: 14;
        order: 14
    }

    .srgrid__col_order_15_m {
        -webkit-order: 15;
        -ms-flex-order: 15;
        order: 15
    }

    .srgrid__col_order_16_m {
        -webkit-order: 16;
        -ms-flex-order: 16;
        order: 16
    }

    .srgrid__col_order_17_m {
        -webkit-order: 17;
        -ms-flex-order: 17;
        order: 17
    }

    .srgrid__col_order_18_m {
        -webkit-order: 18;
        -ms-flex-order: 18;
        order: 18
    }

    .srgrid__col_order_19_m {
        -webkit-order: 19;
        -ms-flex-order: 19;
        order: 19
    }

    .srgrid__col_order_20_m {
        -webkit-order: 20;
        -ms-flex-order: 20;
        order: 20
    }

    .srgrid__col_order_21_m {
        -webkit-order: 21;
        -ms-flex-order: 21;
        order: 21
    }

    .srgrid__col_order_22_m {
        -webkit-order: 22;
        -ms-flex-order: 22;
        order: 22
    }

    .srgrid__col_order_23_m {
        -webkit-order: 23;
        -ms-flex-order: 23;
        order: 23
    }

    .srgrid__col_order_24_m {
        -webkit-order: 24;
        -ms-flex-order: 24;
        order: 24
    }

    .srgrid__col_order_25_m {
        -webkit-order: 25;
        -ms-flex-order: 25;
        order: 25
    }

    .srgrid__col_order_26_m {
        -webkit-order: 26;
        -ms-flex-order: 26;
        order: 26
    }

    .srgrid__col_order_27_m {
        -webkit-order: 27;
        -ms-flex-order: 27;
        order: 27
    }

    .srgrid__col_order_28_m {
        -webkit-order: 28;
        -ms-flex-order: 28;
        order: 28
    }

    .srgrid__col_order_29_m {
        -webkit-order: 29;
        -ms-flex-order: 29;
        order: 29
    }

    .srgrid__col_order_30_m {
        -webkit-order: 30;
        -ms-flex-order: 30;
        order: 30
    }

    .srgrid__col_order_31_m {
        -webkit-order: 31;
        -ms-flex-order: 31;
        order: 31
    }

    .srgrid__col_order_32_m {
        -webkit-order: 32;
        -ms-flex-order: 32;
        order: 32
    }

    .srgrid__col_order_33_m {
        -webkit-order: 33;
        -ms-flex-order: 33;
        order: 33
    }

    .srgrid__col_order_34_m {
        -webkit-order: 34;
        -ms-flex-order: 34;
        order: 34
    }

    .srgrid__col_order_35_m {
        -webkit-order: 35;
        -ms-flex-order: 35;
        order: 35
    }

    .srgrid__col_order_36_m {
        -webkit-order: 36;
        -ms-flex-order: 36;
        order: 36
    }
}

@media only screen and (min-width: 1440px) {
    .srgrid__col_order_0_l {
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0
    }

    .srgrid__col_order_1_l {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

    .srgrid__col_order_2_l {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }

    .srgrid__col_order_3_l {
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }

    .srgrid__col_order_4_l {
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4
    }

    .srgrid__col_order_5_l {
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5
    }

    .srgrid__col_order_6_l {
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6
    }

    .srgrid__col_order_7_l {
        -webkit-order: 7;
        -ms-flex-order: 7;
        order: 7
    }

    .srgrid__col_order_8_l {
        -webkit-order: 8;
        -ms-flex-order: 8;
        order: 8
    }

    .srgrid__col_order_9_l {
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9
    }

    .srgrid__col_order_10_l {
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10
    }

    .srgrid__col_order_11_l {
        -webkit-order: 11;
        -ms-flex-order: 11;
        order: 11
    }

    .srgrid__col_order_12_l {
        -webkit-order: 12;
        -ms-flex-order: 12;
        order: 12
    }

    .srgrid__col_order_13_l {
        -webkit-order: 13;
        -ms-flex-order: 13;
        order: 13
    }

    .srgrid__col_order_14_l {
        -webkit-order: 14;
        -ms-flex-order: 14;
        order: 14
    }

    .srgrid__col_order_15_l {
        -webkit-order: 15;
        -ms-flex-order: 15;
        order: 15
    }

    .srgrid__col_order_16_l {
        -webkit-order: 16;
        -ms-flex-order: 16;
        order: 16
    }

    .srgrid__col_order_17_l {
        -webkit-order: 17;
        -ms-flex-order: 17;
        order: 17
    }

    .srgrid__col_order_18_l {
        -webkit-order: 18;
        -ms-flex-order: 18;
        order: 18
    }

    .srgrid__col_order_19_l {
        -webkit-order: 19;
        -ms-flex-order: 19;
        order: 19
    }

    .srgrid__col_order_20_l {
        -webkit-order: 20;
        -ms-flex-order: 20;
        order: 20
    }

    .srgrid__col_order_21_l {
        -webkit-order: 21;
        -ms-flex-order: 21;
        order: 21
    }

    .srgrid__col_order_22_l {
        -webkit-order: 22;
        -ms-flex-order: 22;
        order: 22
    }

    .srgrid__col_order_23_l {
        -webkit-order: 23;
        -ms-flex-order: 23;
        order: 23
    }

    .srgrid__col_order_24_l {
        -webkit-order: 24;
        -ms-flex-order: 24;
        order: 24
    }

    .srgrid__col_order_25_l {
        -webkit-order: 25;
        -ms-flex-order: 25;
        order: 25
    }

    .srgrid__col_order_26_l {
        -webkit-order: 26;
        -ms-flex-order: 26;
        order: 26
    }

    .srgrid__col_order_27_l {
        -webkit-order: 27;
        -ms-flex-order: 27;
        order: 27
    }

    .srgrid__col_order_28_l {
        -webkit-order: 28;
        -ms-flex-order: 28;
        order: 28
    }

    .srgrid__col_order_29_l {
        -webkit-order: 29;
        -ms-flex-order: 29;
        order: 29
    }

    .srgrid__col_order_30_l {
        -webkit-order: 30;
        -ms-flex-order: 30;
        order: 30
    }

    .srgrid__col_order_31_l {
        -webkit-order: 31;
        -ms-flex-order: 31;
        order: 31
    }

    .srgrid__col_order_32_l {
        -webkit-order: 32;
        -ms-flex-order: 32;
        order: 32
    }

    .srgrid__col_order_33_l {
        -webkit-order: 33;
        -ms-flex-order: 33;
        order: 33
    }

    .srgrid__col_order_34_l {
        -webkit-order: 34;
        -ms-flex-order: 34;
        order: 34
    }

    .srgrid__col_order_35_l {
        -webkit-order: 35;
        -ms-flex-order: 35;
        order: 35
    }

    .srgrid__col_order_36_l {
        -webkit-order: 36;
        -ms-flex-order: 36;
        order: 36
    }
}

.srgrid__row_start {
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: start
}

.srgrid__row_center {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

.srgrid__row_end {
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: end
}

.srgrid__row_top {
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    -ms-grid-row-align: flex-start;
    align-items: flex-start
}

.srgrid__row_middle {
    -webkit-align-items: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center
}

.srgrid__row_bottom {
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    -ms-grid-row-align: flex-end;
    align-items: flex-end
}

.srgrid__row_stretch {
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    -ms-grid-row-align: stretch;
    align-items: stretch
}

@media only screen and (min-width: 320px) {
    .srgrid__row_start_xs {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        text-align: start
    }

    .srgrid__row_center_xs {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center
    }

    .srgrid__row_end_xs {
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        text-align: end
    }

    .srgrid__row_top_xs {
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        -ms-grid-row-align: flex-start;
        align-items: flex-start
    }

    .srgrid__row_middle_xs {
        -webkit-align-items: center;
        -ms-flex-align: center;
        -ms-grid-row-align: center;
        align-items: center
    }

    .srgrid__row_bottom_xs {
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        -ms-grid-row-align: flex-end;
        align-items: flex-end
    }

    .srgrid__row_stretch_xs {
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        -ms-grid-row-align: stretch;
        align-items: stretch
    }
}

@media only screen and (min-width: 768px) {
    .srgrid__row_start_s {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        text-align: start
    }

    .srgrid__row_center_s {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center
    }

    .srgrid__row_end_s {
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        text-align: end
    }

    .srgrid__row_top_s {
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        -ms-grid-row-align: flex-start;
        align-items: flex-start
    }

    .srgrid__row_middle_s {
        -webkit-align-items: center;
        -ms-flex-align: center;
        -ms-grid-row-align: center;
        align-items: center
    }

    .srgrid__row_bottom_s {
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        -ms-grid-row-align: flex-end;
        align-items: flex-end
    }

    .srgrid__row_stretch_s {
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        -ms-grid-row-align: stretch;
        align-items: stretch
    }
}

@media only screen and (min-width: 1024px) {
    .srgrid__row_start_m {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        text-align: start
    }

    .srgrid__row_center_m {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center
    }

    .srgrid__row_end_m {
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        text-align: end
    }

    .srgrid__row_top_m {
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        -ms-grid-row-align: flex-start;
        align-items: flex-start
    }

    .srgrid__row_middle_m {
        -webkit-align-items: center;
        -ms-flex-align: center;
        -ms-grid-row-align: center;
        align-items: center
    }

    .srgrid__row_bottom_m {
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        -ms-grid-row-align: flex-end;
        align-items: flex-end
    }

    .srgrid__row_stretch_m {
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        -ms-grid-row-align: stretch;
        align-items: stretch
    }
}

@media only screen and (min-width: 1440px) {
    .srgrid__row_start_l {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        text-align: start
    }

    .srgrid__row_center_l {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center
    }

    .srgrid__row_end_l {
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        text-align: end
    }

    .srgrid__row_top_l {
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        -ms-grid-row-align: flex-start;
        align-items: flex-start
    }

    .srgrid__row_middle_l {
        -webkit-align-items: center;
        -ms-flex-align: center;
        -ms-grid-row-align: center;
        align-items: center
    }

    .srgrid__row_bottom_l {
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        -ms-grid-row-align: flex-end;
        align-items: flex-end
    }

    .srgrid__row_stretch_l {
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        -ms-grid-row-align: stretch;
        align-items: stretch
    }
}

@media only screen and (max-width: 767px) {
    .srgrid__row_start_xs_only {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        text-align: start
    }

    .srgrid__row_center_xs_only {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center
    }

    .srgrid__row_end_xs_only {
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        text-align: end
    }

    .srgrid__row_top_xs_only {
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        -ms-grid-row-align: flex-start;
        align-items: flex-start
    }

    .srgrid__row_middle_xs_only {
        -webkit-align-items: center;
        -ms-flex-align: center;
        -ms-grid-row-align: center;
        align-items: center
    }

    .srgrid__row_bottom_xs_only {
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        -ms-grid-row-align: flex-end;
        align-items: flex-end
    }

    .srgrid__row_stretch_xs_only {
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        -ms-grid-row-align: stretch;
        align-items: stretch
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .srgrid__row_start_s_only {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        text-align: start
    }

    .srgrid__row_center_s_only {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center
    }

    .srgrid__row_end_s_only {
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        text-align: end
    }

    .srgrid__row_top_s_only {
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        -ms-grid-row-align: flex-start;
        align-items: flex-start
    }

    .srgrid__row_middle_s_only {
        -webkit-align-items: center;
        -ms-flex-align: center;
        -ms-grid-row-align: center;
        align-items: center
    }

    .srgrid__row_bottom_s_only {
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        -ms-grid-row-align: flex-end;
        align-items: flex-end
    }

    .srgrid__row_stretch_s_only {
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        -ms-grid-row-align: stretch;
        align-items: stretch
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1439px) {
    .srgrid__row_start_m_only {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        text-align: start
    }

    .srgrid__row_center_m_only {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center
    }

    .srgrid__row_end_m_only {
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        text-align: end
    }

    .srgrid__row_top_m_only {
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        -ms-grid-row-align: flex-start;
        align-items: flex-start
    }

    .srgrid__row_middle_m_only {
        -webkit-align-items: center;
        -ms-flex-align: center;
        -ms-grid-row-align: center;
        align-items: center
    }

    .srgrid__row_bottom_m_only {
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        -ms-grid-row-align: flex-end;
        align-items: flex-end
    }

    .srgrid__row_stretch_m_only {
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        -ms-grid-row-align: stretch;
        align-items: stretch
    }
}

@media only screen and (min-width: 1440px) {
    .srgrid__row_start_l_only {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        text-align: start
    }

    .srgrid__row_center_l_only {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center
    }

    .srgrid__row_end_l_only {
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        text-align: end
    }

    .srgrid__row_top_l_only {
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        -ms-grid-row-align: flex-start;
        align-items: flex-start
    }

    .srgrid__row_middle_l_only {
        -webkit-align-items: center;
        -ms-flex-align: center;
        -ms-grid-row-align: center;
        align-items: center
    }

    .srgrid__row_bottom_l_only {
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        -ms-grid-row-align: flex-end;
        align-items: flex-end
    }

    .srgrid__row_stretch_l_only {
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        -ms-grid-row-align: stretch;
        align-items: stretch
    }
}

.srgrid__col_top {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start
}

.srgrid__col_middle {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
}

.srgrid__col_bottom {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end
}

.srgrid__col_stretch {
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch
}

.srgrid__row_gapless {
    margin-left: 0;
    margin-right: 0
}

.srgrid__row_gapless [class*=srgrid__col] {
    padding-left: 0;
    padding-right: 0
}

.sr-series__button {
    margin-top: 20px;
    text-align: left
}

.sr-series__button .buy-label {
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
    display: inline-block;
    min-width: 264px;
    height: 64px;
    line-height: 64px;
    padding: 0 64px 0 0;
    border-radius: 2px;
    text-align: left;
    background: 0 0;
    text-decoration: none;
    border: 1px dashed #b9b7b2;
    color: #1a1a1a;
    transition: border-color .2s cubic-bezier(.25, .25, .75, .75)
}

@media (max-width: 479px) {
    .sr-series__button .buy-label {
        width: 100%
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .sr-series__button .buy-label {
        display: block;
        width: 100%;
        max-width: 320px;
        margin-right: auto;
        margin-left: auto
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .sr-series__button .buy-label {
        display: block;
        width: 100%;
        max-width: 350px;
        margin-right: auto;
        margin-left: auto
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .sr-series__button .buy-label {
        width: 100%;
        max-width: 350px
    }
}

@media (min-width: 1440px) {
    .sr-series__button .buy-label {
        width: 100%;
        max-width: 350px
    }
}

.sr-series__button .buy-label .product-title {
    display: block;
    height: 100%;
    width: 100%;
    font-family: "DIN-Next-LT-Pro-Cond", arial, sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 64px;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    text-align: center;
    border-right: 1px dashed #b9b7b2;
    transition: color .2s cubic-bezier(.25, .25, .75, .75), border-color .2s cubic-bezier(.25, .25, .75, .75)
}

@media (max-width: 767px) {
    .sr-series__button .buy-label .product-title {
        font-size: 14px
    }
}

.sr-series__button .buy-label .buy-label-button {
    height: 62px;
    width: 64px;
    position: absolute;
    top: 0;
    right: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 0;
    overflow: hidden;
    transition: background .2s cubic-bezier(.25, .25, .75, .75);
    background: 0 0
}

.sr-series__button .buy-label .buy-label-button .arrow-wrapper {
    height: 100%;
    width: 200%;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 0
}

.sr-series__button .buy-label .buy-label-button .arrow {
    height: 62px;
    width: 64px;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.sr-igrill__button .buy-label .buy-label-button .arrow svg, .sr-products__button .buy-label .buy-label-button .arrow svg, .sr-series__button .buy-label .buy-label-button .arrow svg {
    height: 7px;
    width: 24px;
    display: inline-block;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

.sr-series__button .buy-label .buy-label-button .arrow path {
    fill: #e01c1c;
    transition: fill .2s cubic-bezier(.25, .25, .75, .75)
}

.sr-igrill__button .buy-label .buy-label-button:hover .arrow-wrapper, .sr-igrill__button .buy-label:hover .buy-label-button .arrow-wrapper, .sr-products__button .buy-label .buy-label-button:hover .arrow-wrapper, .sr-products__button .buy-label:hover .buy-label-button .arrow-wrapper, .sr-series__button .buy-label .buy-label-button:hover .arrow-wrapper, .sr-series__button .buy-label:hover .buy-label-button .arrow-wrapper {
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    transition: transform .6s cubic-bezier(.19, 1, .22, 1);
    transition: transform .6s cubic-bezier(.19, 1, .22, 1), -webkit-transform .6s cubic-bezier(.19, 1, .22, 1)
}

.sr-series__button .buy-label:hover {
    border-color: #e01c1c
}

.sr-series__button .buy-label:hover .product-title {
    color: #e01c1c;
    border-color: #e01c1c
}

.sr-wrapper--it .sr-series__button .buy-label {
    min-width: 284px
}

.sr-hero__buttons {
    margin-top: 30px
}

.sr-hero__buttons .sr-hero__button:first-child {
    margin-right: 10px
}

@media (max-width: 767px) {
    .sr-hero__buttons .sr-hero__button:first-child {
        margin-right: 0;
        margin-bottom: 10px
    }
}

.sr-hero__button {
    display: inline-block;
    padding: 22px 60px;
    font-family: "DIN-Next-LT-Pro-Cond", arial, sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 1.2px;
    text-decoration: none;
    text-transform: uppercase;
    color: #fbf8f2;
    border-radius: 2px;
    border: 1px dashed #fbf8f2;
    transition: all .2s cubic-bezier(.25, .25, .75, .75)
}

.sr-hero__button:hover {
    color: #fbf8f2;
    border-color: #e01c1c;
    background-color: #e01c1c;
    text-decoration: none
}

@media (max-width: 767px) {
    .sr-hero__button {
        padding: 16px 34px;
        min-width: 280px;
        font-size: 14px
    }
}

.sr-barbecues__button, .sr-products__button {
    display: block;
    width: 100%;
    margin-top: 20px;
    text-align: center
}

.sr-igrill__button {
    display: inline-block;
    width: auto;
    margin-top: 55px;
    min-width: 320px
}

.sr-igrill__button, .sr-igrill__button:hover {
    text-decoration: none
}

@media (max-width: 767px) {
    .sr-igrill__button {
        margin-top: 20px;
        min-width: auto;
        width: 100%
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .sr-igrill__button {
        margin-top: 20px;
        display: block;
        width: 320px;
        margin-right: auto;
        margin-left: auto
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .sr-igrill__button {
        margin-top: 30px
    }
}

.sr-products__button .buy-label {
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
    display: inline-block;
    width: 100%;
    max-width: 384px;
    height: 64px;
    line-height: 64px;
    padding: 0 64px 0 0;
    border-radius: 2px;
    text-align: left;
    background: #e01c1c;
    text-decoration: none;
    color: #fbf8f2
}

@media (max-width: 479px) {
    .sr-products__button .buy-label {
        width: 100%
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .sr-products__button .buy-label {
        display: block;
        width: 100%;
        max-width: 300px;
        margin-right: auto;
        margin-left: auto
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .sr-products__button .buy-label {
        display: block;
        width: 100%;
        max-width: 300px;
        margin-right: auto;
        margin-left: auto
    }
}

.sr-products__button .buy-label .product-title {
    display: block;
    height: 100%;
    width: 100%;
    padding-left: 25px;
    font-family: "DIN-Next-LT-Pro-Cond", arial, sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 64px;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    text-align: left;
    border-right: 1px dashed rgba(251, 248, 242, .5);
    transition: color .2s cubic-bezier(.25, .25, .75, .75), border-color .2s cubic-bezier(.25, .25, .75, .75)
}

.sr-products__button .buy-label .buy-label-button {
    height: 64px;
    width: 64px;
    position: absolute;
    top: 0;
    right: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 0;
    overflow: hidden;
    background: 0 0;
    transition: background .2s cubic-bezier(.25, .25, .75, .75)
}

.sr-products__button .buy-label .buy-label-button .arrow-wrapper {
    height: 100%;
    width: 200%;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 0
}

.sr-products__button .buy-label .buy-label-button .arrow {
    height: 64px;
    width: 64px;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.sr-igrill__button .buy-label .buy-label-button .arrow path, .sr-products__button .buy-label .buy-label-button .arrow path {
    fill: #fbf8f2;
    transition: fill .2s cubic-bezier(.25, .25, .75, .75)
}

.sr-products__button .buy-label:hover {
    background-color: #ac0f0f;
    transition: background-color .2s ease
}

.sr-barbecues__button .buy-label:hover .product-title, .sr-products__button .buy-label:hover .product-title {
    color: #fbf8f2
}

.sr-barbecues__button .buy-label {
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
    display: inline-block;
    width: 100%;
    max-width: 384px;
    height: 64px;
    line-height: 64px;
    padding: 0 64px 0 0;
    border-radius: 2px;
    text-align: left;
    background: #e01c1c;
    text-decoration: none;
    color: #fbf8f2
}

@media (max-width: 479px) {
    .sr-barbecues__button .buy-label {
        width: 100%
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .sr-barbecues__button .buy-label {
        display: block;
        width: 100%;
        max-width: 300px;
        margin-right: auto;
        margin-left: auto
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .sr-barbecues__button .buy-label {
        display: block;
        width: 100%;
        max-width: 300px;
        margin-right: auto;
        margin-left: auto
    }
}

.sr-barbecues__button .buy-label .product-title {
    display: block;
    height: 100%;
    width: 100%;
    padding-left: 25px;
    font-family: "DIN-Next-LT-Pro-Cond", arial, sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 64px;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    text-align: left;
    border-right: 1px dashed rgba(251, 248, 242, .5);
    transition: color .2s cubic-bezier(.25, .25, .75, .75), border-color .2s cubic-bezier(.25, .25, .75, .75)
}

.sr-barbecues__button .buy-label .buy-label-button {
    height: 64px;
    width: 64px;
    position: absolute;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    top: 0;
    right: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 0;
    overflow: hidden;
    background: 0 0;
    transition: background .2s cubic-bezier(.25, .25, .75, .75)
}

.sr-barbecues__button .buy-label .buy-label-button svg {
    display: block;
    width: 28px;
    height: 28px;
    fill: #fbf8f2
}

.sr-barbecues__button .buy-label .line-default {
    -webkit-transform-origin: 52px 18px;
    transform-origin: 52px 18px;
    transition: transform .25s cubic-bezier(.175, .885, .32, 1.275);
    transition: transform .25s cubic-bezier(.175, .885, .32, 1.275), -webkit-transform .25s cubic-bezier(.175, .885, .32, 1.275)
}

.sr-barbecues__button .buy-label .line-plus {
    -webkit-transform-origin: 52px 18px;
    transform-origin: 52px 18px;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    transition: transform .25s linear;
    transition: transform .25s linear, -webkit-transform .25s linear
}

.sr-barbecues__button .buy-label:hover {
    background-color: #ac0f0f;
    transition: background-color .2s ease
}

.sr-barbecues__button .buy-label:hover .line-default {
    -webkit-transform: rotate(-90deg) scaleX(.532);
    transform: rotate(-90deg) scaleX(.532);
    transition-timing-function: cubic-bezier(.175, .885, .32, 1.275);
    transition-duration: .45s
}

.sr-barbecues__button .buy-label:hover .line-plus {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    transition-duration: .35s
}

.sr-igrill__button .buy-label {
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
    display: inline-block;
    width: 100%;
    max-width: 384px;
    height: 64px;
    line-height: 64px;
    padding: 0 64px 0 0;
    border-radius: 2px;
    text-align: left;
    background: #e01c1c;
    text-decoration: none;
    color: #fbf8f2
}

@media (max-width: 479px) {
    .sr-igrill__button .buy-label {
        width: 100%
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .sr-igrill__button .buy-label {
        display: block;
        width: 100%;
        max-width: 300px;
        margin-right: auto;
        margin-left: auto
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .sr-igrill__button .buy-label {
        display: block;
        width: 100%;
        max-width: 300px;
        margin-right: auto;
        margin-left: auto
    }
}

.sr-igrill__button .buy-label .product-title {
    display: block;
    height: 100%;
    width: 100%;
    padding-left: 25px;
    font-family: "DIN-Next-LT-Pro-Cond", arial, sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 64px;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    text-align: left;
    border-right: 1px dashed rgba(251, 248, 242, .5);
    transition: color .2s cubic-bezier(.25, .25, .75, .75), border-color .2s cubic-bezier(.25, .25, .75, .75)
}

.sr-igrill__button .buy-label .buy-label-button {
    height: 64px;
    width: 64px;
    position: absolute;
    top: 0;
    right: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 0;
    overflow: hidden;
    background: 0 0;
    transition: background .2s cubic-bezier(.25, .25, .75, .75)
}

.sr-igrill__button .buy-label .buy-label-button .arrow-wrapper {
    height: 100%;
    width: 200%;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 0
}

.sr-igrill__button .buy-label .buy-label-button .arrow {
    height: 64px;
    width: 64px;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.sr-igrill__button .buy-label:hover {
    background-color: #ac0f0f;
    transition: background-color .2s ease
}

.headline--red {
    color: #e01c1c
}

.headline--beige, .sr-igrill__button .buy-label:hover .product-title {
    color: #fbf8f2
}

.headline-black {
    color: #08090f
}

.headline--decor span {
    position: relative;
    display: inline-block;
    font-size: 22px;
    line-height: 44px;
    vertical-align: top
}

.headline--decor span:after {
    position: absolute;
    display: block;
    content: '';
    left: 0;
    bottom: 9px;
    width: 100%;
    height: 2px;
    background-color: #e01c1c
}

@media (max-width: 767px) {
    .headline--decor span {
        font-size: 18px;
        line-height: 28px
    }

    .headline--decor span:after {
        position: absolute;
        display: block;
        content: '';
        left: 0;
        bottom: 4px;
        width: 100%;
        height: 2px;
        background-color: #e01c1c
    }
}

@media (max-width: 479px) {
    .sr-teasers .headline--decor span {
        font-size: 14px;
        line-height: 26px
    }

    .sr-teasers .headline--decor span:after {
        bottom: 5px
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .sr-teasers .headline--decor span {
        font-size: 18px;
        line-height: 28px
    }

    .sr-teasers .headline--decor span:after {
        bottom: 4px
    }
}

.link-arrow {
    position: relative;
    display: inline
}

.link-arrow svg {
    display: inline-block;
    position: absolute;
    top: 15px;
    left: 10px;
    height: 7px;
    width: 24px;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    fill: #fbf8f2;
    transition: fill .2s ease
}

@media (max-width: 479px) {
    .link-arrow svg {
        top: 9px;
        left: 5px;
        height: 5px;
        width: 18px
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .link-arrow svg {
        top: 12px;
        left: 5px;
        height: 5px;
        width: 18px
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .link-arrow svg {
        top: 9px;
        left: 5px;
        height: 5px;
        width: 18px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .link-arrow svg {
        top: 11px;
        left: 5px;
        height: 5px;
        width: 18px
    }
}

.sr-wrapper--pl .link-arrow svg {
    top: 7px
}

@media (min-width: 768px) and (max-width: 1023px) {
    .sr-wrapper--pl .link-arrow svg {
        top: 7px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .sr-wrapper--pl .link-arrow svg {
        top: 9px
    }
}

@media (min-width: 1440px) {
    .sr-wrapper--pl .link-arrow svg {
        top: 10px
    }
}

.sr-stamp-wrapper {
    position: absolute;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    top: 50px;
    left: 100px;
    width: 207px;
    height: 207px;
    text-align: center;
    border-radius: 50%;
    background-color: #f9b000;
    background-repeat: repeat;
    background-size: auto;
    background-position: center center
}

@media (max-width: 767px) {
    .sr-stamp-wrapper {
        display: none !important;
        visibility: hidden !important
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .sr-stamp-wrapper {
        top: 25px;
        left: 25px;
        width: 125px;
        height: 125px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .sr-stamp-wrapper {
        top: 25px;
        left: 25px;
        width: 175px;
        height: 175px
    }
}

.sr-stamp {
    font-family: 'Weber Serif', sans-serif;
    font-style: normal;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    font-size: 26px;
    line-height: 26px;
    width: 191px;
    height: 191px;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 13px;
    text-align: center;
    text-transform: none;
    letter-spacing: 1.2px;
    z-index: 87
}

.sr-stamp:before {
    border-radius: 50%;
    bottom: 4px;
    content: '';
    display: block;
    left: 4px;
    position: absolute;
    right: 4px;
    top: 4px
}

@media (max-width: 767px) {
    .sr-stamp {
        top: 10px;
        left: 20px;
        width: 100px;
        height: 100px;
        font-size: 12px;
        line-height: 15px
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .sr-stamp {
        left: 10px
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .sr-stamp {
        top: 40px;
        left: 40px;
        width: 109px;
        height: 109px;
        font-size: 14px;
        line-height: 17px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .sr-stamp {
        top: 40px;
        left: 40px;
        width: 159px;
        height: 159px;
        font-size: 21px;
        line-height: 21px
    }
}

.sr-stamp--hero {
    border: 1px solid #0a1a1a;
    color: #0a1a1a
}

.sr-stamp--hero:before {
    border: 1px dashed #0a1a1a
}

.accordion__body p a, .accordion__body p a:hover, .sr-text-underline {
    text-decoration: underline
}

.sr-wrapper .text-button-arrow {
    position: relative;
    padding: 7px 40px 5px 0;
    border: 0;
    outline: 0;
    text-transform: uppercase;
    background: 0 0;
    overflow: hidden;
    height: 24px;
    display: inline-block;
    color: #fbf8f2
}

.sr-wrapper .text-button-arrow .arrow {
    display: block;
    position: absolute;
    top: 10px;
    right: 0;
    vertical-align: middle;
    transition: transform .7s cubic-bezier(.19, 1, .22, 1);
    transition: transform .7s cubic-bezier(.19, 1, .22, 1), -webkit-transform .7s cubic-bezier(.19, 1, .22, 1)
}

@media (min-width: 768px) and (max-width: 1023px) {
    .sr-wrapper .text-button-arrow .arrow {
        top: 8px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .sr-wrapper .text-button-arrow .arrow {
        top: 6px
    }
}

@media (min-width: 1440px) {
    .sr-wrapper .text-button-arrow .arrow {
        top: 8px
    }
}

.sr-wrapper .text-button-arrow .arrow.left {
    left: -80px
}

.sr-wrapper .text-button-arrow .arrow svg {
    display: block;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

.sr-wrapper .sub-heading.h3, .sr-wrapper .sub-heading.h3-full {
    font-family: "DIN-Next-LT-Pro-Cond", arial, sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: 0 !important;
    margin: -.188em 0 -.375em
}

@media (max-width: 479px) {
    .sr-wrapper .sub-heading.h3, .sr-wrapper .sub-heading.h3-full {
        font-size: 14px !important
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .sr-wrapper .sub-heading.h3 .sr-wrapper--ie, .sr-wrapper .sub-heading.h3 .sr-wrapper--uk, .sr-wrapper .sub-heading.h3-full .sr-wrapper--ie, .sr-wrapper .sub-heading.h3-full .sr-wrapper--uk {
        font-size: 14px !important
    }
}

.sr-wrapper .text-button-arrow .label {
    display: inline-block;
    position: relative;
    color: currentColor;
    vertical-align: middle;
    transition: transform .7s cubic-bezier(.19, 1, .22, 1);
    transition: transform .7s cubic-bezier(.19, 1, .22, 1), -webkit-transform .7s cubic-bezier(.19, 1, .22, 1);
    margin-top: -1em
}

.sr-wrapper .text-button-arrow:hover .arrow, .sr-wrapper .text-button-arrow:hover .label {
    -webkit-transform: translateX(40px);
    transform: translateX(40px)
}

.sr-wrapper .text-button-arrow:hover .arrow.left {
    -webkit-transform: translateX(80px);
    transform: translateX(80px)
}

.sr-wrapper .text-button-arrow .arrow path {
    fill: currentColor
}

.sr-wrapper .text-button-arrow .arrow, .sr-wrapper .text-button-arrow .arrow svg {
    height: 7px;
    width: 24px
}

.sr-wrapper .block-featured-grills .see-all-button {
    display: block;
    margin-top: 64px;
    text-align: center
}

.sr-wrapper .button-line-bottom {
    font-family: "DIN-Next-LT-Pro-Cond", arial, sans-serif;
    position: relative;
    height: 64px;
    padding: 0 60px;
    margin-bottom: 32px;
    border: 0;
    background: 0 0;
    overflow: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    transition: background .2s cubic-bezier(.25, .25, .75, .75), color .2s cubic-bezier(.25, .25, .75, .75), border .2s cubic-bezier(.25, .25, .75, .75);
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none
}

@media (max-width: 767px) {
    .sr-wrapper .button-line-bottom {
        height: 48px;
        padding-left: 16px;
        padding-right: 16px
    }
}

.sr-wrapper .button-line-bottom .border {
    top: 0;
    left: 0;
    right: 0;
    opacity: 1;
    bottom: 2px;
    position: absolute;
    transition: opacity .2s
}

.sr-wrapper .button-line-bottom .border svg, .sr-wrapper .button-line-bottom .line-bottom svg {
    height: 100%;
    width: 100%
}

.sr-wrapper .button-line-bottom .background {
    top: 0;
    left: 0;
    right: 0;
    opacity: 0;
    bottom: 2px;
    position: absolute;
    border-radius: 5px;
    transition: opacity .2s, background .2s cubic-bezier(.25, .25, .75, .75)
}

.sr-wrapper .button-line-bottom .line-bottom {
    height: 32px;
    width: 1px;
    position: absolute;
    top: calc(100% + 2px);
    left: 50%;
    transition: all .2s cubic-bezier(.25, .25, .75, .75)
}

.sr-wrapper .button-line-bottom .line-bottom path {
    stroke: #e01c1c;
    stroke-width: 2px
}

.sr-wrapper .button-line-bottom .label {
    position: relative;
    z-index: 1;
    display: inline-block;
    color: #e01c1c;
    transition: color .2s
}

@media (max-width: 767px) {
    .sr-wrapper .button-line-bottom .label {
        font-size: 13px
    }
}

.sr-wrapper .button-line-bottom:hover .border {
    opacity: 0
}

.sr-wrapper .button-line-bottom:hover .background {
    opacity: 1;
    background: #e01c1c
}

.sr-wrapper .button-line-bottom:hover .label {
    color: #fbf8f2
}

.accordion__container {
    border-bottom: 2px dotted #696969
}

.accordion__head {
    position: relative;
    height: 64px;
    font-family: "DIN-Next-LT-Pro-Cond", arial, sans-serif;
    font-size: 16px;
    line-height: 64px;
    text-align: left;
    text-transform: uppercase;
    letter-spacing: 1px;
    background-color: transparent;
    color: #fbf8f2;
    cursor: pointer;
    border-top: 2px dotted #696969
}

.accordion__head:after {
    position: absolute;
    top: 20px;
    right: 20px;
    height: 22px;
    width: 21px;
    font-size: 45px;
    content: '';
    background: url(data:image/svg+xml;utf8,%3Csvg%20width%3D%2221%22%20height%3D%2222%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M9.5%2010V.5h2V10H21v2h-9.5v9.5h-2V12H0v-2h9.5z%22%20fill%3D%22%23FBF8F2%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E)
}

@media (max-width: 479px) {
    .accordion__head:after {
        top: calc(50% - 7px);
        right: 10px;
        height: 14px;
        width: 14px;
        background-size: 14px 14px;
        background-repeat: no-repeat
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .accordion__head:after {
        top: calc(50% - 11px)
    }
}

.accordion__head.is-selected {
    color: #e01c1c
}

.accordion__head.is-selected:after {
    top: 30px;
    height: 2px;
    background: url(data:image/svg+xml;utf8,%3Csvg%20width%3D%2221%22%20height%3D%222%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0%200h21v2H0V0z%22%20fill%3D%22%23E01C1C%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E);
    fill: currentColor
}

@media (max-width: 479px) {
    .accordion__head.is-selected:after {
        top: calc(50% - 1px);
        right: 10px;
        width: 14px;
        background-size: 14px 2px;
        background-repeat: no-repeat
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .accordion__head.is-selected:after {
        top: calc(50% - 1px)
    }
}

@media (max-width: 479px) {
    .accordion__head {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        height: auto;
        min-height: 48px;
        padding: 14px 35px 10px 0;
        font-size: 14px;
        line-height: 14px
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .accordion__head {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        height: auto;
        min-height: 48px;
        padding: 14px 48px 10px 0;
        font-size: 16px;
        line-height: 16px
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .accordion__head {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        height: auto;
        min-height: 64px;
        padding: 14px 64px 10px 0;
        font-size: 16px;
        line-height: 18px
    }
}

.accordion__body {
    position: relative;
    display: block;
    text-align: left;
    padding-bottom: 50px;
    padding-left: 50px
}

@media (max-width: 767px) {
    .accordion__body {
        padding-bottom: 20px;
        padding-left: 10px
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .accordion__body {
        padding-bottom: 20px;
        padding-left: 20px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .accordion__body {
        padding-bottom: 40px;
        padding-left: 40px
    }
}

.accordion__body p {
    font-family: "DIN-Next-LT-Pro-Cond", arial, sans-serif;
    font-weight: 300;
    font-size: 18px;
    padding: 0;
    margin: 20px 0 0;
    color: #fbf8f2
}

.accordion__body p a {
    color: #e01c1c
}

@media (max-width: 767px) {
    .accordion__body p {
        font-size: 16px;
        line-height: 1;
        margin-top: 10px;
        padding: 0 0 5px
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .accordion__body p {
        text-align: left;
        padding: 0 0 15px
    }
}

.mood-image {
    display: block;
    width: 100%
}

.flex-img {
    width: 100%
}

.sr-wrapper {
    background: #08090f;
    overflow: hidden
}

.main {
    padding-bottom: 0 !important
}

[hidden] {
    display: none !important;
    visibility: hidden !important
}

.sr-overflow-visible {
    overflow: visible !important
}

.full-width-container {
    padding: 0 !important;
    max-width: 100% !important
}

.sr-full-height {
    height: 100% !important
}

/*! Lity - v3.0.0-dev - 2017-07-17
* http://sorgalla.com/lity/
* Copyright (c) 2015-2017 Jan Sorgalla; Licensed MIT */
.lity {
    z-index: 9990;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    white-space: nowrap;
    background: #0b0b0b;
    background: rgba(26, 26, 26, .8);
    outline: none !important;
    transition: opacity .3s ease
}

.lity.lity-opened {
    opacity: 1
}

.component-product-hotspot.product-hotspot.is-open .product-hotspot-icon:after, .component-product-hotspot.product-hotspot.is-open .product-hotspot-icon:before, .lity, .lity.lity-closed {
    opacity: 0
}

.lity * {
    box-sizing: border-box
}

.lity-wrap {
    z-index: 9990;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    outline: none !important
}

.lity-container, .lity-wrap:before {
    vertical-align: middle;
    display: inline-block
}

.lity-wrap:before {
    content: '';
    height: 100%;
    margin-right: -.25em
}

.lity-loader {
    z-index: 9991;
    color: #fff;
    position: absolute;
    top: 50%;
    margin-top: -.8em;
    width: 100%;
    text-align: center;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    opacity: 0;
    transition: opacity .3s ease
}

.lity-loading .lity-loader {
    opacity: 1
}

.lity-container {
    z-index: 9992;
    position: relative;
    text-align: left;
    white-space: normal;
    max-width: 100%;
    max-height: 100%;
    outline: none !important
}

.lity-content {
    z-index: 9993;
    width: 100%;
    -webkit-transform: scale(1);
    transform: scale(1);
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease
}

.lity-closed .lity-content, .lity-loading .lity-content {
    -webkit-transform: scale(.8);
    transform: scale(.8)
}

.lity-content:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, .6)
}

.lity-close {
    z-index: 9994;
    width: 47px;
    height: 47px;
    border-radius: 50%;
    position: fixed;
    right: 32px;
    top: 32px;
    -webkit-appearance: none;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    padding: 0;
    color: #fbf8f2;
    font-style: normal;
    font-size: 35px;
    font-family: Arial, Baskerville, monospace;
    line-height: 35px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    border: 0;
    background: #e01c1c;
    outline: none;
    box-shadow: none
}

@media (min-width: 768px) and (max-width: 1023px) {
    .lity-close {
        top: 16px;
        right: 16px
    }
}

.lity-close .cross-icon {
    height: 17px;
    width: 17px;
    top: 50%;
    left: 50%;
    position: absolute;
    -webkit-transform: translate3d(-50%, -50%, 0) rotate(45deg);
    transform: translate3d(-50%, -50%, 0) rotate(45deg)
}

.lity-close .cross-icon:after, .lity-close .cross-icon:before {
    top: 50%;
    left: 50%;
    content: '';
    position: absolute;
    background: #fff
}

.lity-close .cross-icon:before {
    height: 1px;
    width: 17px;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

.lity-close .cross-icon:after {
    height: 17px;
    width: 1px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.lity-close::-moz-focus-inner {
    border: 0;
    padding: 0
}

.lity-close:active, .lity-close:focus, .lity-close:hover, .lity-close:visited {
    text-decoration: none;
    text-align: center;
    padding: 0;
    color: #fbf8f2;
    font-style: normal;
    font-size: 35px;
    font-family: Arial, Baskerville, monospace;
    line-height: 35px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    border: 0;
    background: #e01c1c;
    outline: none;
    box-shadow: none
}

.lity-close:active .cross-icon, .lity-close:focus .cross-icon, .lity-close:hover .cross-icon, .lity-close:visited .cross-icon {
    -webkit-transform: translate3d(-50%, -50%, 0) scale(.85) rotate(45deg);
    transform: translate3d(-50%, -50%, 0) scale(.85) rotate(45deg)
}

.lity-image img {
    max-width: 100%;
    display: block;
    line-height: 0;
    border: 0
}

.lity-iframe .lity-container {
    width: 100%;
    max-width: 964px
}

.lity-iframe-container {
    width: 100%;
    height: 0;
    padding-top: 56.25%;
    overflow: auto;
    pointer-events: auto;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-overflow-scrolling: touch
}

.lity-iframe-container iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    background: #000
}

.lity-hide {
    display: none
}

.sr-notification {
    position: fixed;
    right: 0;
    bottom: 30px;
    left: 0;
    display: none;
    height: 80px;
    max-width: 900px;
    z-index: 109;
    margin-right: auto;
    margin-left: auto;
    background: #f8b71d;
    color: #1a1a1a;
    border-radius: 3px
}

@media (max-width: 479px) {
    .sr-notification {
        width: 90%;
        height: 60px;
        right: auto;
        left: 0;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .sr-notification {
        width: 94%
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .sr-notification {
        width: 94%
    }
}

.sr-notification__container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 3px;
    overflow: visible
}

@media (max-width: 479px) {
    .sr-notification__container {
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        -ms-grid-row-align: flex-end;
        align-items: flex-end
    }
}

.sr-notification__content {
    width: calc(100% - 10px);
    height: 70px;
    padding: 0 0 0 160px;
    margin: 5px;
    z-index: 2;
    border-radius: 3px;
    border: 1px dashed #696969
}

@media (max-width: 479px) {
    .sr-notification__content {
        width: calc(100% - 5px);
        height: 50px;
        padding-left: 95px;
        border-left: none;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .sr-notification__content {
        padding-left: 115px
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .sr-notification__content {
        padding-left: 115px
    }
}

.sr-notification__igrill {
    position: absolute;
    top: -8px;
    left: 40px;
    max-width: 100px
}

@media (max-width: 479px) {
    .sr-notification__igrill {
        max-width: 80px;
        top: -10px;
        left: 9px
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .sr-notification__igrill {
        left: 15px
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .sr-notification__igrill {
        left: 15px
    }
}

.sr-notification__link {
    font-family: 'Weber Serif', sans-serif;
    font-style: normal;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    position: relative;
    display: inline-block;
    padding-right: 40px;
    margin: 0;
    font-size: 24px;
    line-height: 68px;
    text-decoration: none;
    text-transform: uppercase
}

@media (max-width: 479px) {
    .sr-notification__link {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-right: 26px;
        padding-right: 0;
        font-size: 14px;
        line-height: 14px;
        height: 100%
    }

    .sr-notification__link svg {
        display: none !important
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .sr-notification__link {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-right: 32px;
        padding-right: 0;
        font-size: 18px;
        line-height: 20px;
        height: 100%
    }

    .sr-notification__link svg {
        display: none !important
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .sr-notification__link {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-right: 40px;
        padding-right: 0;
        font-size: 20px;
        line-height: 24px;
        height: 100%
    }

    .sr-notification__link svg {
        display: none
    }
}

.sr-notification__link:hover {
    text-decoration: none
}

.sr-notification__link:hover svg {
    fill: #e01c1c
}

.sr-notification__link .arrow {
    display: block;
    position: absolute;
    top: -6px;
    right: 0;
    height: 68px;
    vertical-align: middle
}

.sr-notification__link svg {
    width: 24px;
    height: 7px;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    fill: #1a1a1a;
    transition: fill .2s ease
}

.sr-wrapper--pl .sr-notification__link {
    font-family: "DIN-Next-LT-Pro-Cond", arial, sans-serif;
    font-weight: 700
}

.sr-notification__link__inner {
    display: block
}

.sr-notification__close {
    position: absolute;
    display: block;
    top: 10px;
    right: 10px;
    height: 26px;
    width: 26px;
    padding: 7px;
    text-decoration: none;
    z-index: 3
}

@media (max-width: 479px) {
    .sr-notification__close {
        top: 5px;
        right: 5px
    }
}

.sr-notification__close svg {
    display: block;
    width: 12px;
    height: 12px
}

.sr-notification__close:hover {
    text-decoration: none
}

.sr-hero {
    position: relative;
    width: 100%;
    height: 790px;
    background-color: #08090f;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fbf8f2
}

@media (max-width: 479px) {
    .sr-hero {
        height: 450px;
        padding: 0 10px;
        background-position: 35% bottom
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .sr-hero {
        height: 450px;
        padding: 10px 20px 0;
        background-position: 50% bottom
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .sr-hero {
        height: 550px;
        background-position: 45% bottom
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .sr-hero {
        height: 730px;
        background-position: bottom center
    }
}

@media (min-width: 1440px) {
    .sr-hero {
        background-position: top center
    }
}

.sr-hero__container {
    position: relative
}

.sr-hero__notification {
    display: none;
    visibility: hidden;
    width: 100%;
    background-color: #f9b000;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
    color: #1a1a1a
}

@media (max-width: 767px) {
    .sr-hero__notification {
        display: block;
        visibility: visible
    }
}

.sr-hero__notification__copy {
    font-family: 'Weber Serif', sans-serif;
    font-style: normal;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    margin: 0 !important;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    letter-spacing: 1.2px
}

.sr-hero__content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (max-width: 767px) {
    .sr-hero__content {
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        padding-bottom: 50px
    }

    .sr-wrapper--it .sr-hero__content {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-bottom: 0
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .sr-hero__content {
        padding-right: 20px;
        padding-left: 20px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .sr-hero__content {
        padding-right: 20px;
        padding-left: 20px
    }
}

.sr-hero__overline {
    font-family: 'Weber Serif', sans-serif;
    font-style: normal;
    font-weight: 300;
    -webkit-font-smoothing: subpixel-antialiased;
    font-size: 32px;
    line-height: 36px
}

@media (max-width: 767px) {
    .sr-hero__overline {
        display: none !important
    }
}

.sr-wrapper--pl .sr-hero__overline {
    font-family: "DIN-Next-LT-Pro", arial, sans-serif;
    font-weight: 100
}

@media (min-width: 768px) and (max-width: 1023px) {
    .sr-wrapper--pl .sr-hero__overline {
        font-size: 22px;
        line-height: 26px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .sr-wrapper--pl .sr-hero__overline {
        font-size: 28px;
        line-height: 32px
    }
}

@media (min-width: 1440px) {
    .sr-wrapper--pl .sr-hero__overline {
        font-size: 32px;
        line-height: 36px
    }
}

.sr-hero__headline {
    font-family: 'Weber Serif', sans-serif;
    font-style: normal;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    font-size: 96px;
    letter-spacing: 1px;
    line-height: 88px;
    margin-top: 0;
    margin-bottom: 10px;
    text-transform: uppercase;
    color: #fff
}

.sr-hero__headline span {
    position: relative;
    display: inline-block;
    font-size: 56px;
    line-height: 88px;
    vertical-align: top
}

.sr-hero__headline span:after {
    position: absolute;
    display: block;
    content: '';
    left: 0;
    bottom: 14px;
    width: 100%;
    height: 4px;
    border-radius: 3px;
    background-color: #fbf8f2
}

@media (max-width: 479px) {
    .sr-hero__headline {
        max-width: 80%;
        margin-left: auto;
        margin-right: auto
    }
}

@media (max-width: 767px) {
    .sr-hero__headline {
        margin-bottom: 20px;
        font-size: 32px;
        line-height: 1;
        text-align: center
    }

    .sr-hero__headline span {
        font-size: 24px;
        line-height: 32px;
        margin-top: -2px
    }

    .sr-hero__headline span:after {
        bottom: 3px;
        height: 2px
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .sr-hero__headline {
        font-size: 56px;
        line-height: 50px;
        padding-bottom: .05em
    }

    .sr-hero__headline span {
        font-size: 32px;
        line-height: 32px;
        margin-top: -2px
    }

    .sr-hero__headline span:after {
        bottom: 0;
        height: 2px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .sr-hero__headline {
        margin-right: auto;
        margin-left: auto;
        max-width: 1170px;
        font-size: 56px;
        line-height: 50px;
        padding-bottom: .05em
    }

    .sr-hero__headline span {
        font-size: 32px;
        line-height: 32px;
        margin-top: 5px
    }

    .sr-hero__headline span:after {
        bottom: 0;
        height: 2px
    }
}

@media (min-width: 1440px) {
    .sr-hero__headline {
        margin-right: auto;
        margin-left: auto;
        max-width: 730px
    }

    .sr-hero__headline span {
        margin-top: -2px
    }
}

.sr-hero__subline {
    font-family: 'Weber Serif', sans-serif;
    font-style: normal;
    font-weight: 300;
    -webkit-font-smoothing: subpixel-antialiased;
    font-size: 18px;
    line-height: 1;
    letter-spacing: 0;
    text-align: center;
    margin: 0
}

@media (min-width: 768px) and (max-width: 1023px) {
    .sr-hero__subline {
        font-size: 32px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .sr-hero__subline {
        max-width: 930px;
        font-size: 32px;
        line-height: 45px
    }
}

@media (min-width: 1440px) {
    .sr-hero__subline {
        max-width: 700px;
        margin-right: auto;
        margin-left: auto;
        font-size: 32px;
        line-height: 45px
    }
}

.sr-wrapper--pl .sr-hero__subline {
    font-family: "DIN-Next-LT-Pro", arial, sans-serif;
    font-weight: 100
}

@media (min-width: 768px) and (max-width: 1023px) {
    .sr-wrapper--pl .sr-hero__subline {
        font-size: 22px;
        line-height: 26px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .sr-wrapper--pl .sr-hero__subline {
        font-size: 28px;
        line-height: 32px
    }
}

@media (min-width: 1440px) {
    .sr-wrapper--pl .sr-hero__subline {
        max-width: 685px;
        font-size: 32px;
        line-height: 38px
    }
}

.sr-hero__dividers__container {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 30px;
    width: 100%
}

@media (max-width: 479px) {
    .sr-hero__dividers__container {
        display: none;
        height: 0
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .sr-hero__dividers__container {
        display: none;
        height: 0
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .sr-hero__dividers__container {
        height: 30px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .sr-hero__dividers__container {
        height: 30px
    }
}

.sr-hero__dividers {
    position: relative;
    display: block;
    height: 100%;
    width: 100%
}

.sr-hero__divider {
    position: absolute;
    top: 0;
    height: 300px;
    width: 150%
}

.sr-hero__divider--left {
    left: 0;
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
    margin-left: -45%
}

.sr-hero__divider--right {
    right: 0;
    -webkit-transform: rotate(-3deg);
    transform: rotate(-3deg);
    margin-right: -45%
}

.sr-series {
    position: relative;
    width: 100%;
    padding: 60px 0 50px;
    background-color: #fbf8f2;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
    color: #08090f
}

@media (max-width: 479px) {
    .sr-series {
        padding-top: 20px;
        padding-bottom: 0
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .sr-series {
        padding: 40px 10px 0
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .sr-series {
        padding: 40px 0 0
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .sr-series {
        padding: 80px 0 0
    }
}

@media (min-width: 1440px) {
    .sr-series {
        padding: 120px 0 30px
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .sr-series__container-deco {
        border-top: 1px dashed #b9b7b2;
        border-right: 1px dashed #b9b7b2
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .sr-series__container-deco {
        border-top: 1px dashed #b9b7b2;
        border-right: 1px dashed #b9b7b2
    }
}

@media (min-width: 1440px) {
    .sr-series__container-deco {
        border-top: 1px dashed #b9b7b2;
        border-right: 1px dashed #b9b7b2
    }
}

.sr-series__content-wrap {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    min-height: 455px;
    padding: 32px 0 0
}

@media (max-width: 767px) {
    .sr-series__content-wrap {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-top: 0
    }
}

.sr-series__content {
    max-width: 52%
}

@media (max-width: 767px) {
    .sr-series__content {
        max-width: 100%
    }
}

.sr-series__grill-wrap {
    position: relative;
    max-width: 48%
}

@media (max-width: 767px) {
    .sr-series__grill-wrap {
        max-width: 100%
    }
}

.sr-series__grill {
    display: block;
    float: right;
    max-width: 110%;
    margin-top: 50px;
    margin-right: -30px
}

@media (max-width: 767px) {
    .sr-series__grill {
        margin-top: 15px;
        float: none;
        max-width: 100%;
        margin-right: 0
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .sr-series__grill {
        margin-top: 25px
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .sr-series__grill {
        max-width: 100%;
        margin-right: -20px
    }
}

.sr-series__overline {
    font-family: 'Weber Serif', sans-serif;
    font-style: normal;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    margin-bottom: 0;
    font-size: 32px;
    line-height: 48px;
    color: #e01c1c;
    text-transform: uppercase;
    text-align: left
}

@media (max-width: 767px) {
    .sr-series__overline {
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 0
    }
}

.sr-wrapper--pl .sr-series__overline {
    font-family: "DIN-Next-LT-Pro-Cond", arial, sans-serif;
    font-weight: 700
}

.sr-series__headline {
    font-family: 'Weber Serif', sans-serif;
    font-style: normal;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    margin-bottom: 15px;
    font-size: 56px;
    line-height: 50px;
    color: #1a1a1a;
    text-transform: uppercase;
    text-align: left
}

@media (max-width: 767px) {
    .sr-series__headline {
        font-size: 32px;
        line-height: 1;
        margin-bottom: 20px
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .sr-series__headline .sr-wrapper--se {
        font-size: 48px;
        line-height: 1
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .sr-series__headline {
        font-size: 48px;
        line-height: 1
    }

    .sr-series__headline .sr-wrapper--se {
        font-size: 36px;
        line-height: 1
    }
}

.sr-wrapper--pl .sr-series__headline {
    font-family: "DIN-Next-LT-Pro-Cond", arial, sans-serif;
    font-weight: 700
}

@media (min-width: 1440px) {
    .sr-wrapper--pl .sr-series__headline {
        line-height: 1
    }
}

.sr-series__copy {
    font-family: "DIN-Next-LT-Pro", arial, sans-serif;
    font-weight: 100;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 20px;
    line-height: 30px;
    text-align: left;
    color: #696969
}

@media (max-width: 767px) {
    .sr-series__copy {
        font-size: 16px;
        line-height: 26px
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .sr-series__copy {
        font-size: 16px;
        line-height: 26px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .sr-series__copy {
        font-size: 16px;
        line-height: 24px
    }
}

.sr-series__box-wrap {
    position: relative;
    padding: 3px;
    height: 100%;
    max-width: 400px;
    margin-right: auto;
    margin-left: auto;
    border-radius: 4px;
    background-color: #f9b000;
    background-repeat: repeat;
    background-size: auto;
    background-position: center center
}

@media (max-width: 1023px) {
    .sr-series__box-wrap {
        margin-top: 110px
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .sr-series__box-wrap {
        max-width: 460px
    }
}

.sr-series__box-inner {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    border: 1px dashed #0a1a1a;
    height: 100%;
    max-width: 420px
}

@media (max-width: 767px) {
    .sr-series__box-inner {
        height: auto
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .sr-series__box-inner {
        height: 570px;
        max-width: 454px
    }
}

.sr-series__box__content {
    position: relative;
    height: 100%;
    padding: 38px 20px 0;
    text-align: left
}

@media (max-width: 479px) {
    .sr-series__box__content {
        height: 430px
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .sr-series__box__content {
        height: 410px
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .sr-series__box__content {
        height: 510px;
        padding-top: 50px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .sr-series__box__content {
        min-height: 475px
    }
}

@media (min-width: 1440px) {
    .sr-series__box__content {
        min-height: 475px
    }
}

.sr-wrapper--it .sr-series__box__content {
    padding: 80px 20px 0
}

@media (max-width: 479px) {
    .sr-wrapper--it .sr-series__box__content {
        height: 470px
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .sr-wrapper--it .sr-series__box__content {
        height: 450px
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .sr-wrapper--it .sr-series__box__content {
        height: 510px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .sr-wrapper--it .sr-series__box__content {
        min-height: 475px
    }
}

@media (min-width: 1440px) {
    .sr-wrapper--it .sr-series__box__content {
        min-height: 475px
    }
}

.sr-series__box__headline {
    font-family: 'Weber Serif', sans-serif;
    font-style: normal;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    font-size: 32px;
    line-height: 34px;
    margin-bottom: 20px
}

@media (max-width: 767px) {
    .sr-series__box__headline {
        font-size: 24px;
        line-height: 1
    }
}

.sr-series__box__copy {
    margin-top: 0;
    font-family: "DIN-Next-LT-Pro", arial, sans-serif;
    font-size: 20px;
    font-weight: 300;
    line-height: 30px;
    color: #1a1a1a
}

@media (max-width: 767px) {
    .sr-series__box__copy {
        font-size: 16px;
        line-height: 26px
    }
}

.sr-series__box__igrill {
    position: absolute;
    bottom: 20px;
    right: 35px;
    display: block;
    max-width: 170px
}

@media (max-width: 767px) {
    .sr-series__box__igrill {
        max-width: 150px;
        bottom: 10px;
        right: 0;
        left: 0;
        margin-right: auto;
        margin-left: auto
    }
}

.sr-series__box__footer {
    padding: 16px 30px 17px;
    border-top: 1px dashed #0a1a1a;
    text-align: left
}

@media (max-width: 479px) {
    .sr-series__box__footer {
        padding-right: 15px;
        padding-left: 15px
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .sr-series__box__footer {
        padding-right: 20px;
        padding-left: 20px
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .sr-wrapper--it .sr-series__box__footer {
        margin-top: auto;
        margin-bottom: 0
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .sr-wrapper--it .sr-series__box__footer {
        padding-right: 20px;
        padding-left: 20px
    }
}

.sr-series__box__footer__copy, .sr-series__box__footer__link {
    display: block;
    margin: 0;
    font-family: "DIN-Next-LT-Pro-Cond", arial, sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 30px;
    text-transform: uppercase;
    letter-spacing: 1.2px
}

@media (max-width: 479px) {
    .sr-series__box__footer__copy, .sr-series__box__footer__link {
        font-size: 14px
    }

    .sr-wrapper--it .sr-series__box__footer__copy, .sr-wrapper--it .sr-series__box__footer__link {
        font-size: 13px;
        line-height: 16px
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .sr-series__box__footer__copy, .sr-series__box__footer__link {
        font-size: 14px
    }
}

.sr-series__box__footer__link, .sr-series__box__footer__link:hover {
    text-decoration: underline
}

.sr-badge-wrapper {
    position: absolute;
    display: none;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
    top: -64px;
    left: calc(50% - 64px);
    width: 128px;
    height: 128px;
    text-align: center;
    border-radius: 50%;
    background-color: #f9b000;
    background-repeat: repeat;
    background-size: auto;
    background-position: center center
}

.sr-badge, .sr-wrapper--it .sr-badge-wrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.sr-badge {
    font-family: 'Weber Serif', sans-serif;
    font-style: normal;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    font-size: 16px;
    line-height: 16px;
    width: 112px;
    height: 112px;
    border-radius: 50%;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 13px;
    text-align: center;
    text-transform: none;
    letter-spacing: 1.2px;
    z-index: 87;
    border: 1px solid #0a1a1a;
    color: #0a1a1a
}

.sr-badge:before {
    border-radius: 50%;
    bottom: 4px;
    content: '';
    display: block;
    left: 4px;
    position: absolute;
    right: 4px;
    top: 4px;
    border: 1px dashed #0a1a1a
}

.sr-badge .sr-badge__content {
    display: block;
    height: 102px;
    width: 102px
}

.sr-badge .sr-badge__pen {
    height: 32px;
    width: 30px;
    margin-top: -5px
}

.sr-badge .sr-badge__pen svg path {
    fill: #1a1a1a
}

.sr-badge .sr-badge__pen, .sr-badge .sr-badge__text {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.sr-badge .sr-badge__text svg {
    margin-left: 6px
}

.sr-wrapper--it .sr-badge .sr-badge__text svg {
    margin-left: 0
}

@media (min-width: 768px) and (max-width: 1023px) {
    .sr-badge {
        top: 40px;
        left: 40px;
        width: 109px;
        height: 109px;
        font-size: 14px;
        line-height: 17px
    }
}

.sr-steps {
    position: relative;
    width: 100%;
    background-color: #fbf8f2;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
    color: #08090f
}

.sr-steps .jcarousel-pagination {
    display: none !important;
    visibility: hidden !important;
    margin-top: 20px
}

@media (max-width: 1023px) {
    .sr-steps .jcarousel-pagination {
        margin-top: 10px;
        display: block !important;
        visibility: visible !important
    }
}

@media (max-width: 479px) {
    .sr-steps .jcarousel-pagination {
        margin-top: 0
    }

    .sr-steps {
        padding-top: 40px;
        padding-bottom: 0
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .sr-steps {
        padding-top: 40px;
        padding-bottom: 0
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .sr-steps {
        padding: 40px 0 0
    }

    .sr-steps .jcarousel-wrapper {
        margin-bottom: 0
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .sr-steps {
        padding: 50px 0 0
    }

    .sr-steps .jcarousel-wrapper {
        margin-top: 0;
        margin-bottom: 0
    }
}

@media (min-width: 1440px) {
    .sr-steps {
        padding: 50px 0 0
    }
}

.sr-steps__teaser {
    display: block
}

.sr-steps__step__content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 33px 33px 45px;
    text-align: left
}

@media (max-width: 479px) {
    .sr-steps__step__content {
        padding: 18px 18px 25px
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .sr-steps__step__content {
        padding: 30px
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .sr-steps__step__content {
        padding: 30px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .sr-steps__step__content {
        padding: 18px 18px 35px
    }
}

.sr-steps__step__footer {
    padding: 0 33px 28px;
    text-align: left
}

@media (max-width: 479px) {
    .sr-steps__step__footer {
        padding: 0 18px 13px
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .sr-steps__step__footer {
        padding: 0 30px 20px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .sr-steps__step__footer {
        padding: 0 18px 13px
    }
}

@media (max-width: 767px) {
    .sr-steps__headlines {
        margin-bottom: 5px
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .sr-steps__headlines {
        margin-bottom: 10px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .sr-steps__headlines {
        margin-bottom: 30px
    }
}

@media (min-width: 1440px) {
    .sr-steps__headlines {
        margin-bottom: 40px
    }
}

.sr-steps__overline {
    font-family: 'Weber Serif', sans-serif;
    font-style: normal;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    margin-bottom: 0;
    font-size: 32px;
    line-height: 48px;
    color: #e01c1c;
    text-transform: uppercase
}

@media (max-width: 767px) {
    .sr-steps__overline {
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 0;
        text-align: center
    }
}

.sr-wrapper--pl .sr-steps__headline, .sr-wrapper--pl .sr-steps__overline {
    font-family: "DIN-Next-LT-Pro-Cond", arial, sans-serif;
    font-weight: 700
}

.sr-steps__headline {
    font-family: 'Weber Serif', sans-serif;
    font-style: normal;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    margin-bottom: 0;
    font-size: 56px;
    line-height: 1;
    color: #1a1a1a;
    text-transform: uppercase
}

@media (max-width: 767px) {
    .sr-steps__headline {
        font-size: 32px;
        line-height: 32px
    }
}

.sr-steps__step__number {
    font-family: 'Weber Serif', sans-serif;
    font-style: normal;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    margin-bottom: 5px;
    font-size: 32px;
    line-height: 1;
    color: #e01c1c
}

@media (max-width: 767px) {
    .sr-steps__step__number {
        margin-bottom: 10px
    }
}

.sr-steps__step__title {
    margin-bottom: 20px;
    font-family: "DIN-Next-LT-Pro-Cond", arial, sans-serif;
    font-size: 32px;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase
}

@media (max-width: 479px) {
    .sr-steps__step__title {
        font-size: 24px;
        line-height: 24px;
        margin-bottom: 10px
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .sr-steps__step__title {
        font-size: 24px;
        line-height: 24px;
        margin-bottom: 10px
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .sr-steps__step__title {
        margin-bottom: 20px
    }
}

.sr-steps__step__copy {
    font-family: 'Weber Serif', sans-serif;
    font-style: normal;
    font-weight: 400;
    -webkit-font-smoothing: subpixel-antialiased;
    font-size: 18px;
    line-height: 24px;
    color: #696969;
    margin-top: auto;
    margin-bottom: 0
}

.sr-steps__step__copy a {
    color: #696969
}

.sr-steps__step__copy a:hover {
    color: #e01c1c
}

@media (max-width: 767px) {
    .sr-steps__step__copy {
        font-size: 16px;
        line-height: 26px
    }
}

.sr-wrapper--pl .sr-steps__step__copy {
    font-family: "DIN-Next-LT-Pro", arial, sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 22px
}

@media (max-width: 767px) {
    .sr-wrapper--pl .sr-steps__step__copy {
        font-size: 16px;
        line-height: 22px
    }

    .sr-steps__jcarousel-wrapper {
        padding-bottom: 0;
        margin-bottom: 0
    }
}

.sr-steps__jcarousel {
    margin-right: auto;
    margin-left: auto
}

.sr-steps__jcarousel .sr-steps__slide {
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-flex-basis: calc(100% / 3 - 34px);
    -ms-flex-preferred-size: calc(100% / 3 - 34px);
    flex-basis: calc(100% / 3 - 34px);
    border: 1px dashed #b9b7b2;
    margin-right: 17px;
    margin-left: 17px
}

@media (max-width: 767px) {
    .sr-steps__jcarousel .sr-steps__slide {
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-flex-basis: calc(100% - 20px);
        -ms-flex-preferred-size: calc(100% - 20px);
        flex-basis: calc(100% - 20px);
        margin-right: 10px;
        margin-left: 10px
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .sr-steps__jcarousel .sr-steps__slide {
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-flex-basis: calc(100% / 2 - 20px);
        -ms-flex-preferred-size: calc(100% / 2 - 20px);
        flex-basis: calc(100% / 2 - 20px);
        margin-right: 10px;
        margin-left: 10px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .sr-steps__jcarousel .sr-steps__slide {
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-flex-basis: calc(100% / 3 - 20px);
        -ms-flex-preferred-size: calc(100% / 3 - 20px);
        flex-basis: calc(100% / 3 - 20px);
        margin-right: 10px;
        margin-left: 10px
    }
}

.sr-steps__step-wrap {
    display: block;
    height: 100%
}

.sr-steps__step__link {
    color: #e01c1c !important
}

@media (max-width: 479px) {
    .sr-steps__step__link {
        padding: 7px 30px 5px 0 !important;
        font-size: 14px;
        line-height: 17px
    }

    .sr-steps__step__link .arrow {
        top: 5px !important
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .sr-steps__step__link {
        padding: 7px 30px 5px 0 !important;
        font-size: 14px;
        line-height: 17px
    }

    .sr-steps__step__link .arrow {
        top: 6px !important
    }
}

.sr-steps__step__link--not-used {
    cursor: default !important;
    color: #1a1a1a !important
}

.sr-steps__step__link--not-used:hover .label {
    -webkit-transform: none !important;
    transform: none !important
}

@media (max-width: 479px) {
    .sr-steps__step__link--not-used {
        padding: 7px 0 5px !important
    }

    .sr-steps__step__link--not-used .sub-heading.h3-full {
        font-size: 12px !important;
        margin-top: 0 !important
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .sr-steps__step__link--not-used {
        padding: 7px 0 5px !important
    }

    .sr-steps__step__link--not-used .sub-heading.h3-full {
        font-size: 14px !important
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .sr-steps__step__link--not-used {
        padding: 7px 0 5px !important
    }

    .sr-steps__step__link--not-used .sub-heading.h3-full {
        font-size: 14px !important
    }
}

@media (min-width: 1440px) {
    .sr-steps__step__link--not-used {
        padding: 7px 0 5px !important
    }
}

.sr-steps__jcarousel-navigation a {
    height: 8px;
    width: 8px;
    position: relative;
    padding: 0;
    border: 1px solid #08090f;
    border-radius: 50%;
    outline: 0;
    transition: border .2s cubic-bezier(.25, .25, .75, .75);
    background: 0 0
}

.sr-products .jcarousel-navigation a:hover, .sr-steps__jcarousel-navigation a:hover {
    border-width: 4px
}

.sr-products .jcarousel-navigation a:not(:first-child), .sr-steps__jcarousel-navigation a:not(:first-child) {
    margin-left: 5px
}

.sr-products .jcarousel-navigation a:last-child, .sr-steps__jcarousel-navigation a:last-child {
    margin-right: 0
}

.component-product-hotspot.product-hotspot.is-open .background, .sr-products .jcarousel-navigation a.active, .sr-steps__jcarousel-navigation a.active {
    background-color: #08090f
}

.sr-igrill {
    position: relative;
    width: 100%;
    padding: 90px 0 30px;
    background-color: #fbf8f2;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
    color: #08090f
}

.sr-igrill .jcarousel-pagination {
    display: none !important;
    visibility: hidden !important;
    margin-top: 20px
}

@media (max-width: 1023px) {
    .sr-igrill .jcarousel-pagination {
        display: block !important;
        visibility: visible !important
    }
}

@media (max-width: 479px) {
    .sr-igrill {
        padding-top: 70px;
        padding-bottom: 0
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .sr-igrill {
        padding: 70px 10px 0
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .sr-igrill {
        padding: 40px 0 0
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .sr-igrill {
        padding: 50px 0 0
    }
}

.sr-grill__inner {
    position: relative
}

.sr-igrill__teaser-wrapper {
    position: relative;
    display: block;
    height: 100%
}

.sr-igrill__teaser {
    position: absolute;
    display: block;
    top: -30px;
    z-index: 2
}

@media (max-width: 1023px) {
    .sr-igrill__teaser {
        position: relative;
        top: 0
    }
}

.sr-grill__content {
    position: relative;
    padding: 40px 20px 0;
    text-align: left
}

.sr-grill__content:before {
    content: '';
    position: absolute;
    top: -65px;
    right: 0;
    height: calc(100% + 65px);
    width: 1px;
    z-index: 1;
    border-right: 1px dashed #b9b7b2
}

.sr-grill__content:after {
    content: '';
    position: absolute;
    top: -1px;
    right: -65px;
    height: 1px;
    width: calc(100% + 165px);
    z-index: 1;
    border-top: 1px dashed #b9b7b2
}

@media (max-width: 479px) {
    .sr-grill__content {
        padding: 10px 0 0
    }

    .sr-grill__content:after, .sr-grill__content:before {
        display: none !important
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .sr-grill__content {
        padding: 20px 0 0
    }

    .sr-grill__content:after, .sr-grill__content:before {
        display: none !important
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .sr-grill__content {
        padding: 30px 0 0
    }

    .sr-grill__content:after, .sr-grill__content:before {
        display: none !important
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .sr-grill__content {
        padding-top: 20px
    }

    .sr-grill__content:before {
        top: -30px;
        right: 0;
        height: calc(100% + 30px)
    }

    .sr-grill__content:after {
        right: -30px;
        width: calc(100% + 130px)
    }
}

.sr-igrill__overline {
    font-family: 'Weber Serif', sans-serif;
    font-style: normal;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    margin-bottom: 0;
    font-size: 32px;
    line-height: 48px;
    color: #e01c1c;
    text-transform: uppercase;
    text-align: left
}

@media (max-width: 767px) {
    .sr-igrill__overline {
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 0;
        text-align: left
    }
}

.sr-igrill__headline, .sr-wrapper--pl .sr-igrill__overline {
    font-family: "DIN-Next-LT-Pro-Cond", arial, sans-serif;
    font-weight: 700
}

.sr-igrill__headline {
    margin-bottom: 15px;
    font-size: 56px;
    line-height: 1;
    color: #1a1a1a;
    text-transform: uppercase;
    text-align: left
}

@media (max-width: 767px) {
    .sr-igrill__headline {
        font-size: 32px;
        line-height: 1
    }
}

.sr-igrill__copy {
    margin-top: 0;
    margin-bottom: 0;
    font-family: "DIN-Next-LT-Pro", arial, sans-serif;
    font-size: 20px;
    font-weight: 300;
    line-height: 30px;
    text-align: left;
    color: #696969
}

@media (max-width: 767px) {
    .sr-igrill__copy {
        font-size: 16px;
        line-height: 26px;
        text-align: left
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .sr-igrill__copy {
        font-size: 16px;
        line-height: 26px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .sr-igrill__copy {
        font-size: 16px;
        line-height: 24px
    }
}

.sr-igrill__products {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.sr-igrill__products:before {
    content: '';
    position: absolute;
    top: 1px;
    right: 0;
    height: 100%;
    width: 1px;
    border-right: 1px dashed #b9b7b2
}

.sr-igrill__products:after {
    content: '';
    position: absolute;
    bottom: 65px;
    right: -65px;
    height: 100%;
    width: 330px;
    border-bottom: 1px dashed #b9b7b2
}

@media (max-width: 767px) {
    .sr-igrill__products {
        display: none !important;
        visibility: hidden !important
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .sr-igrill__products {
        margin-top: 30px;
        padding-left: 30px
    }

    .sr-igrill__products:after, .sr-igrill__products:before {
        display: none
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .sr-igrill__products:after {
        bottom: 30px;
        right: -30px;
        height: 100%;
        width: 270px;
        border-bottom: 1px dashed #b9b7b2
    }
}

.sr-igrill__product-wrap {
    position: relative;
    display: inline-block
}

.sr-igrill__product--mini {
    max-width: 150px;
    margin-top: 55px
}

@media (min-width: 768px) and (max-width: 1023px) {
    .sr-igrill__product--mini {
        max-width: 120px;
        margin-top: 50px
    }
}

.sr-igrill__product--2 {
    max-width: 290px;
    margin-top: -75px;
    margin-right: 90px
}

@media (min-width: 768px) and (max-width: 1023px) {
    .sr-igrill__product--2 {
        max-width: 200px;
        margin-top: 0;
        margin-right: 70px
    }
}

.sr-igrill__product--3 {
    max-width: 290px;
    margin-top: 45px;
    margin-right: 75px
}

@media (min-width: 768px) and (max-width: 1023px) {
    .sr-igrill__product--3 {
        max-width: 200px;
        margin-top: 40px;
        margin-right: 40px
    }
}

.component-product-hotspot.product-hotspot {
    position: absolute;
    top: 0;
    left: 0;
    height: 48px;
    width: 48px;
    -webkit-transform: translate(-24px, -24px);
    transform: translate(-24px, -24px);
    color: #fff;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    line-height: 1;
    z-index: 2
}

.sr-igrill__product-wrap--mini .component-product-hotspot.product-hotspot {
    top: 20%;
    left: -25%
}

@media (min-width: 768px) and (max-width: 1023px) {
    .sr-igrill__product-wrap--mini .component-product-hotspot.product-hotspot {
        top: 22%;
        left: -15%
    }
}

.sr-igrill__product-wrap--2 .component-product-hotspot.product-hotspot {
    top: -5%;
    left: 8%
}

@media (min-width: 768px) and (max-width: 1023px) {
    .sr-igrill__product-wrap--2 .component-product-hotspot.product-hotspot {
        top: 9%;
        left: 7%
    }
}

.sr-igrill__product-wrap--3 .component-product-hotspot.product-hotspot {
    top: 50%;
    left: -15%
}

.component-product-hotspot.product-hotspot.is-open .product-hotspot-slideout {
    width: 180px
}

.component-product-hotspot.product-hotspot.is-open .shopping-cart-link {
    opacity: 1;
    visibility: visible
}

.component-product-hotspot.product-hotspot .background {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    border-radius: 24px;
    background-color: #e01c1c;
    transition: background .4s linear
}

.component-product-hotspot.product-hotspot .buy-label-button {
    height: 48px;
    width: 56px;
    position: absolute;
    top: 0;
    right: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 0;
    overflow: hidden;
    background: 0 0;
    transition: background .2s cubic-bezier(.25, .25, .75, .75)
}

.component-product-hotspot.product-hotspot .buy-label-button .arrow-wrapper {
    height: 100%;
    width: 200%;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 0
}

.component-product-hotspot.product-hotspot .buy-label-button .arrow {
    height: 48px;
    width: 56px;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.component-product-hotspot.product-hotspot .buy-label-button .arrow svg {
    height: 7px;
    width: 24px;
    display: inline-block;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

.component-product-hotspot.product-hotspot .buy-label-button .arrow path, .sr-products .button-circle .arrow path {
    fill: #fbf8f2;
    transition: fill .2s cubic-bezier(.25, .25, .75, .75)
}

.component-product-hotspot.product-hotspot .buy-label-button:hover .arrow-wrapper {
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    transition: transform .6s cubic-bezier(.19, 1, .22, 1);
    transition: transform .6s cubic-bezier(.19, 1, .22, 1), -webkit-transform .6s cubic-bezier(.19, 1, .22, 1)
}

.component-product-hotspot .product-hotspot-content {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 0;
    white-space: nowrap;
    overflow: hidden
}

.component-product-hotspot .product-hotspot-icon {
    height: 48px;
    width: 48px;
    position: relative;
    display: inline-block;
    vertical-align: top
}

.component-product-hotspot .product-hotspot-icon:before {
    height: 1px;
    width: 17px
}

.component-product-hotspot .product-hotspot-icon:after, .component-product-hotspot .product-hotspot-icon:before {
    left: 50%;
    top: 50%;
    content: '';
    position: absolute;
    background: #fff
}

.component-product-hotspot .product-hotspot-icon:before {
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    transition: width .3s cubic-bezier(.215, .61, .355, 1)
}

.component-product-hotspot .product-hotspot-icon:after {
    width: 1px;
    height: 17px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    transition: height .3s cubic-bezier(.215, .61, .355, 1) .1s
}

.component-product-hotspot .product-hotspot-slideout {
    position: relative;
    display: inline-block;
    width: 0;
    max-width: calc(100vw - 88px);
    overflow: hidden;
    transition: width .3s cubic-bezier(.215, .61, .355, 1)
}

.component-product-hotspot .product-hotspot-slideout-content {
    min-height: 48px;
    padding-top: 14px;
    line-height: 1;
    text-align: left
}

.component-product-hotspot .product-hotspot-slideout-content.has-cart {
    padding-right: 57px
}

.component-product-hotspot .product-hotspot-slideout-content .label {
    min-height: 48px;
    font: 600 22px/1 "DIN-Next-LT-Pro-Cond", arial, sans-serif;
    color: #fff;
    padding-right: 16px;
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 1
}

.component-product-hotspot .product-hotspot-slideout-content .price {
    font-family: 'Weber Serif', sans-serif;
    font-style: normal;
    font-weight: 400;
    -webkit-font-smoothing: subpixel-antialiased;
    font-size: 20px;
    color: #b9b7b2;
    border-left: 1px dashed rgba(255, 255, 255, .25);
    padding-left: 16px;
    display: inline;
    line-height: 1
}

.component-product-hotspot .product-hotspot-slideout-content .price i {
    font-style: normal;
    color: #696969;
    padding-left: .4em
}

.component-product-hotspot .product-hotspot-slideout-content .shopping-cart-link {
    position: absolute;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    right: 0;
    top: 0;
    visibility: hidden;
    opacity: 0;
    width: 57px;
    height: 100%;
    border-left: 1px dashed rgba(255, 255, 255, .25);
    color: #fff;
    border-top-right-radius: 24px;
    border-bottom-right-radius: 24px;
    transition: background .2s cubic-bezier(.25, .25, .75, .75)
}

.component-product-hotspot .product-hotspot-slideout-content .shopping-cart-link:hover {
    background: #e01c1c;
    color: #fff
}

.component-product-hotspot .product-hotspot-slideout-content .shopping-cart-link svg {
    width: 20px;
    height: 20px;
    margin-left: -2px;
    overflow: visible
}

.cart-add-icon {
    color: inherit;
    overflow: hidden
}

.cart-add-icon.is-hovered .line-default {
    -webkit-transform: rotate(-90deg) scaleX(.532);
    transform: rotate(-90deg) scaleX(.532);
    transition-timing-function: cubic-bezier(.175, .885, .32, 1.275);
    transition-duration: 450ms
}

.cart-add-icon.is-hovered .line-plus {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    transition-duration: 350ms
}

.cart-add-icon .line-default, .cart-add-icon .line-plus {
    -webkit-transform-origin: 52px 18px;
    transform-origin: 52px 18px
}

.cart-add-icon .line-default {
    transition: transform 250ms cubic-bezier(.175, .885, .32, 1.275);
    transition: transform 250ms cubic-bezier(.175, .885, .32, 1.275), -webkit-transform 250ms cubic-bezier(.175, .885, .32, 1.275)
}

.cart-add-icon .line-plus {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    transition: transform 250ms linear;
    transition: transform 250ms linear, -webkit-transform 250ms linear
}

.cart-add-icon:hover .line-default {
    -webkit-transform: rotate(-90deg) scaleX(.532);
    transform: rotate(-90deg) scaleX(.532);
    transition-timing-function: cubic-bezier(.175, .885, .32, 1.275);
    transition-duration: 450ms
}

.cart-add-icon:hover .line-plus {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    transition-duration: 350ms
}

.sr-banner {
    position: relative;
    width: 100%;
    padding: 0 0 20px;
    background-color: #fbf8f2;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
    color: #08090f
}

@media (max-width: 479px) {
    .sr-banner {
        padding: 30px 10px 10px
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .sr-banner {
        padding: 30px 20px 20px
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .sr-banner {
        padding: 40px 0 20px
    }
}

.sr-wrapper--uk .sr-banner {
    padding: 0 0 50px
}

@media (min-width: 768px) and (max-width: 1023px) {
    .sr-wrapper--uk .sr-banner {
        padding: 40px 0 30px
    }
}

.sr-banner__content-wrap {
    position: relative;
    width: 100%;
    height: 300px;
    background-color: #fbf8f2;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #08090f;
    border-radius: 3px;
    z-index: 1
}

@media (max-width: 479px) {
    .sr-banner__content-wrap {
        background-position: 10% center;
        height: 330px
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .sr-banner__content-wrap {
        background-position: 10% center;
        height: 300px
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .sr-banner__content-wrap {
        background-position: 10% center;
        height: 330px
    }
}

.sr-banner__content {
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    padding: 35px 0 0;
    margin: 5px;
    border-radius: 3px;
    border: 1px dashed #696969;
    z-index: 2
}

@media (max-width: 479px) {
    .sr-banner__content {
        padding: 20px 20px 0
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .sr-banner__content {
        padding: 30px 20px 0
    }
}

.sr-banner__content__header {
    text-align: center
}

.sr-banner__overline {
    font-family: 'Weber Serif', sans-serif;
    font-style: normal;
    font-weight: 400;
    -webkit-font-smoothing: subpixel-antialiased;
    margin-bottom: 5px;
    font-size: 32px;
    line-height: 48px;
    text-transform: uppercase;
    color: #e01c1c;
    text-align: center
}

@media (max-width: 767px) {
    .sr-banner__overline {
        font-size: 24px;
        line-height: 32px
    }
}

.sr-banner__headline, .sr-wrapper--pl .sr-banner__overline {
    font-family: "DIN-Next-LT-Pro-Cond", arial, sans-serif;
    font-weight: 700
}

.sr-banner__headline {
    margin-bottom: 15px;
    font-size: 56px;
    line-height: 48px;
    text-transform: uppercase;
    color: #fbf8f2
}

@media (max-width: 767px) {
    .sr-banner__headline {
        font-size: 32px;
        line-height: 1
    }
}

.sr-banner__content__copy {
    display: block;
    max-width: 600px;
    margin-top: 0;
    margin-right: auto;
    margin-left: auto;
    font-family: "DIN-Next-LT-Pro", arial, sans-serif;
    font-weight: 300;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    color: #b9b7b2
}

@media (max-width: 767px) {
    .sr-banner__content__copy {
        font-size: 16px;
        line-height: 20px
    }
}

.sr-banner__badge {
    position: absolute;
    right: 40px;
    bottom: -60px;
    z-index: 2
}

@media (max-width: 479px) {
    .sr-banner__badge {
        right: calc(50% - 50px);
        bottom: -30px
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .sr-banner__badge {
        right: calc(50% - 70px);
        bottom: -40px
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .sr-banner__badge {
        right: 20px;
        bottom: -30px
    }
}

.sr-banner__badge__image {
    display: block;
    max-width: 210px
}

@media (max-width: 479px) {
    .sr-banner__badge__image {
        max-width: 100px
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .sr-banner__badge__image {
        max-width: 140px
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .sr-banner__badge__image {
        max-width: 120px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .sr-banner__badge__image {
        max-width: 180px
    }
}

.sr-products {
    position: relative;
    width: 100%;
    background-color: #fbf8f2;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
    color: #08090f
}

.sr-products .jcarousel-pagination {
    display: none !important;
    visibility: hidden !important;
    margin-top: 20px
}

@media (max-width: 1023px) {
    .sr-products .jcarousel-pagination {
        display: block !important;
        visibility: visible !important;
        margin-top: 10px
    }
}

@media (max-width: 767px) {
    .sr-products.sr-products--barbecues {
        padding-top: 30px
    }
}

@media (max-width: 479px) {
    .sr-products {
        padding-top: 15px;
        padding-bottom: 0
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .sr-products {
        padding: 20px 10px 0
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .sr-products {
        padding: 10px 0 0
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .sr-products {
        padding: 50px 0 30px
    }
}

@media (min-width: 1440px) {
    .sr-products {
        padding: 30px 0 0
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .sr-products--models .jcarousel-wrapper {
        margin-bottom: 0
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .sr-products--models {
        padding: 0 0 50px
    }

    .sr-products--models .jcarousel-wrapper {
        margin-bottom: 0
    }
}

@media (min-width: 1440px) {
    .sr-products--models {
        padding: 10px 0 60px
    }

    .sr-products--models .jcarousel-wrapper {
        margin-bottom: 0
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .sr-products--accessories .jcarousel-wrapper {
        margin-bottom: 0
    }
}

@media (min-width: 1440px) {
    .sr-products--accessories .jcarousel-wrapper {
        margin-bottom: 0
    }
}

.sr-products--accessories .sr-products__product-link, .sr-products--barbecues .sr-products__product-link {
    padding: 30px
}

@media (max-width: 479px) {
    .sr-products--accessories .sr-products__product-link, .sr-products--barbecues .sr-products__product-link {
        padding: 20px
    }
}

.sr-products--accessories .sr-products__product__image, .sr-products--barbecues .sr-products__product__image {
    max-width: 100%
}

.sr-products--accessories .sr-products__product__info, .sr-products--barbecues .sr-products__product__info {
    margin-top: 10px;
    text-align: left
}

.sr-products--accessories .sr-products__product__title, .sr-products--barbecues .sr-products__product__title {
    margin-bottom: 0;
    font-family: "DIN-Next-LT-Pro-Cond", arial, sans-serif;
    font-size: 22px;
    font-weight: 600;
    line-height: 22px;
    color: #1a1a1a;
    text-transform: none
}

@media (max-width: 479px) {
    .sr-products--accessories .sr-products__product__title, .sr-products--barbecues .sr-products__product__title {
        min-height: 44px
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .sr-products--accessories .sr-products__product__title, .sr-products--barbecues .sr-products__product__title {
        min-height: 44px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .sr-products--accessories .sr-products__product__title, .sr-products--barbecues .sr-products__product__title {
        min-height: 44px
    }
}

@media (min-width: 1440px) {
    .sr-products--accessories .sr-products__product__title, .sr-products--barbecues .sr-products__product__title {
        min-height: 44px
    }
}

.sr-products--accessories .sr-products__product__price, .sr-products--barbecues .sr-products__product__price {
    font-size: 18px;
    line-height: 1;
    color: #b9b7b2
}

@media (min-width: 768px) and (max-width: 1023px) {
    .sr-products--accessories .jcarousel-wrapper, .sr-products--barbecues .jcarousel-wrapper {
        margin-bottom: 0
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .sr-products--accessories, .sr-products--barbecues {
        padding: 20px 0 0
    }

    .sr-products--accessories .sr-products__product-link, .sr-products--barbecues .sr-products__product-link {
        padding: 20px
    }
}

.sr-products__headlines {
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 1440px) {
    .sr-products__headlines {
        width: 1240px;
        padding-left: 15px
    }
}

.sr-products__overline {
    font-family: 'Weber Serif', sans-serif;
    font-style: normal;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    margin-bottom: 0;
    font-size: 32px;
    line-height: 48px;
    color: #e01c1c;
    text-transform: uppercase;
    text-align: left
}

@media (max-width: 767px) {
    .sr-products__overline {
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 10px;
        text-align: center
    }
}

.sr-products--models .sr-products__overline {
    text-align: center
}

.sr-wrapper--pl .sr-products__overline {
    font-family: "DIN-Next-LT-Pro-Cond", arial, sans-serif;
    font-weight: 700
}

@media (min-width: 1440px) {
    .sr-wrapper--pl .sr-products__overline {
        line-height: 1
    }
}

.sr-products__headline {
    font-family: 'Weber Serif', sans-serif;
    font-style: normal;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    margin-bottom: 25px;
    font-size: 56px;
    line-height: 1;
    color: #1a1a1a;
    text-transform: uppercase;
    text-align: left
}

@media (max-width: 767px) {
    .sr-products__headline {
        font-size: 30px;
        margin-bottom: 30px;
        text-align: center
    }
}

.sr-products--models .sr-products__headline {
    text-align: center
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .sr-products--models .sr-products__headline {
        margin-bottom: 30px
    }
}

.sr-wrapper--pl .sr-products__headline {
    font-family: "DIN-Next-LT-Pro-Cond", arial, sans-serif;
    font-weight: 700
}

@media (max-width: 767px) {
    .sr-products__jcarousel-wrapper {
        padding-bottom: 0;
        margin-bottom: 0
    }
}

.sr-products--barbecues .sr-products__jcarousel-wrapper {
    margin-bottom: 0
}

.sr-products__jcarousel {
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 768px) and (max-width: 1023px) {
    .sr-products__jcarousel {
        width: 720px !important
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .sr-products__jcarousel {
        width: 940px !important
    }

    .sr-products--models .sr-products__jcarousel {
        width: 880px !important
    }

    .sr-products--accessories .sr-products__jcarousel, .sr-products--barbecues .sr-products__jcarousel {
        width: 850px !important
    }
}

@media (min-width: 1440px) {
    .sr-products__jcarousel {
        width: 1240px !important
    }

    .sr-products--models .sr-products__jcarousel {
        width: 1140px !important
    }
}

.sr-products__jcarousel .sr-products__slide {
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-flex-basis: calc(100% / 3 - 30px);
    -ms-flex-preferred-size: calc(100% / 3 - 30px);
    flex-basis: calc(100% / 3 - 30px);
    border: 1px dashed #b9b7b2;
    margin-right: 15px;
    margin-left: 15px
}

@media (max-width: 767px) {
    .sr-products__jcarousel .sr-products__slide {
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-flex-basis: calc(100% - 20px);
        -ms-flex-preferred-size: calc(100% - 20px);
        flex-basis: calc(100% - 20px);
        margin-right: 10px;
        margin-left: 10px
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .sr-products__jcarousel .sr-products__slide {
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-flex-basis: calc(100% / 2 - 20px);
        -ms-flex-preferred-size: calc(100% / 2 - 20px);
        flex-basis: calc(100% / 2 - 20px);
        margin-right: 10px;
        margin-left: 10px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .sr-products__jcarousel .sr-products__slide {
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-flex-basis: calc(100% / 3 - 10px);
        -ms-flex-preferred-size: calc(100% / 3 - 10px);
        flex-basis: calc(100% / 3 - 10px);
        margin-right: 5px;
        margin-left: 5px
    }
}

.sr-products--models .sr-products__jcarousel .sr-products__slide {
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-flex-basis: calc(100% / 2 - 60px);
    -ms-flex-preferred-size: calc(100% / 2 - 60px);
    flex-basis: calc(100% / 2 - 60px);
    margin-right: 30px;
    margin-left: 30px
}

@media (max-width: 479px) {
    .sr-products--models .sr-products__jcarousel .sr-products__slide {
        height: 460px
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .sr-products--models .sr-products__jcarousel .sr-products__slide {
        height: 650px
    }
}

@media (max-width: 767px) {
    .sr-products--models .sr-products__jcarousel .sr-products__slide {
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-flex-basis: calc(100% - 20px);
        -ms-flex-preferred-size: calc(100% - 20px);
        flex-basis: calc(100% - 20px);
        margin-right: 10px;
        margin-left: 10px
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .sr-products--models .sr-products__jcarousel .sr-products__slide {
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-flex-basis: calc(100% / 2 - 20px);
        -ms-flex-preferred-size: calc(100% / 2 - 20px);
        flex-basis: calc(100% / 2 - 20px);
        height: 520px;
        margin-right: 10px;
        margin-left: 10px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .sr-products--models .sr-products__jcarousel .sr-products__slide {
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-flex-basis: calc(100% / 2 - 40px);
        -ms-flex-preferred-size: calc(100% / 2 - 40px);
        flex-basis: calc(100% / 2 - 40px);
        height: 540px;
        margin-right: 20px;
        margin-left: 20px
    }
}

@media (min-width: 1440px) {
    .sr-products--models .sr-products__jcarousel .sr-products__slide {
        height: 700px
    }
}

@media (max-width: 479px) {
    .sr-products--accessories .sr-products__jcarousel .sr-products__slide {
        height: 420px
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .sr-products--accessories .sr-products__jcarousel .sr-products__slide {
        height: 530px
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .sr-products--accessories .sr-products__jcarousel .sr-products__slide {
        height: 480px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .sr-products--accessories .sr-products__jcarousel .sr-products__slide {
        height: 415px
    }
}

@media (min-width: 1440px) {
    .sr-products--accessories .sr-products__jcarousel .sr-products__slide {
        height: 520px
    }
}

@media (max-width: 479px) {
    .sr-products--barbecues .sr-products__jcarousel .sr-products__slide {
        height: 420px
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .sr-products--barbecues .sr-products__jcarousel .sr-products__slide {
        height: 530px
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .sr-products--barbecues .sr-products__jcarousel .sr-products__slide {
        height: 480px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .sr-products--barbecues .sr-products__jcarousel .sr-products__slide {
        height: 415px
    }
}

@media (min-width: 1440px) {
    .sr-products--barbecues .sr-products__jcarousel .sr-products__slide {
        height: 520px
    }
}

.sr-products__product-link {
    display: block;
    width: 100%;
    padding: 60px 30px;
    text-decoration: none
}

.sr-products__product-link:hover {
    text-decoration: none
}

@media (max-width: 479px) {
    .sr-products__product-link {
        padding: 15px 18px 18px
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .sr-products__product-link {
        padding: 30px
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .sr-products__product-link {
        padding: 20px 30px 30px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .sr-products__product-link {
        padding: 20px
    }
}

.sr-products__product {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    height: 100%
}

.sr-products__product__image {
    display: block;
    max-width: 350px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 768px) and (max-width: 1023px) {
    .sr-products__product__image {
        width: 100%
    }
}

@media (max-width: 767px) {
    .sr-products--models .sr-products__product__image {
        max-width: 100%
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .sr-products--models .sr-products__product__image {
        max-width: 300px
    }
}

.sr-products__product__info {
    display: block;
    margin-top: auto;
    text-align: center
}

@media (max-width: 1023px) {
    .sr-products__product__info {
        margin-top: 5px
    }
}

.sr-products__product__series {
    display: block;
    margin-bottom: 10px;
    font-family: "DIN-Next-LT-Pro-Cond", arial, sans-serif;
    font-size: 22px;
    font-weight: 600;
    line-height: 30px;
    color: #1a1a1a
}

@media (max-width: 479px) {
    .sr-products__product__series {
        font-size: 18px;
        line-height: 1;
        margin-bottom: 10px
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .sr-products__product__series {
        margin-bottom: 5px
    }
}

.sr-products__product__title {
    display: block;
    margin-bottom: 5px;
    max-width: 340px;
    margin-right: auto;
    margin-left: auto;
    font-family: "DIN-Next-LT-Pro-Cond", arial, sans-serif;
    font-size: 46px;
    font-weight: 700;
    line-height: 46px;
    text-transform: uppercase;
    color: #e01c1c
}

@media (max-width: 479px) {
    .sr-products__product__title {
        font-size: 28px;
        line-height: 1
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .sr-products__product__title {
        font-size: 32px;
        line-height: 1;
        margin-bottom: 0
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .sr-products__product__title {
        max-width: 100%;
        margin-bottom: 0;
        font-size: 32px;
        line-height: 1
    }
}

.sr-products__product__price {
    font-family: 'Weber Serif', sans-serif;
    font-style: normal;
    font-weight: 400;
    -webkit-font-smoothing: subpixel-antialiased;
    display: none !important;
    margin-bottom: 5px;
    font-size: 18px;
    line-height: 30px;
    color: #696969
}

.sr-products__jcarousel-control-prev {
    left: -60px !important
}

@media (max-width: 1023px) {
    .sr-products__jcarousel-control-prev {
        display: none !important;
        visibility: hidden !important
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .sr-products__jcarousel-control-prev {
        left: -40px !important
    }
}

.sr-products__jcarousel-control-next {
    right: -60px !important
}

@media (max-width: 1023px) {
    .sr-products__jcarousel-control-next {
        display: none !important;
        visibility: hidden !important
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .sr-products__jcarousel-control-next {
        right: -40px !important
    }
}

.sr-products .sr-products__jcarousel .button-circle {
    position: absolute;
    top: 50%;
    letter-spacing: normal;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.sr-products .button-circle {
    height: 64px;
    width: 64px;
    position: relative;
    padding: 0;
    border: 0;
    outline: 0;
    letter-spacing: 0;
    text-align: center;
    background: 0 0;
    overflow: hidden;
    transition: opacity .2s;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.sr-products .button-circle:after {
    top: 3px;
    bottom: 3px;
    left: 3px;
    right: 3px;
    content: '';
    position: absolute;
    border: 1px solid #e01c1c;
    border-radius: 50%;
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
    transition: opacity .2s cubic-bezier(.25, .25, .75, .75), transform .4s cubic-bezier(.95, .05, .795, .035);
    transition: opacity .2s cubic-bezier(.25, .25, .75, .75), transform .4s cubic-bezier(.95, .05, .795, .035), -webkit-transform .4s cubic-bezier(.95, .05, .795, .035)
}

.sr-products .button-circle .border-icon, .sr-products .button-circle .border-icon svg {
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute
}

.sr-products .button-circle .border-icon circle, .sr-products .button-circle .border-icon svg circle {
    transition: stroke .2s cubic-bezier(.25, .25, .75, .75);
    stroke: #e01c1c
}

.sr-products .button-circle .arrow-wrapper {
    height: 100%;
    width: 200%;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 0
}

.sr-products .button-circle .arrow {
    height: 64px;
    width: 64px;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    letter-spacing: normal;
    text-align: center
}

.sr-products .button-circle .arrow .icon-arrow, .sr-products .button-circle .arrow svg {
    height: 7px;
    width: 24px;
    display: inline-block
}

.sr-products .button-circle .arrow path {
    fill: #e01c1c
}

.sr-products .button-circle.next .arrow .icon-arrow, .sr-products .button-circle.next .arrow svg {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

.sr-products .button-circle.prev .arrow-wrapper {
    left: 0;
    right: auto
}

.sr-products .button-circle.next .arrow-wrapper {
    left: auto;
    right: 0
}

.sr-products .button-circle.light .border-icon circle {
    stroke: rgba(251, 248, 242, .8)
}

.sr-products .button-circle.light .arrow path, .sr-products .button-circle:hover.light .arrow path {
    fill: #fbf8f2
}

.sr-products .button-circle.light:after {
    opacity: 0;
    border-color: rgba(251, 248, 242, .6)
}

.sr-products .button-circle:hover:after {
    border-color: #1a1a1a;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    transition-timing-function: cubic-bezier(.25, .25, .75, .75), cubic-bezier(.19, 1, .22, 1)
}

.sr-products .button-circle:hover .border-icon {
    -webkit-animation: rotate-360-ccw 5s cubic-bezier(.25, .25, .75, .75) infinite;
    animation: rotate-360-ccw 5s cubic-bezier(.25, .25, .75, .75) infinite;
    border-color: #1a1a1a
}

.sr-products .button-circle:hover .border-icon circle {
    stroke: #1a1a1a
}

.sr-products .button-circle:hover .arrow-wrapper {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    transition: transform .6s cubic-bezier(.19, 1, .22, 1);
    transition: transform .6s cubic-bezier(.19, 1, .22, 1), -webkit-transform .6s cubic-bezier(.19, 1, .22, 1)
}

.sr-products .button-circle:hover .arrow path {
    fill: #1a1a1a
}

.sr-products .button-circle:hover.next .border-icon {
    -webkit-animation: rotate-360-cw 5s cubic-bezier(.25, .25, .75, .75) infinite;
    animation: rotate-360-cw 5s cubic-bezier(.25, .25, .75, .75) infinite
}

.sr-products .button-circle:hover.next .arrow-wrapper {
    -webkit-transform: translateX(50%);
    transform: translateX(50%)
}

.sr-products .button-circle:hover.light:after {
    border-color: #fbf8f2
}

.sr-products .button-circle:hover.light .border-icon circle {
    stroke: #fbf8f2
}

.sr-products .button-circle.inactive {
    filter: alpha(opacity=30);
    opacity: .3;
    pointer-events: none
}

.sr-products .jcarousel-navigation a {
    height: 8px;
    width: 8px;
    position: relative;
    padding: 0;
    border: 1px solid #08090f;
    border-radius: 50%;
    outline: 0;
    transition: border .2s cubic-bezier(.25, .25, .75, .75);
    background: 0 0
}

.sr-products .jcarousel-navigation a:before {
    top: -10px;
    bottom: -10px;
    left: -10px;
    right: -10px;
    content: '';
    position: absolute
}

.sr-teasers {
    position: relative;
    width: 100%;
    padding: 60px 0 30px;
    background-color: #f9f6f0;
    background-position: 0 0;
    background-repeat: repeat;
    color: #08090f
}

@media (max-width: 767px) {
    .sr-teasers {
        padding: 30px 0 0
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .sr-teasers {
        padding: 30px 0
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .sr-teasers {
        padding: 40px 0 30px
    }
}

.sr-teasers__headline {
    font-family: 'Weber Serif', sans-serif;
    font-style: normal;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    font-size: 56px;
    letter-spacing: 0;
    line-height: 1;
    margin-top: 60px;
    margin-bottom: 80px;
    padding-right: 20px;
    padding-left: 20px;
    text-transform: uppercase;
    color: #1a1a1a
}

@media (max-width: 479px) {
    .sr-teasers__headline {
        padding-right: 0;
        padding-left: 0
    }
}

@media (max-width: 767px) {
    .sr-teasers__headline {
        margin-top: 20px;
        margin-bottom: 45px;
        font-size: 32px;
        line-height: 1;
        text-align: center
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .sr-teasers__headline {
        margin-top: 30px;
        margin-bottom: 50px;
        font-size: 3em
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .sr-teasers__headline {
        margin-top: 30px;
        margin-bottom: 50px
    }
}

.sr-teasers__text {
    font-family: 'Weber Serif', sans-serif;
    font-style: normal;
    font-weight: 300;
    -webkit-font-smoothing: subpixel-antialiased;
    margin-bottom: 0;
    font-size: 18px;
    line-height: 24px;
    text-transform: none;
    letter-spacing: 0;
    text-align: center;
    color: #696969
}

@media (min-width: 480px) and (max-width: 767px) {
    .sr-teasers__text {
        max-width: 90%;
        margin-right: auto;
        margin-left: auto
    }
}

@media (min-width: 768px) {
    .sr-teasers__text {
        font-size: 24px;
        line-height: 31px;
        max-width: 700px;
        margin: 0 auto
    }
}

.sr-teasers__teaser__link {
    position: relative;
    display: block;
    height: 320px;
    width: 100%;
    text-decoration: none;
    background-color: #f9f6f0;
    background-position: center center;
    background-repeat: repeat;
    background-size: cover;
    border-radius: 5px
}

.sr-teasers__teaser__link:hover {
    text-decoration: none;
    color: #fbf8f2
}

@media (max-width: 479px) {
    .sr-teasers__teaser__link {
        height: 190px;
        margin-bottom: 30px
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .sr-teasers__teaser__link {
        height: 280px;
        margin-bottom: 40px
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .sr-teasers__teaser__link {
        height: 280px
    }
}

.sr-teasers__teaser__container {
    position: absolute;
    display: block;
    width: 100%;
    left: 30px;
    bottom: 30px;
    max-width: calc(100% - 60px);
    z-index: 2
}

@media (max-width: 479px) {
    .sr-teasers__teaser__container {
        left: 15px;
        bottom: 20px;
        max-width: calc(100% - 30px)
    }
}

.sr-teasers__teaser__inner {
    font-family: 'Weber Serif', sans-serif;
    font-style: normal;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    display: block;
    font-size: 26px;
    line-height: 110%;
    text-align: left;
    color: #fbf8f2
}

@media (min-width: 1440px) {
    .sr-wrapper--de .sr-teasers__teaser__inner {
        font-size: 30px
    }
}

@media (max-width: 479px) {
    .sr-teasers__teaser__inner img {
        max-width: 105px
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .sr-teasers__teaser__inner img {
        max-width: 130px
    }
}

.sr-teasers__teaser__inner .link-text {
    display: inline-block;
    margin-top: 10px;
    width: 100%
}

@media (max-width: 479px) {
    .sr-teasers__teaser__inner {
        font-size: 18px;
        line-height: 1
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .sr-teasers__teaser__inner {
        font-size: 24px;
        line-height: 1
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .sr-teasers__teaser__inner {
        font-size: 18px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .sr-teasers__teaser__inner {
        font-size: 24px
    }
}

.sr-wrapper--pl .sr-teasers__teaser__headline, .sr-wrapper--pl .sr-teasers__teaser__inner {
    font-family: "DIN-Next-LT-Pro-Cond", arial, sans-serif;
    font-weight: 700
}

.sr-teasers__teaser__headline {
    font-family: 'Weber Serif', sans-serif;
    font-style: normal;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    margin-bottom: 30px;
    font-size: 32px;
    line-height: 48px;
    text-align: left;
    text-transform: uppercase
}

@media (max-width: 479px) {
    .sr-teasers__teaser__headline {
        font-size: 20px;
        line-height: 26px;
        margin-bottom: 10px
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .sr-teasers__teaser__headline {
        margin-bottom: 10px;
        font-size: 24px;
        line-height: 32px
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .sr-teasers__teaser__headline {
        margin-bottom: 15px;
        font-size: 24px;
        line-height: 32px
    }
}

.sr-product-list {
    margin-top: -1px;
    background-color: #f9f6f0;
    background-position: 0 0;
    background-repeat: repeat
}

@media (max-width: 767px) {
    .sr-product-list {
        padding-bottom: 0
    }
}

.sr-product-list__headline {
    font-family: 'Weber Serif', sans-serif;
    font-style: normal;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    font-size: 56px;
    letter-spacing: 0;
    line-height: 1;
    margin-top: 10px;
    margin-bottom: 20px;
    text-transform: uppercase;
    color: #1a1a1a
}

@media (max-width: 767px) {
    .sr-product-list__headline {
        margin-top: 0;
        margin-bottom: 0;
        font-size: 30px;
        text-align: center
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .sr-product-list__headline {
        margin-top: 0
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .sr-product-list__headline {
        font-size: 3em;
        margin-top: 0
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .sr-product-list__headline {
        margin-top: 0
    }
}

.sr-product-list__text {
    font-family: 'Weber Serif', sans-serif;
    font-style: normal;
    font-weight: 300;
    -webkit-font-smoothing: subpixel-antialiased;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 110%;
    text-transform: none;
    letter-spacing: 0;
    text-align: center;
    color: #696969
}

@media (min-width: 768px) {
    .sr-product-list__text {
        font-size: 24px;
        line-height: 31px
    }
}

.sr-dealer {
    position: relative;
    width: 100%;
    padding: 50px 0 30px;
    background-color: #fbf8f2;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
    color: #08090f
}

@media (max-width: 479px) {
    .sr-dealer {
        padding: 20px 0
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .sr-dealer {
        padding: 20px 0
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .sr-dealer {
        padding: 30px 0
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .sr-dealer {
        padding: 30px 0
    }
}

.sr-dealer__content-wrap {
    position: relative;
    width: 100%;
    height: 450px;
    background-color: #fbf8f2;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #08090f;
    border-radius: 3px
}

@media (max-width: 479px) {
    .sr-dealer__content-wrap {
        background-position: center center;
        height: 375px
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .sr-dealer__content-wrap {
        height: 350px
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .sr-dealer__content-wrap {
        height: 350px
    }
}

.sr-dealer__content {
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    padding: 50px 60px 0;
    margin: 5px;
    border: 1px dashed #696969;
    border-radius: 3px;
    z-index: 2
}

@media (max-width: 479px) {
    .sr-dealer__content {
        padding: 30px 20px 0
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .sr-dealer__content {
        padding: 30px 20px 0
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .sr-dealer__content {
        padding: 40px 50px 0
    }
}

.sr-dealer__content__header {
    max-width: 50%;
    text-align: left
}

@media (max-width: 767px) {
    .sr-dealer__content__header {
        max-width: 100%
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .sr-dealer__content__header {
        max-width: 100%
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .sr-dealer__content__header {
        max-width: 70%
    }
}

.sr-dealer__overline {
    font-family: 'Weber Serif', sans-serif;
    font-style: normal;
    font-weight: 400;
    -webkit-font-smoothing: subpixel-antialiased;
    font-size: 32px;
    line-height: 48px;
    text-transform: uppercase;
    color: #e01c1c
}

@media (max-width: 767px) {
    .sr-dealer__overline {
        font-size: 24px;
        line-height: 32px
    }
}

.sr-dealer__headline {
    font-family: "DIN-Next-LT-Pro-Cond", arial, sans-serif;
    font-weight: 700;
    font-size: 56px;
    line-height: 48px;
    text-transform: uppercase;
    color: #fbf8f2
}

@media (max-width: 767px) {
    .sr-dealer__headline {
        font-size: 32px;
        line-height: 1
    }
}

.sr-delaer__content__address {
    margin: 0;
    font-family: "DIN-Next-LT-Pro", arial, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-align: left;
    color: #b9b7b2
}

.sr-dealer__content__links {
    position: absolute;
    bottom: 50px;
    margin-top: 30px;
    text-align: left
}

@media (max-width: 479px) {
    .sr-dealer__content__links {
        bottom: 20px
    }

    .sr-dealer__content__links a:last-child .sr-wrapper--se {
        margin-left: 10px
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .sr-dealer__content__links a:last-child {
        margin-left: 10px
    }

    .sr-dealer__content__links a:last-child .sr-wrapper--at {
        margin-left: 0
    }
}

.sr-dealer__content__link {
    position: relative;
    display: inline-block;
    margin-right: 40px;
    padding-right: 30px;
    font-family: "DIN-Next-LT-Pro-Cond", arial, sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    text-transform: uppercase;
    letter-spacing: 1px
}

.sr-dealer__content__link .arrow {
    top: 11px !important
}

.sr-dealer__content__link, .sr-dealer__content__link:hover {
    text-decoration: none;
    color: #fbf8f2
}

@media (max-width: 767px) {
    .sr-dealer__content__link {
        margin-left: 0;
        margin-right: auto
    }
}

.sr-dealer__content__link--last {
    margin-left: auto;
    margin-right: 0
}

@media (max-width: 767px) {
    .sr-dealer__content__link--last {
        margin-left: 0;
        margin-right: auto
    }
}

.sr-dealer__label {
    position: absolute;
    right: 60px;
    top: -5px;
    z-index: 2
}

@media (max-width: 767px) {
    .sr-dealer__label {
        display: none !important
    }
}

.sr-dealer__label__image {
    display: block;
    max-width: 130px
}

@media (min-width: 768px) and (max-width: 1023px) {
    .sr-dealer__label__image {
        max-width: 80px
    }
}

.sr-questions {
    position: relative;
    width: 100%;
    padding: 60px 0 90px;
    background-color: #fbf8f2;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
    color: #fff
}

@media (max-width: 767px) {
    .sr-questions {
        padding: 30px 0 60px
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .sr-questions {
        padding: 40px 0 60px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .sr-questions {
        padding: 50px 0 80px
    }
}

.sr-questions__container {
    position: relative;
    padding: 60px 70px;
    border-radius: 5px;
    background-color: #08090f;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto
}

@media (max-width: 479px) {
    .sr-questions__container {
        padding: 20px 20px 30px
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .sr-questions__container {
        padding: 30px 30px 40px
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .sr-questions__container {
        padding: 30px 30px 40px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .sr-questions__container {
        padding: 50px
    }
}

.sr-questions__container:before {
    content: '';
    position: absolute;
    top: 5px;
    left: 5px;
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    border: 1px dashed #696969
}

.sr-questions__container .sr-questions__section:first-child {
    margin-bottom: 60px
}

@media (max-width: 767px) {
    .sr-questions__container .sr-questions__section:first-child {
        margin-bottom: 30px
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .sr-questions__container .sr-questions__section:first-child {
        margin-bottom: 40px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .sr-questions__container .sr-questions__section:first-child {
        margin-bottom: 40px
    }
}

.sr-questions__headline {
    font-family: 'Weber Serif', sans-serif;
    font-style: normal;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    margin-bottom: 0;
    font-size: 32px;
    line-height: 48px;
    color: #e01c1c;
    text-transform: uppercase;
    text-align: left
}

@media (max-width: 479px) {
    .sr-questions__headline {
        padding-right: 25px;
        font-size: 20px;
        line-height: 1;
        margin-bottom: 0;
        text-align: left
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .sr-questions__headline {
        font-size: 24px;
        line-height: 1;
        margin-bottom: 0;
        text-align: left;
        padding-right: 48px
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .sr-questions__headline {
        font-size: 24px;
        line-height: 1
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .sr-questions__headline {
        font-size: 28px;
        line-height: 1
    }
}

.sr-questions__content__headline {
    font-family: 'Weber Serif', sans-serif;
    font-style: normal;
    font-weight: 400;
    -webkit-font-smoothing: subpixel-antialiased;
    margin-bottom: 0;
    font-size: 24px;
    line-height: 30px;
    text-align: left;
    color: #e01c1c
}

.sr-questions__content__headline a {
    color: #e01c1c;
    text-decoration: underline
}

@media (max-width: 479px) {
    .sr-questions__content__headline {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 20px
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .sr-questions__content__headline {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 20px
    }
}

@media (max-width: 767px) {
    .sr-questions__content__headline--second {
        margin-top: 20px
    }
}

.sr-questions__header__description {
    font-family: 'Weber Serif', sans-serif;
    font-style: normal;
    font-weight: 400;
    -webkit-font-smoothing: subpixel-antialiased;
    font-size: 20px;
    line-height: 30px;
    color: #b9b7b2
}

@media (max-width: 767px) {
    .sr-questions__header__description {
        font-size: 18px;
        line-height: 24px
    }
}

.sr-questions__accordion__container {
    margin-top: 50px
}

@media (max-width: 767px) {
    .sr-questions__accordion__container {
        margin-top: 10px
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .sr-questions__accordion__container {
        margin-top: 30px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .sr-questions__accordion__container {
        margin-top: 30px
    }
}

@media (min-width: 1440px) {
    .sr-questions__accordion__container {
        margin-top: 20px
    }
}

.sr-questions__mood-teaser {
    max-width: 100%
}

@media (max-width: 767px) {
    .sr-questions__mood-teaser {
        margin-bottom: 20px
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .sr-questions__mood-teaser {
        display: block;
        margin-left: 0;
        margin-right: auto;
        margin-bottom: 20px
    }
}

.sr-questions__benefits {
    padding: 0;
    margin: 0 0 0 20px;
    list-style: none
}

@media (max-width: 767px) {
    .sr-questions__benefits {
        margin-left: 15px
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .sr-questions__benefits {
        text-align: left;
        margin-top: 20px;
        margin-bottom: 30px;
        margin-left: 10px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .sr-questions__benefits {
        margin-top: 30px;
        margin-left: 10px
    }
}

@media (min-width: 1440px) {
    .sr-questions__benefits {
        margin-top: 30px
    }
}

.sr-questions__benefit {
    position: relative;
    max-width: 580px;
    margin-bottom: 15px;
    padding-left: 10px;
    margin-left: 10px;
    font-family: "DIN-Next-LT-Pro-Cond", arial, sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 1;
    color: #fbf8f2
}

.sr-questions__benefit:before {
    position: absolute;
    content: '';
    display: block;
    top: -2px;
    left: -15px;
    width: 8px;
    height: 14px;
    border: solid #e01c1c;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

@media (max-width: 479px) {
    .sr-questions__benefit {
        font-size: 16px;
        margin-bottom: 10px;
        padding-left: 5px
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .sr-questions__benefit {
        font-size: 18px
    }
}

.sr-questions__buttons {
    margin-top: 40px
}

.sr-questions__buttons a:first-child {
    margin-right: 30px
}

.sr-questions__button {
    display: inline-block;
    padding: 6px 20px;
    font-family: "DIN-Next-LT-Pro-Cond", arial, sans-serif;
    font-weight: 600;
    text-decoration: none;
    text-transform: uppercase;
    color: #fbf8f2;
    border: 1px dashed #fbf8f2;
    border-radius: 3px
}

.sr-questions__button:hover {
    border-color: #e01c1c;
    text-decoration: none
}

.sr-questions__grill-copy {
    margin: 10px 0 20px !important
}

@media (max-width: 767px) {
    .sr-questions__grill-copy {
        padding-bottom: 0 !important
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .sr-questions__grill-copy {
        padding-bottom: 0 !important
    }
}

.sr-questions__grill-copy a, .sr-questions__grill-copy a:hover {
    color: #e01c1c
}

.sr-questions__section__head {
    position: relative;
    cursor: pointer
}

.sr-questions__section__head:after {
    position: absolute;
    top: 13px;
    right: 20px;
    height: 22px;
    width: 21px;
    font-size: 45px;
    content: '';
    background: url(data:image/svg+xml;utf8,%3Csvg%20width%3D%2221%22%20height%3D%2222%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M9.5%2010V.5h2V10H21v2h-9.5v9.5h-2V12H0v-2h9.5z%22%20fill%3D%22%23E01C1C%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E)
}

@media (max-width: 479px) {
    .sr-questions__section__head:after {
        top: calc(50% - 7px);
        right: 10px;
        height: 14px;
        width: 14px;
        background-size: 14px 14px;
        background-repeat: no-repeat
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .sr-questions__section__head:after {
        top: calc(50% - 11px)
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .sr-questions__section__head:after {
        top: 0
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .sr-questions__section__head:after {
        top: 3px
    }
}

.sr-questions__section__head.is-selected:after {
    top: 23px;
    height: 2px;
    background: url(data:image/svg+xml;utf8,%3Csvg%20width%3D%2221%22%20height%3D%222%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0%200h21v2H0V0z%22%20fill%3D%22%23E01C1C%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E);
    fill: currentColor
}

@media (max-width: 479px) {
    .sr-questions__section__head.is-selected:after {
        top: calc(50% - 1px);
        right: 10px;
        width: 14px;
        background-size: 14px 2px;
        background-repeat: no-repeat
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .sr-questions__section__head.is-selected:after {
        top: calc(50% - 1px)
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .sr-questions__section__head.is-selected:after {
        top: 10px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .sr-questions__section__head.is-selected:after {
        top: 13px
    }
}

.sr-wrapper--pl .sr-questions__section__head {
    font-family: "DIN-Next-LT-Pro-Cond", arial, sans-serif;
    font-weight: 700
}
