@charset "UTF-8";

body,
html {
    min-height: 100%;
    width: 100%;
    margin: 0px;
}

body,
html {
    min-height: 100%;
    width: 100%;
    overflow-x: hidden;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 16px;
}

.grabber {
    /*Break points*/
    /* Text align helper */
    /* clears the 'X' from Internet Explorer */
    /* clears the 'X' from Chrome */
}

    .grabber .--bgGrey {
        background: #f7f9fa;
    }

    .grabber .clearfix:after {
        content: '';
        display: block;
        clear: both;
    }

@media (min-width: 768px) {
    .grabber .equalise-height {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }
}

.grabber .text-xs-left {
    text-align: left;
}

.grabber .text-xs-right {
    text-align: right;
}

.grabber .text-xs-center {
    text-align: center;
}

.grabber .text-xs-justify {
    text-align: justify;
}

@media (min-width: 768px) {
    .grabber .text-sm-left {
        text-align: left;
    }

    .grabber .text-sm-right {
        text-align: right;
    }

    .grabber .text-sm-center {
        text-align: center;
    }

    .grabber .text-sm-justify {
        text-align: justify;
    }
}

@media (min-width: 992px) {
    .grabber .text-md-left {
        text-align: left;
    }

    .grabber .text-md-right {
        text-align: right;
    }

    .grabber .text-md-center {
        text-align: center;
    }

    .grabber .text-md-justify {
        text-align: justify;
    }
}

@media (min-width: 1200px) {
    .grabber .text-lg-left {
        text-align: left;
    }

    .grabber .text-lg-right {
        text-align: right;
    }

    .grabber .text-lg-center {
        text-align: center;
    }

    .grabber .text-lg-justify {
        text-align: justify;
    }
}

.grabber .ellipsis {
    white-space: nowrap;
    /* 1 */
    text-overflow: ellipsis;
    /* 2 */
    overflow: hidden;
}

.grabber h1 {
    font-family: 'Source Sans Pro';
    font-size: 66px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.09;
}

.grabber h2 {
    font-family: 'Source Sans Pro';
    font-size: 40px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.2;
}

.grabber h3 {
    font-family: 'Source Sans Pro';
    font-size: 26px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.19;
}

.grabber h4 {
    font-family: 'Source Sans Pro';
    font-size: 20px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.35;
}

.grabber h5 {
    font-size: 17px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.35;
}

.grabber #spritemap {
    display: none;
}

.grabber .nopadding {
    padding: 0px;
}

.grabber .nomargin {
    margin: 0px;
}

.grabber .visible-xs {
    display: none;
}

@media (max-width: 768px) {
    .grabber .visible-xs {
        display: block;
    }
}

.grabber p {
    width: 100%;
}

.grabber a {
    max-width: 100%;
}

.grabber .btn-primary[disabled] {
    color: #fff;
    background: #dfdfdf;
}

.grabber .text-center {
    text-align: center;
}

.grabber input {
    border-radius: 0px;
    -webkit-appearance: none;
}

.grabber select::-ms-expand {
    display: none;
}

.grabber input[type="number"]::-webkit-outer-spin-button,
.grabber input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.grabber input[type=search]::-ms-clear {
    display: none;
    width: 0;
    height: 0;
}

.grabber input[type=search]::-ms-reveal {
    display: none;
    width: 0;
    height: 0;
}

.grabber input[type="search"]::-webkit-search-decoration,
.grabber input[type="search"]::-webkit-search-cancel-button,
.grabber input[type="search"]::-webkit-search-results-button,
.grabber input[type="search"]::-webkit-search-results-decoration {
    display: none;
}

.grabber input[type="number"] {
    -moz-appearance: textfield;
}

.grabber .btn-tertiary {
    border: thin solid #ccc9c9;
}

.grabber .relative {
    position: relative;
}

@media (max-width: 768px) {
    .grabber .hidden-xs {
        display: none !important;
    }
}

.grabber a:not(.link) {
    cursor: pointer;
    text-decoration: underline;
}

    .grabber a:not(.link):after {
        content: "›";
        left: 10px;
        position: relative;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

    .grabber a:not(.link):hover:after {
        left: 13px;
    }

.grabber .standard {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    min-height: 100%;
    width: 100%;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    position: absolute;
}

.grabber .main {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    min-height: 400px;
    margin-top: 80px;
    width: 100%;
}

.grabber .bold {
    font-weight: bold;
}

.grabber header,
.grabber .main,
.grabber footer {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.grabber * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.grabber .field-validation-error {
    text-align: left;
    display: block;
}

.grabber .btn {
    /*test git test*/
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    height: 40px;
    display: inline-block;
    position: relative;
    border: thin solid;
    padding: 10px;
}

    .grabber .btn span {
        position: relative;
        z-index: 2;
    }

    .grabber .btn:after {
        position: absolute;
        right: -3px;
        bottom: -2px;
        content: '';
        border-top: 12px solid transparent;
        border-right: 12px solid white;
    }

    .grabber .btn:before {
        position: absolute;
        right: -1px;
        bottom: -1px;
        content: '';
    }

.grabber .btn-nocolor {
    border: none;
    color: #777670;
    background: transparent;
}

.grabber .btn-changable {
    color: #fff;
    background-color: #e30613;
    border-color: none;
}

    .grabber .btn-changable:before {
        border-top: 10px solid transparent;
        border-right: 10px solid white;
    }

@media (min-width: 768px) {
    .grabber .btn-changable {
        color: #fff;
        border-color: none;
        background-color: #777670;
    }

        .grabber .btn-changable:before {
            border-top: 10px solid transparent;
            border-right: 10px solid #fff;
        }
}

.grabber .btn-primary {
    color: #fff;
    background-color: #e30613;
    border-color: #e30613;
}

    .grabber .btn-primary:before {
        border-top: 10px solid transparent;
        border-right: 10px solid white;
    }

.grabber .btn-primary-normal {
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    height: 38px;
    position: relative;
    border: thin solid;
    padding: 10px;
    color: #fff;
    background-color: #e30613;
    border-color: #e30613;
}

    .grabber .btn-primary-normal:after {
        position: absolute;
        right: -3px;
        bottom: -2px;
        content: '';
    }

.grabber .btn-secondary {
    color: #fff;
    border-color: #777670;
    background-color: #777670;
}

    .grabber .btn-secondary:before {
        border-top: 10px solid transparent;
        border-right: 10px solid #fff;
    }

.grabber .btn-tertiary {
    color: #222222;
    border-color: #e1e0dd;
    background-color: #e1e0dd;
}

    .grabber .btn-tertiary:before {
        border-top: 10px solid transparent;
        border-right: 10px solid #fff;
    }

.grabber .error {
    color: #e30613;
}

.grabber .icon {
    width: 27px;
    height: 27px;
}

.grabber ul {
    padding-left: 17px;
    font-size: 12px;
}

.grabber .image img {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    display: block;
    height: auto;
}

.grabber .field {
    position: relative;
    text-align: center;
}

    .grabber .field label {
        display: block;
        text-align: left;
        font-size: 15px;
        color: #222222;
    }

.grabber .field__input:not([type="submit"]) {
    width: 100%;
}

.grabber .field__box {
    width: 100%;
    text-align: left;
    padding: 5px;
}

    .grabber .field__box label {
        position: relative;
        top: 0px;
        left: 25px;
        font-size: 17px;
        color: #222222;
    }

    .grabber .field__box .checkmark {
        position: absolute;
        top: 6px;
        left: 0;
        height: 15px;
        width: 15px;
        background-color: #fff;
        border: solid 1px #222222;
    }

        .grabber .field__box .checkmark:before {
            font-family: icons !important;
            font-style: normal;
            font-weight: normal !important;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: "\f13e";
            display: none;
        }

.grabber .field__input {
    padding: 10px 15px;
    height: 48px;
    border: none;
    max-width: 100%;
    border-radius: 0px;
    font-size: inherit;
}

    .grabber .field__input:focus {
        outline: none;
    }

        .grabber .field__input:focus ~ label {
            top: 2px;
            font-size: 10px;
            color: #757575;
        }

    .grabber .field__input.notempty ~ label {
        top: 2px;
        font-size: 10px;
        color: #757575;
        opacity: 0;
    }

    .grabber .field__input[type="search"] {
        -webkit-box-shadow: none;
        box-shadow: none;
        border: 1px solid #a0a0a0;
    }

.grabber .field__check[type="radio"], .grabber .field__check[type="checkbox"] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 100%;
    width: 100%;
    z-index: 1;
    margin: -5px;
}

    .grabber .field__check[type="radio"]:checked ~ .checkmark:before, .grabber .field__check[type="checkbox"]:checked ~ .checkmark:before {
        display: block;
    }

.grabber .field__select {
    padding: 5px 20px;
    height: 38px;
    width: 100%;
    border: solid 1px black;
    border-radius: 0px;
    font-size: 12px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    background-repeat: no-repeat;
    background-color: white;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
}

.grabber .container-dynamic {
    margin-right: auto;
    margin-left: auto;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
}

@media (min-width: 1200px) {
    .grabber .container-dynamic {
        width: 1280px;
    }
}

.grabber .container-normal {
    margin-right: auto;
    margin-left: auto;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
    position: relative;
}

@media (min-width: 1200px) {
    .grabber .container-normal {
        width: 1280px;
    }
}

@media (max-width: 767.98px) {
    .grabber .header-page .title {
        font-size: 30px;
    }

    .grabber .header-page .block {
        padding-top: 30px;
        padding-bottom: 30px;
    }
}

.grabber .container-bigger {
    margin-right: auto;
    margin-left: auto;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
}

.grabber .container-small {
    margin-right: auto;
    margin-left: auto;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
}

@media (min-width: 768px) {
    .grabber .container-small {
        width: 594px;
    }
}

.grabber .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -20px;
    margin-left: -20px;
}

    .grabber .row.center-items {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

.grabber .col__right {
    padding-left: 20px;
    padding-right: 20px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    width: 100%;
}

@media (min-width: 768px) {
    .grabber .col__right {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }
}

.grabber .col__blog {
    padding-left: 20px;
    padding-right: 20px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media (min-width: 768px) {
    .grabber .col__blog {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }
}

.grabber .col__left {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
}

@media (min-width: 768px) {
    .grabber .col__left {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
}

.grabber .product {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 100px;
}

.grabber .product--info {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
}

@media (min-width: 768px) {
    .grabber .product--info {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        -webkit-flex-basis: 61%;
        -ms-flex-preferred-size: 61%;
        flex-basis: 61%;
        max-width: 61%;
    }
}

.grabber .product--info .text h2 {
    margin-top: 0;
}

.grabber .product--images {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    width: 100%;
}

@media (min-width: 768px) {
    .grabber .product--images {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
        -webkit-flex-basis: 30.46875%;
        -ms-flex-preferred-size: 30.46875%;
        flex-basis: 30.46875%;
        max-width: 30.46875%;
    }
}

.grabber .navigation {
    list-style: none;
    font-size: 16px;
    font-weight: normal;
    padding: 0px 30px;
    margin: 0px;
    position: fixed;
    top: 80px;
    left: -100%;
    background: #fff;
    z-index: 3;
    width: 100vw;
    height: 100%;
    padding: 0px;
    height: calc( 100% - 80px);
    overflow: scroll;
}

@media (min-width: 1024px) {
    .grabber .navigation {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        height: auto;
        z-index: 0;
        width: 100%;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        padding-top: 0px;
        padding-right: 20px;
        overflow: unset;
    }
}

@media (min-width: 1024px) {
    .grabber .navigation {
        position: static;
        left: 0px;
    }
}

.grabber .navigation a:after {
    display: none;
}

.grabber .navigation__icon {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 8px;
    right: 8px;
    padding: 10px 0px 10px 20px;
}

@media (min-width: 1024px) {
    .grabber .navigation__icon {
        display: none;
    }
}

.grabber .navigation__head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 100%;
    margin: auto;
}

@media (min-width: 1024px) {
    .grabber .navigation__head {
        padding: 15px;
    }
}

.grabber .navigation__head a {
    display: block;
    text-decoration: none;
    padding: 15px;
    width: 50%;
    width: 80%;
}

@media (min-width: 1024px) {
    .grabber .navigation__head a {
        padding: 0;
        width: auto;
    }
}

@media (min-width: 1024px) {
    .grabber .navigation__head a.active .navigation__text {
        color: #777670;
        padding: 0;
        width: auto;
    }
}

@media (min-width: 1024px) {
    .grabber .navigation__head a.active .navigation__text:after {
        max-width: 100%;
    }
}

@media (min-width: 1024px) {
    .grabber .navigation__head {
        max-width: 100%;
        margin: 0px;
    }
}

.grabber .navigation > .open > .navigation__children {
    left: 0;
}

.grabber .navigation > li > .navigation__children > ul > li > .navigation__head {
    background: #e1e0dd;
}

.grabber .navigation__children {
    position: absolute;
    height: 100%;
    width: 100%;
    background: white;
    display: block;
    top: 0px;
    z-index: 1;
    left: -100%;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

    .grabber .navigation__children ul {
        list-style: none;
        padding: 0px;
    }

@media (min-width: 1024px) {
    .grabber .navigation__children {
        display: none;
    }
}

.grabber .navigation__children .open .navigation__children {
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
}

.grabber .navigation__children .open .navigation__icon {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.grabber .navigation__children .navigation__icon {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.grabber .navigation__children .navigation__back {
    height: 48px;
    background-color: #777670;
    text-align: center;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    padding: 10px;
}

    .grabber .navigation__children .navigation__back .navigation__icon {
        top: 4px;
        right: auto;
        left: 8px;
        fill: #fff;
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

.grabber .navigation__children .navigation__children {
    position: relative;
    max-height: 0px;
    width: 100%;
    background: white;
    display: block;
    overflow: hidden;
    left: auto;
}

    .grabber .navigation__children .navigation__children ul {
        list-style: none;
        padding: 0px;
    }

        .grabber .navigation__children .navigation__children ul li:last-child {
            border: none;
        }

@media (min-width: 1024px) {
    .grabber .navigation__children .navigation__children {
        display: none;
    }
}

.grabber .navigation__text {
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    font-family: "Source Sans Pro", sans-serif;
    display: block;
    width: 100%;
    position: relative;
    color: #222222;
    text-align: left;
}

@media (min-width: 1024px) {
    .grabber .navigation__text {
        font-size: 16px;
        line-height: 1.25;
        text-align: center;
    }
}

@media (min-width: 1024px) {
    .grabber .navigation__text:hover {
        text-decoration: none;
        color: #777670;
    }
}

@media (min-width: 1024px) {
    .grabber .navigation__text:hover:after {
        max-width: 100%;
    }
}

.grabber .navigation__text:after {
    content: "";
    width: 100%;
    max-width: 0px;
    height: 1px;
    background: #777670;
    display: block;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    position: absolute;
    top: 30px;
    left: 0px;
}

.grabber .navigation li {
    border-bottom: 1px solid #e1e0dd;
}

@media (min-width: 1024px) {
    .grabber .navigation li:first-child {
        border: none;
    }
}

@media (min-width: 1024px) {
    .grabber .navigation li {
        width: auto;
        border: none;
    }
}

.grabber .navigation li .navigation {
    display: none;
}

.grabber .logo img {
    width: 100%;
}

.grabber .favorite {
    width: 100px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
}

@media (min-width: 768px) {
    .grabber .favorite {
        right: 10px;
        top: 0;
    }
}

.grabber .favorite.active svg {
    fill: #e30613;
}

.grabber .favorite a {
    text-decoration: none;
}

    .grabber .favorite a:hover {
        text-decoration: none;
    }

.grabber .favorite__icon {
    font-family: Inconsolata;
    font-size: 14px;
    color: black;
    display: inline-block;
    position: relative;
    margin-top: 3px;
}

    .grabber .favorite__icon .icon {
        width: 20px;
        height: 20px;
    }

@media (min-width: 768px) {
    .grabber .favorite__icon {
        margin-right: 5px;
        margin-top: 0px;
    }

        .grabber .favorite__icon .icon {
            width: 14px;
            height: 14px;
            position: relative;
            top: 2px;
        }
}

.grabber .favorite__amount {
    width: 19px;
    height: 19px;
    border-radius: 50%;
    margin-top: -2px;
    font-family: Inconsolata;
    font-size: 14px;
    display: inline-block;
    text-align: center;
}

    .grabber .favorite__amount.notempty {
        background: #e30613;
        color: #fff;
    }

    .grabber .favorite__amount span {
        margin: auto;
    }

.grabber .lists {
    margin-bottom: 0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    margin-top: 0px;
}

    .grabber .lists li {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
    }

@media (min-width: 768px) {
    .grabber .lists li {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.33%;
        -ms-flex: 0 0 33.33%;
        flex: 0 0 33.33%;
        max-width: 33.33%;
    }
}

.grabber .lists li .lists {
    padding: 0px;
}

.grabber .lists li .lists__text {
    font-weight: 600;
    font-size: 15px;
    line-height: 1.87;
}

.grabber .lists ul li {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    position: relative;
}

    .grabber .lists ul li .lists__text {
        font-weight: normal;
    }

.grabber .lists__text {
    color: #fff;
}

.grabber .address__title {
    color: #fff;
    font-weight: 600;
    font-size: 15px;
    line-height: 1.87;
}

.grabber .address p {
    font-size: 15px;
    line-height: 1.87;
    font-weight: normal;
    color: #fff;
    margin: 0px;
}

.grabber .address a {
    color: #fff;
    text-decoration: none;
}

    .grabber .address a:hover {
        text-decoration: none;
    }

.grabber .block {
    padding-top: 90px;
    padding-bottom: 90px;
}

    .grabber .block .title {
        color: #222222;
        text-align: center;
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .grabber .block p {
        font-size: 20px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.35;
        color: #222222;
        text-align: center;
        margin-top: 14px;
        margin-bottom: 0px;
    }

.grabber .block__body .text-bigger {
    font-size: 40px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.2;
}

@media (min-width: 768px) {
    .grabber .block__body {
        padding-left: 80px;
        padding-right: 80px;
    }
}

@media (min-width: 1200px) {
    .grabber .block__body {
        padding-left: 180px;
        padding-right: 180px;
    }
}

.grabber .block__body a {
    color: #9d7814;
    text-decoration: none;
    margin-right: 10px;
}

.grabber .block__link {
    color: #9d7814;
    text-decoration: none;
    font-size: 20px;
    width: 100%;
    text-align: center;
    display: block;
}

    .grabber .block__link:hover {
        text-decoration: none;
    }

.grabber .breadcrumb {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .grabber .breadcrumb ul {
        list-style: none;
        padding-left: 0;
    }

        .grabber .breadcrumb ul li {
            display: inline;
            padding-left: 12px;
            color: #9d7814;
        }

            .grabber .breadcrumb ul li:first-of-type {
                padding-left: 0;
            }

            .grabber .breadcrumb ul li:last-of-type {
                color: black;
            }

            .grabber .breadcrumb ul li a {
                color: #9d7814;
                text-decoration: none;
            }

                .grabber .breadcrumb ul li a:hover:after {
                    left: 6px;
                }

                .grabber .breadcrumb ul li a:after {
                    left: 6px;
                }

    .grabber .breadcrumb#visible-xs {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

@media (min-width: 768px) {
    .grabber .breadcrumb#visible-xs {
        display: none;
    }
}

.grabber .breadcrumb#hidden-xs {
    display: none;
}

@media (min-width: 768px) {
    .grabber .breadcrumb#hidden-xs {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
}

.grabber .filters {
    position: relative;
    max-height: none;
}

.grabber .filters__overlay {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: -1;
    width: 100%;
    height: 100%;
    opacity: 0.8;
}

.grabber .filters__heading {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    opacity: 1;
    padding: 12px 10px;
    background: #777670;
    color: #fff;
    height: 48px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 20px;
    border-bottom: thin solid #e1e0dd;
    font-weight: bold;
}

@media (min-width: 768px) {
    .grabber .filters__heading {
        background: white;
        color: #222222;
    }
}

.grabber .filters__body {
    margin-bottom: 20px;
    border: thin solid #e1e0dd;
}

@media (min-width: 768px) {
    .grabber .filters__body {
        border: none;
    }
}

.grabber .filters__linktop:after {
    display: none;
}

.grabber .filters__linktop .filters__icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    display: block;
}

.grabber .filters__checkbox.top {
    position: absolute;
    cursor: pointer;
    width: 100%;
    height: 48px;
    z-index: 1;
    opacity: 0;
    top: 0px;
    left: 0px;
}

    .grabber .filters__checkbox.top:checked ~ .filters__content {
        max-height: 100%;
        opacity: 1;
    }

    .grabber .filters__checkbox.top:checked ~ .filters__icon {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        display: block;
    }

.grabber .filters__checkbox.bottom {
    position: absolute;
    cursor: pointer;
    width: 100%;
    height: 48px;
    z-index: 1;
    opacity: 0;
    bottom: 0px;
    left: 0px;
}

    .grabber .filters__checkbox.bottom:checked ~ .filters__content {
        max-height: 100%;
        opacity: 1;
    }

    .grabber .filters__checkbox.bottom:checked ~ .filters__icon {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .grabber .filters__checkbox.bottom:checked ~ .filters__icon {
        display: block;
    }

.grabber .filters__content {
    max-height: 0px;
    overflow: hidden;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

    .grabber .filters__content .btn-nocolor {
        display: none;
    }

@media (min-width: 768px) {
    .grabber .filters__content .btn-nocolor {
        display: inline-block;
    }
}

.grabber .filters__button {
    text-align: center;
    margin-bottom: 30px;
}

@media (min-width: 768px) {
    .grabber .filters__button {
        text-align: left;
    }
}

.grabber .filters__icon.top {
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    position: absolute;
    top: 15px;
    right: 12px;
    height: 20px;
    width: 20px;
}

.grabber .filters__icon.bottom {
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    position: relative;
    bottom: 15px;
    left: 50%;
    height: 20px;
    width: 20px;
    margin-left: -10px;
}

@media (min-width: 768px) {
    .grabber .filters__icon.bottom {
        display: none;
    }
}

.grabber .filters__clean {
    width: 100%;
    text-decoration: underline;
    display: none;
}

.grabber .filters__close {
    width: 100%;
    text-align: right;
}

@media (min-width: 768px) {
    .grabber .filters__close {
        display: none;
    }
}

.grabber .filters__accordion ul {
    list-style-type: none;
    padding: 12px 10px;
}

    .grabber .filters__accordion ul li {
        border-bottom: thin solid #e1e0dd;
    }

.grabber .filters__accordion--heading {
    font-weight: 600;
    margin: 0px;
    padding-bottom: 15px;
    padding-top: 15px;
    position: relative;
}

    .grabber .filters__accordion--heading .btn {
        font-size: 12px;
        text-align: right;
        position: relative;
        position: absolute;
        top: 5px;
        right: 0px;
        display: block;
    }

@media (min-width: 768px) {
    .grabber .filters__accordion--heading .btn {
        display: none;
    }
}

.grabber .filters__accordion--box {
    padding: 0px;
    padding-bottom: 15px;
}

.grabber .dropdown {
    position: relative;
}

.grabber .dropdown__content {
    max-height: 0;
    opacity: 0;
    background-color: #bcae88;
    position: absolute;
    width: 100%;
    z-index: 1;
}

    .grabber .dropdown__content p {
        margin: 0;
        background-color: #bcad88;
        padding: 15px;
    }

.grabber .dropdown__item input[type="checkbox"] {
    position: absolute;
    cursor: pointer;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
}

    .grabber .dropdown__item input[type="checkbox"]:checked ~ div.dropdown__content {
        max-height: 100%;
        opacity: 1;
    }

    .grabber .dropdown__item input[type="checkbox"]:checked ~ .dropdown__item--title {
        background-color: #bcae88;
        color: #222222;
        font-weight: bold;
    }

        .grabber .dropdown__item input[type="checkbox"]:checked ~ .dropdown__item--title svg.icon {
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
        }

.grabber .dropdown__item--title {
    background-color: #c90f1b;
    margin: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 6px 15px;
    color: #fff;
    font-size: 15px;
}

    .grabber .dropdown__item--title svg.icon {
        fill: #fff;
        height: 20px;
    }

.grabber .card__news {
    width: 100%;
    margin-bottom: 36px;
    word-break: break-word;
    position: relative;
}

.grabber .card__news--content {
    background-color: #e1e0dd;
    background: linear-gradient(315deg, transparent 12px, #e1e0dd 12px);
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 35px;
}

    .grabber .card__news--content .image {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        display: none;
        height: 100%;
    }

@media (min-width: 768px) {
    .grabber .card__news--content .image {
        display: block;
    }
}

.grabber .card__news--content .video-container {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    display: block;
    height: 100%;
}


@media (min-width: 768px) {
    .grabber .card__news--content .video-container, .youtube-video-container {
        display: block;
    }
}

.grabber .youtube-video-container {
    width: 100%;
    overflow: hidden;
    aspect-ratio: 16/9;
    pointer-events: none;
}

    .grabber .youtube-video-container iframe {
        width: 300%;
        height: 100%;
        margin-left: -100%;
    }

.grabber .news-video {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    display: block;
    height: auto;
}


.grabber .card__news--content .news--type {
    padding: 12px 12px 0 12px;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
}

@media (min-width: 768px) {
    .grabber .card__news--content .news--type {
        padding: 35px 35px 0 35px;
    }
}

.grabber .card__news--content .news--type,
.grabber .card__news--content .news--date {
    font-size: 17px;
    color: #777670;
}

.grabber .card__news--content .news--text {
    padding: 0 12px;
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
    display: none;
}

@media (min-width: 768px) {
    .grabber .card__news--content .news--text {
        display: block;
        padding: 0 35px;
    }
}

.grabber .card__news--content .news--text .link {
    color: #9d7814;
    font-size: 1.0625rem;
    text-decoration: none;
}

.grabber .card__news--content .title {
    font-size: 22px;
    font-weight: 600;
    margin-top: 24px;
    padding: 0 12px;
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
}

@media (min-width: 768px) {
    .grabber .card__news--content .title {
        padding: 0 35px;
        margin-top: 2.1875rem;
    }
}

.grabber .card__news--content .icon {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 3px;
    margin-left: auto;
    margin-right: auto;
    max-width: 17px;
}

@media (min-width: 768px) {
    .grabber .card__news--content .icon {
        display: none;
    }
}

.grabber .card__news:first-child input[type="checkbox"] {
    display: none;
}

.grabber .card__news:first-child .icon {
    display: none;
}

.grabber .card__news:first-child .image,
.grabber .card__news:first-child .news--text {
    display: block;
}

.grabber .card__news input[type="checkbox"] {
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 1;
    opacity: 0;
    height: 20px;
}

    .grabber .card__news input[type="checkbox"]:checked ~ .card__news--content {
        background: linear-gradient(315deg, transparent 12px, transparent 12px);
    }

        .grabber .card__news input[type="checkbox"]:checked ~ .card__news--content .image,
        .grabber .card__news input[type="checkbox"]:checked ~ .card__news--content .news--text {
            max-height: 100%;
            opacity: 1;
            display: block;
        }

        .grabber .card__news input[type="checkbox"]:checked ~ .card__news--content .news--type {
            -webkit-box-ordinal-group: 2;
            -webkit-order: 1;
            -ms-flex-order: 1;
            order: 1;
        }

        .grabber .card__news input[type="checkbox"]:checked ~ .card__news--content .title {
            -webkit-box-ordinal-group: 3;
            -webkit-order: 2;
            -ms-flex-order: 2;
            order: 2;
        }

        .grabber .card__news input[type="checkbox"]:checked ~ .card__news--content .image {
            -webkit-box-ordinal-group: 4;
            -webkit-order: 3;
            -ms-flex-order: 3;
            order: 3;
        }

        .grabber .card__news input[type="checkbox"]:checked ~ .card__news--content .icon {
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
        }

    .grabber .card__news input[type="checkbox"]:checked ~ .dropdown__item--title {
        color: #222222;
        font-weight: bold;
    }

@media (min-width: 768px) {
    .grabber .card__news input[type="checkbox"] {
        display: none;
    }
}

.grabber .news__grid {
    -webkit-columns: 1;
    columns: 1;
    -webkit-column-gap: 30px;
    column-gap: 30px;
    margin-bottom: 90px;
    margin-top: 60px;
}

@media (min-width: 768px) {
    .grabber .news__grid {
        -webkit-columns: 2;
        columns: 2;
    }
}

@media (min-width: 1200px) {
    .grabber .news__grid {
        -webkit-columns: 3;
        columns: 3;
    }
}

.grabber .news__grid > * {
    display: block;
    -webkit-column-break-inside: avoid;
    break-inside: avoid-column;
    page-break-inside: avoid;
}

.grabber .thumbnail {
    position: relative;
}

    .grabber .thumbnail a {
        text-decoration: none;
    }

    .grabber .thumbnail:before {
        position: absolute;
        right: 15px;
        bottom: 0px;
        content: "";
        border-top: 25px solid #c90f1b;
        border-right: 25px solid #fff;
        z-index: 1;
    }

.grabber .thumbnail__heading .image {
    display: block;
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    padding: 90.681% 0 0 0;
    border: thin solid #c90f1b;
}

    .grabber .thumbnail__heading .image img {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        object-fit:contain;
    }

.grabber .thumbnail__link:after {
    content: "";
}

.grabber .thumbnail__desc {
    margin: 0px;
    font-size: 16px;
    padding: 20px;
    cursor: pointer;
}

@media (min-width: 768px) {
    .grabber .thumbnail__desc {
        font-size: 20px;
    }
}

.grabber .thumbnail__desc:after {
    content: "›";
    left: 10px;
    position: relative;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.grabber .thumbnail__desc:hover:after {
    left: 13px;
}

.grabber .thumbnail__body {
    position: relative;
    background: #c90f1b;
    color: #fff;
}

@media (min-width: 768px) {
    .grabber .thumbnail__body {
        height: 100%;
        overflow: hidden;
    }
}

.grabber .thumbnail__body:before {
    position: absolute;
    right: 0px;
    bottom: 0px;
    content: "";
    border-top: 25px solid #c90f1b;
    border-right: 25px solid #fff;
}

.grabber .imageuu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -17px;
    margin-left: -17px;
    margin-top: 20px;
}

@media (min-width: 1024px) {
    .grabber .imageuu {
        margin-top: 90px;
    }
}

.grabber .imageuu__first {
    display: none;
    padding-left: 17px;
    padding-right: 17px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    margin-top: 10px;
    overflow: hidden;
}

@media (min-width: 1024px) {
    .grabber .imageuu__first {
        display: block;
    }
}

.grabber .imageuu__first .image {
    display: block;
    width: 100%;
    padding: 100% 0 0 0;
    height: auto;
    position: relative;
    overflow: hidden;
}

    .grabber .imageuu__first .image img {
        display: block;
        width: auto;
        max-width: none;
        height: 100%;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }

@media (min-width: 1024px) {
    .grabber .imageuu__first .image img {
        width: 100%;
    }
}

@media (min-width: 1024px) {
    .grabber .imageuu__first {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 30%;
        -ms-flex: 0 0 30%;
        flex: 0 0 30%;
        max-width: 30%;
        height: 256px;
    }
}

.grabber .imageuu__first .video-mp4-left {
    display: block;
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
}

.grabber .imageuu__second {
    padding-left: 17px;
    padding-right: 17px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    margin-top: 10px;
    overflow: hidden;
}

    .grabber .imageuu__second .video-mp4-right {
        display: block;
        width: 100%;
        height: auto;
        position: relative;
        overflow: hidden;
    }

    .grabber .imageuu__second .video-container {
        display: block;
        width: 100%;
        height: auto;
        position: relative;
        overflow: hidden;
    }

    .grabber .imageuu__second .image {
        display: block;
        width: 100%;
        padding: 57.4132% 0 0 0;
        height: auto;
        position: relative;
        overflow: hidden;
    }

        .grabber .imageuu__second .image img {
            display: block;
            width: auto;
            max-width: none;
            height: 100%;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
        }

@media (min-width: 1024px) {
    .grabber .imageuu__second .image img {
        width: 100%;
    }
}

@media (min-width: 1024px) {
    .grabber .imageuu__second {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 70%;
        -ms-flex: 0 0 70%;
        flex: 0 0 70%;
        max-width: 70%;
        height: 364px;
    }
}

.grabber .tab {
    padding: 13px 13px;
    min-width: 130px;
    color: #fff;
    text-align: left;
    border: 1px solid #000;
    color: #000;
    font-size: 20px;
    font-weight: 600;
    cursor: pointer;
    position: relative;
    margin-bottom: 24px;
}

    .grabber .tab[disabled] {
        display: none;
    }

@media (min-width: 768px) {
    .grabber .tab {
        font-size: 17px;
        font-weight: 700;
        border: none;
        text-align: center;
        background: linear-gradient(225deg, transparent 9px, #777670 9px);
        color: #FFF;
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        margin: 0 5px;
    }

        .grabber .tab:first-child {
            margin-left: 0;
        }

        .grabber .tab:last-child {
            margin-right: 0;
        }
}

.grabber .tab:after {
    position: absolute;
    content: "";
    top: 15px;
    right: 15px;
    border: solid #000;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 6px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

@media (min-width: 768px) {
    .grabber .tab:after {
        display: none;
    }
}

.grabber .tab.active {
    padding: 13px 13px;
    color: #777670;
}

    .grabber .tab.active:after {
        position: absolute;
        content: "";
        top: 20px;
        right: 15px;
        border: solid #fff;
        border-width: 0 3px 3px 0;
        display: inline-block;
        padding: 6px;
        -webkit-transform: rotate(225deg);
        transform: rotate(225deg);
    }

@media (min-width: 768px) {
    .grabber .tab.active:after {
        display: none;
    }
}

@media (min-width: 768px) {
    .grabber .tab.active {
        text-align: center;
        background: linear-gradient(225deg, transparent 9px, #e1e0dd 9px);
    }
}

.grabber .tab.active > span {
    display: block;
    background-color: #777670;
    -webkit-box-shadow: 0px 0px 0px 13px #777670;
    box-shadow: 0px 0px 0px 13px #777670;
    color: #fff;
}

@media (min-width: 768px) {
    .grabber .tab.active > span {
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #777670;
        background-color: #e1e0dd;
    }
}

.grabber .tab__content {
    display: none !important;
}

@media (min-width: 768px) {
    .grabber .tab__content {
        display: none;
    }
}

.grabber .tab__content ul {
    list-style: none;
    padding: 0;
    margin-top: 37px;
}

@media (min-width: 768px) {
    .grabber .tab__content ul {
        margin-bottom: 60px;
    }
}

.grabber .tab__content ul li {
    padding: 7px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

@media (min-width: 768px) {
    .grabber .tab__content ul li {
        border-top: 1px solid #a0a0a0;
    }
}

@media (min-width: 768px) {
    .grabber .tab__content ul li:last-child {
        border-bottom: 1px solid #a0a0a0;
    }
}

.grabber .tab__content ul li .info {
    font-size: 17px;
    font-weight: 600;
    margin-left: 20px;
    margin-right: 10px;
    font-weight: bold;
    color: #000;
}

@media (min-width: 768px) {
    .grabber .tab__content ul li .info {
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 50%;
        -ms-flex: 0 1 50%;
        flex: 0 1 50%;
        margin-right: 0;
    }
}

.grabber .tab__content ul li .info a {
    color: #9d7814;
}

.grabber .tab__content ul li .type {
    font-size: 17px;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.grabber .tab__content ul li .print {
    font-size: 17px;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    color: #9d7814;
    text-align: right;
}

@media (min-width: 768px) {
    .grabber .tab__content.active {
        display: block !important;
    }
}

.grabber .tab__content.mobile {
    display: none;
}

    .grabber .tab__content.mobile.active {
        display: block !important;
    }

@media (min-width: 768px) {
    .grabber .tab__content.mobile {
        display: none !important;
    }
}

@media (min-width: 768px) {
    .grabber .tab > .tab__content.mobile {
        display: none !important;
    }
}

.grabber .custom-select {
    position: relative;
    font-size: 20px;
    /*point the arrow upwards when the select box is open (active):*/
}

    .grabber .custom-select select {
        display: none;
    }

    .grabber .custom-select .select-selected {
        background: #c90f1b;
        border: none !important;
    }

@media (min-width: 768px) {
    .grabber .custom-select .select-selected {
        background: linear-gradient(225deg, transparent 9px, #c90f1b 9px);
    }
}

.grabber .custom-select .select-selected .text {
    display: block;
    width: 100%;
    padding-right: 45px;
}

.grabber .custom-select .select-items {
    background-color: #bcae88;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
}

.grabber .custom-select .select-hide {
    display: none;
}

.grabber .custom-select .select-items div:hover,
.grabber .custom-select .same-as-selected {
    background-color: #c90f1b;
}

.grabber .custom-select .select-items div,
.grabber .custom-select .select-selected {
    color: #ffffff;
    padding: 8px 16px;
    border-top: 1px solid #fff;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .grabber .custom-select .select-selected:after {
        position: absolute;
        content: "";
        top: 9px;
        right: 35px;
        border: solid #fff;
        border-width: 0 3px 3px 0;
        display: inline-block;
        padding: 6px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .grabber .custom-select .select-selected.select-arrow-active:after {
        top: 14px;
        -webkit-transform: rotate(-135deg);
        transform: rotate(-135deg);
    }

.grabber .custom-select--content.hide {
    display: none;
}

.grabber .custom-select--content ul {
    list-style: none;
    display: none;
    background-color: #e1e0dd;
    margin: 0;
    padding: 0;
}

    .grabber .custom-select--content ul.same-as-selected {
        display: block;
    }

    .grabber .custom-select--content ul li {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding: 8px 17px;
        border-top: 1px solid #fff;
        font-size: 17px;
    }

        .grabber .custom-select--content ul li label {
            font-weight: 600;
            -webkit-box-flex: 0;
            -webkit-flex: 0 1 50%;
            -ms-flex: 0 1 50%;
            flex: 0 1 50%;
        }

        .grabber .custom-select--content ul li a {
            color: inherit;
            text-decoration: none;
        }

            .grabber .custom-select--content ul li a::after {
                content: "";
            }

.grabber .fact {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    margin: 0;
}

@media (min-width: 768px) {
    .grabber .fact {
        position: relative;
        overflow: hidden;
        max-width: 800px;
        margin: 40px auto;
    }
}

.grabber .fact h2 {
    width: 100%;
    background-color: #ccc;
    font-size: 20px;
    padding: 12px 50px 12px 12px;
    width: 100vw;
    position: relative;
    margin-left: -50vw;
    margin-right: -50vw;
    margin-bottom: 0;
    margin-top: 0;
    border-bottom: 1px solid #fff;
}

@media (min-width: 768px) {
    .grabber .fact h2 {
        width: auto;
        margin-right: 0;
        background-color: transparent;
        font-size: 26px;
        margin-top: 0;
        margin-left: 210px;
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start;
        padding: 0;
        margin-bottom: 15px;
        border: none;
    }
}

.grabber .fact h2:after {
    position: absolute;
    content: "";
    top: 13px;
    right: 24px;
    border: solid #000;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 6px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

@media (min-width: 768px) {
    .grabber .fact h2:after {
        display: none;
    }
}

.grabber .fact picture {
    margin: auto;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
}

@media (min-width: 768px) {
    .grabber .fact picture {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }
}

.grabber .fact picture img {
    max-height: 264px;
    max-width: 264px;
    height: 264px;
    width: 264px;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    margin: 25px auto 0 auto;
    border: 1px solid #e1e0dd;
}

@media (min-width: 768px) {
    .grabber .fact picture img {
        max-height: 175px;
        max-width: 175px;
        height: 175px;
        width: 175px;
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
        margin-top: -40px;
    }
}

.grabber .fact__text {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    max-height: 0;
    opacity: 0;
    width: 100%;
}

@media (min-width: 768px) {
    .grabber .fact__text {
        padding-bottom: 40px;
        width: 100%;
        max-height: 100%;
        opacity: 1;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        margin: 0;
    }

        .grabber .fact__text:after {
            content: "";
            border-bottom: 1px solid #e1e0dd;
            width: 100%;
            position: absolute;
            bottom: 0;
            margin-left: 200px;
        }
}

.grabber .fact__text p {
    font-size: 17px;
    line-height: 1.35;
    margin: 0;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
}

@media (min-width: 768px) {
    .grabber .fact__text p {
        margin: 0 0 0 35px;
    }
}

.grabber .fact input[type="checkbox"] {
    position: absolute;
    cursor: pointer;
    width: 100vw;
    height: 46px;
    z-index: 1;
    opacity: 0;
    top: 0px;
    left: -25px;
}

@media (min-width: 768px) {
    .grabber .fact input[type="checkbox"] {
        display: none;
    }
}

.grabber .fact input[type="checkbox"]:checked ~ div.fact__text {
    max-height: 100%;
    opacity: 1;
    margin: 20px 0;
}

.grabber .fact input[type="checkbox"]:checked ~ h2 {
    color: #fff;
}

    .grabber .fact input[type="checkbox"]:checked ~ h2:after {
        position: absolute;
        content: "";
        top: 20px;
        right: 24px;
        border: solid #fff;
        border-width: 0 3px 3px 0;
        display: inline-block;
        padding: 6px;
        -webkit-transform: rotate(225deg);
        transform: rotate(225deg);
    }

@media (min-width: 768px) {
    .grabber .fact input[type="checkbox"]:checked ~ h2:after {
        display: none;
    }
}

.grabber header .header {
    position: relative;
    background: #fff;
    position: fixed;
    width: 100%;
    z-index: 100;
    top: 0px;
}

.grabber header .header__container {
    position: relative;
    border-bottom: 2px solid #e1e0dd;
    height: 80px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.grabber header .header__navigation {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
}

.grabber header .header__logo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (min-width: 1024px) {
    .grabber header .header__logo {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 15%;
        -ms-flex: 0 0 15%;
        flex: 0 0 15%;
        max-width: 15%;
    }
}

.grabber header .header__logo a:after {
    display: none;
}

.grabber header .header__logo .logo {
    position: absolute;
    width: 160px;
    left: 50%;
    margin-left: -80px;
}

@media (min-width: 1024px) {
    .grabber header .header__logo .logo {
        position: relative;
        left: 0px;
        margin-left: 15px;
        width: 188px;
    }
}

@media (min-width: 1024px) {
    .grabber header .header__menu {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 85%;
        -ms-flex: 0 0 85%;
        flex: 0 0 85%;
        max-width: 85%;
        position: relative;
    }
}

.grabber header .header__menu--icon {
    width: 40px;
    height: 80px;
    position: relative;
    top: 0;
    left: 20px;
}

@media (min-width: 1024px) {
    .grabber header .header__menu--icon {
        display: none !important;
    }
}

.grabber header .header .container-dynamic {
    margin: inherit;
}

.grabber footer {
    background: #222222;
    min-height: 400px;
}

    .grabber footer .footer a:after {
        display: none;
    }

    .grabber footer .footer__wrapper {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

    .grabber footer .footer__rightCol {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding-top: 50px;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        text-align: center;
        margin-left: -15px;
        margin-right: -15px;
    }

@media (min-width: 768px) {
    .grabber footer .footer__rightCol {
        text-align: left;
    }
}

.grabber footer .footer__logo .logo {
    margin: auto;
    /*width: 188px;*/
    padding: 0px;
}

@media (min-width: 1024px) {
    .grabber footer .footer__logo .logo {
        margin: 0px;
        margin-left: 15px;
    }
}

.grabber footer .footer__links {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media (min-width: 768px) {
    .grabber footer .footer__links {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 80%;
        -ms-flex: 0 0 80%;
        flex: 0 0 80%;
        max-width: 80%;
    }
}

.grabber footer .footer .lists {
    padding: 0px;
}

.grabber footer .footer .address {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
}

@media (min-width: 768px) {
    .grabber footer .footer .address {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
        text-align: left;
    }
}

.grabber .footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 50px;
    width: 100%;
}

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

.grabber .footer__logo {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
}

@media (min-width: 768px) {
    .grabber .footer__logo {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 23%;
        -ms-flex: 0 0 23%;
        flex: 0 0 23%;
        max-width: 23%;
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }
}

.grabber .footer__nav {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    color: #fff;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
}

@media (min-width: 768px) {
    .grabber .footer__nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        text-align: left;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 60%;
        -ms-flex: 0 0 60%;
        flex: 0 0 60%;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.grabber .footer__nav .column {
    color: #fff;
}

@media (min-width: 768px) {
    .grabber .footer__nav .column {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33%;
        -ms-flex: 0 0 33%;
        flex: 0 0 33%;
        max-width: 33%;
        padding-left: 25px;
    }
}

@media (min-width: 1024px) {
    .grabber .footer__nav .column {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
}

.grabber .footer__nav .column--title {
    display: none;
}

@media (min-width: 768px) {
    .grabber .footer__nav .column--title {
        font-weight: 600;
        font-size: 15px;
        margin-top: 0;
        display: block;
    }
}

.grabber .footer__nav .column__items {
    display: none;
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 16px;
}

@media (min-width: 768px) {
    .grabber .footer__nav .column__items {
        display: block;
        font-size: 15px;
    }
}

.grabber .footer__nav .column__items--item {
    padding: 10px 0;
}

@media (min-width: 768px) {
    .grabber .footer__nav .column__items--item {
        padding: 5px 0;
    }
}

.grabber .footer__nav .column__items--item > a {
    text-decoration: none;
    color: #fff;
}

@media (min-width: 768px) {
    .grabber .footer__nav .column:last-child {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.grabber .footer__nav .column.mobile {
    margin-bottom: 40px;
}

    .grabber .footer__nav .column.mobile .column__items {
        display: block;
    }

.grabber .footer__nav .column.mobile-only {
    display: block;
}

    .grabber .footer__nav .column.mobile-only ul {
        display: block;
        padding: 20px 0;
    }

@media (min-width: 768px) {
    .grabber .footer__nav .column.mobile-only {
        display: none;
    }
}

.grabber .footer__icons {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    text-align: center;
    margin: 0 0 24px 0;
}

@media (min-width: 768px) {
    .grabber .footer__icons {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 17%;
        -ms-flex: 1 1 17%;
        flex: 1 1 17%;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
    }
}

.grabber .footer__icons .sm__icon .footer__icon {
    width: 100%;
    height: 15px;
    width: 15px;
}

.grabber .footer__copyright {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    color: #fff;
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
    padding: 24px;
}

@media (min-width: 768px) {
    .grabber .footer__copyright {
        padding: 0;
    }
}

.grabber .footer__copyright hr {
    display: none;
}

@media (min-width: 768px) {
    .grabber .footer__copyright hr {
        display: block;
    }
}

@media (min-width: 768px) {
    .grabber .footer__copyright {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
        flex: 1 1 75%;
        max-width: 75%;
        margin-left: auto;
        display: block;
    }
}

.grabber .footer__copyright .copy {
    display: inline-block;
    text-align: center;
}

@media (min-width: 768px) {
    .grabber .footer__copyright .copy {
        text-align: left;
    }
}

.grabber .footer__copyright .slogan {
    float: right;
    text-align: center;
}

@media (min-width: 768px) {
    .grabber .footer__copyright .slogan {
        text-align: left;
    }
}

.grabber .search {
    width: 50px;
}

@media (min-width: 1024px) {
    .grabber .search {
        width: 100px;
    }
}

.grabber .search__icon {
    display: block;
    position: absolute;
    cursor: text;
    cursor: pointer;
    z-index: 3;
    width: 100px;
    height: 97%;
    top: 0px;
    right: -12px;
    background: white;
}

@media (min-width: 1024px) {
    .grabber .search__icon {
        margin-top: 0px;
    }
}

.grabber .search__icon .icon-search {
    position: absolute;
    left: 50%;
    margin-left: -15px;
    top: 50%;
    margin-top: -15px;
}

.grabber .search__text {
    font-size: 14px;
    display: none;
    cursor: pointer;
}

@media (min-width: 1024px) {
    .grabber .search__text {
        display: inline-block;
    }
}

.grabber .search__results {
    overflow: scroll;
    max-height: 80vh;
    padding-bottom: 110px;
    top: 30px;
    -webkit-overflow-scrolling: touch;
}

@media (min-width: 1024px) {
    .grabber .search__results {
        width: auto;
        position: relative;
        max-height: 80vh;
        overflow: scroll;
        padding-bottom: 20px;
        display: none;
    }
}

.grabber .search__results h2 {
    margin-top: 48px;
    font-size: 20px;
    padding-left: 20px;
    padding-right: 20px;
}

.grabber .search__results .results {
    list-style: none;
    padding: 0;
}

    .grabber .search__results .results li {
        padding: 10px 20px;
        font-size: 16px;
    }

        .grabber .search__results .results li a {
            text-decoration: none;
        }

.grabber .search__results--helper ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .grabber .search__results--helper ul li {
        padding: 14px 20px;
        font-size: 16px;
        border-bottom: 1px solid #fff;
    }

        .grabber .search__results--helper ul li span {
            color: #a0a0a0;
        }

        .grabber .search__results--helper ul li > span {
            margin-right: 7px;
        }

            .grabber .search__results--helper ul li > span:first-child {
                color: #000;
            }

                .grabber .search__results--helper ul li > span:first-child:after {
                    content: "";
                    border-right: 1px solid #000;
                    margin-left: 7px;
                }

.grabber .search__form {
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 85px;
    padding: 10px 0px;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    overflow: hidden;
    top: 0px;
    right: 0px;
    padding-top: 80px;
    height: 100vh;
    background: #fff;
}

@media (min-width: 1024px) {
    .grabber .search__form {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        padding-top: 0px;
        height: auto;
        z-index: 3;
        top: -3px;
        right: -10px;
        background: transparent;
        max-width: 100px;
    }
}

.grabber .search__form--open {
    fill: #e30613;
}

.grabber .search__form .icon-search {
    fill: #e30613;
}

.grabber .search__form .search__results {
    opacity: 1;
}

@media (min-width: 1024px) {
    .grabber .search__form .search__results {
        opacity: 0;
    }
}

.grabber .search__form .search__results--helper {
    padding-top: 20px;
}

    .grabber .search__form .search__results--helper a {
        text-decoration: none;
    }

        .grabber .search__form .search__results--helper a span {
            font-size: 26px;
        }

            .grabber .search__form .search__results--helper a span:first-child {
                color: #9d7814;
            }

            .grabber .search__form .search__results--helper a span:last-child {
                border-left: 3px solid #e1e0dd;
                padding-left: 10px;
                margin-left: 10px;
            }

        .grabber .search__form .search__results--helper a:after {
            display: none;
        }

.grabber .search__form.open {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

@media (min-width: 1024px) {
    .grabber .search__form.open {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        max-width: 91%;
    }
}

@media (min-width: 1024px) {
    .grabber .search__form.open .search__results {
        opacity: 1;
        display: block;
    }
}

.grabber .search__form .form {
    width: 100%;
    margin: auto;
    position: relative;
}

.grabber .search__form .form__body {
    padding: 10px 0px;
    background: #fff;
    border-bottom: solid 1px #e1e0dd;
}

@media (min-width: 1024px) {
    .grabber .search__form .form__body {
        border-bottom: none;
        border-left: 2px solid #e1e0dd;
    }
}

.grabber .search__form .field {
    position: static;
    margin: auto;
    width: 100%;
    display: block;
}

    .grabber .search__form .field:first-child {
        position: relative;
    }

    .grabber .search__form .field .icon-search {
        position: absolute;
        top: 30px;
        right: 20px;
    }

@media (min-width: 1024px) {
    .grabber .search__form .field .icon-search {
        top: 20px;
        left: 35px;
    }
}

@media (min-width: 768px) {
    .grabber .search__form .field {
        padding: 0px;
        border-bottom: none;
        top: 0px;
        padding-left: 70px;
        border: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        outline: none;
        border-radius: 0;
    }
}

.grabber .search__form .field__input {
    border: none;
    height: 30px;
    border-radius: 0px;
    height: 62px;
    color: #a0a0a0;
    position: relative;
    padding-right: 60px;
    font-size: 26px;
    top: 5px;
}

    .grabber .search__form .field__input[type="submit"] {
        display: none;
    }

    .grabber .search__form .field__input:focus {
        outline: none;
    }

@media (min-width: 1024px) {
    .grabber .search__form .field__input {
        padding: 0px;
        border-bottom: none;
        top: 0px;
        padding-left: 70px;
        border: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        outline: none;
        border-radius: 0;
        height: 45px;
    }
}

.grabber .search__form .field__input ~ label {
    top: 5px;
    left: 15px;
    display: none;
    color: #a0a0a0;
    font-size: 26px;
    padding-left: 70px;
    position: absolute;
}

@media (min-width: 1024px) {
    .grabber .search__form .field__input ~ label {
        display: block;
    }
}

.grabber .search__form .field__input:focus ~ label {
    top: 2px;
    font-size: 0px;
    color: #757575;
}

.grabber .search__form__submit[type="sumbit"] {
    display: none;
}

.grabber .hero {
    position: relative;
    margin: 0px;
    overflow: hidden;
    height: 336px;
}

@media (min-width: 1200px) {
    .grabber .hero {
        height: 570px;
    }
}

.grabber .hero__link {
    margin-top: 20px;
    height: 48px;
    font-size: 17px;
    display: inline-block;
}

@media (min-width: 768px) {
    .grabber .hero__link {
        margin-top: 35px;
    }
}

.grabber .hero__box {
    position: absolute;
    width: 90%;
    left: 50%;
    margin-left: -45%;
    height: 100%;
    z-index: 0;
    text-align: center;
    max-width: 100%;
}

@media (min-width: 1200px) {
    .grabber .hero__box {
        width: 780px;
        margin-left: -390px;
    }
}

.grabber .hero__box .title {
    color: #fff;
    margin: 0;
}

.grabber .hero__box span {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
}

.grabber .hero__box h1 {
    font-size: 32px;
}

@media (min-width: 768px) {
    .grabber .hero__box h1 {
        font-size: 66px;
    }
}

.grabber .hero__box h2 {
    font-size: 26px;
}

@media (min-width: 768px) {
    .grabber .hero__box h2 {
        font-size: 40px;
    }
}

.grabber .hero .video-container {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}

    .grabber .hero .video-container .video-mp4 {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.grabber .cookieConsent-container a {
    text-decoration: none;
}

.grabber .cookieConsent-container p:not(.no-style) {
    padding-left: 0 !important;
    padding-right: 0 !important;
    font-size: 15px;
}

.grabber #video-consent-text p:not(.no-style) {
    font-size: 15px;
    pointer-events: auto !important;
    text-align: center
}

.grabber .hero .image {
    display: block;
    width: 100%;
    padding: 89.53125% 0 0 0;
    height: auto;
    position: relative;
    z-index: -1;
}

@media (min-width: 768px) {
    .grabber .hero .image {
        padding: 44.53125% 0 0 0;
    }
}

.grabber .hero .image img {
    display: block;
    width: auto;
    max-width: none;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

@media (min-width: 768px) {
    .grabber .hero .image img {
        width: 100%;
    }
}

@media (min-width: 768px) {
    .grabber .startlinks {
        margin-top: 50px;
        margin-bottom: 50px;
    }
}

.grabber .startlinks .image {
    display: block;
    width: 100%;
    height: auto;
    position: relative;
    z-index: -1;
}

    .grabber .startlinks .image img {
        display: block;
        width: 100%;
        /*       height: 100%;
 */
        height: auto;
    }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .grabber .startlinks .image img {
        max-height: 210px;
    }
}

.grabber .startlinks__body {
    position: relative;
    background: #222222;
    padding: 35px 20px;
    text-align: center;
    height: auto;
}

@media (min-width: 1024px) {
    .grabber .startlinks__body {
        text-align: left;
        height: 100%;
    }
}

.grabber .startlinks__body:after {
    position: absolute;
    right: -1px;
    bottom: -1px;
    content: "";
    border-top: 25px solid transparent;
    border-right: 25px solid #fff;
    border-bottom: none;
    border-left: none;
}

.grabber .startlinks__body:before {
    position: absolute;
    right: 0px;
    bottom: 0px;
    content: "";
    border-top: 25px solid #222222;
    border-right: 25px solid #fff;
}

.grabber .startlinks__body a {
    font-size: 21px;
    font-weight: 600;
    text-decoration: none;
    color: #fff;
}

.grabber .startlinks__body p {
    font-size: 17px;
    color: #fff;
}

.grabber .startlinks__link {
    text-decoration: none;
    display: block;
    text-align: right;
    padding-right: 15px;
    font-family: Inconsolata;
    font-size: 16px;
    margin-top: 10px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

@media (min-width: 768px) {
    .grabber .startlinks__link {
        text-align: center;
    }
}

.grabber .startlinks__link:hover {
    text-decoration: none;
}

    .grabber .startlinks__link:hover .linkblock__icon {
        margin-left: 20px;
    }

.grabber .startlinks__icon {
    margin-left: 10px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

    .grabber .startlinks__icon .icon {
        width: 10px;
        height: 10px;
    }

.grabber .startlinks__container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media (min-width: 768px) {
    .grabber .startlinks__container {
        padding-left: 35px;
        padding-right: 35px;
    }
}

.grabber .startlinks__box {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
    padding-right: 25px;
    padding-left: 25px;
    margin-bottom: 50px;
}

@media (min-width: 768px) {
    .grabber .startlinks__box {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

@media (min-width: 1024px) {
    .grabber .startlinks__box {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.3333%;
        -ms-flex: 0 0 33.3333%;
        flex: 0 0 33.3333%;
        max-width: 33.3333%;
    }
}

.grabber .offers {
    padding: 30px 0px;
}

@media (min-width: 1024px) {
    .grabber .offers {
        margin-left: -20px;
        margin-right: -20px;
    }
}

.grabber .offers__container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-top: 1px solid #e1e0dd;
    border-bottom: 1px solid #e1e0dd;
}

.grabber .offers__description {
    width: 100%;
    text-align: center;
}

@media (min-width: 1024px) {
    .grabber .offers__description {
        width: 80%;
        text-align: left;
    }
}

.grabber .offers__description .title {
    text-align: center;
}

@media (min-width: 1024px) {
    .grabber .offers__description .title {
        text-align: left;
    }
}

.grabber .offers__description .offers__text {
    text-align: left;
    margin-bottom: 24px;
    display: none;
}

@media (min-width: 1024px) {
    .grabber .offers__description .offers__text {
        display: block;
    }
}

.grabber .offers__image {
    width: 50%;
    margin: auto;
    margin-top: 20px;
    overflow: hidden;
    display: none;
}

@media (min-width: 768px) {
    .grabber .offers__image {
        width: 30%;
        max-width: 80px;
        display: block;
    }
}

@media (min-width: 1024px) {
    .grabber .offers__image {
        width: 20%;
        margin-top: 0px;
    }
}

.grabber .offers__box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 30px 15px;
    border-bottom: 1px solid #e1e0dd;
}

@media (min-width: 768px) {
    .grabber .offers__box {
        border-bottom: none;
    }
}

@media (min-width: 768px) {
    .grabber .offers__box:first-child {
        border-right: 1px solid #e1e0dd;
    }
}

@media (min-width: 768px) {
    .grabber .offers__box {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

.grabber .offers__box .image {
    display: block;
    width: 100%;
    height: auto;
    position: relative;
    z-index: -1;
    padding-top: 213.75%;
}

    .grabber .offers__box .image img {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }

.grabber .offers__title {
    margin-top: 0;
}

.grabber .offers__link {
    width: 80%;
}

@media (min-width: 1024px) {
    .grabber .offers__link {
        width: auto;
    }
}

@media (min-width: 768px) {
    .grabber .iconlist {
        margin-top: 50px;
    }
}

.grabber .iconlist .image {
    display: block;
    width: 100%;
    height: auto;
    position: relative;
    z-index: -1;
    overflow: hidden;
    padding: 0px;
    height: 190px;
}

@media (min-width: 768px) {
    .grabber .iconlist .image {
        padding: 65.71% 0 0 0;
    }
}

.grabber .iconlist .image img {
    display: block;
    width: 100%;
    height: auto;
    position: absolute;
    top: 0px;
    margin-top: 0px;
    bottom: 0;
    left: 0;
    right: 0;
}

.grabber .iconlist__body {
    position: relative;
    text-align: center;
    padding: 15px;
}

    .grabber .iconlist__body a {
        font-size: 22px;
        font-weight: 600;
        text-decoration: none;
        color: #222222;
    }

    .grabber .iconlist__body p {
        font-size: 17px;
        color: #fff;
    }

.grabber .iconlist__link {
    text-decoration: none;
    display: block;
    text-align: right;
    padding-right: 15px;
    font-family: Inconsolata;
    font-size: 16px;
    margin-top: 10px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

@media (min-width: 768px) {
    .grabber .iconlist__link {
        text-align: center;
    }
}

.grabber .iconlist__link:hover {
    text-decoration: none;
}

    .grabber .iconlist__link:hover .linkblock__icon {
        margin-left: 20px;
    }

.grabber .iconlist__icon {
    margin-left: 10px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

    .grabber .iconlist__icon .icon {
        width: 10px;
        height: 10px;
    }

.grabber .iconlist__container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-left: -10px;
}

@media (min-width: 768px) {
    .grabber .iconlist__container {
        margin-right: -15px;
        margin-left: -15px;
    }
}

.grabber .iconlist__box {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-bottom: 15px;
}

    .grabber .iconlist__box .icon {
        width: 100px;
        height: 100px;
        margin: auto;
        display: block;
        fill: #777670;
    }

@media (min-width: 768px) {
    .grabber .iconlist__box {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33%;
        -ms-flex: 0 0 33%;
        flex: 0 0 33%;
        max-width: 33%;
    }
}

.grabber .contacts {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

@media (min-width: 768px) {
    .grabber .contacts--cards {
        margin-left: -16px;
        margin-right: -16px;
    }
}

.grabber .contacts__card {
    padding-right: 16px;
    padding-left: 16px;
    margin-bottom: 48px;
    width: 100%;
}

@media (min-width: 768px) {
    .grabber .contacts__card {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
    }
}

.grabber .contacts__card h2,
.grabber .contacts__card .link {
    text-align: center;
    margin: 0;
    display: block;
}

    .grabber .contacts__card h2.title {
        font-size: 1.25rem;
        margin: 10px 0;
    }

.grabber .contacts__card--info {
    margin: 13px 0;
}

    .grabber .contacts__card--info .link {
        margin: 4px 0;
        text-decoration: none;
        color: #222222;
    }

.grabber .contacts__card--position {
    text-align: center;
    display: block;
}

.grabber .contact__form {
    background-color: #bcae88;
    padding: 35px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media (min-width: 768px) {
    .grabber .contact__form {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

.grabber .contact__form h3.title {
    margin-top: 0;
}

@media (min-width: 768px) {
    .grabber .contact__form--text, .grabber .contact__form--form {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
    }
}

@media (min-width: 768px) {
    .grabber .contact__form--text {
        padding-right: 180px;
    }
}

.grabber .contact__form--form .form__body .field {
    margin-top: 35px;
}

    .grabber .contact__form--form .form__body .field:first-child {
        margin-top: 0;
    }

.grabber .contact__form--form .form__body .field__textarea {
    width: 100%;
    height: 96px;
    resize: vertical;
    font-size: inherit;
}

.grabber .contact__form--form .form__body .field:last-child {
    text-align: left;
}

    .grabber .contact__form--form .form__body .field:last-child > input {
        background: linear-gradient(315deg, transparent 9px, #e30613 9px);
        padding: 14px 52px;
        height: auto;
        font-size: 17px;
        font-weight: bold;
    }

.grabber .products {
    margin-top: 15px;
    width: 100%;
    display: block;
}

    .grabber .products .thumbnail {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-bottom: 20px;
        overflow: hidden;
    }

@media (min-width: 768px) {
    .grabber .products .thumbnail {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (min-width: 1200px) {
    .grabber .products .thumbnail {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.3333%;
        -ms-flex: 0 0 33.3333%;
        flex: 0 0 33.3333%;
        max-width: 33.3333%;
    }
}

.grabber .collections {
    margin-top: 15px;
    width: 100%;
    display: block;
}

    .grabber .collections .thumbnail {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-bottom: 20px;
        overflow: hidden;
    }

    .grabber .collections .thumbnail__desc {
        text-align: center;
    }

@media (min-width: 768px) {
    .grabber .collections .thumbnail {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (min-width: 1200px) {
    .grabber .collections .thumbnail {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
}

.grabber .blog__hero {
    width: 100%;
}

.grabber .blog__body {
    width: 90%;
    margin-top: 30px;
}

    .grabber .blog__body p {
        font-size: 17px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.35;
        margin-bottom: 30px;
    }

@media (min-width: 1200px) {
    .grabber .blog__body p {
        padding-left: 70px;
        padding-right: 70px;
    }
}

.grabber .blog__body .title, .grabber .blog__body h1, .grabber .blog__body h2, .grabber .blog__body h3, .grabber .blog__body h4, .grabber .blog__body h5, .grabber .blog__body h6 {
    padding-left: 30px;
    padding-right: 30px;
}

@media (min-width: 1200px) {
    .grabber .blog__body .title, .grabber .blog__body h1, .grabber .blog__body h2, .grabber .blog__body h3, .grabber .blog__body h4, .grabber .blog__body h5, .grabber .blog__body h6 {
        padding-left: 70px;
        padding-right: 70px;
    }
}

.grabber .blog__body a:after {
    content: "";
}

.grabber .tabs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media (min-width: 768px) {
    .grabber .tabs {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

.grabber .certification {
    margin: 60px 0;
}

    .grabber .certification ul li {
        display: inline-block;
        text-align: center;
        margin-right: 15px;
    }

        .grabber .certification ul li .tooltip {
            cursor: help;
            position: relative;
            font-size: 17px;
        }

    .grabber .certification img {
        max-height: 30px;
    }

.grabber .tooltip::before,
.grabber .tooltip::after {
    left: 50%;
    opacity: 0;
    position: absolute;
    z-index: -100;
}

.grabber .tooltip:hover::before,
.grabber .tooltip:focus::before,
.grabber .tooltip:hover::after,
.grabber .tooltip:focus::after {
    opacity: 1;
    -webkit-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
    z-index: 100;
}

.grabber .tooltip::before {
    border-style: solid;
    border-width: 2em 1.75em 0 1.75em;
    border-color: #e1e0dd transparent transparent transparent;
    bottom: 150%;
    content: "";
    margin-left: -1.5em;
    -webkit-transition: all 0.65s cubic-bezier(0.84, -0.18, 0.31, 1.26), opacity 0.65s 0.5s;
    transition: all 0.65s cubic-bezier(0.84, -0.18, 0.31, 1.26), opacity 0.65s 0.5s;
    -webkit-transform: scale(0.6) translateY(-20%);
    transform: scale(0.6) translateY(-20%);
}

.grabber .tooltip:hover::before,
.grabber .tooltip:focus::before {
    -webkit-transition: all 0.65s cubic-bezier(0.84, -0.18, 0.31, 1.26) 0.2s;
    transition: all 0.65s cubic-bezier(0.84, -0.18, 0.31, 1.26) 0.2s;
}

.grabber .tooltip::after {
    background: #e1e0dd;
    border-radius: 0.25em;
    bottom: 250%;
    color: #000;
    content: attr(data-tip);
    margin-left: -5.7em;
    padding: 1em;
    -webkit-transition: all 0.65s cubic-bezier(0.84, -0.18, 0.31, 1.26) 0.2s;
    transition: all 0.65s cubic-bezier(0.84, -0.18, 0.31, 1.26) 0.2s;
    -webkit-transform: scale(0.6) translateY(50%);
    transform: scale(0.6) translateY(50%);
    width: 10em;
}

.grabber .tooltip:hover::after,
.grabber .tool:focus::after {
    -webkit-transition: all 0.65s cubic-bezier(0.84, -0.18, 0.31, 1.26);
    transition: all 0.65s cubic-bezier(0.84, -0.18, 0.31, 1.26);
}

@media (max-width: 760px) {
    .grabber .tooltip::after {
        font-size: 0.75em;
        margin-left: -5em;
        width: 10em;
    }
}

.grabber .slider--wrapper {
    max-width: 380px;
    margin: 0 auto;
}

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

    .grabber .slick-slider .slick-track {
        position: relative;
        top: 0;
        left: 0;
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important;
        margin-left: auto;
        margin-right: auto;
    }

    .grabber .slick-slider figure {
        margin: 0 0 -5px 0;
    }

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

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

.grabber .slick-slide {
    display: none;
    float: left;
    height: auto !important;
    min-height: 1px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

@media all and (-ms-high-contrast: none) {
    .grabber .slick-slide {
        max-height: 342px;
    }
}

.grabber .slick-slide img {
    display: block;
    max-width: 100%;
    height: auto;
    width: 100%;
}

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

.grabber .slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
    border: solid 1px #a0a0a0;
}

.grabber .slick-track:after {
    clear: both;
}

.grabber .slider-nav-thumbnails .slick-list {
    border: none;
}

    .grabber .slider-nav-thumbnails .slick-list .slick-track {
        width: auto !important;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-transform: none !important;
        transform: none !important;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        margin: 0 -5px;
    }

        .grabber .slider-nav-thumbnails .slick-list .slick-track .slick-slide {
            margin: 5px;
            border: 1px solid #a0a0a0;
            -webkit-box-flex: 0;
            -webkit-flex: 0 1 calc(20% - 10px);
            -ms-flex: 0 1 calc(20% - 10px);
            flex: 0 1 calc(20% - 10px);
            max-width: calc(20% - 10px);
        }

            .grabber .slider-nav-thumbnails .slick-list .slick-track .slick-slide > div > div {
                margin: 0 0 -4px 0;
            }

@media all and (-ms-high-contrast: none) {
    .grabber .slider-nav-thumbnails .slick-list .slick-track .slick-slide {
        display: block !important;
    }
}

.grabber .search--results {
    margin-bottom: 80px;
}

@media (min-width: 768px) {
    .grabber .search--results {
        margin-top: 80px;
    }
}

.grabber .search--results__leftcol {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

@media (min-width: 768px) {
    .grabber .search--results__leftcol {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        width: 75%;
    }
}

.grabber .search--results__rightcol {
    display: none;
}

@media (min-width: 768px) {
    .grabber .search--results__rightcol {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
        display: block;
    }
}

.grabber .search--results__col {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media (min-width: 768px) {
    .grabber .search--results__col {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        width: 75%;
    }
}

.grabber .search--results__select {
    padding-left: 20px;
    padding-right: 20px;
}

@media (min-width: 768px) {
    .grabber .search--results__select {
        padding-left: 0px;
        padding-right: 0px;
    }
}

.grabber .search--results__link {
    color: #a0a0a0;
    text-decoration: none;
    font-size: 17px;
    width: 100%;
    display: block;
    word-break: break-word;
}

.grabber .search--results__title {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    color: #a0a0a0;
    background: #f7f7f7;
    font-size: 20px;
    padding: 15px 20px;
    margin: 0px;
}

@media (min-width: 768px) {
    .grabber .search--results__title {
        padding-left: 0px;
        padding-right: 0px;
        background: transparent;
        font-size: 40px;
        color: #222222;
        margin-bottom: 80px;
    }
}

.grabber .search--results__line {
    margin: 0px;
    background: #777670;
    width: 100%;
    height: 3px;
}

.grabber .search--results__query {
    color: #222222;
}

.grabber .search--results .tabs {
    width: 60%;
    display: none;
}

@media (min-width: 768px) {
    .grabber .search--results .tabs {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
}

.grabber .search--results .select__tab {
    padding: 10px 0px;
    height: 48px;
    border: none;
    width: 100%;
    border-radius: 0;
    background: transparent;
    font-size: 20px;
}

@media (min-width: 768px) {
    .grabber .search--results .select__tab {
        display: none;
    }
}

.grabber .search--results .tab__content {
    padding-left: 20px;
    padding-right: 20px;
}

@media (min-width: 768px) {
    .grabber .search--results .tab__content {
        padding-left: 0px;
        padding-right: 0px;
    }
}

.grabber .search--results .tab__content.active {
    display: block !important;
}

.grabber .search--results .results {
    list-style: none;
    padding: 0;
}

    .grabber .search--results .results li {
        padding: 10px 20px;
        font-size: 16px;
    }

        .grabber .search--results .results li a {
            text-decoration: none;
            color: #9d7814;
        }

.grabber .video {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden;
    max-width: 800px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

    .grabber .video:before {
        padding-top: 56.25%;
        display: block;
        content: "";
    }

    .grabber .video > iframe {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0;
    }

.grabber .video-wrapper {
    z-index: 1;
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
}

.grabber .video-thumbnail {
    position: relative;
}

    .grabber .video-thumbnail a::after {
        display: none;
    }

    .grabber .video-thumbnail a img {
        width: 100%;
        height: auto;
    }

.grabber .slick-slide .video-thumbnail {
    margin: 9px auto;
}

.grabber .play {
    background: #c90f1b;
    border-radius: 50% / 10%;
    color: #ffffff;
    height: 3em;
    padding: 0;
    position: absolute;
    text-align: center;
    text-indent: 0.1em;
    -webkit-transition: all 150ms ease-out;
    transition: all 150ms ease-out;
    width: 4em;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    cursor: pointer;
    -ms-touch-action: none;
    touch-action: none;
}

    .grabber .play:hover {
        background: #c5252f;
    }

    .grabber .play::before {
        background: inherit;
        border-radius: 5% / 50%;
        bottom: 9%;
        content: "";
        left: -5%;
        position: absolute;
        right: -5%;
        top: 9%;
    }

    .grabber .play::after {
        border-style: solid;
        border-width: 1em 0 1em 1.732em;
        border-color: transparent transparent transparent rgba(255, 255, 255, 0.75);
        content: " ";
        font-size: 0.75em;
        height: 0;
        margin: -1em 0 0 -0.75em;
        top: 50%;
        position: absolute;
        width: 0;
    }

@media all and (-ms-high-contrast: none) {
    .grabber .play::after {
        right: 30%;
    }
}

.grabber .blueprint {
    margin-top: 40px;
}

    .grabber .blueprint img {
        width: 100%;
    }

.grabber .reseller {
    position: relative;
}

@media (min-width: 768px) {
    .grabber .reseller {
        display: flex;
        flex-direction: row-reverse;
    }
}

.grabber .reseller__map {
    height: 570px;
    width: 100%;
}

@media (min-width: 768px) {
    .grabber .reseller__map {
        height: 100vh;
        width: 60%;
        overflow-y: auto;
        position: sticky !important;
        top: 0;
    }
}

.grabber .reseller__result {
    padding-bottom: 50px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media (min-width: 768px) {
    .grabber .reseller__result {
        padding: 0px 40px 30px 40px;
    }
}

.grabber .reseller__icons {
    position: relative;
}

.grabber .reseller__details {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    word-break: break-all;
    padding: 48px;
}

@media (min-width: 768px) {
    .grabber .reseller__details {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding: 50px;
        order: 1;
    }
}

.grabber .reseller__details img {
    margin: auto;
    width: 100%;
}

.grabber .reseller__openninghours span {
    margin-right: 3px;
}

.grabber .reseller .title {
    text-align: center;
}

@media (min-width: 768px) {
    .grabber .reseller .title {
        text-align: left;
        padding: 10px 40px 0px 40px;
    }

    .grabber .reseller .reseller__result .title {
        text-align: left;
        padding: 0;
    }
}

.grabber .reseller__guide {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 25px 0 25px 0;
}

@media (min-width: 768px) {
    .grabber .reseller__guide {
        -webkit-box-pack: left;
        -webkit-justify-content: left;
        -ms-flex-pack: left;
        justify-content: left;
        padding: 25px 0 20px 0;
    }
}

.grabber .reseller__guide--icon {
    width: 17px;
    height: 17px;
    position: relative;
    top: 1px;
    margin-right: 15px;
}

.grabber .reseller .icon-info {
    position: absolute;
    top: 15px;
    left: 0px;
    fill: #e30613;
}

.grabber .reseller__icon {
    fill: #e30613;
    position: relative;
    top: -4px;
    left: -4px;
}

.grabber .reseller__detail {
    display: none;
    position: relative;
    bottom: 25px;
    padding: 20px 0 0px 0px;
}

@media (min-width: 768px) {
    .grabber .reseller__detail {
        /*box-shadow: 0 3px 6px rgb(0 0 0 / 0.16);
            bottom: 50px;*/
    }
}

.grabber .reseller__detail.active {
    display: block;
}

.grabber .reseller__website--link {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}

.grabber .reseller__information {
    font-size: 14px;
    padding: 26px 74px 0px 0px;
}

@media (min-width: 768px) {
    .grabber .reseller__information {
        padding: 20px 0 10px 0;
    }
}

.grabber .reseller__contact-container {
    display: flex;
    align-items: center;
}

    .grabber .reseller__contact-container img {
        width: 20px;
        height: 20px;
        margin-right: 10px;
    }

.grabber .reseller__phonenumber {
    padding: 20px 0 10px 0px !important;
}

.grabber .reseller__website--button {
    margin: 20px 10px 0px 0px;
    border-radius: 25px;
    background-color: #e30613;
    color: white;
    font-size: 18px;
    text-align: center;
    border-color: unset;
    border-style: unset;
    cursor: pointer;
    padding: 12px 36px 12px 36px;
}

@media (min-width: 768px) {
    .grabber .reseller__website--button {
        /*width: 180px;
            height: 50px;*/
        /*font-size: 17px;
            font-weight: initial;*/
    }
}

.grabber .reseller__each {
    position: relative;
    border: thin solid #e1e0dd;
    background: #fff;
    margin-bottom: 6%;
    padding: 20px 20px 20px 20px;
}

@media (min-width: 768px) {
    .grabber .reseller__each {
        margin-bottom: 2%;
    }
    /*.grabber .reseller__each:hover {*/
    /*background-color: #F8F8F8;*/
    /*color: #565656;*/
    /*border: thin solid #0670B7;
        }*/
    .at .reseller__each:hover:not(.active) {
        border: thin solid #0670B7;
    }
}

.grabber .reseller__each p {
    margin: 0;
    padding: 2px 20px 2px 0px;
}

@media (min-width: 768px) {
    .reseller__each p {
        padding: 5px 0px 0px 0px;
    }

    .grabber .reseller__each .reseller__openninghours p {
        padding: 10px 0px 0px 0px;
    }
}

.grabber .reseller__each .title {
    font-weight: bold;
}

.grabber .reseller__each.active {
    background: #EFF4F7;
    padding-bottom: 0px;
}

.grabber .reseller__header {
    display: flex;
}

    .grabber .reseller__header .reseller__arrow {
        width: 26px;
        height: 26px;
        transition: transform 0.2s;
    }

.grabber .reseller__each.active .reseller__header .reseller__arrow {
    transform: rotate(180deg); /* Rotate the arrow 180 degrees for the open state */
}

.grabber .reseller__search {
    width: 100%;
    padding: 8%;
}

.grabber .reseller__search--result {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

@media (min-width: 768px) {
    .grabber .reseller__search--result {
        /*-webkit-box-flex: 0;
            -webkit-flex: 0 0 50%;
                -ms-flex: 0 0 50%;
                    flex: 0 0 50%;
            max-width: 50%;*/
        /*padding: 0px 60px 0px 0px;*/
        order: 0;
    }
}

@media (min-width: 768px) {
    .grabber .reseller__search {
        width: 40%;
        padding: 0;
        /*margin: auto;*/
        /*top: 0;*/
        /*height: 100vh;*/
        overflow-y: auto;
        /*position: sticky;*/
    }
}

@media (min-width: 768px) {
    .grabber .reseller__search--area {
        background: #EFF4F7;
        padding: 10px 40px 30px 40px;
    }
}

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

.grabber .reseller .form {
    width: 100%;
    top: 50px;
    z-index: 1;
}

@media (min-width: 768px) {
    .grabber .reseller .form {
        top: 0px;
        z-index: 0;
    }
}

.grabber .reseller .field {
    position: relative;
    margin: auto;
    width: 100%;
    display: block;
}

    .grabber .reseller .field:first-child {
        border: 1px solid #9d7814;
    }

    .grabber .reseller .field .icon-search {
        position: absolute;
        top: -40px;
        right: 20px;
    }

@media (min-width: 768px) {
    .grabber .reseller .field .icon-search {
        right: 15px;
    }
}

.grabber .reseller .field svg {
    display: none;
    fill: #9d7814;
}

.grabber .reseller .field__input {
    border: none;
    height: 30px;
    border-radius: 0px;
    height: 52px;
    color: #9d7814;
    position: relative;
    font-size: 26px;
    padding: 0 62px 0 22px;
    font-family: "Source Sans Pro", sans-serif;
}

    .grabber .reseller .field__input[type="submit"] {
        display: none;
    }

    .grabber .reseller .field__input:focus {
        outline: none;
    }

@media (min-width: 768px) {
    .grabber .reseller .field__input {
        padding: 0px;
        border-bottom: none;
        top: 0px;
        border: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        outline: none;
        border-radius: 0;
        padding-left: 10px;
    }
}

.grabber .reseller .field__input ~ label {
    top: 10px;
    left: 15px;
    display: none;
    color: #a0a0a0;
    font-size: 26px;
    position: absolute;
}

@media (min-width: 768px) {
    .grabber .reseller .field__input ~ label {
        display: block;
    }
}

.grabber .reseller .field__input:focus ~ label {
    top: 2px;
    font-size: 0px;
    color: #757575;
}

.grabber .reseller .reseller__position--input {
    position: relative;
    margin-top: 30px;
    text-align: left;
}

@media (min-width: 768px) {
    .grabber .reseller .reseller__position--input {
        position: relative;
        margin-top: 20px;
    }
}

.grabber .reseller .field .reseller__position--button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 20px 0 44px;
    height: 50px;
    font-size: 20px;
    border: 1px solid #9d7814;
    border-radius: 25px;
    background-color: white;
    color: #9d7814;
    text-decoration: none;
    cursor: pointer;
    font-family: "Source Sans Pro", sans-serif;
    background-repeat: no-repeat;
    background-size: 14px 20px;
    background-position: 22px center;
}

    .grabber .reseller .field .reseller__position--button.active {
        background-color: #F8F8F8;
    }

@media (min-width: 768px) {
    .grabber .reseller .field .reseller__position--button {
        height: 50px;
        font-size: 20px;
        text-align: left;
        cursor: pointer;
    }

    /*.grabber .reseller .field .reseller__position--button.active {
            background-color: #F8F8F8;
        }*/
}

.grabber .reseller .icon-locate {
    position: absolute;
    width: 18px;
    height: 24px;
    top: 16px;
    left: 53px;
    z-index: 100;
}

@media (min-width: 768px) {
    .grabber .reseller .icon-locate {
        top: 15px;
        left: 26px;
        width: 14px;
        height: 20px;
    }
}

.grabber .reseller .spinner {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 3;
    background: #fff;
}

    .grabber .reseller .spinner svg {
        margin: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

.grabber .no-pointer-events {
    pointer-events: none;
}

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

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

    .grabber .slick-list:focus {
        outline: 0;
    }

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

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

.grabber .slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

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

    .grabber .slick-track:after {
        clear: both;
    }

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

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

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

.grabber .slick-slide img {
    display: block;
}

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

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

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

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

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

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

.grabber .overlay {
    position: fixed;
    width: 100vw;
    height: 0px;
    top: 0px;
    background-color: #f7f9fa;
    display: none;
    height: 100vh;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    opacity: 0.8;
    z-index: 2;
}

.grabber .open-search .overlay {
    display: block;
    opacity: 1;
}