:root {
    --brand__spacing--small: 10px;
}

:root {
    --brand__svg-icon--download: url("data:image/svg+xml,%3Csvg width='19' height='22' viewBox='0 0 19 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18.25 7.875H13.25L13.25 0.375L5.75 0.375L5.75 7.875L0.75 7.875L9.5 16.625L18.25 7.875ZM8.25 10.375V2.875L10.75 2.875L10.75 10.375H12.2125L9.5 13.0875L6.7875 10.375L8.25 10.375ZM18.25 21.625V19.125L0.75 19.125L0.75 21.625L18.25 21.625Z' fill='%23923414'/%3E%3C/svg%3E%0A");
    --brand__svg-icon--download-blue: url("data:image/svg+xml,%3Csvg width='11' height='13' viewBox='0 0 11 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.4583 4.59375H7.62496L7.62496 0.34375L3.37496 0.34375L3.37496 4.59375H0.541626L5.49996 9.55208L10.4583 4.59375ZM4.79163 6.01042L4.79163 1.76042L6.20829 1.76042L6.20829 6.01042H7.03704L5.49996 7.5475L3.96288 6.01042L4.79163 6.01042ZM10.4583 12.3854V10.9688L0.541626 10.9688L0.541626 12.3854L10.4583 12.3854Z' fill='%2342A2DA'/%3E%3C/svg%3E%0A");
   }

.u-hidden {
    display: none;
}

.a-btn--icon__download {
    --brand__btn-icon--background-image: var(--brand__svg-icon--download)
}

    .a-btn--icon__download.a-btn--icon__left {
        --brand__btn-icon-before-margin-top: 4px
    }

        .a-btn--icon__download.a-btn--icon__left span {
            --brand__btn--link-left: 25px
        }

        .a-btn--icon__download.a-btn--icon__left:before {
            height: var(--set-brand__btn-icon-download--size, 18px);
            width: var(--set-brand__btn-icon-download--size, 15px)
        }

    .a-btn--icon__download.a-btn--icon__right {
        --brand__btn-icon-before-margin-top: 4px
    }

        .a-btn--icon__download.a-btn--icon__right span {
            --brand__btn--link-right: 28px;
            --brand__btn--link-left: 0
        }

        .a-btn--icon__download.a-btn--icon__right:before {
            height: var(--set-brand__btn-icon-download--size, 18px);
            width: var(--set-brand__btn-icon-download--size, 15px)
        }

.a-btn--icon__download {
    --brand__btn-icon--background-image: var(--brand__svg-icon--download)
}

    .a-btn--icon__download.a-btn--icon__left {
        --brand__btn-icon-before-margin-top: 4px
    }

        .a-btn--icon__download.a-btn--icon__left span {
            --brand__btn--link-left: 25px
        }

        .a-btn--icon__download.a-btn--icon__left:before {
            height: var(--set-brand__btn-icon-download--size, 18px);
            width: var(--set-brand__btn-icon-download--size, 15px)
        }

.a-btn, .mktoButton {
    background-color: transparent;
    border: 0;
    padding: 0;
    align-items: var(--brand__btn--align-items, center);
    flex-direction: var(--brand__btn--flex-direction);
    justify-content: var(--brand__btn--justify-content);
    position: var(--set-brand__btn--position, var(--brand__btn--position, relative));
    top: var(--set-brand__btn--top);
    bottom: var(--set-brand__btn--bottom);
    left: var(--set-brand__btn--left);
    right: var(--set-brand__btn--right);
    transform: var(--set-brand__btn--transform);
    font-size: var(--brand__btn--font-size, var(--brand__font-size--large));
    font-weight: var(--brand__btn--font-weight, 600);
    color: var(--set-brand__btn--color, var(--brand__btn--color, rgb(66, 162, 218)));
    background-color: var(--set-brand__btn--background-color, var(--brand__btn--background-color));
    border-radius: var(--brand__btn--border-radius, 2px);
    -webkit-text-decoration: var(--brand__btn--text-decoration, none);
    text-decoration: var(--brand__btn--text-decoration, none);
    padding: 11px 26px;
    margin: var(--brand__btn--margin);
    cursor: var(--brand__btn--cursor, pointer);
    opacity: var(--brand__btn--opacity);
    z-index: var(--set-brand__btn--z-index, var(--brand__btn--z-index));
    transition: var(--brand__btn--transition, all 0.3s ease-in);
    vertical-align: var(--brand__btn--vertical-align, middle);
    text-transform: var(--brand__btn--text-transform, uppercase);
    letter-spacing: var(--brand__btn--text-letter-spacing, 0.01em)
}

.a-btn--primary, .mktoButton {
    --brand__btn--padding: calc(var(--brand__spacing--small) * 1.3) calc(var(--brand__spacing--small) * 2.6) calc(var(--brand__spacing--small) * 1.1);
    --brand__btn--color: rgb(0,0,0);
    --brand__btn--background-color: var(--brand__btn-primary--background-color, rgb(50, 200, 255));
    --brand__btn-icon--display: inline-block
}

    .a-btn--primary:hover:not(.disabled,:disabled), .mktoButton:hover:not(.disabled,:disabled), .a-btn--primary:focus-within:not(.disabled,:disabled), .mktoButton:focus-within:not(.disabled,:disabled), .a-btn--primary.active:not(.disabled,:disabled), .active.mktoButton:not(.disabled,:disabled) {
        --brand__btn-primary--background-color: rgb(48, 190, 248)
    }
        .a-btn--primary:hover:not(.disabled,:disabled)::before {
            background-image: url("data:image/svg+xml,%3Csvg width='19' height='22' viewBox='0 0 19 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18.25 7.875H13.25L13.25 0.375L5.75 0.375L5.75 7.875L0.75 7.875L9.5 16.625L18.25 7.875ZM8.25 10.375V2.875L10.75 2.875L10.75 10.375H12.2125L9.5 13.0875L6.7875 10.375L8.25 10.375ZM18.25 21.625V19.125L0.75 19.125L0.75 21.625L18.25 21.625Z' fill='%23FFFFFF'/%3E%3C/svg%3E%0A");
        }
    .a-btn--primary.a-btn--primary__large, .a-btn--primary__large.mktoButton {
        --brand__btn--border: var(--brand__btn-large--border, 5px solid rgba(255, 255, 255, .6))
    }

.a-btn--icon__left::before {
    content: "";
    display: var(--set-brand__btn-icon--display, var(--brand__btn-icon--display, none));
    background-image: var(--brand__btn-icon--background-image, url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 9.08984L4.7875 9.08984L11.775 2.10234L10 0.339844L0 10.3398L10 20.3398L11.7625 18.5773L4.7875 11.5898L20 11.5898V9.08984Z' fill='%23923414'/%3E%3C/svg%3E%0A"));
    background-size: cover;
    background-repeat: no-repeat;
    width: var(--set-brand__btn-icon--size, var(--brand__btn-icon--size, 17px));
    height: var(--set-brand__btn-icon--size, var(--brand__btn-icon--size, 17px));
    -webkit-margin-start: var(--brand__btn-icon-before--margin-start, 0);
    margin-inline-start: var(--brand__btn-icon-before--margin-start, 0);
    -webkit-margin-end: var(--brand__btn-icon-before--margin-end, 10px);
    margin-inline-end: var(--brand__btn-icon-before--margin-end, 10px);
    -webkit-filter: var(--brand__btn-icon--filter, "");
    filter: var(--brand__btn-icon--filter, "");
    margin-bottom: var(--brand__btn-icon-before-margin-bottom, 3px);
    margin-top: var(--brand__btn-icon-before-margin-top, 0);
    transform: var(--brand__btn-icon-before-transform)
}

.a-btn--link {
    --brand__btn--color: rgb(0, 0, 0);
    --brand__btn-icon--display: inline-block;
    --brand__btn--font-weight: 700;
    --brand__btn--text-transform: none;
    --brand__btn-icon--size: 12px;
    --brand__btn-icon--margin: 3px;
    --brand__btn--text-letter-spacing: 0;
    --brand__btn-icon-before-margin-top: 5px;
    --brand__btn-icon-after-margin-top: 5px;
    --brand__btn-icon--filter: invert(55%) sepia(92%) saturate(336%) hue-rotate(161deg) brightness(87%) contrast(96%)
}

    .a-btn--link:hover:not(.disabled,:disabled), .a-btn--link:focus-within:not(.disabled,:disabled), .a-btn--link.active:not(.disabled,:disabled) {
        --brand__btn--color: rgb(50, 200, 255);
        --brand__btn-icon--filter: invert(55%) sepia(92%) saturate(336%) hue-rotate(161deg) brightness(87%) contrast(96%)
    }

    .a-btn--link span {
        position: absolute;
        height: 2px;
        bottom: 2px;
        background-color: rgb(50, 200, 255);
        left: 25px;
        right: 25px;
        top: 26px;
    }

    .a-btn--link.a-btn--icon__right span {
        --brand__btn--link-right: 22px
    }

    .a-btn--link.a-btn--icon__left span {
        --brand__btn--link-left: 22px
    }

    .a-btn--link.a-btn--primary__large, .a-btn--link.a-btn--link__large {
        --brand__btn--text-transform: uppercase;
        --brand__btn--text-letter-spacing: 0.08em
    }

    .a-btn--link.a-btn--icon__download {
        --brand__btn--link-left: 22px;
        --brand__btn-icon--background-image: var(--brand__svg-icon--download-blue);
        --brand__btn-icon--size: 17px;
        --brand__btn-icon-before-margin-bottom: 0
    }


@media (max-width: 46.24em) {
    .c-compare {
        --comparison-top-info--flex-direction: column-reverse;
        --brand__typography-h6--margin-bottom: 16px;
        --lazy-image--margin-compare: auto 0 16px;
        --lazy-image--size-compare: 116px;
        --comparison-top-info--padding: 40px 7px 0;
        --comparison-columns--padding: 40px 7px 0;
        --products-table-list--padding: 7px;
        --products-features-list--padding: 7px;
        --comparison-columns-list--padding: 7px;
        --products-columns-one-first--flex: 50%;
        --products-columns-first--flex: 182px;
        --products-columns-first--flex-swiper: 182px;
        --products-compares-two--width: 0 0 calc(100vw - 182px);
        --products-compares-two--width-zero: 0 0 100vw;
        --comparison-columns-list--flex: 200px;
        --products-wrapper-table--margin: 0 -10px 0 -5px;
        --products-wrapper-table--margin-0: 0 -10px;
        --brand__typography-h6--width: 100%;
        --brand__typography-h6--padding: 0 0 0 11px;
        --compare-heading-button--margin: 0 0 13px;
        --products-two-swiper-button--display: block;
        --products-compares--padding-bottom: 15px;
        --products-columns-first--after-display: block;
        --products-features-list--min-height: 72px;
        --set-swiper-two-slide--width: 50%;
        --products-swiper-button--width-swiper: 32px;
        --set-swiper-arrow-prev-swiper--position-right: 0
    }

        .c-compare .top-info {
            --comparison-top-info--background-color: transparent
        }
}

.c-coc {
    --c-tooltip--min-width: 145px;
    --c-tooltip--text-align: left;
    --c-tooltip--font-size: 12px;
    --c-tooltip--color: rgb(45, 44, 54);
    --c-tooltip--padding: 14px;
    --c-tooltip__content--border: 1px solid rgba(52, 50, 63, 0.1);
    --c-tooltip__content--border-radius: 4px;
    --c-tooltip__content--background: rgb(255,255,255);
    --c-tooltip__content--top: calc(-100% - 15px);
    --c-tooltip__content--transform: translate(-50%, -75%);
    --c-tooltip__point--bottom: -4px;
    --c-tooltip__point--color: rgb(255,255,255);
    --c-tooltip__point--left: 16px;
    --c-tooltip__point--border-width: 7px;
    --c-tooltip__point--transform: rotate(45deg);
    --c-tooltip__point-wrapper--content: " ";
    --c-tooltip__point-wrapper--color: rgba(52, 50, 63, 0.06) transparent transparent transparent;
    --c-tooltip__point-wrapper--border-width: 8px;
    --c-tooltip__point-wrapper--bottom: -17px;
    --c-tooltip__point-wrapper--left: 15px;
    --popup__button--display: block;
    --brand__btn--transition: background-color 0.3s ease, color 0.3s ease
}

.c-coc-wrapper {
    background-color: rgb(255,255,255);
    border: 2px solid rgba(52,50,63,.1);
    padding: 40px;
}

.c-coc__item {
    padding: var(--coc__item--padding, 28px calc( 40px + 12px ));
    background-color: var(--coc-item--background)
}

    .c-coc__item.is-active {
        --coc-content--visibility: visible;
        --coc-item--background: rgb(250, 249, 247);
        --coc-content--max-height: auto;
        --coc-content--padding: 20px;
        --coc__checkmark--background: rgb(50, 200, 255)
    }

.c-coc__label {
    cursor: pointer;
    position: relative;
    display: block
}

.c-coc__title {
    font-weight: 700;
    margin-bottom: 20px
}

.c-coc__input {
    position: absolute;
    visibility: hidden
}

.c-coc__checkmark {
    position: absolute;
    top: 0;
    left: -20px;
    margin: 0;
    display: block;
    width: 14px;
    height: 14px;
    border: 1px solid #34323F;
    border-radius: 50%
}

    .c-coc__checkmark::after {
        content: "";
        position: absolute;
        top: 2px;
        left: 2px;
        display: block;
        border-radius: 50%;
        width: 8px;
        height: 8px;
        background-color: var(--coc__checkmark--background)
    }

.c-coc__content {
    visibility: var(--coc-content--visibility, hidden);
    max-height: var(--coc-content--max-height, 0);
    padding-top: 0;
}

.c-coc__field {
    margin-top: 27px;
    margin-bottom: 5px;
    --set-brand__link--color: rgb(98, 110, 122);
    --set-brand__link-hover--color: rgb(235, 96, 49)
}

    .c-coc__field label {
        text-transform: uppercase;
        width: 100%
    }

@media (min-width: 61.25em) {
    .c-coc__field {
        max-width: 45%
    }
}

.c-coc__footer {
    margin-top: 27px;
    margin-bottom: 5px;
    --brand__btn--margin: 0 40px 0 0
}

@media (max-width: 46.24em) {
    .c-coc__footer {
        gap: 20px
    }
}

.c-coc__top_result {
    border: 1px solid #afb0b0;
    padding: 20px;
    width: 65%;
    border-width: 1px 1px 0 1px
}

@media (max-width: 46.24em) {
    .c-coc__top_result {
        width: 95%
    }
}

.c-coc__footer_result {
    border: 1px solid #afb0b0;
    padding: 20px;
    width: 65%;
    border-width: 0 1px 1px 1px;
    margin-top: 0 !important
}

@media (max-width: 46.24em) {
    .c-coc__footer_result {
        width: 95%
    }
}

.c-coc input[type=text] {
    --brand-input-error--border-color: rgb(235, 96, 49);
    height: 30px;
    width: 100%;
    font-size: 15px;
    line-height: 1.2;
    color: rgb(var(--brand__color--text));
    font-family: "Roboto";
    font-weight: var(--brand__font-weight);
    padding: 0 12px;
    border: 1px solid #AFB0B0;
}

@media (min-width: 61.25em) {
    .c-coc input[type=text] {
        max-width: 45%
    }
}

.c-coc .error-msg {
    --set-brand__img--position-margin: -3px 5px 0 0;
    font-size: 12px;
    color: rgb(235, 96, 49)
}

.c-coc__result {
    margin-top: 30px;
    display: none
}

    .c-coc__result.is-active {
        display: block
    }

.c-coc__result--empty {
    margin-top: 20px;
    padding: 15px;
    background: rgb(255,255,255);
    --set-brand__img--position-margin: 5px 20px 0 0
}

@media (min-width: 61.25em) {
    .c-coc__result--empty {
        max-width: 45%
    }
}

.c-coc__table {
    margin-top: 20px;
    border-spacing: 0;
    max-width: var(--coc-table--max-width, 100%)
}

.c-coc__table-item {
    padding: 10px 0;
    border-bottom: 1px solid #afb0b0;
    min-width: 190px;
    align-items: center;
    --set-brand__img--position-margin: 0 10px 0 0
}

    .c-coc__table-item div {
        min-width: 210px;
    }

    .c-coc__table-item p {
        text-transform: uppercase;
    }

@media (max-width: 61.24em) {
    .c-coc {
        --coc--padding: 0;
        --coc__item--padding: 20px 20px 20px 40px;
        --c-tooltip__point--left: 50%;
        --c-tooltip__point-wrapper--left: calc(50% - 1px)
    }

        .c-coc .a-btn {
            white-space: nowrap;
            --brand__btn--font-size: 14px
        }
}

@media (min-width: 46.25em) {
    .c-coc {
        --coc-table__item--min-width: 210px
    }
}

@media (min-width: 61.25em) {
    .c-coc {
        --coc-table--max-width: 540px;
        --c-tooltip__point--left: 16px;
        --c-tooltip__point-wrapper--left: 15px
    }
}

.c-coc .c-popup-body {
    background: rgba(46,204,113,.1)
}


.c-coc .error-msg {
    --set-brand__img--position-margin: -3px 5px 0 0;
    font-size: 12px;
    color: rgb(235, 96, 49)
}

input[type=date]:focus, input[type=datetime]:focus, input[type=datetime-local]:focus, input[type=email]:focus, input[type=month]:focus, input[type=number]:focus, input[type=password]:focus, input[type=range]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=time]:focus, input[type=url]:focus, input[type=week]:focus, textarea:focus {
    outline: 0;
    border-color: var(--brand-input-focus--border-color, rgb(66, 162, 218)) !important;
    --brand-input--box-shadow: var(--brand-input-focus--box-shadow, 0px 0px 20px rgba(7, 150, 245, 0.2)) !important
}

input[type=date].error, input[type=datetime].error, input[type=datetime-local].error, input[type=email].error, input[type=month].error, input[type=number].error, input[type=password].error, input[type=range].error, input[type=search].error, input[type=tel].error, input[type=text].error, input[type=time].error, input[type=url].error, input[type=week].error, textarea.error {
    border-color: var(--brand-input-error--border-color, rgb(235, 96, 49));
    --brand-input--box-shadow: var(--brand-input-error--box-shadow, 0px 0px 20px rgba(197, 0, 0, 0.15))
}

.a-btn.a-btn--primary.a-btn--icon__download {
    display: inline-flex;
}

.a-btn.a-btn--primary.a-btn--icon__download.u-hidden {
    display: none;
}

.u-flex {
    display: flex;
}

.u-align-center {
    align-items: center;
}

.c-coc__table-item.u-flex p {
    margin: 0;
}

.u-flex.u-align-center img {
    display: flex;
    margin-right: 10px;
    align-self: center;
}

.u-flex.u-align-center.error-msg img {
    float: left;
}

.c-tooltip {
    position: relative;
    display: inline-block;
    cursor: pointer;
    border: var(--c-tooltip--border);
    border-radius: var(--c-tooltip--border-radius);
    background-color: rgba(0,0,0,0);
    width: 100%;
    height: auto;
}



/*.c-tooltip__content {
    visibility: hidden;
    background-color: rgb(255, 255, 255);
    padding: 14px;
    font-size: 12px;
    white-space: normal;
    min-width: 145px;
    border: 1px solid;
    border-radius: 4px;
    left: 50%;
    transform: translateX(-50%);
    top: calc(100% + 8px);
    text-align: center;
    position: absolute;
    z-index: 1;
}*/

.c-tooltip__content {
    visibility: var(--c-tooltip--visibility, hidden);
    background-color: var(--c-tooltip__content--background, rgb(var(--brand__color--background-darker)));
    padding: var(--c-tooltip--padding, 2px 5px);
    font-size: var(--c-tooltip--font-size, 14px);
    white-space: var(--c-tooltip--white-space);
    min-width: var(--c-tooltip--min-width, 68px);
    border: var(--c-tooltip__content--border);
    border-radius: var(--c-tooltip__content--border-radius);
    left: calc(65% - 10px);
    transform: var(--c-tooltip__content--transform, translateX(-50%));
    top: var(--c-tooltip__content--top, calc(100% + 8px));
    text-align: center;
    position: absolute;
    z-index: 1;
}

.c-tooltip__content::before {
    content: var(--c-tooltip__point-wrapper--content);
    position: absolute;
    bottom: var(--c-tooltip__point-wrapper--bottom);
    left: var(--c-tooltip__point-wrapper--left);
    margin-left: -5px;
    border-width: var(--c-tooltip__point-wrapper--border-width, 5px);
    border-style: solid;
    border-color: var(--c-tooltip__point-wrapper--color);
}

.c-tooltip__content::after {
    content: " ";
    position: absolute;
    bottom: var(--c-tooltip__point--bottom, 100%);
    left: var(--c-tooltip__point--left, 50%);
    margin-left: -5px;
    border-width: var(--c-tooltip__point--border-width, 5px);
    border-style: solid;
    border-color: var(--c-tooltip__point--color, transparent transparent rgb(var(--brand__color--background-darker)) transparent);
    transform: var(--c-tooltip__point--transform);
}

.c-rich-text.p-small.u-txt-underline {
    text-align: end;
    text-decoration: underline;
}

.c-rich-text.p-small.u-txt-underline:hover {
    color: rgb(235, 96, 49);
}

.js-tooltip:hover > .c-tooltip__content {
    visibility: visible;
}

div.c-coc__footer {
    display: block;
}