@font-face {
    font-family: Muller;
    src: url(/media/css/fonts/MullerRegular/MullerRegular.eot);
    src: url(/media/css/fonts/MullerRegular/MullerRegular.eot?#iefix) format("embedded-opentype"), url(/media/css/fonts/MullerRegular/MullerRegular.woff2) format("woff2"), url(/media/css/fonts/MullerRegular/MullerRegular.woff) format("woff"), url(/media/css/fonts/MullerRegular/MullerRegular.ttf) format("truetype");
    font-stretch: normal;
    font-weight: 400;
    font-style: normal;
    unicode-range: U+0020-25CA
}

@font-face {
    font-family: Muller;
    src: url(/media/css/fonts/MullerBold/MullerBold.eot);
    src: url(/media/css/fonts/MullerBold/MullerBold.eot?#iefix) format("embedded-opentype"), url(/media/css/fonts/MullerBold/MullerBold.woff2) format("woff2"), url(/media/css/fonts/MullerBold/MullerBold.woff) format("woff"), url(/media/css/fonts/MullerBold/MullerBold.ttf) format("truetype");
    font-stretch: normal;
    font-weight: 700;
    font-style: normal;
    unicode-range: U+0020-25CA
}

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, button, canvas, caption, center, cite, code, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, i, iframe, img, input, ins, kbd, label, legend, li, mark, menu, meter, nav, object, ol, output, p, pre, progress, q, rp, rt, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, textarea, tfoot, th, thead, time, tr, tt, u, ul, var, video, xmp {
    border: 0;
    font-size: 100%;
    margin: 0;
    padding: 0
}

body, html {
    height: 100%;
    position: relative;
    -webkit-font-smoothing: antialiased;
    backface-visibility: hidden;
    -webkit-text-size-adjust: none
}

body, button, html, input, textarea {
    font-family: Muller, Arial, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px
}

button {
    cursor: pointer
}

::-webkit-input-placeholder {
    color: #8fa8b4
}

:-moz-placeholder {
    color: #8fa8b4
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
}

code, kbd, pre, samp {
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace
}

pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #333;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px
}

hr {
    display: block;
    width: 100%;
    height: 1px;
    float: none;
    clear: both;
    font: 0/0 d;
    background: #ccc;
    margin: 25px 0
}

b, strong {
    font-weight: 700
}

img {
    color: transparent;
    font-size: 0;
    vertical-align: middle;
    -ms-interpolation-mode: bicubic
}

li {
    display: list-item
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

caption, td, th {
    font-weight: 400;
    vertical-align: top;
    text-align: left
}

svg {
    overflow: hidden
}

a, button, input, textarea {
    outline: 0;
    resize: none
}

*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

li, ol, ul {
    list-style: none inside
}

a {
    text-decoration: none;
    cursor: pointer;
    color: #1a5e78
}

.btn-link:hover, a:hover {
    text-decoration: none;
    color: #00af67
}

.btn-link:active, .btn-link:hover, a:active, a:hover {
    outline: 0
}

.btn-link:focus, a:focus {
    text-decoration: none
}

.btn-link {
    background: 0 0
}

.advantages__list-item__icon, .advantages__video, .b-faq-list__col-left, .b-shop-list__col-left, .calc-form__col, .catalog-filters fieldset:first-of-type, .delivery-view__info > img, .fll, .footer-col_left, .footer-info p, .footer-logo, .footer-socials, .product__photos, .product__photos-list, .shop-view__col-left {
    float: left
}

.flr, .footer-col_right, .footer-contacts > .btn, .footer-info img, .header-auth, .header-cart, .header-lang, .pagination-wrapper .load-more {
    float: right
}

.actions-list__item, .actions-list__item-action-price_old, .advantages__video, .b-faq-list__item-question, .b-reviews-list__item-content, .b-shop-list__item, .body-wrapper, .btn, .calc, .calc-form__field, .calc-form__presets a, .calc-results__content-variants__item, .calc-title, .cart__item-price u, .catalog-filters fieldset, .categories-menu, .categories-menu ul, .categories-menu ul li, .content .content-img-plate, .content .content-links-table > *, .content blockquote, .content blockquote h1, .content blockquote h2, .content ol > li, .delivery-view, .delivery-view__info-item, .footer, .footer-search__wrapper, .g-wrapper, .header, .header-cart a .icon-cart, .header-menu ul li, .header-wrapper, .how-pay-item, .icon-checkbox, .index-block, .index-block-actions .actions-list, .index-block-sales, .index-block-sales .products-list, .index-top-banners, .index-top-banners__products .products-list, .link-grey, .link2back, .main-wrapper, .mobile-menu, .payments__content-banner, .payments__content-item__points-item, .pr, .prices-table, .prices-table-fixed, .prices-table-main, .prices-table__main-wrapper, .prices-table__main__table, .product, .product__info-banner p:first-child b, .product__info-banner p:first-child strong, .product__info-banner-wrapper, .product__info-bottom-block, .product__info-price i, .product__info-rating, .product__photos-list i, .products-list__item, .products-list__item-price_old, .range-slider__line, .range-slider__values, .rating, .sale-view, .table-scroll__line, .wide-banners__item, .wide-banners__item a, form .amount-wrapper label, form .amount-wrapper label input {
    position: relative
}

.btn, .calc-form__presets, .calc-results, .index-block, .lightbox-desc, .tac {
    text-align: center
}

.categories-menu ul, .content .content-img-plate, .delivery-view__info-item, .ovh, .prices-table__main__table, .rating {
    overflow: hidden
}

.clfix {
    display: block;
    clear: both;
    float: none;
    width: 100%;
    height: 0;
    margin: 0;
    padding: 0;
    position: relative;
    font: 0/0 d
}

.advantages:after, .b-faq-list:after, .b-shop-list:after, .calc-form__row:after, .cart__bottom:after, .delivery-view__info:after, .footer-contacts:after, .footer-info:after, .footer:after, .pagination-wrapper:after, .product__photos:after, .shop-view:after {
    content: '';
    display: table;
    clear: both;
    font: 0/0 d
}

.btn {
    border-radius: 22px;
    display: inline-block;
    position: relative;
    z-index: 1;
    height: 41px;
    padding: 0 60px;
    font-size: 16px;
    line-height: 43px;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    color: #3e758c;
    background: #e9f1f3
}

.btn:hover {
    background: #ebfeef;
    color: #00af67
}

.btn:active {
    color: rgba(0, 175, 103, .7)
}

.btn-colored {
    background: #e9f1f3 linear-gradient(-233deg, #68de84 0, #13bdb3 75%, #00adaf 100%);
    color: #fff
}

.btn-colored:hover {
    color: #fff;
    background: #00af67 linear-gradient(-233deg, #00c1b1 0, #0093a2 75%, #00849e 100%)
}

.btn-colored:active {
    background: #00af67 linear-gradient(-233deg, #00c1b1 0, #0093a2 75%, #00849e 100%);
    color: rgba(255, 255, 255, .7)
}

.btn-dark-blue {
    background: #1a5e78;
    color: #fff
}

.btn-dark-blue:hover {
    color: #fff;
    background: #1a5e78 linear-gradient(-233deg, #00c1b1 0, #0093a2 75%, #00849e 100%)
}

.btn-dark-blue:active {
    background: #1a5e78 linear-gradient(-233deg, #00c1b1 0, #0093a2 75%, #00849e 100%);
    color: rgba(255, 255, 255, .7)
}

.g-page-title {
    font-size: 32px;
    line-height: 34px;
    font-weight: 700;
    color: #1a5e78;
    margin: 0 0 20px
}

.text-muted {
    font-size: 14px;
    line-height: 18px;
    color: #8fa8b4
}

.link-grey, .link2back {
    font-size: 16px;
    line-height: 1;
    display: inline-block;
    vertical-align: top;
    margin-left: 26px
}

.link-grey a, .link2back a {
    text-decoration: underline;
    color: #8fa8b4
}

.link-grey a:hover, .link2back a:hover {
    color: #00af67
}

.link-grey .how-pay-item__title:before, .link-grey .icon, .link-grey .lightbox__close, .link2back .how-pay-item__title:before, .link2back .icon, .link2back .lightbox__close {
    position: absolute;
    top: 0;
    left: 0;
    vertical-align: middle;
    margin: 2px 0 0 -26px
}

.link2back.reverse, .reverse.link-grey {
    text-align: right;
    margin-left: 0;
    margin-right: 26px
}

.link2back.reverse .how-pay-item__title:before, .link2back.reverse .icon, .link2back.reverse .lightbox__close, .reverse.link-grey .how-pay-item__title:before, .reverse.link-grey .icon, .reverse.link-grey .lightbox__close {
    left: auto;
    right: 0;
    margin: 0 -26px 0 0
}

.link-grey .how-pay-item__title:before, .link-grey .icon, .link-grey .lightbox__close {
    margin-top: -1px
}

.link_icon:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    margin: -1px 0 0 -26px
}

.socials-share {
    font-size: 0;
    line-height: 0;
    white-space: nowrap;
    margin-top: 40px
}

.socials-share span {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    line-height: 43px;
    font-weight: 700;
    color: #1a5e78;
    margin-right: 10px
}

.socials-share .how-pay-item__title:before, .socials-share .icon, .socials-share .lightbox__close {
    margin: 0 5px
}

form .control-label, form .label- {
    display: block;
    font-size: 16px;
    line-height: 1;
    color: #8fa8b4
}

form input[type=text], form textarea {
    box-shadow: inset 0 1px 3px rgba(26, 94, 120, .22);
    border-radius: 0;
    border: none;
    background: #e9f1f3;
    margin-top: 8px;
    padding: 0 20px;
    display: block;
    height: 42px;
    width: 100%;
    font-size: 16px;
    line-height: 42px;
    color: #1a5e78
}

form input[type=text]:active, form input[type=text]:focus, form textarea:active, form textarea:focus {
    background: #f4f8f9
}

form fieldset {
    margin-bottom: 20px
}

form textarea {
    height: 85px
}

form select {
    display: inline-block;
    vertical-align: middle;
    height: 42px;
    font-size: 16px;
    line-height: 42px;
    padding: 0 20px
}

form .inline label {
    display: inline-block;
    line-height: 24px;
    vertical-align: top;
    cursor: pointer
}

form .inline label .label- {
    display: inline-block;
    font-size: 16px;
    line-height: 22px;
    color: #8fa8b4;
    margin-left: 10px
}

form .inline label .label- a {
    text-decoration: underline;
    color: #8fa8b4
}

form .inline label .label- a:hover {
    text-decoration: none;
    color: #00af67
}

form .inline label input:checked ~ span {
    color: #1a5e78
}

form .autocomplete input[type=text] {
    margin-right: 42px;
    width: 311px
}

form .autocomplete.inline .label- {
    margin-left: 0;
    margin-right: 10px
}

form .amount-wrapper label {
    display: inline-block;
    vertical-align: top;
    padding-right: 42px
}

form .amount-wrapper label input {
    z-index: 3
}

form .amount-wrapper label b, form .amount-wrapper label u {
    display: block;
    width: 42px;
    height: 21px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    background: #e9f1f3 url(imgs/i-cart-up.png) center no-repeat;
    box-shadow: -1px 1px 2px rgba(26, 94, 120, .22);
    cursor: pointer
}

form .amount-wrapper label b {
    box-shadow: none;
    background-image: url(imgs/i-cart-down.png);
    z-index: 1;
    top: auto;
    bottom: 0
}

form .has-error .icon-checkbox, form .has-error input[type=text], form .has-error textarea {
    background: rgba(205, 0, 0, .15)
}

form .has-error.inline label .label- {
    color: #cd0000
}

.rating {
    display: block;
    font-size: 0;
    line-height: 0;
    width: 80px;
    height: 14px;
    background: url(imgs/rating.png) 0 0 no-repeat
}

.rating_1 {
    background-position: 0 -21px
}

.rating_2 {
    background-position: 0 -42px
}

.rating_3 {
    background-position: 0 -63px
}

.rating_4 {
    background-position: 0 -84px
}

.rating_5 {
    background-position: 0 -105px
}

.show-on-sm {
    display: none
}

.select2-container {
    outline: 0
}

.select2-container .select2-selection--single {
    outline: 0;
    box-shadow: inset 0 1px 3px rgba(26, 94, 120, .22);
    border-radius: 0;
    border: none;
    background: #e9f1f3;
    display: block;
    height: 42px;
    width: auto;
    margin-right: 42px
}

.select2-container .select2-selection--single .select2-selection__rendered {
    outline: 0;
    padding: 0 20px;
    font-size: 16px;
    line-height: 42px;
    text-align: left;
    color: #1a5e78
}

.select2-container .select2-selection--single .select2-selection__arrow {
    position: absolute;
    bottom: 0;
    right: 0;
    top: auto;
    width: 42px;
    height: 42px;
    background: #e9f1f3 url(imgs/rectangle-36.png) center no-repeat
}

.select2-container .select2-selection--single .select2-selection__arrow b {
    display: none
}

.select2-container--open .select2-selection--single, .select2-container:hover .select2-selection--single {
    background: #f4f8f9
}

.select2-container--open .select2-selection--single .select2-selection__arrow, .select2-container:hover .select2-selection--single .select2-selection__arrow {
    background-color: #f4f8f9
}

.select2-container .select2-dropdown {
    border: none
}

.select2-container .select2-dropdown .select2-search--dropdown {
    background: #f4f8f9
}

.select2-container .select2-dropdown .select2-search--dropdown .select2-search__field {
    box-shadow: inset 0 1px 3px rgba(26, 94, 120, .22);
    border-radius: 0;
    border: none;
    background: #fff;
    display: block;
    height: 42px;
    padding: 0 20px;
    font-size: 16px;
    line-height: 42px;
    text-align: left;
    color: #1a5e78
}

.select2-container .select2-dropdown .select2-results__options {
    box-shadow: inset 0 1px 3px rgba(26, 94, 120, .22);
    background: #f4f8f9;
    color: #1a5e78
}

.select2-container .select2-dropdown .select2-results__options .select2-results__option {
    font-size: 16px;
    line-height: 42px;
    padding: 0 0 0 20px
}

.select2-container .select2-dropdown .select2-results__options .select2-results__option--highlighted[aria-selected], .select2-container .select2-dropdown .select2-results__options .select2-results__option[aria-selected=true] {
    background-color: #ebfeef;
    color: #00af67
}

.edit-link {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 200
}

.edit-link a {
    font-size: 32px;
    color: #cd0000
}

.edit-link a:hover {
    text-decoration: underline
}

.list-view .empty {
    font-size: 16px;
    line-height: 1;
    margin-bottom: 15px
}

@media all and (max-width: 768px) {
    .show-on-sm {
        display: block
    }

    .btn {
        font-size: 14px;
        line-height: 36px;
        height: 36px
    }

    .g-page-title {
        font-size: 24px;
        line-height: 26px;
        text-align: center
    }

    .text-muted {
        font-size: 12px;
        line-height: 18px
    }

    .link-grey, .link2back {
        text-align: center;
        font-size: 14px;
        margin: 0 0 25px
    }

    .link-grey .how-pay-item__title:before, .link-grey .icon, .link-grey .lightbox__close, .link2back .how-pay-item__title:before, .link2back .icon, .link2back .lightbox__close {
        margin-left: -16px
    }

    .link2back.reverse, .reverse.link-grey {
        text-align: center
    }

    .socials-share {
        white-space: normal
    }

    .socials-share span {
        display: block;
        font-size: 14px;
        line-height: 1;
        margin: 0 0 8px
    }

    .socials-share .how-pay-item__title:before, .socials-share .icon, .socials-share .lightbox__close {
        width: 36px;
        height: 36px;
        -webkit-background-size: cover;
        background-size: cover
    }

    .socials-share .how-pay-item__title:first-of-type:before, .socials-share .icon:first-of-type, .socials-share .lightbox__close:first-of-type {
        margin-left: 0
    }

    form .inline label .label- {
        font-size: 14px
    }
}

.how-pay-item__title:before, .icon, .lightbox__close {
    display: inline-block;
    vertical-align: top;
    font-size: 0;
    line-height: 0;
    font-style: normal
}

.icon-close {
    width: 20px;
    height: 20px;
    background: url(imgs/i-close.png) 0 0 no-repeat
}

.icon-login {
    width: 15px;
    height: 16px;
    background: url(imgs/i-login.png) 0 0 no-repeat
}

.icon-reg {
    width: 15px;
    height: 16px;
    background: url(imgs/i-reg.png) 0 0 no-repeat
}

.icon-erase {
    width: 14px;
    height: 12px;
    background: url(imgs/i-erase.png) 0 0 no-repeat
}

.icon-arrow-gray {
    width: 12px;
    height: 8px;
    background: url(imgs/arrow-gray.png) 0 0 no-repeat
}

.b-faq-list__item-question:after, .icon-arrow {
    width: 15px;
    height: 9px;
    background: url(imgs/faq-arrow.png) 0 0 no-repeat
}

.b-faq-list__item.active .b-faq-list__item-question:after, .b-faq-list__item.active:hover .b-faq-list__item-question:after, .icon-arrow-active {
    background-position: 0 -18px
}

.icon-play {
    width: 70px;
    height: 70px;
    background: url(imgs/video-play.png) 0 0 no-repeat
}

.icon-calendar {
    width: 70px;
    height: 78px;
    background: url(imgs/i-calendar.png) 0 0 no-repeat
}

.icon-box {
    width: 75px;
    height: 87px;
    background: url(imgs/i-box.png) 0 0 no-repeat
}

.how-pay-item:nth-child(1) .how-pay-item__title:before, .icon-n1 {
    width: 40px;
    height: 40px;
    background: url(imgs/i-n1.png) 0 0 no-repeat
}

.how-pay-item:nth-child(2) .how-pay-item__title:before, .icon-n2 {
    width: 40px;
    height: 40px;
    background: url(imgs/i-n2.png) 0 0 no-repeat
}

.how-pay-item:nth-child(3) .how-pay-item__title:before, .icon-n3 {
    width: 40px;
    height: 40px;
    background: url(imgs/i-n3.png) 0 0 no-repeat
}

.how-pay-item__title[class*="-preset-"]:before, .icon[class*="-preset-"], .lightbox__close[class*="-preset-"] {
    height: 26px
}

a.active .how-pay-item__title[class*="-preset-"]:before, a.active .icon[class*="-preset-"], a.active .lightbox__close[class*="-preset-"], a:hover .how-pay-item__title[class*="-preset-"]:before, a:hover .icon[class*="-preset-"], a:hover .lightbox__close[class*="-preset-"] {
    background-position: bottom left
}

.icon-preset-100 {
    width: 28px;
    background: url(imgs/preset-100.png) 0 0 no-repeat
}

.icon-preset-150 {
    width: 29px;
    background: url(imgs/preset-150.png) 0 0 no-repeat
}

.icon-preset-200 {
    width: 18px;
    background: url(imgs/preset-200.png) 0 0 no-repeat
}

.icon-preset-400 {
    width: 26px;
    background: url(imgs/preset-400.png) 0 0 no-repeat
}

.icon-preset-500 {
    width: 17px;
    background: url(imgs/preset-500.png) 0 0 no-repeat
}

.icon-preset-800 {
    width: 30px;
    background: url(imgs/preset-800.png) 0 0 no-repeat
}

.icon-preset-900 {
    width: 42px;
    background: url(imgs/preset-900.png) 0 0 no-repeat
}

.icon-preset-2500 {
    width: 42px;
    background: url(imgs/preset-2500.png) 0 0 no-repeat
}

.icon-important {
    width: 42px;
    height: 42px;
    background: url(imgs/i-important.png) 0 0 no-repeat
}

.icon-checkbox {
    width: 24px;
    height: 24px;
    box-shadow: inset 0 1px 3px rgba(26, 94, 120, .22);
    background: #e9f1f3
}

.icon-checkbox:after {
    content: '';
    display: none;
    width: 13px;
    height: 11px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -6px 0 0 -7px;
    background: url(imgs/i-check.png) 0 0 no-repeat
}

.icon-back, .icon-forward {
    width: 8px;
    height: 12px;
    background: url(imgs/arrow-back.png) 0 0 no-repeat
}

.icon-forward {
    background: url(imgs/arrow-forward.png) 0 0 no-repeat
}

.icon-social {
    width: 43px;
    height: 43px
}

.icon-social-inst {
    background: url(imgs/s-inst.png) 0 0 no-repeat
}

.icon-social-vk {
    background-image: url(imgs/s-vk.png)
}

.icon-social-fb {
    background-image: url(imgs/s-fb.png)
}

.icon-social-ok {
    background-image: url(imgs/s-ok.png)
}

.icon-social-tw {
    background-image: url(imgs/s-tw.png)
}

.icon-social:hover {
    background-position: bottom left
}

.delivery-view__info-item_weight:before, .icon-weight {
    width: 60px;
    height: 72px;
    background: url(imgs/i-weight.png) 0 0 no-repeat
}

.delivery-view__info-item_delivery:before, .icon-delivery {
    width: 75px;
    height: 71px;
    background: url(imgs/i-delivery.png) 0 0 no-repeat
}

.delivery-view__info-item_sizes:before, .icon-sizes {
    width: 72px;
    height: 72px;
    background: url(imgs/i-sizes.png) 0 0 no-repeat
}

.icon-protect, .link_icon-protect:before {
    width: 15px;
    height: 16px;
    background: url(imgs/i-protect.png) 0 0 no-repeat
}

.icon-extend, .link_icon-extend:before {
    width: 15px;
    height: 15px;
    background: url(imgs/i-extend.png) 0 0 no-repeat
}

.icon-attention, .link_icon-attention:before {
    width: 15px;
    height: 15px;
    background: url(imgs/i-attention.png) 0 0 no-repeat
}

.icon-hand, .link_icon-hand:before {
    width: 13px;
    height: 16px;
    background: url(imgs/i-hand.png) 0 0 no-repeat
}

.icon-remove, .lightbox__close {
    width: 16px;
    height: 16px;
    background: url(imgs/i-remove.png) 0 0 no-repeat
}

.icon-remove:hover, .lightbox__close:hover {
    background-position: bottom left
}

.icon-cart {
    width: 22px;
    height: 16px;
    background: url(imgs/i-cart.png) 0 0 no-repeat
}

a:hover .icon-attention, a:hover .icon-back, a:hover .icon-cart, a:hover .icon-erase, a:hover .icon-extend, a:hover .icon-forward, a:hover .icon-hand, a:hover .icon-login, a:hover .icon-protect, a:hover .icon-reg, a:hover .link_icon-attention:before, a:hover .link_icon-extend:before, a:hover .link_icon-hand:before, a:hover .link_icon-protect:before {
    background-position: bottom left
}

a:hover .icon-arrow-gray {
    background-position: 0 -16px
}

.link_icon-attention:hover:before, .link_icon-back:hover:before, .link_icon-cart:hover:before, .link_icon-erase:hover:before, .link_icon-extend:hover:before, .link_icon-forward:hover:before, .link_icon-hand:hover:before, .link_icon-login:hover:before, .link_icon-protect:hover:before, .link_icon-reg:hover:before {
    background-position: bottom left
}

label:hover [type=checkbox] + .icon-checkbox {
    box-shadow: inset 0 1px 3px rgba(26, 94, 120, .22);
    background-color: #f4f8f9
}

[type=checkbox] {
    position: fixed;
    top: -6000px;
    left: -6000px;
    opacity: .0001;
    width: 1px;
    height: 1px
}

[type=checkbox]:checked + .icon-checkbox {
    box-shadow: inset 0 1px 3px rgba(26, 94, 120, .22);
    background: #e9f1f3
}

[type=checkbox]:checked + .icon-checkbox:after {
    display: block
}

.mobile-menu {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #e9f1f3;
    padding: 75px 20px 0;
    z-index: 8000
}

.mobile-menu__close {
    position: absolute;
    top: 0;
    left: 0;
    margin: 20px;
    cursor: pointer
}

.mobile-menu-trigger {
    display: none;
    position: absolute;
    top: 50%;
    left: 0;
    width: 24px;
    height: 18px;
    margin: -9px 20px 0;
    border-top: 2px solid #1a5e78;
    font-size: 0;
    line-height: 0;
    text-decoration: none
}

.mobile-menu-trigger:after, .mobile-menu-trigger:before {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background: #1a5e78;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -2px
}

.mobile-menu-trigger:after {
    top: auto;
    bottom: 0
}

.mobile-menu .header-lang {
    float: none;
    position: absolute;
    top: 0;
    right: 0;
    margin: 20px;
    color: #00af67
}

.mobile-menu .header-lang > i {
    margin: 0 15px
}

.mobile-menu .header-auth {
    display: block;
    margin: 0
}

.mobile-menu .header-auth a {
    font-size: 14px;
    line-height: 22px;
    font-weight: 300
}

.mobile-menu .header-auth > i {
    height: 22px;
    margin: 0 20px
}

.mobile-menu .header-menu {
    display: block;
    margin: 20px 0 0
}

.mobile-menu .header-menu ul li {
    display: block;
    margin: 0;
    font-size: 14px;
    line-height: 51px;
    height: auto;
    border-bottom: 1px solid #c0d4da
}

.mobile-menu .header-menu ul li.active:before {
    display: none
}

.body-wrapper, .main-wrapper {
    min-height: 100%;
    height: auto
}

.body-wrapper {
    overflow: hidden;
    min-width: 320px
}

.footer, .g-wrapper, .header {
    max-width: 1180px;
    margin: 0 auto
}

.content-wrapper {
    padding: 60px 0 455px
}

.layout-reviews .content-wrapper {
    padding-bottom: 360px
}

.layout-index .content-wrapper {
    padding: 21px 0 230px
}

.layout-prices .content-wrapper {
    padding-bottom: 300px
}

.layout-shop-product .content-wrapper {
    padding-top: 66px;
    padding-bottom: 325px
}

.layout-blog .content-wrapper {
    padding-top: 64px;
    padding-bottom: 395px
}

.layout-cart .content-wrapper {
    padding-left: 110px;
    padding-bottom: 400px
}

.layout-blog-item .content-wrapper, .layout-sales-item .content-wrapper {
    padding-left: 110px;
    padding-bottom: 350px
}

.layout-prices-item .content-wrapper {
    padding-left: 110px;
    padding-top: 28px;
    padding-bottom: 350px
}

.layout-shop-item .content-wrapper {
    padding-bottom: 405px
}


@media all and (max-width: 768px) {
    .content-wrapper, .layout-blog .content-wrapper, .layout-shop-product .content-wrapper {
        padding-top: 30px;
        padding-left: 20px;
        padding-right: 20px
    }

    .layout-blog .content-wrapper, .layout-faq .content-wrapper, .layout-reviews .content-wrapper, .layout-sales .content-wrapper, .layout-shop-item .content-wrapper, .layout-shop-product .content-wrapper {
        padding-bottom: 270px
    }

    .layout-shop .content-wrapper {
        padding-bottom: 210px
    }

    .layout-blog-item .content-wrapper, .layout-cart .content-wrapper, .layout-prices-item .content-wrapper, .layout-sales-item .content-wrapper {
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 250px
    }
}

.header .logo {
    position: absolute;
    bottom: 0;
    left: 0;
    margin-bottom: -48px
}

.header .logo img {
    max-width: 100%
}

.header-wrapper {
    background: #e9f1f3;
    z-index: 1
}

.header-auth, .header-cart, .header-lang {
    display: inline-block;
    vertical-align: top;
    margin-top: 19px;
    font-weight: 700
}

.header-auth a, .header-auth span, .header-cart a, .header-cart span, .header-lang a, .header-lang span {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    line-height: 28px;
    white-space: nowrap
}

.header-auth a .how-pay-item__title:before, .header-auth a .icon, .header-auth a .lightbox__close, .header-auth span .how-pay-item__title:before, .header-auth span .icon, .header-auth span .lightbox__close, .header-cart a .how-pay-item__title:before, .header-cart a .icon, .header-cart a .lightbox__close, .header-cart span .how-pay-item__title:before, .header-cart span .icon, .header-cart span .lightbox__close, .header-lang a .how-pay-item__title:before, .header-lang a .icon, .header-lang a .lightbox__close, .header-lang span .how-pay-item__title:before, .header-lang span .icon, .header-lang span .lightbox__close {
    vertical-align: middle;
    margin: -2px 4px 0 0
}

.header-auth span, .header-cart span, .header-lang span {
    color: #00af67
}

.header-auth u, .header-cart u, .header-lang u {
    text-decoration: none
}

.header-auth > i, .header-cart > i, .header-lang > i {
    display: inline-block;
    vertical-align: top;
    width: 1px;
    height: 28px;
    background: #1a5e78;
    opacity: .2;
    margin: 0 11px
}

.header-auth {
    font-size: 0;
    line-height: 0;
    margin-right: 59px
}

.header-cart {
    margin-right: 48px
}

.header-cart a .icon-cart {
    margin-right: 7px
}

.header-cart a .icon-cart u {
    display: none;
    height: 15px;
    padding: 0 5px;
    position: absolute;
    top: 0;
    right: 0;
    margin: -5px;
    text-decoration: none;
    border-radius: 8px;
    background: #16beb2 linear-gradient(-233deg, #68de84 0, #13bdb3 75%, #00adaf 100%);
    font-size: 10px;
    line-height: 17px;
    font-weight: 700;
    color: #fff
}

.header-menu {
    display: inline-block;
    vertical-align: top;
    margin-left: 206px;
    font-size: 0;
    line-height: 0
}

.header-menu ul li {
    height: 63px;
    margin: 0 12px;
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    line-height: 67px;
    font-weight: 700
}

.header-menu ul li.active a {
    color: #00af67
}

.header-menu ul li.active:before {
    content: '';
    display: block;
    height: 4px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #66dd85 linear-gradient(to right, #16beb1 0, #16beb1 49%, #51d591 100%)
}

.header-menu ul li:first-of-type {
    margin-left: 0
}

@media all and (max-width: 768px) {
    .mobile-menu-trigger {
        display: block
    }

    .header {
        padding-left: 20px;
        padding-right: 20px;
        height: 50px
    }

    .header .header-auth, .header .header-lang, .header .header-menu {
        display: none
    }

    .header .header-cart {
        margin: -14px 20px 0;
        position: absolute;
        top: 50%;
        right: 0
    }

    .header .header-cart .how-pay-item__title:before, .header .header-cart .icon, .header .header-cart .lightbox__close {
        margin: 0
    }

    .header .header-cart u {
        display: none
    }

    .header .logo {
        width: 98px;
        left: 50%;
        margin: 0 0 -20px -49px
    }
}

.footer {
    font-size: 14px;
    line-height: 18px;
    color: #1a5e78;
    padding: 0
}

.footer-col_left {
    width: 605px
}

.footer-col_right {
    width: 445px
}

.footer-wrapper {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 220px;
    background: #e9f1f3;
    padding-top: 28px
}

.footer-info {
    padding: 30px 0 0 0
}

.footer-info p {
    width: 260px
}

.footer-info img {
    margin: 4px 3px 0 0
}

.footer-copy {
    position: absolute;
    bottom: 8px;
    right: 0;
    max-width: 445px
}

.footer-contacts > .btn {
    padding: 0;
    min-width: 234px
}

.footer-socials {
    font-size: 0;
    line-height: 0
}

.footer-socials .how-pay-item__title:before, .footer-socials .icon, .footer-socials .lightbox__close {
    margin: 0 5px
}

.footer-socials .how-pay-item__title:first-of-type:before, .footer-socials .icon:first-of-type, .footer-socials .lightbox__close:first-of-type {
    margin-left: 0
}

.footer-logo {
    margin: -4px 0 0 0
}

.footer-search {
    margin: 0 0 0 143px;
    width: 447px
}

.footer-search__wrapper input[type=text] {
    box-shadow: inset 0 1px 3px rgba(26, 94, 120, .22);
    border-radius: 22px 0 0 22px;
    background: #fff;
    width: 72%;
    height: 44px;
    padding: 3px 50px 0 20px;
    margin: 0;
    font-size: 16px;
    line-height: 44px
}

.footer-search__wrapper button {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 148px;
    padding: 0 36px
}

.footer-search__success {
    display: none;
    opacity: 0;
    font-size: 16px;
    line-height: 44px;
    transition: opacity .2s
}

.footer-search__success.showed {
    display: block;
    opacity: 1
}

.footer-menu {
    margin: 19px 0 0 3px;
    font-size: 0;
    line-height: 0
}

.footer-menu ul {
    display: inline-block;
    vertical-align: top;
    margin-left: 58px;
    font-size: 14px;
    line-height: 32px
}

.footer-menu ul:first-of-type {
    margin-left: 0
}

@media all and (max-width: 768px) {
    .footer {
        padding-left: 20px;
        padding-right: 20px;
        max-width: 320px;
        font-size: 0
    }

    .footer-wrapper {
        padding-top: 20px;
        height: 190px
    }

    .footer-contacts > .btn, .footer-info p, .footer-logo, .footer-menu {
        display: none
    }

    .footer-col {
        float: none;
        display: block;
        width: auto
    }

    .footer-contacts, .footer-info {
        display: inline-block;
        vertical-align: top;
        width: 50%
    }

    .footer-info {
        padding: 0;
        text-align: right
    }

    .footer-info img {
        float: none
    }

    .footer-socials .how-pay-item__title:before, .footer-socials .icon, .footer-socials .lightbox__close {
        width: 36px;
        height: 36px;
        -webkit-background-size: cover;
        background-size: cover
    }

    .footer-search {
        display: block;
        margin: 20px 0 0;
        width: 100%
    }

    .footer-search__wrapper input[type=text] {
        font-size: 14px;
        padding-left: 15px;
        padding-right: 25px;
        height: 36px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .footer-search__wrapper button {
        padding-left: 15px;
        padding-right: 15px;
        min-width: 0
    }

    .footer-copy {
        position: relative;
        bottom: 0;
        max-width: 250px;
        margin: 20px auto 0;
        font-size: 12px;
        line-height: 16px;
        text-align: center
    }
}

.pagination {
    font-size: 0;
    line-height: 0
}

.pagination li {
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    line-height: 46px;
    text-align: center;
    font-weight: 700;
    margin: 0 3px
}

.pagination li a, .pagination li span {
    display: inline-block;
    vertical-align: top;
    width: 46px;
    height: 44px;
    background: #e9f1f3;
    border-radius: 50%;
    transition: background-color .4s
}

.pagination li.active a {
    background: #d7fde0;
    color: #00af67
}

.pagination li a:hover {
    background: #d7fde0
}

.pagination li.disabled {
    width: 27px
}

.pagination li.disabled a, .pagination li.disabled span {
    background: 0 0;
    margin: 0;
    width: auto
}

.pagination li.arrow {
    width: 46px;
    height: 44px;
    line-height: 44px;
    margin: 0
}

.pagination li.arrow a {
    background: 0 0;
    display: inline-block;
    vertical-align: middle;
    width: 10px;
    height: 19px
}

.pagination li.arrow-back a {
    background: url(imgs/pagination-arrow-back.png) 0 0 no-repeat
}

.pagination li.arrow-back a:hover {
    background-position: bottom left
}

.pagination li.arrow-forward a {
    background: url(imgs/pagination-arrow-forward.png) 0 0 no-repeat
}

.pagination li.arrow-forward a:hover {
    background-position: bottom left
}

@media all and (max-width: 768px) {
    .pagination {
        text-align: center
    }

    .pagination-wrapper .btn {
        display: block;
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        margin: 0 0 20px
    }

    .pagination li {
        font-size: 14px;
        line-height: 38px
    }

    .pagination li a, .pagination li span, .pagination li.arrow {
        width: 36px;
        height: 36px;
        line-height: 38px
    }
}

.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px
}

.breadcrumb > li {
    display: inline-block
}

.breadcrumb > li + li:before {
    padding: 0 5px;
    color: #ccc;
    content: "/\00a0"
}

.breadcrumb > .active {
    color: #777
}

.common-content {
    max-width: 780px;
    margin-top: 24px
}

.content {
    font-size: 16px;
    line-height: 22px;
    color: #1a5e78
}

.content .video {
    font-size: 0;
    line-height: 0
}

.content blockquote {
    background: #f2fef5;
    color: #00af67;
    padding: 30px 100px 34px 60px;
    margin: 28px 0 23px
}

.content blockquote h1, .content blockquote h2 {
    margin-top: 0
}

.content blockquote h2:before {
    content: '';
    display: block;
    width: 17px;
    height: 17px;
    position: absolute;
    top: 0;
    left: 0;
    margin: 2px 0 0 -28px;
    background: url(imgs/i-attention-1.png) 0 0 no-repeat
}

.content blockquote p {
    margin-bottom: 0
}

.content img {
    max-width: 100%;
    width: auto;
    height: auto
}

.content h1 {
    font-size: 32px;
    line-height: 1;
    font-weight: 700;
    margin-top: 36px
}

.content h2 {
    font-size: 22px;
    line-height: 26px;
    font-weight: 700;
    margin: 34px 0 12px
}

.content > h2:first-child {
    margin-top: 0
}

.content p {
    margin: 0 0 20px
}

.content p.text-muted {
    margin-top: 24px
}

.content a {
    text-decoration: underline
}

.content ol, .content ul {
    margin-bottom: 20px
}

.content ol li, .content ul li {
    margin: 0 0 10px
}

.content ul > li {
    padding-left: 30px;
    background: url(imgs/ul-marker.svg) 0 6px no-repeat;
    -webkit-background-size: 9px;
    background-size: 9px
}

.content ol {
    counter-reset: my-badass-counter
}

.content ol > li {
    padding-left: 30px
}

.content ol > li:before {
    content: counter(my-badass-counter) ".";
    counter-increment: my-badass-counter;
    font-size: 16px;
    line-height: 1;
    font-weight: 700;
    color: #22c3aa;
    position: absolute;
    top: 3px;
    left: 0
}

.content .content-img-plate {
    height: 413px
}

.content .content-img-plate img {
    position: absolute
}

.content .content-img-plate img:nth-child(1) {
    top: 0;
    left: 0;
    width: 280px
}

.content .content-img-plate img:nth-child(2) {
    top: 0;
    left: 0;
    width: 180px;
    margin-left: 302px
}

.content .content-img-plate img:nth-child(3) {
    top: 0;
    right: 0;
    width: 280px;
    height: 100%
}

.content .content-img-plate img:nth-child(4) {
    bottom: 0;
    width: 180px
}

.content .content-img-plate img:nth-child(5) {
    bottom: 0;
    width: 280px;
    margin-left: 202px
}

.content .content-links-table {
    max-width: 580px;
    font-size: 0;
    line-height: 0
}

.content .content-links-table > * {
    display: inline-block;
    vertical-align: top;
    width: 33.3%;
    height: 124px;
    text-align: center;
    line-height: 124px;
    text-decoration: none
}

.content .content-links-table > :nth-child(1):after, .content .content-links-table > :nth-child(4):after {
    content: '';
    position: absolute;
    top: 8px;
    bottom: 8px;
    right: 0;
    width: 2px;
    background-color: #e9f1f3
}

.content .content-links-table > :nth-child(1):before, .content .content-links-table > :nth-child(2):before, .content .content-links-table > :nth-child(3):before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 8px;
    right: 8px;
    height: 2px;
    background: #e9f1f3
}

.content .content-links-table > :nth-child(3):after, .content .content-links-table > :nth-child(6):after {
    content: '';
    position: absolute;
    top: 8px;
    bottom: 8px;
    left: 0;
    width: 2px;
    background-color: #e9f1f3
}

@media all and (max-width: 768px) {
    .content {
        font-size: 14px;
        line-height: 20px
    }

    .content br {
        display: none
    }

    .content h1 {
        font-size: 24px;
        line-height: 26px
    }

    .content h2 {
        font-size: 18px;
        line-height: 22px
    }

    .content .video iframe {
        max-width: 100%
    }

    .content p {
        margin-bottom: 11px
    }

    .content .content-links-table {
        margin: 0 auto
    }

    .content .content-links-table > * {
        width: 50%
    }

    .content .content-links-table > :nth-child(3):after {
        left: auto;
        right: 0
    }

    .content .content-links-table > :nth-child(4):after {
        content: none
    }

    .content .content-links-table > :nth-child(4):before {
        content: '';
        position: absolute;
        bottom: 0;
        left: 8px;
        right: 8px;
        height: 2px;
        background: #e9f1f3
    }

    .content .content-img-plate {
        height: auto;
        white-space: nowrap;
        overflow: visible;
        margin-left: -20px;
        margin-right: -20px
    }

    .content .content-img-plate img, .content .content-img-plate img:nth-child(1), .content .content-img-plate img:nth-child(2), .content .content-img-plate img:nth-child(3), .content .content-img-plate img:nth-child(4), .content .content-img-plate img:nth-child(5) {
        position: relative;
        margin: 0 !important;
        display: inline-block;
        vertical-align: top;
        height: 147px
    }

    .content blockquote {
        padding: 25px 10px 24px
    }

    .content blockquote h2 {
        padding-left: 24px
    }

    .content blockquote h2:before {
        margin: 0
    }
}

.lightbox {
    display: none;
    width: 520px;
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 110;
    background: #fff;
    margin: 50px 0 50px -260px
}

.lightbox-wrapper {
    display: none;
    width: 100%;
    height: 100%;
    min-width: 1170px;
    overflow-x: hidden;
    overflow-y: auto;
    background: #587994;
    background: rgba(0, 58, 80, .4);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 110
}

.lightbox__close {
    position: absolute;
    top: 0;
    right: 0;
    margin: 20px;
    cursor: pointer
}

.lightbox-content {
    padding: 55px 50px 50px
}

.lightbox-desc {
    font-size: 22px;
    line-height: 26px;
    font-weight: 700;
    color: #1a5e78;
    margin-bottom: 20px
}

.lightbox-buttons .btn {
    display: block;
    width: 300px;
    margin: 20px auto 0;
    padding: 0
}

.lightbox-order {
    text-align: center
}

.lightbox-feedback, .lightbox-question {
    width: 580px;
    margin-left: -290px
}

.lightbox-feedback .lightbox-content, .lightbox-question .lightbox-content {
    padding: 55px 100px 60px
}

.lightbox-feedback .lightbox__form-buttons, .lightbox-question .lightbox__form-buttons {
    margin-bottom: 0
}

.lightbox-feedback .lightbox__form-buttons .btn, .lightbox-question .lightbox__form-buttons .btn {
    padding: 0;
    width: 100%
}

.b-faq-list__col-left {
    width: 255px
}

.b-faq-list__col-right {
    max-width: 685px;
    margin-left: 300px
}

.b-faq-list__item-question {
    border-top: 2px solid #e9f1f3;
    font-size: 22px;
    font-weight: 700;
    line-height: 26px;
    color: #1a5e78;
    cursor: pointer;
    padding: 20px 20px 20px 0
}

.b-faq-list__item-question:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -5px
}

.b-faq-list__item-answer {
    display: none;
    border-top: 2px solid #e9f1f3;
    padding: 25px 20px 15px 0
}

.b-faq-list__item:hover .b-faq-list__item-question {
    color: #00af67
}

.b-faq-list__item:hover .b-faq-list__item-question:after {
    background-position: 0 -9px
}

.b-faq-list__item.active .b-faq-list__item-question, .b-faq-list__item.active:hover .b-faq-list__item-question {
    color: #00af67
}

.b-faq-list__item.active .b-faq-list__item-answer, .b-faq-list__item.active:hover .b-faq-list__item-answer {
    display: block
}

.b-faq-list-menu-title {
    font-size: 16px;
    line-height: 1;
    color: #8fa8b4;
    margin: 0 0 15px
}

.b-faq-list__contact {
    width: 100%;
    border-top: 2px solid #e9f1f3;
    padding-top: 20px;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.b-faq-list__contact-text {
    max-width: 395px;
    font-size: 16px;
    line-height: 22px
}

.b-faq-list__contact-text h2 {
    font-size: 22px;
    font-weight: 700;
    line-height: 34px;
    color: #00af67
}

.b-faq-list__contact-button {
    margin-top: 34px
}

@media all and (max-width: 768px) {
    .b-faq-list__col-left, .b-faq-list__col-right {
        float: none;
        width: auto;
        max-width: none;
        margin-left: 0
    }

    .b-faq-list__item-question {
        font-size: 18px;
        line-height: 22px;
        padding: 15px 20px 17px 0
    }

    .b-faq-list__contact {
        display: block
    }

    .b-faq-list__contact-text {
        max-width: none;
        font-size: 14px;
        line-height: 20px
    }

    .b-faq-list__contact-text br {
        display: none
    }

    .b-faq-list__contact-text h2 {
        font-size: 18px;
        line-height: 22px
    }

    .b-faq-list__contact-button {
        margin: 20px 0 0;
        padding-left: 0;
        padding-right: 0;
        width: 100%
    }
}

.b-reviews-list {
    margin: 0 0 80px;
    font-size: 0;
    line-height: 0;
    white-space: nowrap
}

.b-reviews-list__col {
    display: inline-block;
    vertical-align: top;
    width: 33.3%;
    max-width: 385px
}

.b-reviews-list__col:nth-child(2) {
    margin: 0 12px
}

.b-reviews-list__item {
    font-size: 16px;
    line-height: 22px;
    color: #1a5e78;
    white-space: normal;
    text-align: left;
    margin: 0 0 45px
}

.b-reviews-list__item-content {
    padding: 23px 27px 30px;
    background: #fff;
    border: 2px solid #e9f1f3
}

.b-reviews-list__item-content:before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 12px;
    height: 8px;
    content: '';
    margin: 0 0 -8px 32px;
    background: url(imgs/review-tr.png) 0 0 no-repeat
}

.b-reviews-list__item-body {
    padding: 0 0 30px
}

.b-reviews-list__item-date {
    font-size: 14px;
    line-height: 1;
    font-weight: 400;
    color: #8fa8b4
}

.b-reviews-list__item .rating {
    position: absolute;
    bottom: 0;
    right: 0;
    margin: 0 30px 30px
}

.b-reviews-list__item-author {
    font-size: 16px;
    line-height: 22.61px;
    font-weight: 700;
    margin: 15px 0 0
}

@media all and (max-width: 768px) {
    .b-reviews-list__col {
        display: block;
        width: auto;
        max-width: none;
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .b-reviews-list__item {
        margin-bottom: 30px
    }

    .b-reviews-list__item .rating {
        margin-bottom: 20px
    }

    .b-reviews-list__item-content {
        padding: 20px
    }

    .b-reviews-list__item-content:before {
        margin-left: -6px;
        left: 50%
    }

    .b-reviews-list__item-body {
        font-size: 14px;
        line-height: 20px
    }

    .b-reviews-list__item-date {
        font-size: 12px
    }

    .b-reviews-list__item-author {
        font-size: 14px;
        text-align: center
    }
}

.categories-list {
    font-size: 0;
    line-height: 0
}

.categories-list a {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    line-height: 32px;
    color: #3e758c;
    padding: 0 20px;
    margin: 0 8px 8px 0;
    background: #e9f1f3;
    border-radius: 15px
}

.categories-list a.active, .categories-list a:hover {
    background: #ebfeef;
    color: #00af67
}

.categories-actions {
    margin-top: 13px
}

.categories-actions a {
    font-size: 14px;
    line-height: 22px;
    font-weight: 700;
    color: #8fa8b4
}

.categories-actions a:hover {
    color: #00af67
}

.categories-actions a.reverse .icon-arrow-gray {
    background-position: 0 -8px
}

.categories-actions a.reverse:hover .icon-arrow-gray {
    background-position: 0 -24px
}

.categories-actions s {
    display: inline-block;
    vertical-align: top;
    width: 2px;
    height: 20px;
    background: #e9f1f3;
    margin: 0 25px
}

.categories-actions .icon-arrow-gray {
    vertical-align: middle;
    margin: -2px 0 0 8px
}

.categories-actions .icon-erase {
    vertical-align: middle;
    margin: -3px 8px 0 0
}

.categories-menu {
    box-shadow: 0 8px 21px rgba(66, 112, 131, .3);
    background: #fff;
    margin: 0 0 30px
}

.categories-menu ul {
    z-index: 1
}

.categories-menu ul li {
    display: block;
    margin: 0;
    font-size: 16px;
    line-height: 20px;
    font-weight: 700
}

.categories-menu ul li:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 20px;
    right: 20px;
    display: block;
    height: 2px;
    background: #e9f1f3
}

.categories-menu ul li a, .categories-menu ul li span {
    display: block;
    vertical-align: top;
    padding: 17px 30px
}

.categories-menu ul li.active, .categories-menu ul li.active a, .categories-menu ul li:hover, .categories-menu ul li:hover a {
    color: #00af67
}

.categories-menu ul li.active:before, .categories-menu ul li:hover:before {
    content: '';
    display: block;
    width: 100%;
    position: absolute;
    top: -2px;
    bottom: 0;
    left: 0;
    z-index: -1;
    background: #d7fde0;
    pointer-events: none
}

.categories-menu ul li:last-of-type:after {
    content: none
}

.page-sales .css-mobile-dropdown-menu__title {
    display: none
}

.actions-list {
    font-size: 0;
    line-height: 0;
    margin: 23px -10px 30px
}

.actions-list__item {
    box-shadow: 0 8px 21px rgba(66, 112, 131, .3);
    transition: box-shadow .4s;
    display: inline-block;
    vertical-align: text-top;
    padding: 20px;
    width: 380px;
    height: 195px;
    margin: 0 10px 18px;
    text-align: left;
    background: #fff no-repeat bottom right;
    background-size: auto 100%
}

.actions-list__item > * {
    max-width: 180px
}

.actions-list__item__footer {
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 0 0 20px 20px;
    width: 100%
}

.actions-list__item-title {
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
    display: block
}

.actions-list__item-action-text {
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
    color: #00af67;
    display: block
}

.actions-list__item-action-text u {
    display: block;
    font-size: 22px;
    line-height: 1;
    text-decoration: none
}

.actions-list__item-action-price {
    font-size: 22px;
    line-height: 1;
    font-weight: 700;
    color: #00af67;
    display: block
}

.actions-list__item-action-price_old {
    font-size: 16px;
    line-height: 1;
    font-weight: 700;
    color: #1a5e78;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 10px
}

.actions-list__item-action-price_old:after {
    content: '';
    display: block;
    height: 2px;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    margin: -1px 0 0;
    background: #00af67
}

.actions-list__item-shop {
    display: block;
    font-size: 16px;
    line-height: 1;
    color: #8fa8b4;
    overflow: hidden;
    text-overflow: ellipsis
}

.actions-list__item:hover {
    box-shadow: 0 8px 21px rgba(66, 112, 131, .5)
}

.actions-list__item:hover .actions-list__item-title {
    color: #1a5e78
}

@media all and (max-width: 768px) {
    .actions-list {
        width: 100%;
        max-width: 380px;
        margin: 0 auto 30px
    }

    .actions-list__item {
        display: block;
        width: auto;
        margin-left: 0;
        margin-right: 0
    }

    .actions-list__item-title {
        font-size: 14px;
        line-height: 20px
    }

    .actions-list__item-action-text {
        font-size: 14px;
        line-height: 20px
    }

    .actions-list__item-action-text u {
        font-size: 18px
    }

    .actions-list__item-shop {
        font-size: 14px
    }
}

.products-list {
    font-size: 0;
    line-height: 0;
    margin: 23px -10px 30px
}

.products-list__item {
    box-shadow: 0 8px 21px rgba(66, 112, 131, .3);
    transition: box-shadow .4s;
    display: inline-block;
    vertical-align: text-top;
    padding: 20px;
    width: 280px;
    height: 195px;
    margin: 0 10px 18px;
    text-align: left;
    background: #fff no-repeat bottom right;
    background-size: auto 100%
}

.products-list__item > * {
    max-width: 180px
}

.products-list__item__footer {
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 0 0 20px 20px;
    width: 100%
}

.products-list__item-title {
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
    display: block
}

.products-list__item-price {
    font-size: 22px;
    line-height: 1;
    font-weight: 700;
    color: #00af67;
    display: block
}

.products-list__item-price_old {
    font-size: 16px;
    line-height: 1;
    font-weight: 700;
    color: #1a5e78;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 10px
}

.products-list__item-price_old:after {
    content: '';
    display: block;
    height: 2px;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    margin: -1px 0 0;
    background: #00af67
}

.products-list__item:hover {
    box-shadow: 0 8px 21px rgba(66, 112, 131, .5)
}

.products-list__item:hover .products-list__item-title {
    color: #1a5e78
}

@media all and (max-width: 768px) {
    .products-list {
        text-align: center
    }

    .products-list__item-title {
        font-size: 14px;
        line-height: 20px
    }

    .products-list__item-price {
        font-size: 18px
    }

    .products-list__item-price_old {
        font-size: 14px;
        margin-bottom: 3px
    }
}

.layout-index .header-wrapper {
    background: 0 0
}

.layout-index .header .header-auth span, .layout-index .header .header-lang span {
    color: #fff
}

.layout-index .header .header-auth > i, .layout-index .header .header-lang > i {
    background: #fff
}

.layout-index .header .header-cart .icon-cart {
    background-image: url(imgs/i-cart-white.png)
}

.layout-index .header .header-auth .icon-login {
    background-image: url(imgs/i-login-white.png)
}

.layout-index .header .header-auth .icon-reg {
    background-image: url(imgs/i-reg-white.png)
}

.layout-index .header a {
    color: #fff
}

.layout-index .header a:hover {
    color: #c9ff69
}

.index-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    font: 0/0 d;
    z-index: -1;
    pointer-events: none
}

.index-bg-1 {
    background: top center no-repeat
}

.index-bg-2 {
    background: center no-repeat
}

.index-bg-3 {
    background: center no-repeat
}

.index-bg-4 {
    background: 100% 92% no-repeat
}

.index-block {
    margin-bottom: 130px
}

.index-block-title {
    font-size: 32px;
    line-height: 38px;
    font-weight: 700;
    color: #3e758b;
    margin-bottom: 30px
}

.index-block-subtitle {
    font-size: 16px;
    line-height: 22px;
    color: #1a5e78;
    margin: -10px 0 30px
}

.index-block-reviews .index-block-title {
    margin-bottom: 25px
}

.index-block-reviews .swiper-container {
    padding: 0 20px 30px
}

.index-block-reviews .swiper-pagination {
    display: none
}

.index-block-reviews .b-reviews-list {
    margin: 0
}

.index-block-reviews .b-reviews-list__item {
    display: inline-block;
    vertical-align: top;
    width: 385px;
    margin: 0 5px
}

.index-block-actions .index-bg-2 {
    top: 50%;
    left: 0;
    height: 1014px;
    margin-top: -457px
}

.index-block-actions .actions-list {
    margin: 0;
    height: 414px
}

.index-block-actions .actions-list__item {
    position: absolute;
    margin: 0
}

.index-block-actions .actions-list__item:nth-child(1) {
    top: 0;
    left: 0;
    width: 383px
}

.index-block-actions .actions-list__item:nth-child(2) {
    top: 0;
    left: 0;
    margin-left: 401px;
    width: 282px
}

.index-block-actions .actions-list__item:nth-child(3) {
    top: 0;
    right: 0;
    bottom: 0;
    width: 483px;
    height: auto
}

.index-block-actions .actions-list__item:nth-child(4) {
    left: 0;
    bottom: 0;
    width: 286px
}

.index-block-actions .actions-list__item:nth-child(5) {
    left: 0;
    bottom: 0;
    margin-left: 300px;
    width: 384px
}

.index-block-sales .index-bg-3 {
    top: 50%;
    left: 0;
    height: 1563px;
    margin-top: -781px
}

.index-block-sales .products-list {
    margin: 0;
    height: 414px
}

.index-block-sales .products-list__item {
    position: absolute;
    margin: 0
}

.index-block-sales .products-list__item:nth-child(1) {
    top: 0;
    left: 0;
    bottom: 0;
    width: 483px;
    height: auto
}

.index-block-sales .products-list__item:nth-child(2) {
    top: 0;
    right: 0;
    margin-right: 302px;
    width: 383px
}

.index-block-sales .products-list__item:nth-child(3) {
    top: 0;
    right: 0;
    width: 282px
}

.index-block-sales .products-list__item:nth-child(4) {
    right: 0;
    bottom: 0;
    margin-right: 401px;
    width: 286px
}

.index-block-sales .products-list__item:nth-child(5) {
    right: 0;
    bottom: 0;
    width: 384px
}

.index-block-top-banners {
    margin-bottom: 45px
}

.index-block-banners .swiper-pagination {
    display: none
}

.index-block-btn {
    margin-top: 35px
}

.index-block-calc {
    margin-top: 153px
}

.index-block-blog .index-block-btn {
    margin-top: 20px
}

.index-block-blog .swiper-container {
    padding: 0 0 9px
}

.index-block-blog .blog-list__item {
    text-align: left
}

@media all and (max-width: 1110px) {
    .index-block-banners .swiper-pagination, .index-block-reviews .swiper-pagination {
        display: block
    }

    .index-block-banners .swiper-container {
        padding-bottom: 30px
    }

    .index-block-actions .swiper-container, .index-block-sales .swiper-container {
        padding: 0 20px 30px
    }
}

@media all and (max-width: 768px) {
    .layout-index .content-wrapper {
        padding-bottom: 270px
    }

    .layout-index .mobile-menu-trigger {
        border-color: #fff
    }

    .layout-index .mobile-menu-trigger:after, .layout-index .mobile-menu-trigger:before {
        background: #fff
    }

    .layout-index .calc {
        padding: 0 20px
    }

    .layout-index .calc:before {
        display: none
    }

    .layout-index .calc form {
        display: none
    }

    .layout-index .calc-title {
        margin: 0;
        font-size: 24px;
        line-height: 26px
    }

    .layout-index .calc-title span {
        padding: 0;
        background: 0 0
    }

    .layout-index .calc-subtitle {
        margin: 14px 0 0;
        font-size: 14px;
        line-height: 20px
    }

    .index-block-title {
        font-size: 24px;
        line-height: 26px;
        margin: 0
    }

    .index-block-subtitle {
        font-size: 14px;
        line-height: 20px;
        margin: 14px 0 21px
    }

    .index-block-reviews {
        margin: 75px 0 0
    }

    .index-block-reviews .index-block-btn {
        margin-top: 30px
    }

    .index-block-reviews .b-reviews-list {
        margin-top: 30px
    }

    .index-block-reviews .b-reviews-list__item {
        width: 280px;
        margin: 0
    }

    .index-block-top-banners {
        margin: 0
    }

    .index-block-banners {
        margin: 80px 0 0
    }

    .index-block-sales {
        margin: 90px 0 0
    }

    .index-block-sales .products-list {
        height: auto;
        white-space: nowrap
    }

    .index-block-sales .products-list__item, .index-block-sales .products-list__item:nth-child(1), .index-block-sales .products-list__item:nth-child(2), .index-block-sales .products-list__item:nth-child(3), .index-block-sales .products-list__item:nth-child(4) {
        display: inline-block;
        vertical-align: top;
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        bottom: auto;
        margin: 0;
        width: 280px;
        height: 170px;
        white-space: normal
    }

    .index-block-payments {
        margin: 30px 0 0
    }

    .index-block-calc {
        margin: 75px 0 0
    }

    .index-block-actions {
        margin: 75px 0 0
    }

    .index-block-actions .actions-list {
        max-width: none;
        height: auto;
        white-space: nowrap
    }

    .index-block-actions .actions-list__item, .index-block-actions .actions-list__item:nth-child(1), .index-block-actions .actions-list__item:nth-child(2), .index-block-actions .actions-list__item:nth-child(3), .index-block-actions .actions-list__item:nth-child(4), .index-block-actions .actions-list__item:nth-child(5) {
        display: inline-block;
        vertical-align: top;
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        bottom: auto;
        margin: 0;
        width: 280px;
        height: 170px;
        white-space: normal
    }

    .index-block-advantages {
        margin: 80px 0 0
    }

    .index-block-blog {
        margin: 75px 0 0
    }

    .index-block-blog .blog-list {
        margin: 25px 0 0;
        white-space: nowrap
    }

    .index-block-blog .blog-list__item {
        display: inline-block;
        white-space: normal;
        margin: 0 10px
    }
}

.advantages {
    max-width: 996px;
    margin: 0 auto
}

.advantages__video {
    display: block;
    width: 472px;
    height: 305px;
    margin-top: -3px;
    background: no-repeat center;
    -webkit-background-size: cover;
    background-size: cover;
    cursor: pointer
}

.advantages__video:before {
    content: '';
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: -5px;
    border: 2px solid #e9f1f3;
    pointer-events: none
}

.advantages__video .icon-play {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -46px 0 0 -35px;
    z-index: 1
}

.advantages__video-title {
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    color: #feffff;
    position: absolute;
    z-index: 1;
    top: 50%;
    margin: 36px 0 0;
    width: 100%
}

.advantages__video-overlay {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    background: linear-gradient(-143deg, #096a8c 0, #16beb1 49%, #51d591 100%);
    opacity: .82
}

.advantages__video:hover .advantages__video-overlay {
    background: linear-gradient(-143deg, #096a8c 0, #0d8397 49%, #16bfb1 100%)
}

.advantages__list {
    margin-left: 525px;
    text-align: left
}

.advantages__list-item {
    color: #1a5e78;
    margin-top: 36px
}

.advantages__list-item:first-of-type {
    margin-top: 0
}

.advantages__list-item__content {
    margin-left: 100px;
    max-width: 355px
}

.advantages__list-item__content h3 {
    font-size: 22px;
    line-height: 26px
}

.advantages__list-item__content p {
    font-size: 16px;
    line-height: 22px;
    margin-top: 6px
}

.advantages__list-item__icon {
    display: block;
    width: 69px;
    height: 70px
}

.advantages__list-item__icon-1 {
    background: url(imgs/i-we-3.png) 0 0 no-repeat;
    margin: 0 0 0 3px
}

.advantages__list-item__icon-2 {
    background: url(imgs/i-we-2.png) 0 0 no-repeat;
    margin: 1px 0 0 9px
}

.advantages__list-item__icon-3 {
    background: url(imgs/i-we-1.png) 0 0 no-repeat;
    margin: 1px 0 0 8px
}

@media all and (max-width: 768px) {
    .advantages {
        margin-left: 20px;
        margin-right: 20px
    }

    .advantages__video {
        float: none;
        width: 100%;
        height: 174px
    }

    .advantages__video-title {
        font-size: 14px
    }

    .advantages__list {
        margin: 0
    }

    .advantages__list-item {
        text-align: center
    }

    .advantages__list-item, .advantages__list-item:first-of-type {
        margin-top: 40px
    }

    .advantages__list-item__content {
        margin-left: 0;
        max-width: none
    }

    .advantages__list-item__content h3 {
        font-size: 18px;
        line-height: 22px
    }

    .advantages__list-item__content p {
        font-size: 14px;
        line-height: 20px;
        margin-top: 10px
    }

    .advantages__list-item__icon {
        display: inline-block;
        vertical-align: top;
        float: none;
        margin-bottom: 15px
    }
}

.index-top-banners__text {
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 1;
    width: 430px;
    margin-top: -110px;
    font-weight: 700;
    color: #fff;
    text-align: left
}

.index-top-banners h2 {
    font-size: 48px;
    line-height: 58px;
    text-transform: uppercase;
    letter-spacing: .19px
}

.index-top-banners h3 {
    font-size: 32px;
    line-height: 38px
}

.index-top-banners__products .products-list {
    margin: 0;
    height: 414px
}

.index-top-banners__products .products-list__item {
    position: absolute;
    margin: 0
}

.index-top-banners__products .products-list__item:nth-child(1) {
    top: 0;
    right: 0;
    margin-right: 302px;
    width: 383px
}

.index-top-banners__products .products-list__item:nth-child(2) {
    top: 0;
    right: 0;
    width: 282px
}

.index-top-banners__products .products-list__item:nth-child(3) {
    right: 0;
    bottom: 0;
    margin-right: 401px;
    width: 286px
}

.index-top-banners__products .products-list__item:nth-child(4) {
    right: 0;
    bottom: 0;
    width: 384px
}

@media all and (max-width: 768px) {
    .index-top-banners .swiper-container {
        padding: 0 20px 30px
    }

    .index-top-banners__text {
        position: relative;
        margin: 30px 0 25px;
        padding-left: 20px;
        padding-right: 20px;
        width: auto;
        height: auto;
        text-align: center
    }

    .index-top-banners h2 {
        font-size: 28px;
        line-height: 34px
    }

    .index-top-banners h3 {
        font-size: 24px;
        line-height: 26px
    }

    .index-top-banners__products .products-list {
        height: auto;
        white-space: nowrap
    }

    .index-top-banners__products .products-list__item, .index-top-banners__products .products-list__item:nth-child(1), .index-top-banners__products .products-list__item:nth-child(2), .index-top-banners__products .products-list__item:nth-child(3), .index-top-banners__products .products-list__item:nth-child(4) {
        display: inline-block;
        vertical-align: top;
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        bottom: auto;
        margin: 0;
        width: 280px;
        height: 170px;
        white-space: normal
    }
}

.payments {
    box-shadow: 0 8px 32px rgba(37, 105, 132, .36);
    background: #fff
}

.payments__tabs {
    font-size: 0;
    line-height: 0;
    white-space: nowrap
}

.payments__tabs a {
    display: inline-block;
    width: 50%;
    height: 90px;
    box-shadow: inset 0 -5px 5px rgba(37, 105, 132, .11);
    background-color: #e9f1f3;
    font-size: 18px;
    line-height: 96px;
    font-weight: 700;
    color: #8fa8b4;
    text-transform: uppercase;
    vertical-align: top
}

.payments__tabs .active {
    box-shadow: none;
    background: #fff;
    cursor: default;
    color: #1a5e78
}

.payments__content-item {
    display: none;
    padding: 100px 0 133px;
    max-width: 1040px;
    margin: 0 auto
}

.payments__content-item:nth-child(2) {
    padding: 41px 0 74px
}

.payments__content-item__top-text h3 {
    font-size: 22px;
    line-height: 26px;
    font-weight: 700;
    color: #1a5e78
}

.payments__content-item__top-text p {
    font-size: 16px;
    line-height: 22px;
    color: #1a5e78;
    margin: 7px 0 37px
}

.payments__content-item__points {
    font-size: 0;
    line-height: 0;
    white-space: nowrap
}

.payments__content-item__points-item {
    display: inline-block;
    width: 33.3%;
    white-space: normal;
    vertical-align: top
}

.payments__content-item__points-item__title {
    font-size: 22px;
    line-height: 41px;
    font-weight: 700;
    color: #1a5e78
}

.payments__content-item__points-item__title .how-pay-item__title:before, .payments__content-item__points-item__title .icon, .payments__content-item__points-item__title .lightbox__close {
    margin-right: 7px
}

.how-pay-item:nth-child(1) .payments__content-item__points-item__title .how-pay-item__title:before, .payments__content-item__points-item__title .how-pay-item:nth-child(1) .how-pay-item__title:before, .payments__content-item__points-item__title .icon-n1 {
    margin-left: -47px
}

.how-pay-item:nth-child(2) .payments__content-item__points-item__title .how-pay-item__title:before, .payments__content-item__points-item__title .how-pay-item:nth-child(2) .how-pay-item__title:before, .payments__content-item__points-item__title .icon-n2 {
    margin-left: -25px
}

.how-pay-item:nth-child(3) .payments__content-item__points-item__title .how-pay-item__title:before, .payments__content-item__points-item__title .how-pay-item:nth-child(3) .how-pay-item__title:before, .payments__content-item__points-item__title .icon-n3 {
    margin-left: -14px
}

.payments__content-item__points-item__lead {
    font-size: 16px;
    line-height: 22px;
    color: #1a5e78;
    margin: 10px 0 24px;
    min-height: 66px
}

.payments__content-item__points-item > .btn {
    padding: 0;
    width: 240px
}

.payments__content-item__points-item:nth-child(2):after, .payments__content-item__points-item:nth-child(2):before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 2px;
    height: 100%;
    background: #e9f1f3
}

.payments__content-item__points-item:nth-child(2):after {
    left: auto;
    right: 0
}

.payments__content-banner {
    background: #ebfeef;
    margin: 43px auto 36px;
    max-width: 590px;
    font-size: 22px;
    line-height: 26px;
    font-weight: 700;
    color: #00af67;
    padding: 15px 60px 10px
}

.payments__content-banner .how-pay-item__title:before, .payments__content-banner .icon, .payments__content-banner .lightbox__close {
    position: absolute;
    top: 50%;
    left: 0
}

.payments__content-banner .icon-box {
    left: auto;
    right: 0;
    margin: -42px -36px 0 0
}

.payments__content-banner .icon-calendar {
    margin: -35px 0 0 -38px
}

.payments__content .text-muted {
    max-width: 780px;
    margin: 0 auto
}

.payments__content .text-muted p a {
    text-decoration: underline
}

.payments__content .text-muted p a:hover {
    color: #00af67;
    text-decoration: none
}

@media all and (max-width: 768px) {
    .payments {
        margin-left: 20px;
        margin-right: 20px;
        padding-bottom: 35px
    }

    .payments__tabs a {
        font-size: 14px;
        line-height: 18px;
        white-space: normal;
        padding: 17px 25px 0
    }

    .payments__content {
        padding: 25px 20px 0
    }

    .payments__content-item__top-text h3 {
        font-size: 18px;
        line-height: 22px
    }

    .payments__content-item__top-text p {
        font-size: 14px;
        line-height: 20px
    }

    .payments__content-item__points-item {
        display: block;
        width: auto;
        margin-bottom: 36px
    }

    .payments__content-item__points-item:after, .payments__content-item__points-item:before {
        display: none
    }

    .payments__content-item__points-item__title {
        font-size: 18px;
        line-height: 36px
    }

    .payments__content-item__points-item__title .how-pay-item__title:before, .payments__content-item__points-item__title .icon, .payments__content-item__points-item__title .lightbox__close {
        width: 36px;
        height: 36px;
        background-size: contain
    }

    .payments__content-item__points-item__lead {
        font-size: 14px;
        line-height: 20px;
        margin: 10px 0 14px;
        min-height: 0
    }

    .payments__content-item__points-item__lead br {
        display: none
    }

    .payments__content-banner {
        font-size: 18px;
        line-height: 22px;
        padding: 47px 25px 45px;
        margin: 84px auto 55px
    }

    .payments__content-banner br {
        display: none
    }

    .payments__content-banner .icon-calendar {
        margin: -36px 0 0 -39px;
        top: 0;
        left: 50%
    }

    .payments__content-banner .icon-box {
        margin: 0 0 -42px -32px;
        top: auto;
        bottom: 0;
        left: 50%
    }
}

.wide-banners__item {
    padding: 5px
}

.wide-banners__item a {
    display: block;
    max-width: 967px;
    height: 170px;
    text-decoration: none;
    background: no-repeat top center;
    -webkit-background-size: cover;
    background-size: cover;
    margin: 0 auto;
    padding: 40px 0 0;
    color: #fff
}

.wide-banners__item a:before {
    content: '';
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: -5px;
    border: 2px solid #e9f1f3;
    pointer-events: none
}

.wide-banners__item-title {
    font-size: 32px;
    line-height: 34px;
    font-weight: 700;
    display: block;
    max-width: 50%;
    margin: 0 auto
}

.wide-banners__item-subtitle {
    font-size: 16px;
    line-height: 22px;
    display: block;
    margin-top: 14px
}

.wide-banners__item:hover {
    color: #fff
}

@media all and (max-width: 768px) {
    .wide-banners__item a {
        padding: 45px 20px 0;
        margin: 0 10px
    }

    .wide-banners__item-title {
        font-size: 24px;
        line-height: 26px;
        max-width: none
    }

    .wide-banners__item-subtitle {
        font-size: 14px;
        line-height: 20px;
        margin-top: 8px
    }
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    margin: 0 5px;
    background: #d5dfe2;
    text-decoration: none
}

.swiper-pagination-bullet-active, .swiper-pagination-bullet:hover {
    background: #1a5e78
}

.swiper-button-next, .swiper-button-prev {
    width: 14px;
    height: 43px;
    margin-top: -23px;
    outline: 0
}

.swiper-button-prev {
    left: 0;
    background: url(imgs/slider-left.png) 0 0 no-repeat
}

.swiper-button-prev:hover {
    background-position: 0 -43px
}

.swiper-button-next {
    right: 0;
    background: url(imgs/slider-right.png) 0 0 no-repeat
}

.swiper-button-next:hover {
    background-position: 0 -43px
}

@media all and (max-width: 1110px) {
    .swiper-button-next, .swiper-button-prev {
        display: none
    }
}

.calc {
    max-width: 970px;
    margin: 0 auto;
    padding: 1px 0 55px
}

.calc:before {
    content: '';
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: -5px;
    border: 2px solid #e9f1f3;
    pointer-events: none
}

.calc-title {
    font-size: 32px;
    line-height: 38px;
    font-weight: 700;
    color: #3e758b;
    max-width: 735px;
    margin: -26px auto 35px
}

.calc-title span {
    display: inline-block;
    padding: 0 10px;
    background: #fff;
    letter-spacing: .7px
}

.calc-title span i {
    font-style: normal;
    color: #8fa8b4
}

.calc-title span u {
    text-decoration: none;
    color: #00af67
}

.calc-title span b {
    margin: 0 15px
}

.calc-subtitle {
    font-size: 16px;
    line-height: 22px;
    color: #1a5e78;
    letter-spacing: .27px;
    max-width: 710px;
    margin: -10px auto 25px
}

.calc-form {
    max-width: 735px;
    margin: 0 auto
}

.calc-form .btn {
    padding: 0 36px
}

.calc-form__row {
    text-align: left;
    margin: 0 0 16px
}

.calc-form__row-66 .calc-form__col:last-of-type {
    float: right
}

.calc-form__row-39 .calc-form__col:last-of-type {
    float: right
}

.calc-form__row-39 .calc_form__slider {
    padding-top: 20px
}

.calc-form__row-333 .calc-form__col:nth-child(2) {
    margin-left: 36px
}

.calc-form__row-333 .calc-form__col:last-of-type {
    float: right
}

.calc-form__row-333 .calc_form__slider {
    padding-top: 20px
}

.calc-form__col-3 {
    width: 25.5%
}

.calc-form__col-6 {
    width: 48%
}

.calc-form__col-9 {
    width: 69.5%
}

.calc-form__field label .label- {
    margin-bottom: 8px
}

.calc-form__field label select {
    width: 100%
}

.calc-form__presets {
    font-size: 0;
    line-height: 0;
    white-space: nowrap;
    margin: 24px 0 24px
}

.calc-form__presets a {
    display: inline-block;
    vertical-align: top;
    text-decoration: none;
    width: 92px;
    height: 58px
}

.calc-form__presets a .how-pay-item__title:before, .calc-form__presets a .icon, .calc-form__presets a .lightbox__close {
    margin-bottom: 18px
}

.calc-form__presets a span {
    display: block;
    font-size: 14px;
    line-height: 1;
    color: #8fa8b4
}

.calc-form__presets a:after, .calc-form__presets a:first-of-type:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 2px;
    height: 100%;
    background-color: #e9f1f3
}

.calc-form__presets a:after {
    left: auto;
    right: 0
}

.calc-form__presets a.active span, .calc-form__presets a:hover span {
    color: #00af67;
    font-weight: 700
}

.calc-results .calc-subtitle {
    max-width: 410px
}

.calc-results .text-muted {
    max-width: 555px;
    margin: 0 auto
}

.calc-results__content-variants {
    font-size: 0;
    line-height: 0
}

.calc-results__content-variants__item {
    display: inline-block;
    vertical-align: text-top;
    font-weight: 700;
    height: 100px;
    padding: 5px 40px;
    font-size: 16px;
    line-height: 22px
}

.calc-results__content-variants__item span {
    display: block;
    width: 100%;
    height: 40px;
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 0 0 5px
}

.calc-results__content-variants__item span b {
    color: #1a5e78
}

.calc-results__content-variants__item span i {
    display: block;
    color: #8fa8b4;
    font-style: normal
}

.calc-results__content-variants__item u {
    display: inline-block;
    vertical-align: top;
    max-width: 135px;
    color: #00af67;
    text-decoration: none
}

.calc-results__content-variants__item:after, .calc-results__content-variants__item:first-of-type:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 2px;
    height: 100%;
    background-color: #e9f1f3
}

.calc-results__content-variants__item:before {
    right: auto;
    left: 0
}

.calc-results__content-variants__item:hover {
    background: #ebfeef
}

.calc-results__content-variants__item:hover span b, .calc-results__content-variants__item:hover span i {
    color: #00af67
}

.calc-results__content-buttons {
    font-size: 0;
    line-height: 0;
    margin: 37px 0 34px
}

.calc-results__content-buttons .btn {
    margin: 0 16px
}

.infoblock {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 9000;
    width: 100%;
    height: 76px;
    background: #1a5e78
}

.infoblock__wrapper {
    padding-top: 20px
}

.infoblock__text {
    margin: 0 auto;
    max-width: 950px;
    text-align: center;
    font-size: 14px;
    line-height: 22px;
    color: #fff;
    display: flex;
    flex-direction: row
}

.infoblock__text-content {
    flex: 1;
    max-width: 710px;
    text-align: left;
    margin: 0 30px 0 20px
}

.infoblock__text .btn {
    text-transform: uppercase
}

@media all and (max-width: 768px) {
    .infoblock {
        height: auto
    }

    .infoblock__text {
        text-align: center;
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 20px;
        display: block
    }

    .infoblock__text-content {
        display: block;
        margin: 10px 0 20px;
        max-width: none;
        text-align: center
    }

    .infoblock__text-content br {
        display: none
    }

    .infoblock__text .btn {
        padding-left: 0;
        padding-right: 0;
        width: 100%
    }
}

.range-slider {
    user-select: none;
    padding-top: 9px
}

.range-slider__line {
    font-size: 0;
    line-height: 0;
    width: 100%;
    height: 4px;
    box-shadow: inset 0 1px 3px rgba(26, 94, 120, .22);
    background: #e9f1f3
}

.range-slider__line-select {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 4px;
    background: #ebf1f4 linear-gradient(to right, #16beb1 0, #16beb1 49%, #51d591 100%);
    box-shadow: inset 0 -1px 3px rgba(23, 69, 88, .22)
}

.range-slider__line-handler {
    display: block;
    width: 20px;
    height: 22px;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    margin: -8px -10px 0 0;
    background: url(imgs/range-handler.png) 0 0 no-repeat
}

.range-slider__line-handler:hover {
    background-position: bottom left
}

.range-slider__values {
    display: inline-block;
    vertical-align: top;
    margin-top: 19px;
    line-height: 1;
    white-space: nowrap;
    font-size: 14px;
    color: #8fa8b4
}

.range-slider__values i {
    display: inline-block;
    vertical-align: top;
    font-style: normal
}

.prices-table-fixed, .prices-table-main {
    width: auto !important;
    height: auto !important;
    min-width: 100%;
    font-size: 14px;
    line-height: 18px;
    color: #1a5e78
}

.prices-table-main.scroll td:first-of-type, .scroll.prices-table-fixed td:first-of-type {
    opacity: 0
}

.prices-table-fixed td, .prices-table-main td {
    border: 2px solid #fff;
    padding: 20px
}

.prices-table-fixed td:nth-child(2), .prices-table-main td:nth-child(2) {
    box-shadow: inset 5px 0 rgba(26, 94, 120, .06)
}

.prices-table-fixed tbody tr, .prices-table-fixed thead tr, .prices-table-main tbody tr, .prices-table-main thead tr {
    height: auto !important
}

.prices-table-fixed thead td, .prices-table-main thead td {
    height: auto !important;
    width: auto !important;
    background: #dcf3f6
}

.prices-table-fixed tbody td, .prices-table-main tbody td {
    background: #f5f8f9
}

.prices-table-fixed tbody td:first-of-type, .prices-table-main tbody td:first-of-type {
    font-weight: 700
}

.prices-table-fixed tbody tr:nth-child(odd) td, .prices-table-main tbody tr:nth-child(odd) td {
    background: #e9f1f3
}

.prices-table-fixed tbody tr.hover td, .prices-table-main tbody tr.hover td {
    background: #ebfeef;
    color: #00af67;
    cursor: pointer
}

.prices-table-fixed {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 0;
    margin: 0
}

.prices-table__main__table:after {
    content: '';
    width: 28px;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    pointer-events: none;
    background: url(imgs/prices-table-shadow.png) 0 0 repeat-y
}

.prices-table__main-wrapper {
    margin-bottom: 25px
}

.prices-info {
    margin-top: 50px;
    max-width: 515px;
    font-size: 16px;
    line-height: 22px;
    color: #1a5e78
}

.prices-info h2 {
    font-size: 22px;
    line-height: 1;
    color: #00af67
}

.prices-info p {
    margin: 10px 0 25px
}

@media all and (max-width: 768px) {
    .prices-table-fixed, .prices-table-main {
        font-size: 12px;
        line-height: 16px
    }

    .prices-table-fixed td, .prices-table-main td {
        padding: 15px 10px
    }

    .prices-table__main-wrapper {
        margin-bottom: 20px;
        margin-right: -20px
    }

    .prices-info {
        margin-top: 40px
    }

    .prices-info h2 {
        font-size: 18px;
        line-height: 22px
    }

    .prices-info p {
        font-size: 14px;
        line-height: 20px;
        margin: 0 0 20px
    }

    .prices-info .btn {
        padding-left: 0;
        padding-right: 0;
        width: 100%
    }
}

.table-scroll {
    user-select: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 2px 0 0;
    z-index: 10
}

.table-scroll.bottom {
    margin-top: 0;
    margin-bottom: 2px;
    top: auto;
    bottom: 0
}

.table-scroll.bottom .table-scroll__line {
    border-bottom: none;
    border-top: 2px solid #fff
}

.table-scroll__line {
    font-size: 0;
    line-height: 0;
    width: 100%;
    height: 6px;
    border-bottom: 2px solid #fff;
    box-shadow: inset 0 1px 3px rgba(26, 94, 120, .22);
    background: #e9f1f3
}

.table-scroll__line-select {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 4px;
    background: #ebf1f4 linear-gradient(to right, #16beb1 0, #16beb1 49%, #51d591 100%);
    box-shadow: inset 0 -1px 3px rgba(23, 69, 88, .22)
}

.table-scroll__line-handler {
    display: block;
    width: 22px;
    height: 23px;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    margin: -8px -11px 0 0;
    background: url(imgs/range-handler.png) 0 0 no-repeat
}

.table-scroll__line-handler:hover {
    background-position: bottom left
}

.delivery-view {
    margin: 0 auto;
    max-width: 880px
}

.delivery-view .g-page-title {
    margin-top: 36px;
    margin-bottom: 0
}

.delivery-view .common-content {
    max-width: none
}

.delivery-view__buttons {
    font-size: 0;
    line-height: 0;
    white-space: nowrap;
    margin-top: 54px
}

.delivery-view__buttons .btn {
    padding-left: 0;
    padding-right: 0;
    width: 49%
}

.delivery-view__buttons .btn:last-of-type {
    float: right
}

.delivery-view__info {
    margin-top: 30px
}

.delivery-view__info > img {
    max-width: 374px;
    height: auto
}

.delivery-view__info-item {
    min-height: 72px;
    margin: 0 0 40px 400px;
    padding-left: 100px
}

.delivery-view__info-item:before, .delivery-view__info-item > .how-pay-item__title:before, .delivery-view__info-item > .icon, .delivery-view__info-item > .lightbox__close {
    position: absolute;
    top: 0;
    left: 0;
    content: ''
}

.delivery-view__info-item h2 {
    margin: 0 0 2px;
    line-height: 1
}

.delivery-view__info-item p {
    margin: 0
}

.delivery-view__info-item:last-of-type {
    margin-bottom: 0
}

.how-pay {
    font-size: 0;
    line-height: 0;
    margin: -7px 0 15px
}

.how-pay-item {
    display: inline-block;
    width: 30%;
    padding: 0 0 10px;
    white-space: normal;
    vertical-align: top
}

.how-pay-item__title {
    font-size: 22px;
    line-height: 41px;
    font-weight: 700;
    color: #1a5e78
}

.how-pay-item__title:before {
    content: '';
    margin-right: 7px
}

.how-pay-item__lead {
    font-size: 16px;
    line-height: 22px;
    color: #1a5e78;
    margin: 10px 0 0
}

.how-pay-item__lead p {
    margin: 0
}

.how-pay-item:nth-child(2) {
    margin-left: 2%
}

.how-pay-item:nth-child(2):after, .how-pay-item:nth-child(2):before {
    pointer-events: none;
    content: '';
    position: absolute;
    top: 0;
    left: -36px;
    width: 2px;
    height: 100%;
    background-color: #e9f1f3
}

.how-pay-item:nth-child(2):after {
    left: auto;
    right: -11px
}

.how-pay-item:nth-child(3) {
    margin-left: 6%;
    width: 31%
}

@media all and (max-width: 768px) {
    .delivery-view .g-page-title {
        margin-top: 0
    }

    .delivery-view__info {
        margin-top: 24px;
        text-align: center
    }

    .delivery-view__info > img {
        float: none;
        max-width: 100%;
        margin-bottom: 17px
    }

    .delivery-view__info-item {
        margin-left: 0;
        margin-bottom: 25px;
        padding-left: 95px;
        max-height: none;
        text-align: left
    }

    .delivery-view .common-content .link-grey, .delivery-view .common-content .link2back {
        text-align: left;
        display: inline-block
    }

    .delivery-view__buttons {
        white-space: normal;
        margin-top: 30px
    }

    .delivery-view__buttons .btn, .delivery-view__buttons .btn:last-of-type {
        width: 100%;
        float: none
    }

    .delivery-view__buttons .btn + .btn {
        margin-top: 20px
    }

    .how-pay {
        margin-top: 12px
    }

    .how-pay-item__title {
        font-size: 18px
    }

    .how-pay-item__lead {
        font-size: 14px;
        line-height: 20px
    }

    .how-pay-item, .how-pay-item:nth-child(2), .how-pay-item:nth-child(3) {
        display: block;
        width: 100%;
        margin: 0;
        padding-bottom: 26px
    }

    .how-pay-item:last-of-type {
        padding-bottom: 0
    }
}

.sale-view {
    margin: 0 auto;
    max-width: 880px
}

.sale-view .g-page-title {
    margin-top: 36px;
    margin-bottom: 0
}

.sale-view .common-content {
    margin-bottom: 46px
}

.b-shop-list__col-left {
    width: 255px
}

.b-shop-list__col-left .css-mobile-dropdown-menu__title {
    display: none
}

.b-shop-list__col-right {
    margin-left: 300px
}

.b-shop-list__item {
    margin: 0 0 50px
}

.b-shop-list__item-info {
    max-width: 600px;
    color: #1a5e78;
    padding-right: 60px
}

.b-shop-list__item-info__title {
    font-size: 22px;
    line-height: 1;
    font-weight: 700;
    margin: 0 0 17px
}

.b-shop-list__item-info__lead {
    font-size: 16px;
    line-height: 22px;
    margin: 0 0 12px
}

.b-shop-list__item-logo {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 280px;
    height: 100%;
    background: no-repeat center
}

.b-shop-list__item-logo img {
    display: none
}

.b-shop-list__item-logo:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 2px;
    height: 100%;
    background: #e9f1f3
}

.b-shop-list__item:hover .b-shop-list__item-info__title {
    color: #00af67
}

@media all and (max-width: 768px) {
    .b-shop-list__col-left, .b-shop-list__col-right {
        float: none;
        width: auto;
        max-width: none;
        margin-left: 0
    }

    .b-shop-list__col-left .css-mobile-dropdown-menu__title {
        display: block
    }

    .b-shop-list__item {
        text-align: center
    }

    .b-shop-list__item-info {
        padding: 0;
        margin: 0 auto;
        max-width: none
    }

    .b-shop-list__item-info__title {
        margin: 20px 0 15px;
        font-size: 18px;
        line-height: 22px
    }

    .b-shop-list__item-info__lead {
        font-size: 14px;
        line-height: 20px
    }

    .b-shop-list__item-logo {
        position: relative;
        width: 100%;
        height: auto
    }

    .b-shop-list__item-logo img {
        display: inline-block;
        vertical-align: top
    }

    .b-shop-list__item-logo:before {
        display: none
    }
}

.shop-view__col-left {
    width: 255px
}

.shop-view__col-right {
    margin-left: 300px
}

.shop-view .categories-actions {
    line-height: 1;
    margin-top: 10px
}

.shop-view .categories-actions a {
    font-size: 14px;
    font-weight: 700
}

.layout-shop-item .link-grey, .layout-shop-item .link2back {
    float: right;
    margin-top: 11px
}

@media all and (max-width: 768px) {
    .shop-view .css-mobile-dropdown-menu__content .catalog-filters {
        padding-top: 10px;
        padding-left: 20px;
        padding-right: 20px;
        white-space: normal
    }

    .shop-view .css-mobile-dropdown-menu__content .catalog-filters fieldset:last-of-type {
        display: block;
        margin-left: 0;
        text-align: left
    }

    .shop-view__col-left, .shop-view__col-right {
        float: none;
        width: auto;
        max-width: none;
        margin-left: 0
    }

    .shop-view__col-right .catalog-filters {
        display: none
    }

    .layout-shop-item .link-grey, .layout-shop-item .link2back {
        float: none;
        margin-top: 0
    }
}

.catalog-filters {
    text-align: right;
    white-space: nowrap
}

.catalog-filters fieldset {
    line-height: 42px;
    display: inline-block;
    vertical-align: top
}

.catalog-filters fieldset:last-of-type {
    margin-left: 40px
}

.catalog-filters .inline label {
    vertical-align: middle
}

.catalog-filters .inline.autocomplete label input[type=text] {
    display: inline-block;
    margin-top: 0
}

.cart {
    margin-top: 25px
}

.cart-view {
    margin: 0 auto;
    max-width: 880px
}

.cart-view .g-page-title {
    margin-top: 36px
}

.cart__item {
    position: relative;
    font-size: 16px;
    line-height: 22px;
    color: #1a5e78;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: start;
    padding: 15px 0;
    border-bottom: 2px solid #e9f1f3
}

.cart__item-product {
    flex: 1
}

.cart__item-product a {
    display: inline-flex;
    flex-direction: row;
    vertical-align: top
}

.cart__item-product__photo {
    box-shadow: 0 8px 21px rgba(66, 112, 131, .3);
    background: #fff no-repeat center;
    background-size: contain;
    width: 80px;
    height: 80px
}

.cart__item-product__title {
    flex: 1;
    margin: 10px 0 0 20px
}

.cart__item-product__title b {
    text-transform: uppercase
}

.cart__item-price {
    width: 140px;
    padding-top: 14px;
    font-size: 0;
    line-height: 0
}

.cart__item-price b {
    display: block;
    font-size: 16px;
    line-height: 1
}

.cart__item-price u {
    display: inline-block;
    vertical-align: top;
    text-decoration: none;
    font-size: 14px;
    line-height: 1;
    color: #1a5e78
}

.cart__item-price u:after {
    content: '';
    display: block;
    height: 2px;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    margin: -1px 0 0;
    background: #00af67
}

.cart__item-total {
    width: 100px;
    padding-top: 14px;
    font-size: 0;
    line-height: 0;
    text-align: right
}

.cart__item-total b {
    font-size: 16px;
    line-height: 1
}

.cart__item-actions {
    width: 95px;
    padding-top: 13px;
    font-size: 0;
    line-height: 0;
    text-align: right
}

.cart__item-actions i {
    cursor: pointer
}

.cart__item-amount {
    width: 123px
}

.cart__item-amount input[type=text] {
    width: 68px;
    margin: 0
}

.cart-list {
    margin: 0 0 20px
}

.cart-list__header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: start;
    font-size: 0;
    line-height: 0;
    border-bottom: 2px solid #e9f1f3
}

.cart-list__header > * {
    font-size: 16px;
    line-height: 20px;
    color: #8fa8b4;
    padding-top: 0
}

.cart__bottom {
    color: #1a5e78;
    line-height: 48px
}

.cart__bottom span {
    font-weight: 700
}

.cart__bottom span b {
    color: #00af67
}

.cart__bottom .btn {
    float: right
}

@media all and (max-width: 768px) {
    .cart {
        margin-top: 0
    }

    .cart-view .g-page-title {
        margin-top: 0;
        margin-bottom: 0
    }

    .cart__item {
        padding: 83px 0 30px 120px;
        min-height: 215px;
        display: flex;
        flex-direction: column;
        justify-content: start
    }

    .cart__item-product {
        flex: none;
        position: absolute;
        top: 0;
        left: 0;
        margin-top: 30px;
        width: 100px
    }

    .cart__item-product a {
        display: inline-flex;
        flex-direction: column-reverse
    }

    .cart__item-product__title {
        width: 250%;
        margin: 0;
        flex: none;
        font-size: 14px;
        line-height: 20px
    }

    .cart__item-product__photo {
        margin-top: 13px;
        width: 100px;
        height: 100px
    }

    .cart__item-price {
        width: auto;
        padding-top: 0
    }

    .cart__item-price b {
        display: inline-block;
        font-size: 14px
    }

    .cart__item-price u {
        font-size: 12px;
        margin-left: 9px
    }

    .cart__item-total {
        text-align: left;
        padding-top: 16px;
        width: auto
    }

    .cart__item-total b {
        font-size: 14px
    }

    .cart__item-actions {
        position: absolute;
        top: 0;
        right: 0;
        width: auto;
        padding: 0;
        margin-top: 30px
    }

    .cart__item-amount.amount-wrapper {
        width: 100%;
        margin-top: 17px
    }

    .cart__item-amount.amount-wrapper label {
        display: inline-flex;
        flex-direction: row;
        width: 100%;
        padding: 0
    }

    .cart__item-amount.amount-wrapper label b, .cart__item-amount.amount-wrapper label u {
        position: relative;
        width: 36px;
        height: 36px;
        box-shadow: none
    }

    .cart__item-amount.amount-wrapper label input[type=text] {
        width: auto;
        min-width: 0;
        height: 36px;
        line-height: 36px;
        flex: 1
    }

    .cart-list__header {
        display: none
    }

    .cart__bottom {
        margin-top: 30px;
        text-align: center
    }

    .cart__bottom > span {
        display: block;
        font-size: 14px;
        line-height: 1
    }

    .cart__bottom > .btn {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        margin-top: 26px
    }
}

.product-widget {
    margin-top: 80px
}

.product-widget h3 {
    font-size: 22px;
    line-height: 26px;
    font-weight: 700;
    color: #1a5e78;
    margin: 0 0 23px
}

.product-widget .actions-list, .product-widget .products-list {
    margin-bottom: 30px
}

.product-widget .actions-list__item, .product-widget .products-list__item {
    margin-bottom: 0
}

.product-widget.similar-products {
    margin-top: 70px
}

.product__photos-list {
    font: 0/0 d;
    width: 80px
}

.product__photos-list i {
    display: inline-block;
    vertical-align: top;
    width: 80px;
    height: 80px;
    box-shadow: 0 8px 21px rgba(66, 112, 131, .3);
    background: #fff no-repeat center;
    -webkit-background-size: contain;
    background-size: contain;
    cursor: pointer;
    margin: 0 0 20px
}

.product__photos-list i:last-of-type {
    margin-bottom: 0
}

.product__photos-list i.active:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 4px solid #d7fde0
}

.product__photos-main {
    box-shadow: 0 8px 21px rgba(66, 112, 131, .3);
    background: #fff no-repeat center;
    background-size: contain;
    width: 460px;
    height: 380px;
    margin-left: 100px
}

.product__info {
    margin-left: 601px;
    max-width: 500px
}

.product__info-title {
    font-size: 32px;
    line-height: 34px;
    font-weight: 700;
    color: #1a5e78
}

.product__info-rating {
    margin: 8px 0 10px
}

.product__info-mobile-photos {
    display: none;
    white-space: nowrap;
    margin-left: -20px;
    margin-right: -20px
}

.product__info-mobile-photos .photo {
    width: 280px;
    height: 230px;
    box-shadow: 0 8px 21px rgba(66, 112, 131, .3);
    transition: box-shadow .4s;
    display: inline-block;
    vertical-align: text-top;
    text-align: left;
    background: #fff no-repeat bottom right
}

.product__info-buy-wrapper {
    margin-top: 26px
}

.product__info-price {
    margin-bottom: 33px
}

.product__info-price span {
    display: block;
    font-size: 16px;
    line-height: 1;
    color: #8fa8b4;
    margin: 0 0 8px
}

.product__info-price i, .product__info-price u {
    display: inline-block;
    vertical-align: top;
    font-weight: 700
}

.product__info-price u {
    font-size: 32px;
    line-height: 1;
    color: #00af67;
    text-decoration: none
}

.product__info-price i {
    font-size: 16px;
    line-height: 1;
    color: #1a5e78;
    font-style: normal;
    vertical-align: bottom;
    margin: 0 0 5px 12px
}

.product__info-price i:after {
    content: '';
    display: block;
    height: 2px;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    margin: -1px 0 0;
    background: #00af67
}

.product__info-actions {
    margin-top: 30px
}

.product__info-bottom-block {
    margin: 45px 0 0;
    display: flex;
    flex-direction: row
}

.product__info-banner {
    background: #f2fef5;
    color: #00af67;
    padding: 20px 94px 20px 47px;
    font-size: 16px;
    line-height: 22px
}

.product__info-banner-wrapper {
    margin: 26px 0 0 40px;
    max-width: 579px
}

.product__info-banner p:first-child b:before, .product__info-banner p:first-child strong:before {
    content: '';
    display: block;
    width: 21px;
    height: 16px;
    position: absolute;
    top: 0;
    left: 0;
    margin: -1px 0 0 -26px;
    background: url(imgs/i-horn.png) 0 0 no-repeat
}

.product__info-tabs {
    flex: 1
}

.product__info-tabs__tabs {
    font-size: 0;
    line-height: 0;
    padding: 0 0 10px
}

.product__info-tabs__tabs > a {
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    line-height: 1;
    font-weight: 700;
    margin: 0 20px
}

.product__info-tabs__tabs > a:first-of-type {
    margin-left: 0
}

.product__info-tabs__tabs > a.active {
    color: #00af67;
    cursor: default
}

.product__info-tabs__content {
    border-top: 2px solid #e9f1f3
}

.product__info-tabs__content-item {
    display: none;
    padding: 14px 0 16px;
    border-bottom: 2px solid #e9f1f3
}

.product__info-tabs__content-item p {
    margin: 0
}

@media all and (max-width: 768px) {
    .product__photos {
        display: none
    }

    .product__info {
        display: flex;
        flex-direction: column;
        max-width: none;
        margin-left: 0
    }

    .product__info-mobile-photos {
        display: block;
        padding: 0 20px 30px
    }

    .product__info-title {
        font-size: 24px;
        line-height: 26px;
        text-align: center
    }

    .product__info-rating .rating {
        margin: 0 auto
    }

    .product__info-buy-wrapper {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center
    }

    .product__info-price {
        display: inline-block;
        vertical-align: top;
        margin: 0
    }

    .product__info-price span {
        font-size: 14px
    }

    .product__info-price u {
        font-size: 24px
    }

    .product__info-price i {
        font-size: 14px;
        margin: 0 0 2px 5px
    }

    .product__info-lead {
        order: 1;
        margin-top: 25px
    }

    .product__info-actions {
        margin: 0
    }

    .product__info-actions .btn {
        padding-left: 25px;
        padding-right: 25px
    }

    .product__info-bottom-block {
        flex-direction: column;
        margin-top: 28px
    }

    .product__info-tabs {
        flex: none
    }

    .product__info-tabs__tabs > a {
        display: block;
        margin: 0;
        padding: 12px 0;
        border-bottom: 2px solid #e9f1f3;
        position: relative
    }

    .product__info-tabs__tabs > a:first-of-type {
        border-top: 2px solid #e9f1f3
    }

    .product__info-tabs__tabs > a:after {
        content: '';
        display: block;
        width: 15px;
        height: 9px;
        position: absolute;
        top: 50%;
        right: 0;
        margin: -5px 0 0;
        background: url(imgs/faq-arrow.png) 0 0 no-repeat
    }

    .product__info-tabs__tabs > a.active:after {
        background-position: 0 -18px
    }

    .product__info-tabs__content {
        display: none
    }

    .product__info-banner {
        padding: 20px 34px 20px 34px;
        text-align: center
    }

    .product__info-banner-wrapper {
        max-width: none;
        margin: 40px auto 0;
        width: 100%
    }

    .product-widget {
        text-align: center;
        margin-left: -20px;
        margin-right: -20px
    }

    .product-widget h3 {
        font-size: 18px;
        line-height: 22px
    }

    .product-widget .swiper-container {
        padding: 0 20px 30px
    }

    .product-widget .actions-list {
        max-width: none;
        white-space: nowrap
    }

    .product-widget .actions-list__item {
        display: inline-block;
        vertical-align: top;
        width: 280px;
        margin: 0
    }

    .product-widget .products-list {
        margin-left: 0;
        margin-right: 0
    }

    .product-widget .products-list__item {
        margin: 0
    }
}

.page-blog-index {
    max-width: 980px;
    margin: 0 auto
}

.page-blog-index .pagination-wrapper {
    margin-top: 30px
}

.blog-categories {
    margin: 24px 0 19px;
    font-size: 16px;
    line-height: 1
}

.blog-categories-wrapper .css-mobile-dropdown-menu__title {
    display: none
}

.blog-categories li {
    display: inline-block;
    vertical-align: top;
    margin: 0 22px
}

.blog-categories li a {
    color: #8fa8b4
}

.blog-categories li a:hover {
    color: #00af67
}

.blog-categories li.active {
    color: #00af67
}

.blog-categories li:first-of-type {
    margin-left: 0
}

.blog-list {
    font-size: 0;
    line-height: 0;
    margin: 0 -10px
}

.blog-list__item {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    max-width: 480px;
    min-height: 471px;
    padding: 20px 20px 23px;
    margin: 0 10px 20px;
    box-shadow: 0 8px 21px rgba(66, 112, 131, .3);
    transition: box-shadow .4s;
    background: #fff
}

.blog-list__item > span {
    display: block
}

.blog-list__item-img img {
    width: 100%
}

.blog-list__item-date {
    opacity: .6;
    font-size: 14px;
    line-height: 1;
    color: #1a5e78;
    margin: 19px 0 8px
}

.blog-list__item-title {
    width: 80%;
    font-size: 22px;
    line-height: 26px;
    font-weight: 700;
    color: #1a5e78
}

.blog-list__item-lead {
    font-size: 16px;
    line-height: 22px;
    color: #1a5e78;
    margin-top: 7px
}

.blog-list__item:hover {
    box-shadow: 0 8px 21px rgba(66, 112, 131, .5)
}

@media all and (max-width: 768px) {
    .blog-list__item {
        display: block;
        width: auto;
        height: auto;
        margin-left: auto;
        margin-right: auto;
        max-height: none;
        min-height: 0
    }

    .blog-list__item-date {
        font-size: 12px;
        line-height: 1
    }

    .blog-list__item-title {
        font-size: 18px;
        line-height: 22px
    }

    .blog-list__item-lead {
        font-size: 14px;
        line-height: 20px
    }

    .blog-categories {
        margin: 0
    }

    .blog-categories-wrapper .css-mobile-dropdown-menu__title {
        display: block
    }

    .blog-categories ul {
        position: relative;
        overflow: hidden;
        z-index: 1
    }

    .blog-categories ul li {
        position: relative;
        display: block;
        margin: 0;
        font-size: 14px;
        line-height: 1;
        font-weight: 700
    }

    .blog-categories ul li:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 20px;
        right: 20px;
        display: block;
        height: 2px;
        background: #e9f1f3
    }

    .blog-categories ul li a, .blog-categories ul li span {
        display: block;
        vertical-align: top;
        padding: 13px 18px 11px
    }

    .blog-categories ul li.active, .blog-categories ul li.active a, .blog-categories ul li:hover, .blog-categories ul li:hover a {
        color: #00af67
    }

    .blog-categories ul li.active:before, .blog-categories ul li:hover:before {
        content: '';
        display: block;
        width: 100%;
        position: absolute;
        top: -2px;
        bottom: 0;
        left: 0;
        z-index: -1;
        background: #d7fde0;
        pointer-events: none
    }

    .blog-categories ul li:last-of-type:after {
        content: none
    }
}

@media all and (max-width: 768px) {
    .css-mobile-dropdown-menu {
        margin-bottom: 30px
    }

    .css-mobile-dropdown-menu__content {
        display: none;
        overflow: hidden;
        box-shadow: none;
        border: 1px solid #e9f1f3;
        border-top: none
    }

    .css-mobile-dropdown-menu__content ul li {
        font-size: 14px;
        line-height: 1
    }

    .css-mobile-dropdown-menu__content ul li a, .css-mobile-dropdown-menu__content ul li span {
        padding: 13px 18px 11px
    }

    .css-mobile-dropdown-menu__title {
        position: relative;
        display: block;
        padding: 13px 18px 11px;
        margin: 0;
        font-size: 14px;
        line-height: 1;
        font-weight: 700;
        text-decoration: none;
        color: #1a5e78;
        border: 1px solid #e9f1f3
    }

    .css-mobile-dropdown-menu__title:after {
        content: '';
        display: block;
        width: 15px;
        height: 9px;
        position: absolute;
        top: 50%;
        right: 0;
        margin: -4px 20px 0 0;
        background: url(imgs/faq-arrow.png) top center no-repeat
    }

    .css-mobile-dropdown-menu__tabs {
        width: 100%;
        font-size: 0;
        line-height: 0;
        white-space: nowrap;
        border-collapse: collapse
    }

    .css-mobile-dropdown-menu__tabs .row {
        display: table-row
    }

    .css-mobile-dropdown-menu__tabs a {
        display: table-cell;
        vertical-align: top;
        padding: 13px 18px 11px;
        margin: 0;
        font-size: 14px;
        line-height: 1;
        font-weight: 700;
        text-decoration: none;
        color: #1a5e78;
        border: 1px solid #e9f1f3
    }

    .css-mobile-dropdown-menu__tabs a.active {
        border-bottom: none;
        color: #00af67
    }

    .css-mobile-dropdown-menu.opened .css-mobile-dropdown-menu__title {
        border-bottom-color: transparent
    }

    .css-mobile-dropdown-menu.opened .css-mobile-dropdown-menu__title:after {
        background-position: bottom center
    }

    .page-sales .css-mobile-dropdown-menu, .shop-view .css-mobile-dropdown-menu {
        margin-bottom: 20px
    }

    .page-sales .css-mobile-dropdown-menu__title, .shop-view .css-mobile-dropdown-menu__title {
        display: block
    }

    .page-sales .css-mobile-dropdown-menu__tabs, .shop-view .css-mobile-dropdown-menu__tabs {
        display: table
    }

    .page-sales .css-mobile-dropdown-menu__content, .shop-view .css-mobile-dropdown-menu__content {
        padding-bottom: 10px
    }

    .page-sales .css-mobile-dropdown-menu__content .categories-actions, .shop-view .css-mobile-dropdown-menu__content .categories-actions {
        text-align: right;
        padding-right: 20px;
        margin-top: 10px
    }

    .page-sales .css-mobile-dropdown-menu__content .categories-actions s, .page-sales .css-mobile-dropdown-menu__content .categories-actions s + a, .shop-view .css-mobile-dropdown-menu__content .categories-actions s, .shop-view .css-mobile-dropdown-menu__content .categories-actions s + a {
        display: none
    }

    .page-sales .css-mobile-dropdown-menu__content .categories-list, .shop-view .css-mobile-dropdown-menu__content .categories-list {
        padding: 20px 20px 10px
    }

    .page-sales .css-mobile-dropdown-menu__content .categories-list a, .shop-view .css-mobile-dropdown-menu__content .categories-list a {
        margin-bottom: 10px;
        display: inline-block !important
    }
}









/*# sourceMappingURL=app.min.css.map */