/* Start:/local/templates/landing_en/components/bitrix/catalog/catalog/style.css?1781094604222*/
.catalog__title.quotes::after, .catalog__filter-item.qoutes .tabs_itemInner::after {
    content: "»";
}

.catalog__title.quotes::before, .catalog__filter-item.qoutes .tabs_itemInner::before {
    content: "«";
}

/* End */


/* Start:/local/templates/landing_en/components/bitrix/catalog.smart.filter/.default/style.css?1781094604902*/
.filter__element_parent {
    display: flex !important;
    justify-content: space-between !important;
    justify-items: center !important;
    flex-wrap: wrap !important;
}

.filter__element_parent > a {
    max-width: 50%;
}

.filter__subelements {
    padding-left: 0 !important;
}

.filter_form .filter__arrow {
    right: -20px !important;
}

.filter_form .filter__element_parent > .filter__checkbox,
.filter_mobile .filter__element_parent > .filter__checkbox {
    color: #9f9f9f;
    font-size: 14px;
    font-weight: 400;
    cursor: pointer;
}

.filter_mobile .filter__element_parent > .filter__checkbox {
    padding-right: 30px;
}

.filter__element_parent > span {
    max-width: 50%;
    cursor: default;
}

.filter__element_parent.filter__element_active-parent > span {
    color: #00625E;
}

.filter__element span:hover {
    color: #00625E;
}

/* End */


/* Start:/local/templates/landing_en/components/bitrix/system.pagenavigation/show_more_new/style.css?178109460456*/
span.summary__more.btn {
    pointer-events: auto;
}

/* End */


/* Start:/local/templates/landing_en/css/ui_mcart.css?176953863426921*/
.page_form {
    padding: 0;
    background: #EAF6F9;
}
.page_form .page__wrapper {
    min-height: 100vh;
}

.page__wrapper {
    min-width: 320px;
    min-height: calc(100vh - 80px);
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    background: #EAF6F9;
}
@media screen and (min-width: 1260px) {
    .page__wrapper {
        min-height: calc(100vh - 135px);
    }
}

.title {
    font-weight: 800;
    font-size: 30px;
    line-height: 100%;
    letter-spacing: -0.02em;
    color: white;
    text-align: center;
}
@media (min-width: 768px) {
    .title {
        font-size: 35px;
    }
}
@media (min-width: 1260px) {
    .title {
        font-size: 50px;
        line-height: 100%;
        letter-spacing: normal;
    }
}

.text-hidden {
    font-size: 0;
    visibility: hidden;
    opacity: 0;
}

.from-tablet {
    display: none;
}
@media screen and (min-width: 768px) {
    .from-tablet {
        display: block;
    }
}

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

.desktop-only {
    display: none;
}
@media screen and (min-width: 1260px) {
    .desktop-only {
        display: block;
    }
}

.center {
    text-align: center;
}

.ajax-loading {
    opacity: 0.5;
    pointer-events: none;
    cursor: wait;
}

.text-page {
    font-size: 16px;
    line-height: 1.45;
    color: #2A384E;
}
@media screen and (min-width: 1260px) {
    .text-page {
        font-size: 18px;
    }
}
.text-page p {
    margin: 15px 0;
}
.text-page h2 {
    font-size: 30px;
    margin: 30px 0 10px;
}
@media screen and (min-width: 768px) {
    .text-page h2 {
        font-size: 35px;
        margin: 40px 0 20px;
    }
}
@media screen and (min-width: 1260px) {
    .text-page h2 {
        font-size: 40px;
    }
}
.text-page h3 {
    font-size: 25px;
    margin: 20px 0 10px;
}
@media screen and (min-width: 768px) {
    .text-page h3 {
        font-size: 30px;
        margin: 40px 0 20px;
    }
}
@media screen and (min-width: 1260px) {
    .text-page h3 {
        font-size: 35px;
    }
}
.text-page h4 {
    font-size: 20px;
    margin: 20px 0 10px;
}
@media screen and (min-width: 768px) {
    .text-page h4 {
        font-size: 25px;
        margin: 40px 0 20px;
    }
}
@media screen and (min-width: 1260px) {
    .text-page h4 {
        font-size: 30px;
    }
}
.text-page img {
    display: block;
    border-radius: 7px;
    margin: 20px 0;
}
@media screen and (min-width: 1260px) {
    .text-page img {
        margin: 30px 0;
    }
}
.text-page a:not(.btn) {
    color: #00625E;
}
.text-page b {
    font-weight: 600;
}
.text-page ol {
    margin: -4px 0 20px;
    padding: 0;
    counter-reset: leafCounter;
}
@media screen and (min-width: 1260px) {
    .text-page ol {
        margin-bottom: 35px;
    }
}
.text-page ol li {
    margin-bottom: 10px;
    padding-left: 32px;
    counter-increment: leafCounter;
    position: relative;
}
.text-page ol li::before {
    content: counter(leafCounter);
    color: #fff;
    background: url(/local/templates/landing_en/img/svg/list-item.svg) no-repeat center/contain;
    width: 23px;
    height: 18px;
    position: absolute;
    left: 0;
    top: 2px;
    font-size: 15px;
    text-align: center;
    line-height: 1.45;
}
.text-page ul {
    margin: -4px 0 20px;
    padding: 0;
}
@media screen and (min-width: 1260px) {
    .text-page ul {
        margin-bottom: 35px;
    }
}
.text-page ul li {
    margin-bottom: 10px;
    padding-left: 32px;
    position: relative;
}
.text-page ul li::before {
    content: "";
    background: url(/local/templates/landing_en/img/svg/list-item.svg) no-repeat center/contain;
    width: 13px;
    height: 11px;
    position: absolute;
    left: 0;
    top: 6px;
}
@media screen and (min-width: 1260px) {
    .text-page ul li::before {
        top: 8px;
    }
}

.default-section {
    padding: 20px 0 40px;
}
@media screen and (min-width: 768px) {
    .default-section {
        padding-bottom: 50px;
    }
}
@media screen and (min-width: 1260px) {
    .default-section {
        padding-top: 50px;
        padding-bottom: 70px;
    }
}


/* ui kit */
a {
    font: inherit;
    text-decoration: none;
    color: inherit;
    border: none;
    outline: none;
    -webkit-transition: color 0.25s ease-in-out;
    -o-transition: color 0.25s ease-in-out;
    transition: color 0.25s ease-in-out;
}
a:hover {
    text-decoration: underline;
}

input[type=checkbox], input[type=radio] {
    display: none;
}

input[type=checkbox] + i, input[type=radio] + i {
    display: inline-block;
    vertical-align: top;
    position: relative;
    padding-left: 27px;
    font-style: normal;
}

input[type=checkbox] + i::before, input[type=radio] + i::before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background: url(/local/templates/landing_en/img/svg/checkbox.svg) no-repeat center/contain;
    position: absolute;
    left: 0;
    top: 3px;
}

input[type=radio] + i::before {
    background-image: url(/local/templates/landing_en/img/svg/radio.svg);
}

input[type=checkbox]:checked + i::before {
    background-image: url(/local/templates/landing_en/img/svg/checkbox-checked.svg);
}

input[type=radio]:checked + i::before {
    background-image: url(/local/templates/landing_en/img/svg/radio-checked.svg);
}

input[type=text], input[type=email], input[type=password], input[type=tel], textarea {
    caret-color: #00625E;
    display: block;
    width: 100%;
    height: 50px;
    background: none;
    border: 1px solid rgba(42, 56, 78, 0.6);
    border-radius: 5px;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    font-size: 17px;
    color: rgba(42, 56, 78, 0.6);
    line-height: 1.2;
    -webkit-transition: color 0.25s ease-in-out, border 0.25s ease-in-out, padding 0.25s ease-in-out;
    -o-transition: color 0.25s ease-in-out, border 0.25s ease-in-out, padding 0.25s ease-in-out;
    transition: color 0.25s ease-in-out, border 0.25s ease-in-out, padding 0.25s ease-in-out;
    padding: 13px 20px 12px;
    font-family: "Roboto Condensed", sans-serif;
}
input[type=text]:hover, input[type=text]:focus, input[type=email]:hover, input[type=email]:focus, input[type=password]:hover, input[type=password]:focus, input[type=tel]:hover, input[type=tel]:focus, textarea:hover, textarea:focus {
    border-color: #00625E;
    color: #00625E;
}
input[type=text]:focus, input[type=email]:focus, input[type=password]:focus, input[type=tel]:focus, textarea:focus {
    border-width: 2px;
    padding-left: 19px;
}
input[type=text]:disabled, input[type=email]:disabled, input[type=password]:disabled, input[type=tel]:disabled, textarea:disabled {
    background: #fff;
    color: rgba(0, 98, 94, 0.2);
    border-color: rgba(0, 98, 94, 0.2);
}

textarea {
    height: 170px;
}

.input {
    position: relative;
}
.input input:hover + .input__placeholder, .input textarea:hover + .input__placeholder {
    color: #00625E;
}
.input input:not(:-moz-placeholder-shown) + .input__placeholder, .input textarea:not(:-moz-placeholder-shown) + .input__placeholder {
    padding: 0 10px 4px;
    background: #fff;
    color: rgba(0, 98, 94, 0.5);
    left: 10px;
    top: -13px;
    font-size: 15px;
    white-space: nowrap;
}
.input input:not(:-ms-input-placeholder) + .input__placeholder, .input textarea:not(:-ms-input-placeholder) + .input__placeholder {
    padding: 0 10px 4px;
    background: #fff;
    color: rgba(0, 98, 94, 0.5);
    left: 10px;
    top: -13px;
    font-size: 15px;
    white-space: nowrap;
}
.input input:focus + .input__placeholder, .input input:not(:placeholder-shown) + .input__placeholder,
.input textarea:focus + .input__placeholder, .input textarea:not(:placeholder-shown) + .input__placeholder {
    padding: 0 10px 4px;
    background: #fff;
    color: rgba(0, 98, 94, 0.5);
    left: 10px;
    top: -13px;
    font-size: 15px;
    white-space: nowrap;
}
.input input:not(:-moz-placeholder-shown) + .input__placeholder .input__star, .input textarea:not(:-moz-placeholder-shown) + .input__placeholder .input__star {
    margin-left: 10px;
}
.input input:not(:-ms-input-placeholder) + .input__placeholder .input__star, .input textarea:not(:-ms-input-placeholder) + .input__placeholder .input__star {
    margin-left: 10px;
}
.input input:focus + .input__placeholder .input__star, .input input:not(:placeholder-shown) + .input__placeholder .input__star,
.input textarea:focus + .input__placeholder .input__star, .input textarea:not(:placeholder-shown) + .input__placeholder .input__star {
    margin-left: 10px;
}
.input input:disabled + .input__placeholder, .input textarea:disabled + .input__placeholder {
    color: rgba(0, 98, 94, 0.2);
}

.input__placeholder {
    display: inline-block;
    width: auto;
    pointer-events: none;
    position: absolute;
    left: 20px;
    top: 13px;
    max-width: calc(100% - 40px);
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    color: rgba(42, 56, 78, 0.6);
    z-index: 10;
    -webkit-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    font-size: 17px;
    line-height: 1.2;
}

textarea + .input__placeholder {
    white-space: normal;
}

.input__star {
    font-size: 18px;
    line-height: 1.2;
    color: #EE765E;
    margin-left: 5px;
}

.input_error input, .input_error textarea {
    border-color: #EE765E !important;
}
.input_error input:focus, .input_error input:hover, .input_error textarea:focus, .input_error textarea:hover {
    border-color: #EE765E !important;
}
.input_error input:not(:-moz-placeholder-shown) + .input__placeholder, .input_error textarea:not(:-moz-placeholder-shown) + .input__placeholder {
    color: #EE765E;
}
.input_error input:not(:-ms-input-placeholder) + .input__placeholder, .input_error textarea:not(:-ms-input-placeholder) + .input__placeholder {
    color: #EE765E;
}
.input_error input:focus + .input__placeholder, .input_error input:not(:placeholder-shown) + .input__placeholder,
.input_error textarea:focus + .input__placeholder, .input_error textarea:not(:placeholder-shown) + .input__placeholder {
    color: #EE765E;
}

body:not(.user-is-tabbing) button:focus,
body:not(.user-is-tabbing) [role=button]:focus,
body:not(.user-is-tabbing) input:focus,
body:not(.user-is-tabbing) select:focus,
body:not(.user-is-tabbing) textarea:focus,
body:not(.user-is-tabbing) input:focus + label {
    outline: none !important;
}

.btn {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    min-height: 45px;
    font-family: "Neucha", sans-serif;
    font-size: 15px;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 0.12em;
    line-height: 1;
    padding: 9px 13px;
    border: none;
    -webkit-transition: -webkit-filter 0.25s ease-in-out;
    transition: -webkit-filter 0.25s ease-in-out;
    -o-transition: filter 0.25s ease-in-out;
    transition: filter 0.25s ease-in-out;
    transition: filter 0.25s ease-in-out, -webkit-filter 0.25s ease-in-out;
    cursor: pointer;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 121 50' preserveAspectRatio='none' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M86.0833 0.534204C70.2338 0.818294 -0.393606 -2.02261 0.718637 3.09102C-0.393606 19.0001 0.996697 24.6819 0.440576 29.2274C0.162515 30.9319 -0.393606 40.3069 0.440576 41.7274C0.440576 41.7274 0.440576 46.5569 0.996697 47.9774C2.387 52.8069 71.6241 47.9774 92.2006 49.966C94.1471 50.2501 117.504 50.8183 119.173 49.3978C121.953 46.841 119.729 39.7388 120.007 35.1933C120.841 21.5569 121.119 19.8524 120.563 7.92057C120.563 6.21602 120.285 4.22739 119.451 3.09102C118.616 2.23875 116.67 1.38648 115.558 1.10239C109.44 0.250113 91.9226 0.534204 86.0833 0.534204Z' fill='%2300625E'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    font-weight: normal;
}
@media screen and (min-width: 768px) {
    .btn {
        padding: 9px 20px;
    }
}
.btn:disabled {
    background-image: url(/local/templates/landing_en/img/svg/button-disabled.svg);
    cursor: default;
    color: rgba(255, 255, 255, 0.5);
}
.btn:disabled::after {
    opacity: 0.5;
}
@media screen and (min-width: 1260px) {
    .btn {
        min-height: 50px;
        padding: 11px 20px;
        font-size: 17px;
    }
}
.btn:hover {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 121 50' preserveAspectRatio='none' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M86.0833 0.534204C70.2338 0.818294 -0.393606 -2.02261 0.718637 3.09102C-0.393606 19.0001 0.996697 24.6819 0.440576 29.2274C0.162515 30.9319 -0.393606 40.3069 0.440576 41.7274C0.440576 41.7274 0.440576 46.5569 0.996697 47.9774C2.387 52.8069 71.6241 47.9774 92.2006 49.966C94.1471 50.2501 117.504 50.8183 119.173 49.3978C121.953 46.841 119.729 39.7388 120.007 35.1933C120.841 21.5569 121.119 19.8524 120.563 7.92057C120.563 6.21602 120.285 4.22739 119.451 3.09102C118.616 2.23875 116.67 1.38648 115.558 1.10239C109.44 0.250113 91.9226 0.534204 86.0833 0.534204Z' fill='%231E807C'/%3E%3C/svg%3E%0A");
    text-decoration: none;
}
.btn:active {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 121 50' preserveAspectRatio='none' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M86.0833 0.534204C70.2338 0.818294 -0.393606 -2.02261 0.718637 3.09102C-0.393606 19.0001 0.996697 24.6819 0.440576 29.2274C0.162515 30.9319 -0.393606 40.3069 0.440576 41.7274C0.440576 41.7274 0.440576 46.5569 0.996697 47.9774C2.387 52.8069 71.6241 47.9774 92.2006 49.966C94.1471 50.2501 117.504 50.8183 119.173 49.3978C121.953 46.841 119.729 39.7388 120.007 35.1933C120.841 21.5569 121.119 19.8524 120.563 7.92057C120.563 6.21602 120.285 4.22739 119.451 3.09102C118.616 2.23875 116.67 1.38648 115.558 1.10239C109.44 0.250113 91.9226 0.534204 86.0833 0.534204Z' fill='%231E807C'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}

.btn_arrow::after {
    content: "";
    display: block;
    width: 13px;
    height: 9px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 13px;
    flex: 0 0 13px;
    margin-left: 9px;
    background: url(/local/templates/landing_en/img/svg/button-arrow.svg) no-repeat center/contain;
    position: relative;
    top: 1px;
}

.btn_small {
    background: #00625E;
    font-family: "Roboto Condensed", sans-serif;
    border-radius: 7px;
    letter-spacing: 0;
    padding: 0 20px 3px;
    text-transform: none;
    min-height: 35px;
    font-size: 17px;
    -webkit-transition: -webkit-box-shadow 0.25s ease-in-out;
    transition: -webkit-box-shadow 0.25s ease-in-out;
    -o-transition: box-shadow 0.25s ease-in-out;
    transition: box-shadow 0.25s ease-in-out;
    transition: box-shadow 0.25s ease-in-out, -webkit-box-shadow 0.25s ease-in-out;
}
.btn_small:hover {
    -webkit-filter: none;
    filter: none;
    -webkit-box-shadow: 0 1px 2px rgba(1, 78, 114, 0.1);
    box-shadow: 0 1px 2px rgba(1, 78, 114, 0.1);
    background-image: none;
    background: #118E87;
}

.btn_small-white {
    font-family: "Roboto Condensed", sans-serif;
    border-radius: 7px;
    letter-spacing: 0;
    padding: 0 20px 3px;
    text-transform: none;
    min-height: 35px;
    font-size: 17px;
    -webkit-box-shadow: 0px 1px 2px rgba(1, 78, 114, 0.1);
    box-shadow: 0px 1px 2px rgba(1, 78, 114, 0.1);
    -webkit-transition: -webkit-box-shadow 0.25s ease-in-out;
    transition: -webkit-box-shadow 0.25s ease-in-out;
    -o-transition: box-shadow 0.25s ease-in-out;
    transition: box-shadow 0.25s ease-in-out;
    transition: box-shadow 0.25s ease-in-out, -webkit-box-shadow 0.25s ease-in-out;
}
.btn_small-white:hover {
    -webkit-filter: none;
    filter: none;
    -webkit-box-shadow: 0px 3px 6px rgba(1, 78, 114, 0.2);
    box-shadow: 0px 3px 6px rgba(1, 78, 114, 0.2);
    background-image: none;
}

.btn_white, .btn_light, .btn_small-white {
    background: #fff;
    color: #00625E;
}
.btn_white.btn_arrow::after, .btn_light.btn_arrow::after, .btn_small-white.btn_arrow::after {
    background-image: url(/local/templates/landing_en/img/svg/button-arrow-green.svg);
    position: relative;
    top: 2px;
    -webkit-transition: background 0.25s ease-in-out;
    -o-transition: background 0.25s ease-in-out;
    transition: background 0.25s ease-in-out;
}

.btn_light {
    background: #F6FAFC;
    -webkit-transition: -webkit-box-shadow 0.25s ease-in-out;
    transition: -webkit-box-shadow 0.25s ease-in-out;
    -o-transition: box-shadow 0.25s ease-in-out;
    transition: box-shadow 0.25s ease-in-out;
    transition: box-shadow 0.25s ease-in-out, -webkit-box-shadow 0.25s ease-in-out;
}
.btn_light:hover {
    -webkit-box-shadow: 0px 3px 6px rgba(1, 78, 114, 0.2);
    box-shadow: 0px 3px 6px rgba(1, 78, 114, 0.2);
    background-image: none;
}

.btn__number {
    margin-left: 10px;
    opacity: 0.5;
}

.error-message {
    display: block;
    margin: 0 0 30px;
    font-size: 17px;
}


/*nice select*/
.nice-select {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    border-radius: 7px;
    border: solid 1px rgba(0, 98, 94, 0.5);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    clear: both;
    cursor: pointer;
    font-size: 17px;
    font-weight: normal;
    height: 50px;
    line-height: 1;
    outline: none;
    padding-left: 20px;
    padding-right: 30px;
    position: relative;
    text-align: left !important;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: auto;
    color: rgba(0, 98, 94, 0.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.nice-select.selected {
    color: #00625E;
}

.nice-select.error {
    border-color: #EE765E;
}

.nice-select:hover {
    color: #00625E;
    border-color: #00625E;
}

.nice-select:active, .nice-select.open, .nice-select:focus {
    border-color: #00625E;
}

.nice-select::after {
    content: "";
    width: 6px;
    height: 4px;
    background: url(/local/templates/landing_en/img/svg/select.svg) no-repeat center/contain;
    position: absolute;
    right: 18px;
    top: calc(50% - 2px);
    -webkit-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.nice-select.open:after {
    -webkit-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    transform: scaleY(-1);
}

.nice-select.open .nice-select-dropdown {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
}

.nice-select.disabled {
    border-color: #ededed;
    color: #999;
    pointer-events: none;
}

.nice-select.disabled:after {
    border-color: #ccc;
}

.nice-select.wide {
    width: 100%;
}

.nice-select.wide .nice-select-dropdown {
    left: 0 !important;
    right: 0 !important;
}

.nice-select.right {
    float: right;
}

.nice-select.right .nice-select-dropdown {
    left: auto;
    right: 0;
}

.nice-select.small {
    font-size: 12px;
    height: 36px;
    line-height: 34px;
}

.nice-select.small:after {
    height: 4px;
    width: 4px;
}

.nice-select.small .option {
    line-height: 34px;
    min-height: 34px;
}

.nice-select .nice-select-dropdown {
    margin-top: 10px;
    background-color: #EAF6F9;
    border-radius: 7px;
    -webkit-box-shadow: 0 36px 20px rgba(12, 79, 77, 0.1), 0 24px 12px rgba(12, 79, 77, 0.1), 0 10px 8px rgba(12, 79, 77, 0.1);
    box-shadow: 0 36px 20px rgba(12, 79, 77, 0.1), 0 24px 12px rgba(12, 79, 77, 0.1), 0 10px 8px rgba(12, 79, 77, 0.1);
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: -1px;
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    -webkit-transform: scale(0.75) translateY(-20px);
    -ms-transform: scale(0.75) translateY(-20px);
    transform: scale(0.75) translateY(-20px);
    -webkit-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    z-index: 90;
    opacity: 0;
    width: calc(100% + 2px);
    font-size: 17px;
}

.nice-select .list {
    border-radius: 7px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    padding: 7px 20px 12px;
    max-height: 210px;
    overflow-y: auto;
    margin: 0;
    width: 100%;
    background: none;
}

.nice-select .list:hover .option:not(:hover) {
    background-color: transparent !important;
}

.nice-select .option {
    cursor: pointer;
    line-height: 1;
    list-style: none;
    outline: none;
    padding: 8px 0;
    text-align: left;
    -webkit-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    color: #00625E;
    border-bottom: 1px solid rgba(0, 98, 94, 0.2);
}
.nice-select .option:last-child {
    border-bottom: 0;
}

.nice-select .option.selected {
    color: rgba(42, 56, 78, 0.6);
}

.nice-select .option.disabled {
    display: none;
}

.nice-select .optgroup {
    font-weight: bold;
}

.no-csspointerevents .nice-select .nice-select-dropdown {
    display: none;
}

.no-csspointerevents .nice-select.open .nice-select-dropdown {
    display: block;
}

.nice-select .list::-webkit-scrollbar {
    width: 0;
}

.nice-select .has-multiple {
    white-space: inherit;
    height: auto;
    padding: 7px 12px;
    min-height: 36px;
    line-height: 22px;
}

.nice-select .has-multiple span.current {
    border: 1px solid #ccc;
    background: #eee;
    padding: 0 10px;
    border-radius: 3px;
    display: inline-block;
    line-height: 24px;
    font-size: 14px;
    margin-bottom: 3px;
    margin-right: 3px;
}

.nice-select .current {
    position: relative;
    top: -1px;
}
.nice-select .current::after {
    content: "*";
    display: inline-block;
    font-size: 18px;
    line-height: 1.2;
    color: #EE765E;
    margin-left: 5px;
}

.nice-select .has-multiple .multiple-options {
    display: block;
    line-height: 24px;
    padding: 0;
}

.nice-select .nice-select-search-box {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 5px;
    pointer-events: none;
    border-radius: 5px 5px 0 0;
}

.nice-select .nice-select-search {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 3px;
    color: #444;
    display: inline-block;
    vertical-align: middle;
    padding: 7px 12px;
    margin: 0 10px 0 0;
    width: 100%;
    min-height: 36px;
    line-height: 22px;
    height: auto;
    outline: 0 !important;
    font-size: 14px;
}

/*  style  */
@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.page--scroll {
    overflow-y: hidden;
}

.list {
    border-radius: 30px;
    padding: 30px;
    margin: 100px;
    width: 600px;
    background-color: #efefef;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.list a {
    display: block;
    margin-bottom: 20px;
    font-size: 30px;
    color: #171C8F;
    font-weight: 600;
}

/*  arrows  */

.arrows {
}

.arrows__prev, .arrows__next {
    cursor: pointer;
    width: 21px;
    height: 36px;
    border: none;
    background: url(/local/templates/landing_en/img/arrows/prev.svg) no-repeat center / contain;
}

.arrows__next {
    width: 20px;
    background-image: url(/local/templates/landing_en/img/arrows/next.svg);
}

/*  like  */
.like {
    -webkit-appearance: none;
    display: block;
    position: absolute;
    width: 20px;
    height: 15px;
    right: 12px;
    top: 15px;
    border: none;
    background: transparent url(/local/templates/landing_en/img/like/empty-white.svg) no-repeat center;
    -webkit-transition: background-image 0.25s ease-in-out;
    -o-transition: background-image 0.25s ease-in-out;
    transition: background-image 0.25s ease-in-out;
    z-index: 10;
    cursor: pointer;
    padding: 0;
    -webkit-appearance: none;
}
.like .message {
    top: 17px;
    right: -22px;
}

.like_green {
    background-image: url(/local/templates/landing_en/img/like/empty-green.svg);
}

.like_full {
    background-image: url(/local/templates/landing_en/img/like/full-white.svg);
}

.like_full.like_green {
    background-image: url(/local/templates/landing_en/img/like/full-green.svg);
}

/*  message  */
.message {
    position: absolute;
    right: -11px;
    top: calc(100% + 17px);
    width: 230px;
    height: auto;
    padding: 15px 20px;
    font-size: 13px;
    line-height: 1.4;
    text-align: left;
    color: #2A384E;
    background: #EAF6F9;
    -webkit-box-shadow: 0 36px 20px rgba(12, 79, 77, 0.1), 0 24px 12px rgba(12, 79, 77, 0.1), 0 10px 8px rgba(12, 79, 77, 0.1);
    box-shadow: 0 36px 20px rgba(12, 79, 77, 0.1), 0 24px 12px rgba(12, 79, 77, 0.1), 0 10px 8px rgba(12, 79, 77, 0.1);
    border-radius: 7px;
    display: none;
    cursor: default;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.message a {
    color: #00625E;
}

.message_active {
    display: block;
    -webkit-animation: fade-in-down 0.25s ease-in-out;
    animation: fade-in-down 0.25s ease-in-out;
}

.message_hide {
    -webkit-animation: fade-out 0.25s ease-in-out;
    animation: fade-out 0.25s ease-in-out;
}

.message__corner {
    display: block;
    position: absolute;
    background: url(/local/templates/landing_en/img/message/triangle.svg) no-repeat center/contain;
    width: 32px;
    height: 10px;
    right: 17px;
    top: -10px;
}

.wave {
    display: block;
    position: absolute;
    left: 0;
    top: -7.8px;
    min-width: 100vw;
    z-index: 50;
}
/* End */


/* Start:/local/templates/landing_en/css/popup.css?17695386343868*/
.popup {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10000;
    display: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: rgba(0, 98, 94, 0.3);
}

.popup_visible {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-animation: fade-in 0.25s ease-in-out;
    animation: fade-in 0.25s ease-in-out;
}
.popup_visible .popup__content {
    -webkit-animation: fade-in-center 0.25s ease-in-out;
    animation: fade-in-center 0.25s ease-in-out;
}

.popup__content {
    background: url(/local/templates/frutonyanya/img/popup/popup.svg) no-repeat center/100% 100%;
    padding: 30px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: center;
    max-width: calc(100% - 40px);
}
@media screen and (min-width: 360px) {
    .popup__content {
        padding: 30px 35px 40px;
    }
}
@media screen and (min-width: 768px) {
    .popup__content {
        padding: 40px 40px 43px;
        width: 420px;
    }
}
@media screen and (min-width: 1260px) {
    .popup__content {
        padding: 38px 67px 43px;
        width: 476px;
    }
}

.popup__img {
    height: 104px;
    display: block;
    margin-bottom: 10px;
}
@media screen and (min-width: 360px) {
    .popup__img {
        height: 111px;
        margin-bottom: 23px;
    }
}
@media screen and (min-width: 768px) {
    .popup__img {
        height: 121px;
        margin-bottom: 25px;
    }
}
@media screen and (min-width: 1260px) {
    .popup__img {
        height: 132px;
        margin-bottom: 30px;
    }
}

.popup__title {
    margin-bottom: 10px;
    font-size: 25px;
    line-height: 1;
    font-family: "Neucha", sans-serif;
    color: #00625E;
}
@media screen and (min-width: 360px) {
    .popup__title {
        font-size: 30px;
    }
}
@media screen and (min-width: 768px) {
    .popup__title {
        font-size: 35px;
    }
}
@media screen and (min-width: 1260px) {
    .popup__title {
        font-size: 40px;
    }
}

.popup__text {
    font-size: 17px;
    line-height: 1.3;
    margin-bottom: 15px;
}
@media screen and (min-width: 1260px) {
    .popup__text {
        font-size: 20px;
        line-height: 27px;
        margin-bottom: 20px;
    }
}

.popup__text a {
    color: #00625E;
}

.popup__br {
    display: none;
}
@media screen and (min-width: 360px) {
    .popup__br {
        display: block;
    }
}

.popup__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.popup__buttons .btn {
    margin: 0 5px;
}

.popup__close::after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    margin-left: 10px;
    background: url(/local/templates/frutonyanya/img/popup/close.svg) no-repeat center/contain;
    position: relative;
    top: 1px;
}

.popup__cancel::after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    margin-left: 10px;
    background: url(/local/templates/frutonyanya/img/popup/cancel.svg) no-repeat center/contain;
    position: relative;
    top: 1px;
}

@media screen and (min-width: 360px) {
    .popup_social .popup__title {
        font-size: 25px;
    }
}
@media screen and (min-width: 768px) {
    .popup_social .popup__title {
        font-size: 30px;
    }
}
/* End */


/* Start:/local/templates/landing_en/css/breadcrumbs.css?17695386341311*/
.breadcrumbs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -20px 15px;
    padding: 0 20px;
}
@media screen and (min-width: 768px) {
    .breadcrumbs {
        margin-bottom: 20px;
    }
}
@media screen and (min-width: 1260px) {
    .breadcrumbs {
        margin-bottom: 25px;
    }
}

.breadcrumbs__container {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    white-space: nowrap;
    color: rgba(42, 56, 78, 0.6);
    font-size: 13px;
    line-height: 1.45;
    padding: 0;
    margin: 0;
    list-style: none;
}

.breadcrumbs__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: auto;
}
.breadcrumbs__item a:hover {
    text-decoration: none;
    color: #2A384E;
}

.breadcrumbs__sep {
    margin: 0 10px;
    width: 9px;
    height: 9px;
    background: url(/local/templates/frutonyanya/img/breadcrumbs/arrow.svg) no-repeat center/contain;
    position: relative;
    top: 2px;
}
@media screen and (min-width: 768px) {
    .breadcrumbs__sep {
        top: 1px;
    }
}
/* End */


/* Start:/local/templates/landing_en/css/catalog.css?176953863419378*/
.catalog {
    display: block;
    background: #F6FAFC;
}
.catalog__title {
    margin-bottom: 22px;
}
@media screen and (min-width: 768px) {
    .catalog__title {
        margin-bottom: 15px;
    }
}
@media screen and (min-width: 1260px) {
    .catalog__title {
        margin-bottom: 21px;
    }
}

.catalog__filter-top {
    display: none;
}
@media screen and (min-width: 768px) {
    .catalog__filter-top {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        border-bottom: 1px solid rgba(1, 78, 114, 0.08);
        margin-bottom: 30px;
    }
}
@media screen and (min-width: 1260px) {
    .catalog__filter-top {
        margin-bottom: 40px;
    }
}

.catalog__filter-item {
    font-size: 17px;
    line-height: 1.2;
    color: #2A384E;
    padding: 0;
    margin-right: 20px;
    position: relative;
    font-family: "Neucha", sans-serif;
}
@media screen and (min-width: 1260px) {
    .catalog__filter-item {
        font-size: 20px;
        line-height: 25px;
        margin-right: 30px;
    }
}
.catalog__filter-item span {
    color: rgba(42, 56, 78, 0.6);
    -webkit-transition: color 0.25s ease-in-out;
    -o-transition: color 0.25s ease-in-out;
    transition: color 0.25s ease-in-out;
}
.catalog__filter-item::after {
    content: "";
    opacity: 0;
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 1px;
    background: #00625E;
    -webkit-transition: height 0.25s ease-in-out, opacity 0.25s ease-in-out;
    -o-transition: height 0.25s ease-in-out, opacity 0.25s ease-in-out;
    transition: height 0.25s ease-in-out, opacity 0.25s ease-in-out;
}
.catalog__filter-item:last-child {
    margin-right: 0;
}
.catalog__filter-item a {
    display: block;
    padding: 0 0 17px;
}
.catalog__filter-item a:hover {
    text-decoration: none;
    color: #00625E;
}
.catalog__filter-item a:hover span {
    color: rgba(0, 98, 94, 0.5);
}

.catalog__filter-item_active {
    color: #00625E;
}
.catalog__filter-item_active span {
    color: #00625E;
}
.catalog__filter-item_active::after {
    opacity: 1;
    height: 3px;
}

@media screen and (min-width: 768px) {
    .catalog__wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }
}

.catalog__filter-side {
    display: none;
}
@media screen and (min-width: 768px) {
    .catalog__filter-side {
        display: block;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 208px;
        flex: 0 0 208px;
        margin-right: 41px;
        font-size: 13px;
        line-height: 1.4;
    }
}
@media screen and (min-width: 1260px) {
    .catalog__filter-side {
        -ms-flex-preferred-size: 260px;
        flex-basis: 260px;
        margin-right: 47px;
        font-size: 16px;
        line-height: 1.35;
    }
}

@media screen and (min-width: 768px) {
    .catalog__main {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 479px;
        flex: 1 0 479px;
    }
}
@media screen and (min-width: 1260px) {
    .catalog__main {
        -ms-flex-preferred-size: 894px;
        flex-basis: 894px;
    }
}

.catalog__products {
    margin: 0 -5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
@media screen and (min-width: 768px) {
    .catalog__products {
        margin: 0 -10px;
    }
}
@media screen and (min-width: 1260px) {
    .catalog__products {
        margin: 0 -15px;
    }
}

.catalog__product {
    margin: 0 5px 20px;
    max-width: calc(50% - 10px);
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(50% - 10px);
    flex: 0 0 calc(50% - 10px);
}
@media screen and (min-width: 768px) {
    .catalog__product {
        margin: 0 10px 30px;
        max-width: calc(50% - 21px);
        -ms-flex-preferred-size: calc(50% - 21px);
        flex-basis: calc(50% - 21px);
    }
}
@media screen and (min-width: 1260px) {
    .catalog__product {
        margin: 0 15px 30px;
        max-width: calc(33.33% - 30px);
        -ms-flex-preferred-size: calc(33.33% - 30px);
        flex-basis: calc(33.33% - 30px);
    }
}

.catalog__center {
    margin-top: 20px;
}
@media screen and (min-width: 1260px) {
    .catalog__center {
        margin-top: 30px;
    }
}

.catalog__text {
    font-size: 13px;
    line-height: 1.4;
    color: rgba(42, 56, 78, 0.6);
    margin-top: 20px;
}
@media screen and (min-width: 1260px) {
    .catalog__text {
        font-size: 16px;
        line-height: 1.45;
        margin-top: 30px;
    }
}
.catalog__text a {
    color: #00625E;
}

.catalog__footer {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    padding: 12px 0 13px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: rgba(255, 255, 255, 0.75);
    -webkit-box-shadow: 0px -3px 13px rgba(1, 78, 114, 0.2);
    box-shadow: 0px -3px 13px rgba(1, 78, 114, 0.2);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    z-index: 200;
}
@media screen and (min-width: 768px) {
    .catalog__footer {
        display: none;
    }
}

.catalog__filter-button::after {
    content: "";
    display: block;
    width: 14px;
    height: 12px;
    margin-left: 10px;
    background: url(/local/templates/landing_en/img/catalog/filter-button.svg) no-repeat center/contain;
    position: relative;
    top: 1px;
}

.filter__item {
    display: block;
    margin-bottom: 25px;
}
@media screen and (min-width: 1260px) {
    .filter__item {
        margin-bottom: 30px;
    }
}
.filter__item:last-child {
    margin-bottom: 0;
}

.filter__label {
    color: #2A384E;
    margin-bottom: 15px;
    display: block;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.45;
}
@media screen and (min-width: 768px) {
    .filter__label {
        margin-bottom: 10px;
        font-size: 13px;
        line-height: 1.4;
    }
}
@media screen and (min-width: 1260px) {
    .filter__label {
        font-size: 16px;
        line-height: 1.45;
    }
}

.filter__list {
    display: block;
    margin: -14px 0 0;
    padding: 0;
    list-style: none;
}
@media screen and (min-width: 768px) {
    .filter__list {
        margin-top: -9px;
    }
}
@media screen and (min-width: 1260px) {
    .filter__list {
        margin-top: -11px;
    }
}

.filter__element {
    position: relative;
    display: block;
    padding: 6px 0 7px;
    font-size: 16px;
    line-height: 1.35;
}
@media screen and (min-width: 768px) {
    .filter__element {
        font-size: 13px;
        line-height: 1.4;
        padding: 9px 0;
    }
}
@media screen and (min-width: 1260px) {
    .filter__element {
        font-size: 16px;
        line-height: 1.35;
        padding: 10px 0;
    }
}
.filter__element::after {
    content: "";
    width: calc(100% - 26px);
    right: 0;
    bottom: 0;
    height: 1px;
    background: rgba(1, 78, 114, 0.08);
    position: absolute;
}
.filter__element:last-child::after {
    display: none;
}
.filter__element > .filter__checkbox {
    display: block;
    padding-right: 16px;
}
.filter__element.disabled {
    pointer-events: none;
    color: rgba(42, 56, 78, 0.6);
}
.filter__element.disabled .filter__arrow {
    background-image: url("/local/templates/landing_en/img/catalog/filter-arrow-disabled.svg");
}

.filter__arrow {
    position: absolute;
    right: -5px;
    top: 7px;
    width: 26px;
    height: 26px;
    background: url(/local/templates/landing_en/img/catalog/filter-arrow.svg) no-repeat center/16px;
    -webkit-transition: -webkit-transform 0.25s ease-in-out;
    transition: -webkit-transform 0.25s ease-in-out;
    -o-transition: transform 0.25s ease-in-out;
    transition: transform 0.25s ease-in-out;
    transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
    border: none;
    cursor: pointer;
}

.filter__element_parent {
    -webkit-transition: color 0.25s ease-in-out;
    -o-transition: color 0.25s ease-in-out;
    transition: color 0.25s ease-in-out;
}

.filter__subelements {
    display: none;
    padding-left: 26px;
    padding-bottom: 4px;
}

.filter__element_active-parent > label {
    color: #00625E;
}
.filter__element_active-parent .filter__arrow {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.filter__element_active-parent .filter__subelements {
    display: block;
    -webkit-animation: fade-in-down 0.25s ease-in-out;
    animation: fade-in-down 0.25s ease-in-out;
}

.filter__subelement {
    margin-top: 12px;
}
@media screen and (min-width: 768px) {
    .filter__subelement {
        margin-top: 10px;
    }
}
@media screen and (min-width: 1260px) {
    .filter__subelement {
        margin-top: 11px;
    }
}

.filter__checkbox input[type=checkbox] + i::before {
    top: 5px;
}
@media screen and (min-width: 768px) {
    .filter__checkbox input[type=checkbox] + i::before {
        top: 2px;
    }
}
.filter__checkbox input:checked + i {
    color: #00625E;
}
.filter__checkbox a:hover {
    text-decoration: none;
    color: #00625E;
}

a.filter__button {
    -webkit-appearance: none;
    width: 100%;
}

.filter_mobile {
    display: block;
    position: fixed;
    top: 80px;
    left: 0;
    width: 100%;
    height: calc(100% - 80px);
    z-index: -1;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: opacity 0.25s ease-in-out, z-index 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out, z-index 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
    -o-transition: opacity 0.25s ease-in-out, z-index 0.25s ease-in-out, transform 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out, z-index 0.25s ease-in-out, transform 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out, z-index 0.25s ease-in-out, transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
    background: #F6FAFC;
}
@media screen and (min-width: 768px) {
    .filter_mobile {
        display: none;
    }
}

.filter_mobile-active {
    opacity: 1;
    z-index: 10000;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    pointer-events: auto;
}

.filter__filters {
    display: block;
    padding-bottom: 70px;
    width: 100%;
    height: auto;
    max-height: 100%;
    overflow: auto;
}

.filter__types {
    background: #EAF6F9;
    padding: 8px 20px 11px;
    margin-bottom: 27px;
}

.filter__type {
    font-size: 16px;
    line-height: 1.45;
    color: #2A384E;
    border-bottom: 1px solid rgba(1, 78, 114, 0.08);
}
.filter__type span {
    color: rgba(42, 56, 78, 0.6);
}
.filter__type a {
    display: block;
    padding: 11px 0;
}
.filter__type a:hover {
    text-decoration: none;
}
.filter__type:last-child {
    border-bottom: 0;
}

.filter__type_active {
    color: #00625E;
    font-weight: 600;
}
.filter__type_active span {
    color: #00625E;
}

.filter__items {
    padding: 0 20px;
}

.filter__buttons {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 60px;
    background: rgba(255, 255, 255, 0.75);
    -webkit-box-shadow: 0px -3px 13px rgba(1, 78, 114, 0.2);
    box-shadow: 0px -3px 13px rgba(1, 78, 114, 0.2);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    z-index: 20000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 12px 20px 13px;
    color: #00625E;
    font-size: 16px;
    line-height: 1.45;
    padding-right: 40px;
}
.filter__buttons .btn {
    margin-right: 40px;
}
.filter__buttons a:not(.btn):hover {
    text-decoration: none;
    color: #2A384E;
}

.noUi-target,
.noUi-target * {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none;
    -ms-touch-action: none;
    touch-action: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.noUi-target {
    position: relative;
    width: calc(100% - 17px);
    margin-left: 8.5px;
}

.noUi-base,
.noUi-connects {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
}

/* Wrapper for all connect elements.
 */
.noUi-connects {
    overflow: hidden;
    z-index: 0;
}

.noUi-connect,
.noUi-origin {
    will-change: transform;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    -ms-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    -webkit-transform-style: preserve-3d;
    transform-origin: 0 0;
    -webkit-transform-style: flat;
    transform-style: flat;
}

/* Give origins 0 height/width so they don't interfere with clicking the
 * connect elements.
 */
.noUi-horizontal .noUi-origin {
    height: 0;
}

.noUi-handle {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
}

.noUi-touch-area {
    height: 100%;
    width: 100%;
}

.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
    -webkit-transition: transform 0.3s;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}

.noUi-state-drag * {
    cursor: inherit !important;
}

/* Slider size and handle placement;
 */
.noUi-horizontal {
    height: 18px;
}

.noUi-horizontal .noUi-handle {
    width: 17px;
    height: 17px;
    right: -8.5px;
    top: 0;
}

/* Styling;
 * Giving the connect element a border radius causes issues with using transform: scale
 */
.noUi-target {
    height: 45px;
}

.noUi-connects {
    display: block;
    width: 100%;
    height: 3px;
    background: rgba(0, 98, 94, 0.5);
    border-radius: 3px;
    position: absolute;
    left: 0;
    top: 8px;
}

.noUi-connect {
    background: #00625E;
}

/* Handles and cursors;
 */
.noUi-draggable {
    cursor: ew-resize;
}

.noUi-handle {
    border: 6px solid #00625E;
    border-radius: 50%;
    background: #fff;
    cursor: default;
    outline: none !important;
}

[disabled] .noUi-connect {
    background: #B8B8B8;
}

[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
    cursor: not-allowed;
}

.noUi-pips,
.noUi-pips * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.noUi-pips {
    position: absolute;
    color: #999;
}

.noUi-value {
    position: absolute;
    white-space: nowrap;
    text-align: center;
}

.noUi-value-sub {
    color: #ccc;
    font-size: 10px;
}

.noUi-marker {
    position: absolute;
    background: #CCC;
}

.noUi-marker-sub {
    background: #AAA;
}

.noUi-marker-large {
    background: #AAA;
}

.noUi-pips-horizontal {
    padding: 10px 0;
    height: 80px;
    top: 100%;
    left: 0;
    width: 100%;
}

.noUi-value-horizontal {
    -webkit-transform: translate(-50%, 50%);
    -ms-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%);
}

.noUi-marker-horizontal.noUi-marker {
    margin-left: -1px;
    width: 2px;
    height: 5px;
}

.noUi-marker-horizontal.noUi-marker-sub {
    height: 10px;
}

.noUi-marker-horizontal.noUi-marker-large {
    height: 15px;
}

.noUi-tooltip {
    display: block;
    position: absolute;
    color: #00625E;
    text-align: center;
    font-size: 18px;
    line-height: 1.2;
}

.noUi-horizontal .noUi-tooltip {
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    left: 50%;
    top: 16px;
}

.noUi-horizontal .noUi-origin > .noUi-tooltip {
    -webkit-transform: translate(50%, 0);
    -ms-transform: translate(50%, 0);
    transform: translate(50%, 0);
    left: auto;
    bottom: 10px;
}

.catalog__error {
    margin: 0 5px 20px;
}
@media screen and (min-width: 768px) {
    .catalog__error {
        margin: 0 10px 30px;
    }
}
@media screen and (min-width: 1260px) {
    .catalog__error {
        margin: 0 15px 30px;
    }
}

.filter__item {
    display: block;
}
.filter__item .bx-ui-slider-track-container {
    padding-top: 10px;
    padding-bottom: 30px;
    padding-left: 10px;
    padding-right: 10px;
}
.filter__item .bx-ui-slider-track {
    position: relative;
    height: 3px;
    background: #7baead;
}
.filter__item .bx-ui-slider-track.active .bx-ui-slider-pricebar-v,
.filter__item .bx-ui-slider-track.active .bx-ui-slider-pricebar-vd {
    background-color: #00625e;
}
.filter__item .bx-ui-slider-track.active .bx-ui-slider-handle {
    border-color: #00625e;
}
.filter__item .bx-ui-slider-part {
    display: none;
    position: absolute;
    top: -30px;
    font-family: "Roboto Condensed", sans-serif;
    line-height: normal;
    font-size: 13px;
    line-height: 1.4;
    text-align: center;
    color: #7baead;
}
.filter__item .bx-ui-slider-part.p1 {
    display: block;
    left: -4px;
}
.filter__item .bx-ui-slider-part.p5 {
    display: block;
    right: -10px;
}
.filter__item .bx-ui-slider-pricebar-vd {
    background: gray;
    z-index: 6;
}
.filter__item .bx-ui-slider-pricebar-vn {
    background: #a8dff3;
    z-index: 7;
}
.filter__item .bx-ui-slider-pricebar-v {
    background: gray;
    z-index: 8;
}
.filter__item .bx-ui-slider-range {
    z-index: 9;
}
.filter__item .bx-ui-slider-handle {
    position: absolute;
    top: -7px;
    width: 17px;
    height: 17px;
    background: #fff;
    border: 6px solid #00625E;
    border-radius: 50%;
    -webkit-transition: 0s;
    -o-transition: 0s;
    transition: 0s;
}
.filter__item .bx-ui-slider-handle.left {
    margin-left: -8px;
}
.filter__item .bx-ui-slider-handle.left span {
    left: -3px;
}
.filter__item .bx-ui-slider-handle.right {
    margin-right: -8px;
}
.filter__item .bx-ui-slider-handle.right span {
    width: 17px;
    display: block;
    right: -5px;
}
.filter__item .bx-ui-slider-handle span {
    position: absolute;
    top: 10px;
    font-family: "Roboto Condensed", sans-serif;
    line-height: normal;
    font-size: 17px;
    text-align: center;
    color: #00625E;
}
.filter__item .bx-ui-slider-range, .filter__item .bx-ui-slider-pricebar, .filter__item .bx-ui-slider-pricebar-vd, .filter__item bx-ui-slider-pricebar-vn, .filter__item .bx-ui-slider-pricebar-v {
    position: absolute;
    top: 0;
    bottom: 0;
}
.filter__item.disabled .bx-ui-slider-pricebar-vd,
.filter__item.disabled .bx-ui-slider-pricebar-vn,
.filter__item.disabled .bx-ui-slider-pricebar-v {
    background-color: grey;
}
.filter__item.disabled .bx-ui-slider-handle {
    border-color: grey;
    pointer-events: none;
}
.filter__item.disabled .bx-ui-slider-handle span {
    color: grey;
}
/* End */


/* Start:/local/templates/landing_en/css/product.css?17695386343717*/
.product {
    position: relative;
}
.product .like {
    top: 10px;
    right: 8px;
}
@media screen and (min-width: 1260px) {
    .product .like {
        top: 16px;
        right: 11px;
    }
}

.product__info {
    display: block;
    text-align: center;
    color: #00625E;
}
.product__info:hover {
    text-decoration: none;
    color: #2A384E;
}

.product__image {
    background: #CEE9EF;
    -webkit-transition: background 0.25s ease-in-out;
    -o-transition: background 0.25s ease-in-out;
    transition: background 0.25s ease-in-out;
    position: relative;
    display: block;
    margin-bottom: 10px;
    border-radius: 7px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@media screen and (min-width: 768px) {
    .product__image {
        margin-bottom: 15px;
        height: 236px;
    }
}
@media screen and (min-width: 1260px) {
    .product__image {
        margin-bottom: 20px;
        height: 286px;
    }
}

.product__image img {
    width: auto;
    height: 100%;
}

.product__image::after {
    content: "";
    display: block;
    position: absolute;
    right: 20px;
    bottom: 20px;
    opacity: 0;
    width: 28px;
    height: 12px;
    background: url(/local/templates/frutonyanya/img/product/arrow.svg) no-repeat center/contain;
    -webkit-transition: right 0.25s ease-in-out, opacity 0.25s ease-in-out;
    -o-transition: right 0.25s ease-in-out, opacity 0.25s ease-in-out;
    transition: right 0.25s ease-in-out, opacity 0.25s ease-in-out;
}
.product__image img {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    margin-top: auto;
    display: block;
}
@supports (filter: grayscale(1)) or (-webkit-filter: grayscale(1)) {
    .product__image img {
        -webkit-filter: drop-shadow(0px 60px 50px rgba(12, 79, 77, 0.5));
        filter: drop-shadow(0px 60px 50px rgba(12, 79, 77, 0.5));
    }
}
@media (min-width: 480px) {
    @supports (filter: grayscale(1)) or (-webkit-filter: grayscale(1)) {
        .product__image img {
            -webkit-filter: drop-shadow(0px 60px 50px rgba(12, 79, 77, 0.5));
            filter: drop-shadow(0px 60px 50px rgba(12, 79, 77, 0.5));
        }
    }
}

.product__title {
    display: block;
    font-size: 13px;
    line-height: 1.4;
}
@media screen and (min-width: 768px) {
    .product__title {
        font-size: 16px;
        line-height: 1.35;
    }
}
@media screen and (min-width: 1260px) {
    .product__title {
        font-size: 18px;
        line-height: 1.35;
    }
}

@media (hover: hover) {
    .product__info:hover .product__image {
        background: #A4D3DE;
    }
    .product__info:hover .product__image::after {
        opacity: 1;
        right: 15px;
    }
}
.product__discontinued {
    position: absolute;
    bottom: 10px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 7px 15px 7px 15px;
    background-color: #f1f9fa;
    font-size: 13px;
    line-height: 1.4;
    text-align: center;
    color: #2A384E;
    border-radius: 7px;
    font-family: "Roboto Condensed", sans-serif;
    width: calc(100% - 20px);
}
@media screen and (min-width: 400px) {
    .product__discontinued {
        width: auto;
        white-space: nowrap;
    }
}
@media screen and (min-width: 768px) {
    .product__discontinued {
        left: 10px;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}
@media screen and (min-width: 1260px) {
    .product__discontinued {
        bottom: 15px;
        left: 15px;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}
/* End */


/* Start:/local/templates/landing_en/css/summary.css?17695386341143*/
.summary__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    position: relative;
    margin-bottom: 15px;
}
@media screen and (min-width: 768px) {
    .summary__info {
        margin-bottom: 20px;
    }
}
@media screen and (min-width: 1260px) {
    .summary__info {
        margin-bottom: 30px;
    }
}
.summary__info::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 1px;
    background: rgba(1, 78, 114, 0.08);
}
.summary__info span {
    padding: 0 30px;
    background: #F6FAFC;
    color: #2A384E;
    font-size: 13px;
    line-height: 1.4;
    position: relative;
}
.summary__info span span {
    padding: 0;
}

.summary__center {
    text-align: center;
}

.summary__more {
    pointer-events: none;
}
.summary__more::after {
    content: "";
    display: block;
    width: 9px;
    height: 14px;
    margin-left: 10px;
    background: url(/local/templates/landing_en/img/summary/arrow.svg) no-repeat center/contain;
}
/* End */
/* /local/templates/landing_en/components/bitrix/catalog/catalog/style.css?1781094604222 */
/* /local/templates/landing_en/components/bitrix/catalog.smart.filter/.default/style.css?1781094604902 */
/* /local/templates/landing_en/components/bitrix/system.pagenavigation/show_more_new/style.css?178109460456 */
/* /local/templates/landing_en/css/ui_mcart.css?176953863426921 */
/* /local/templates/landing_en/css/popup.css?17695386343868 */
/* /local/templates/landing_en/css/breadcrumbs.css?17695386341311 */
/* /local/templates/landing_en/css/catalog.css?176953863419378 */
/* /local/templates/landing_en/css/product.css?17695386343717 */
/* /local/templates/landing_en/css/summary.css?17695386341143 */